@charset "Shift_JIS";

/*----------------------------------------------------
reset
-------------------------------------------------------*/
#top_dgn div.wrapper_{
	background:none;
}
#top_dgn div.container_ div.contents_ div.mainframe_ {
	float:none;
	width:100%;
	display:block;
}
#top_dgn div.container_ {
	width:100%;
}
#top_dgn div.container_ div.contents_ {
	float:none;
	width:100%;
}

#top_dgn #header_dgn{
	height:70px;
	background:url(/cms/cojp/pc/dgn/pc/cmn/img/bg_header.gif) top repeat-x;	
}

/*----------------------------------------------------
mainImg_dgn
-------------------------------------------------------*/
#top_dgn .mainImg_dgn{
	background:url(/cms/cojp/pc/sample/pc/top/img/bg_mainbox.gif);
	width:100%;
	margin-bottom:35px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

#top_dgn .fws_display_dgn{
	overflow:hidden;
	height:420px;
}

#top_dgn .mainImg_dgn li {
	display: block;
	margin: 0;
	padding: 0;

}

#top_dgn .fws_leftNav_dgn,
#top_dgn .fws_rightNav_dgn {
	display: block;
    height: 48px;
	width: 48px;
    position: absolute;
    
    z-index: 101;
}

#top_dgn .fws_blindLeft_dgn,#top_dgn .fws_blindRight_dgn{
	width:100px;
	height:420px;
	position:absolute;
	top:0;
	z-index:50;
	background-color:#FFF;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	left:0;
}

#top_dgn .fws_pagination_dgn{
	position:absolute;
	top:385px;
	left:50%;
}

#top_dgn .fws_pagination_dgn a {
    background: url("/sample/pc/top/img/btn_indicator_off.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 13px;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: middle;
    width: 13px;
}
#top_dgn .fws_pagination_dgn a.current {
    background: url("/sample/pc/top/img/btn_indicator_on.png") no-repeat scroll 0 0 transparent;
}

/*.fws_blindLeft_dgn{
	left:0;
}

.fws_blindRight_dgn{
	right:0;
}*/

/*.fws_leftNav_dgn:before,
.fws_rightNav_dgn:before {
	content:"";
	width:100%;
	height:100%;
	display: block;

}

.fws_leftNav_dgn {
	background: url(btn_prev_off.png) right center no-repeat 
}

.fws_leftNav_dgn:hover {
	background: url(btn_prev_on.png) right center no-repeat 
}

.fws_rightNav_dgn {
	background: url(btn_next_off.png) left center no-repeat
}

.fws_rightNav_dgn:hover {
	background: url(btn_next_on.png) left center no-repeat 
}

.leftNav:hover:before,
.fws_rightNav_dgn:hover:before {
	background: url(bg2.png)
}
*/
/*----------------------------------------------------
importantArea_dgn
-------------------------------------------------------*/
#top_dgn .importantArea_dgn{
	margin:0 auto 30px auto;
	width:980px;
	background-color:#eaf2fc;
	border:1px solid #7ba7e6;
}
#top_dgn .importantArea_dgn dl{
	margin:0 18px;
}
#top_dgn .importantArea_dgn dt{
	clear: left;
	float:left;
	width:16.25em;
	padding:20px 0 15px 0;
	background:url(/cms/cojp/pc/dgn/pc/cmn/img/bg_dotline01.gif) repeat-x top left;
	line-height:1.4;
}
/*IE9*/
#top_dgn .importantArea_dgn dt:not(:target){
	padding:18px\9 0 15px 0;
}

#top_dgn .importantArea_dgn dd{
	margin-left:16.25em;
	padding:17px 0 15px 0;
	background:url(/cms/cojp/pc/dgn/pc/cmn/img/bg_dotline01.gif) repeat-x top left;
	line-height:1.6;
}
#top_dgn .importantArea_dgn dd a{
	display:block;
	margin-left:20px;
	padding-left:12px;
	background:url(/cms/cojp/pc/dgn/pc/cmn/img/ico_arrow04.png) no-repeat 0 6px;
	font-weight:bold;
}
/*IE7/8*/
#top_dgn .importantArea_dgn dd a{
	background/***/:url(/cms/cojp/pc/dgn/pc/cmn/img/ico_arrow04.png) no-repeat 0 5px\9;
}
/*----------------------------------------------------
bannerArea_dgn
-------------------------------------------------------*/
#top_dgn .bannerArea_dgn{
	width:100%;
	margin-bottom:47px;
}
#top_dgn .bannerArea_dgn ul {
    margin: 0 auto;
    width: 980px;
}
#top_dgn .bannerArea_dgn ul li{
	float:left;
	margin-right:20px;
}
#top_dgn .bannerArea_dgn ul li:last-child,
#top_dgn .bannerArea_dgn ul li.last{
	margin-right:0;
}

/*----------------------------------------------------
newsArea_dgn
-------------------------------------------------------*/
#top_dgn .newsArea_dgn{
	margin:0 auto 80px auto;
	width:980px;
}
