/* --------------------------------------------------



	SiteName : 

	FileName : base.css

	

	== URL ======================================

	

	

-------------------------------------------------- */



/* html,body

================================================== */


.clear {
	clear: both;
}
.height {
	height: 100%;
}
.centxt {
	text-align: center;
}
.ltxt {
	text-align: left;
}
.rtxt {
	text-align: right !important;
}
.ttxt {
	vertical-align: top;
}
.left {
	float:left;
}
.right {
	float: right;
}


a:link, a:active {
	color:#0050aa;
	font-weight: normal;
	text-decoration: underline;
}
a:visited {
	color:#0050aa;
	font-weight: normal;
}
a:hover {
	color:#0050aa;
	font-weight: normal;
	text-decoration:none;
}
.mt-30{margin-top:-30px !important;}
.mb05{margin-bottom:5px !important;}
.mb08{margin-bottom:8px !important;}
.mb20{margin-bottom:20px !important;}

.mt05{margin-top:5px !important;}
.mt07{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt46{margin-top:46px !important;}
.mt71{margin-top:71px !important;}
.mt224{margin-top:224px !important;}
.mr20{margin-right:20px !important;}

.ml05{margin-left:5px !important;}
.ml12{margin-left:12px !important;}





#container .content_bg{background:url(../img/top/top_bg01.gif) repeat-x; width:100%; padding-top:17px; margin-bottom:30px;} 
#container .content_bg .middle{margin:0 auto; width:982px; }

#container .content_bg .advert{width:970px; margin:0 auto 11px auto; padding:0 6px;}
#container .content_bg .advert .advert01{background:url(../img/top/top_img01.jpg) no-repeat; float:left; overflow:hidden; width:425px; padding:0 18px 32px 37px;}
#container .content_bg .advert .advert02{background:url(../img/top/top_img02.jpg) no-repeat; float:right; overflow:hidden;  width:429px; padding:0 21px 32px 30px;}

#container .content_bg .box_top{width:982px; height: 19px;}
#container .content_bg .box_btm{ width:982px; height: 22px;}
#container .content_bg .box_con{width:937px; background:url(../img/top/top_bg03.png) top left repeat-y; padding: 0 23px 0 22px; overflow:visible;}


#container .content_bg .boxX_top{ width:462px; background:url(../img/top/top_bg05.gif) no-repeat; padding-top:12px; position:relative; overflow:visible;}

#container .content_bg .boxX_btm{ width:462px; background:url(../img/top/top_bg07.gif) left bottom no-repeat; padding-bottom:21px;}
#container .content_bg .boxX_con{
	width:440px;
	background: url(../img/top/top_bg06.gif) top left repeat-y;
	padding:0 11px;
	height: auto;
}
#container .content_bg .boxX_con dl.ulOne{background: url(../img/top/top_bg08.gif) left bottom no-repeat; width:411px; padding:29px 0 32px 29px; height: 91px; border-bottom:#d6d6d8 1px solid;}
#container .content_bg .boxX_con dl.ulOne a{background: url(../img/top/top_bg08.gif) left bottom no-repeat; width:411px; padding:29px 0 32px 29px; height: 91px; border-bottom:#d6d6d8 1px solid;}


#container .content_bg .boxX_con dl.ulTwo {
	background:url(../img/top/top_bg09.gif) left bottom no-repeat;
	width:408px;
	padding:12px 0 11px 31px;
	height: 68px;
	border-bottom:#d6d6d8 1px solid;
}




#container .content_bg .boxX_con dl.ulOne dt{float:left; margin-right:13px; width:112px;}
#container .content_bg .boxX_con dl.ulOne dd{ float:left; width:282px;font-size:12px;}

#container .content_bg .boxX_con dl.ulTwo dt{
	float:left;
	margin-right:8px;
	width:72px;
	height: 68px;
}
#container .content_bg .boxX_con dl.ulTwo dd{
	float:left;
	overflow:hidden;
	width:325px;
	font-size:12px;
	height: 68px;
}
#container .content_bg .boxX_con dl.ultwo dd img{ vertical-align:top;}
#container .content_bg .boxX_con dl .icon00{background:url(../img/top/top_bg12.gif) top left no-repeat; padding-left:8px;}
#container .content_bg .boxX_con dl .icon0r{background:url(../img/top/top_bg14.gif) center left no-repeat; padding-left:8px; padding-top:0px; margin-top:0px;}
#container .content_bg .boxX_con dl .icon0r_2{background:url(../img/top/top_bg14.gif) center left no-repeat; padding-left:8px; font-size:11px;}
#container .content_bg .boxX_con dl a{color:#0082af;} 


#container .content_bg #mainArea{width:970px; padding:0 0 0 6px;}
#container .content_bg #mainArea .main_top{ width:727px; float:left; border:1px solid #dbe0e0; padding:3px 3px 0 3px; background-color:#FFFFFF;}
#container .content_bg #mainArea .main_btm .main_top .main_con{width:721px; border-right:3px solid #dbe0e0;border-left:3px solid #dbe0e0; border-bottom:3px solid #dbe0e0; margin-bottom:4px;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl{ width:683px; border-bottom:1px solid #dbe0e0; overflow:hidden; padding:7px 0; margin:0 19px; height:100%;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dt{padding:0 28px 0 10px; float:left; width:52px;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dd{overflow:hidden; zoom:1; width:590px;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dd img{display:inline; vertical-align:top;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dd .icon04{ background:url(../img/top/top_bg13.gif) center left no-repeat; padding-left:8px;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dd img{margin-right:20px;}
#container .content_bg #mainArea .main_btm .main_top .main_con dl dd a{margin-right:8px; line-height:15px; height:15px;}


#container .content_bg #mainArea .main_btm{width:735px; background:url(../img/top/top_bg10.gif) bottom no-repeat; padding-bottom:6px;}

#container .content_bg #mainArea .sideBar{width:215px; float:right;}
#container .content_bg #mainArea .sideBar ul{list-style-type:none;}
#container .content_bg #mainArea .sideBar ul li{
	width:215px;
	margin-bottom:10px;
}
#container .content_bg #mainArea .sideBar ul li img{display:block;}


#container .content_bg .news{width:961px; margin:0 4px; padding:3px; border:1px solid #e6e9e9;}
#container .content_bg .news .news_con{width:961px;  border-bottom:3px solid #dbe0e0; background:url(../img/top/top_bg11.gif) repeat-y; padding-top:2px; padding-bottom:20px;}


#container .content_bg .news .news_con dl{
	width:928px;
	border-bottom:1px solid #dbe0e0;
	overflow:hidden;
	margin:0 18px 0 15px;
	padding:17px 0 10px 0;
}

#container .content_bg .news .news_con dl dt{padding-right:33px; float:left; width:54px; color: #868686;}
#container .content_bg .news .news_con dl dd{overflow:hidden; width:auto; float:left;}
#container .content_bg .news .news_con dl dd .icon04{ background:url(../img/top/top_bg13.gif) center left no-repeat; padding-left:8px;}

.icon{position:absolute;top:-30px;left:215px; z-index:100;}

.icon01{position:absolute;left:215px; bottom: -40px;}
* html .icon01{position:absolute;left:215px; bottom: -41px;}


#container .content_bg .banner{width:970px; margin:0 auto; padding:6px 6px 0;}

#mainArea .main_con .down{ float:right; padding:9px 20px 8px 0;}
#mainArea .main_con .img{margin-right:5px !important; float:right; padding:9px 0 8px 0;}



/* 201109renew----------------------- */

#top_newmain{
	width:970px;
	margin:0 auto;
	}

#top_newmain #jsbs_container{
	width:970px;
	height:278px;
	background:url(../img/top/top_mainbg.jpg) top left no-repeat;
	margin-bottom: 15px;
	}
	
#top_newmain img {
	font-size:0;
	line-height:0;
	vertical-align:middle;
	}

#top_newmain #jsbs_i_container{
	position:relative;
	width:710px;
	height:250px;
	float:left;
	margin-top: 11px;
	}
	
#top_newmain #jsbs_b_container{
	position:relative;
	width:231px;
	height:250px;
	float:right;
	margin-top: 11px;
	}
	
#top_newmain .mgn_r17{
	margin-right:17px;
	}

#top_newmain .flo_l{
	float:left;
	}
	
#top_newmain .w312{
	width:312px;
	}
	
#top_newmain #jsbs_btn_1{
	position:relative;
	width:231px;
	height:84px;
	}
	
#top_newmain #jsbs_btn_2{
	position:relative;
	width:231px;
	height:83px;
	}
	
#top_newmain #jsbs_btn_3{
	position:relative;
	width:231px;
	height:83px;
	}

#jsbs_b_container .bg{
	position:absolute;
	display:block;
	width:231px;
	height:83px;
	top:0;
	right:11px;
	background-repeat:no-repeat;
}

#jsbs_i_container div{
	position:absolute;
	display:block;
	width:710px;
	height:250px;
	left:12px;
	top:0;
}


/* headerTOP----------------------- */


/* 下記#header_topは、バナーが入る場合は高さ250pxに---------- */
#header_top {
	width:100%;
	height:130px;
	margin:0 auto;
	border-bottom: 1px solid #d4d7d7;
	background: #ffffff;
}

#header_top .in{
	width:970px;
	margin:0 auto;
	height:130px;
}

#header_top h1{
	padding-bottom:14px;
	padding-top: 30px;
}

#header_top img{
vertical-align:top;
}

#header_top .btm{
width:970px;
height:55px;
}

#header_top .logo{
	width:304px;
	height:37px;
	padding-top:12px;
	float:left;
}

#header_top .info{
	float:right;
	width:650px;
}

#header_top .info li{
	float:right;
	margin-left:15px;
}

#header_top .info li.t2{
	padding-top:12px;
}

#header_top .bnr{
	padding-top:15px;
}

/* 111021 松田追記
----------------------------------*/

.topbnr_area {
	width: 970px;
	margin: 0 auto 10px;
}