@charset "utf-8";

/*===== CONTENTS ============================================

	0:    common
	1:		header
	2:		main-img
	3: 		contents
	4:		footer
	
===========================================================*/


/*===== common ============================================*/
#wrapper{  
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;  
} 

#page_top{
	position: fixed;
	right:10px;
	bottom:10px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 2px 3px rgba(130,130,130,0.5); /* Safari, Chrome用 */
	-ms-box-shadow: 0 2px 3px rgba(130,130,130,0.5); /* IE9用 */
	-moz-box-shadow: 0 2px 3px rgba(130,130,130,0.5); /* Firefox用 */
	box-shadow: 0 2px 3px rgba(130,130,130,0.5); /* CSS3 */
	behavior:url(./PIE.php);	
}


#bread-crumb {margin: 10px 0 20px;}
#bread-crumb ol {margin: 0; padding: 0; list-style-type: none;}
#bread-crumb ol li {float: left; margin: 0 8px 0 0; font-size:93%;}
#bread-crumb ol li a {padding: 0 20px 0 0; background:url(../img/bread-crumb-arrow.jpg) center right no-repeat; text-decoration:underline; color:#093da7;}

.basic01{border-top:1px solid #093da7;border-bottom:1px solid #093da7;}
.basic01 > tbody > tr > th{background:#d8e2fa; border-top:1px dashed #093da7; margin-top:-1px; padding:5px 20px; text-align:left; font-weight:bold;}
.basic01 > tbody > tr > td{ border-top:1px dashed #093da7; margin-top:-1px; padding:5px 20px;}



/*===== header ============================================*/

#header-wrap{width:100%; background:url(../img/hd-bg.jpg) repeat-x;}
#header-wrap > .wrap-h1{height:27px; border-bottom:3px solid #05225d; background:#093da7;}
#header-wrap > .wrap-h1 > h1{line-height:27px; width:960px; margin:0 auto; color:#fff; font-size:93%;}
#header{margin:0 auto; width:960px; height:99px; position:relative;}
#header > .logo {width:255px; position:relative;}
#header > .hd-navi{ right:0; top:8px; position:absolute;}
#header > .hd-navi > li{ float:left; text-align:center; height:12px; margin-left:22px;}
#header > #gnavi{ right:0; bottom:23px; position:absolute; border-left:1px dotted #05225d;}
#header > #gnavi > li{ float:left; text-align:center; height:31px; border-right:1px dotted #05225d;}



/*===== main-img ============================================*/
#mainimgbg{ background:#093da7 url(../img/main-img-bg.jpg) center no-repeat; width:100%; height:451px; margin:0 auto 20px;}
#mainimgbg > div{width:960px; margin:0 auto; position:relative;}
#mainimgbg > div > ul{position:absolute; width:996px; height:153px; bottom:15px; left:0;}
#mainimgbg > div > ul > li{float:left; width:249px;}
#mainimg{width:960px; margin:0 auto;}

#mainimgbg-lower{width:100%; background-color:#093da7; height:126px; border-top:1px solid #a6a1a1; border-bottom:1px solid #a6a1a1;}
#mainimgbg-lower > div{border-top:1px solid #fff; border-bottom:1px solid #fff;}
#mainimgbg-lower > div > h2{width:960px; margin:0 auto;}
.beginner-main{background: url(../beginner/img/h2-bg.jpg) no-repeat center;}
.advantage-main{background: url(../advantage/img/h2-bg.jpg) no-repeat center;}
.contents-main{background: url(../contents/img/h2-bg.jpg) no-repeat center;}
.privacy-main{background: url(../privacy/img/h2-bg.jpg) no-repeat center;}
.company-main{background: url(../corporate/img/h2-bg.jpg) no-repeat center;}
.contact-main{background: url(../contact/img/h2-bg.jpg) no-repeat center;}
.charge-main{background: url(../charge/img/h2-bg.jpg) no-repeat center;}
.equipment-main{background: url(../equipment/img/h2-bg.jpg) no-repeat center;}
.faq-main{background: url(../faq/img/h2-bg.jpg) no-repeat center;}
.sitemap-main{background: url(../sitemap/img/h2-bg.jpg) no-repeat center;}
.road-main{background: url(../road/img/h2-bg.jpg) no-repeat center;}


/*===== contents ============================================*/

#contents{width:960px; margin:0 auto 70px; }

.top-topics-box{padding-bottom:30px;}
.top-topics-box > h3{background:url(../img/top-h3.jpg) no-repeat; width:690px; height:50px; line-height:50px; font-size:123.1%; font-weight:bold; padding-left:30px; margin-bottom:20px;}
.top-topics-box > dl{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
.top-topics-box > dl > dt{float:left; wdith:85px;font-weight:bold;color:#093DA7;}
.top-topics-box > dl > dd{margin-left:85px;}
.top-topics-box > dl > dd > a{text-decoration:underline;}
.top-topics-box > dl > dd > a:hover{text-decoration:none;}

#main{width:690px; float:left;}
#main > .top-box01-hd{position:relative; width:690px; height:127px;}
#main > .top-box01-hd > img{position:absolute; top:0; left:-12px;}
#main > .top-box01{background:url(../img/top-box01-bg.jpg) repeat-y; width:650px; padding:0 20px 10px;}
#main > .top-box01 > span{display:block; margin-bottom:5px; font-weight:bold; font-size:116%; padding:0 10px;}
#main > .top-box01 > p{padding:0 10px; line-height:180%; margin-bottom:10px;}
#main > .top-box01 > h4{background:url(../img/top-box01-h4.jpg) no-repeat; height:35px; line-height:35px; font-size:123.1%; padding-left:17px; font-weight:bold;}
#main > .top-box01-ft{background:url(../img/top-box01-ft.jpg) no-repeat; width:690px; height:12px; margin-bottom:35px;}
#main > .top-box01 > ul{margin-top:20px;}
#main > .top-box01 > ul > li.first{
margin-left:0;
float:left;
position:relative;
width:170px;
padding:5px 10px;
background-color:#fff;
background-image:url(../img/top-box01-li-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:5px solid #fff;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.3); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 6px rgba(50,50,50,50.0.3); /* IE9用 */
-moz-box-shadow: 0 0 6px rgba(50,50,50,0.3); /* Firefox用 */
box-shadow: 0 0 6px rgba(50,50,50,0.3); /* CSS3 */
behavior:url(PIE.php);
position:relative;
}
#main > .top-box01 > ul > li{
float:left;
position:relative;
width:170px;
padding:5px 10px;
margin-left:23px;
background-color:#fff;
background-image:url(../img/top-box01-li-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:5px solid #fff;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.3); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 6px rgba(50,50,50,50.0.3); /* IE9用 */
-moz-box-shadow: 0 0 6px rgba(50,50,50,0.3); /* Firefox用 */
box-shadow: 0 0 6px rgba(50,50,50,0.3); /* CSS3 */
behavior:url(PIE.php);
position:relative;
}
#main > .top-box01 > ul > li > span{display:block; padding-bottom:8px; font-weight:bold; color:#093da7;}
#main > .top-box01 > ul > li > .top-box01-li-icon{position:absolute; left:-5px; top:-5px;}
#main > .top-box03 > h3{background:url(../img/top-h3.jpg) no-repeat; width:690px; height:50px; line-height:50px; font-size:123.1%; font-weight:bold; padding-left:30px;}
#main > .top-box03 > ul > li:first-child{ margin-left:0}
#main > .top-box03 > ul > li{ float:left; width:337.5px; margin-left:15px;}
#main > .top-box03 > ul > li > div{
height:30px;
line-height:30px;
padding-left:10px;
font-size:108%;
font-weight:bold;
background:#f5f5f2;
border-bottom:3px solid #05225d;
-webkit-box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* Safari, Chrome用 */
-ms-box-shadow: 0 2px 1px rgba(50,50,50,50.0.3); /* IE9用 */
-moz-box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* Firefox用 */
box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* CSS3 */
behavior:url(PIE.php);
position:relative;
} 
#main > .top-box03 > ul > li > div > img{position:absolute;top:-21px; right:0;}
#main > .top-box03 > ul > li > dl{margin-bottom:10px;}
#main > .top-box03 > ul > li > dl > dt{float:left; background:#093da7; color:#fff; width:60px; font-size:93%; padding:2px 0; text-align:center;}
#main > .top-box03 > ul > li > dl > dd{margin-left:65px; padding:2px 0;}

/*初めての方へ*/
#main > .top-box03-02 > h3{background:url(../img/top-h3.jpg) no-repeat; width:690px; height:50px; line-height:50px; font-size:123.1%; font-weight:bold; padding-left:30px;}
#main > .top-box03-02 > ul > li:first-child{ margin-left:0}
#main > .top-box03-02 > ul > li{ float:left; width:220px; margin-left:15px;}
#main > .top-box03-02 > ul > li > div{
height:51px; /* 30px→51px */
line-height:51px; /* 30px→51px */
padding-left:10px;
font-size:108%;
font-weight:bold;
/*background:#f5f5f2;*/
border-bottom:3px solid #05225d;
-webkit-box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* Safari, Chrome用 */
-ms-box-shadow: 0 2px 1px rgba(50,50,50,50.0.3); /* IE9用 */
-moz-box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* Firefox用 */
box-shadow: 0 2px 1px rgba(50,50,50,0.3); /* CSS3 */
behavior:url(PIE.php);
position:relative;
text-shadow: 1px 1px 0px #fff,
-1px 1px 0px #fff,
1px -1px 0px #fff,
-1px -1px 0px #fff; /* CSS3 */
} 
.m-b20_1 {background: url(../img/top-box02-img01.jpg) no-repeat center top;}
.m-b20_2 {background: url(../img/top-box02-img02.jpg) no-repeat center top;}
.m-b20_3 {background: url(../img/top-box02-img03.jpg) no-repeat center top;}

#main > .top-box03-02 > ul > li > div > img{position:absolute;top:-21px; right:0;}
#main > .top-box03-02 > ul > li > dl{margin-bottom:10px;}
#main > .top-box03-02 > ul > li > dl > dt{float:left; background:#093da7; color:#fff; width:60px; font-size:93%; padding:2px 0; text-align:center;}
#main > .top-box03-02 > ul > li > dl > dd{margin-left:65px; padding:2px 0;}




.lower-box01 > h3{background:url(../img/top-h3.jpg) no-repeat; width:690px; height:50px; line-height:50px; font-size:123.1%; font-weight:bold; padding-left:30px; margin-bottom:25px;}
.lower-box01 > h4{background:url(../img/lower-h4.jpg) no-repeat; height:35px; line-height:35px; font-size:123.1%; padding-left:20px; font-weight:bold; margin-bottom:25px;}
.w-210{width:210px;}
.w-310{width:310px;}
.w-350{width:350px;}
.w-360{width:360px;}
.w-370{width:370px;}
.w-390{width:390px;}
.w-400{width:400px;}
.w-420{width:420px;}
.w-430{width:430px;}
.w-460{width:460px;}
.w-620{width:620px;}


#sidebar{	float:right;	width:230px;}
#sidebar > .side-navi{background:#e6e6df; padding:12px 0 10px;}
#sidebar > .side-navi > .side-navi-title{
background:url(../img/lower-side-title-bg.jpg) no-repeat; width:225px; height:55px; padding:7px 0 0 15px; margin-left:-10px; color:#fff; font-size:116%; font-weight:bold;}
#sidebar > .side-navi > .side-navi-title > span{display:block; font-size:65%; color:#77b7f7; font-weight:bold; margin-top:-4px; margin-left:2px;}
#sidebar > .side-navi > .side-navi-li{width:204px; margin:0 auto;border:4px solid #fff; background:#faf9f9;
-webkit-box-shadow: 0 0 4px rgba(50,50,50,0.6); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 4px rgba(50,50,50,50.0.6); /* IE9用 */
-moz-box-shadow: 0 0 4px rgba(50,50,50,0.6); /* Firefox用 */
box-shadow: 0 0 4px rgba(50,50,50,0.6); /* CSS3 */
behavior:url(PIE.php);
position:relative;
}
#sidebar > .side-navi > .side-navi-li > li:first-child{display:block; height:37px; line-height:37px; color:#000; border-top:none; padding-top:0; margin-top:0;}
#sidebar > .side-navi > .side-navi-li > li{display:block; height:37px; line-height:37px; color:#000; border-top:1px dotted #000; padding-top:5px; margin-top:5px;}
#sidebar > .side-navi > .side-navi-li > li > a{display:block; height:37px; padding-left:14px; line-height:37px;background: url(../img/side-navi-li-icon.png) no-repeat 6px;}
#sidebar > .side-navi > .side-navi-li > li > a:hover{color:#093DA7;}
#sidebar > .side-navi > .side-navi-li > li > span{display:block; height:37px; padding-left:14px; line-height:37px; background:#d8e2fa url(../img/side-navi-li-icon.png) no-repeat 6px;}

#sidebar > .side-navi > .side-navi-li > li.lower-page > a{display:block; height:37px; padding-left:24px; line-height:37px;background: url(../img/side-navi-li-icon2.png) no-repeat 13px;}
#sidebar > .side-navi > .side-navi-li > li.lower-page > a:hover{color:#093DA7;}
#sidebar > .side-navi > .side-navi-li > li.lower-page > span{display:block; height:37px; padding-left:24px; line-height:37px; background:#d8e2fa url(../img/side-navi-li-icon2.png) no-repeat 13px;}

/*===== footer ============================================*/

#footer{width:100%; background:#e6e6df; padding-top:1px;}
#footer > .footer-in{border-top:1px solid #efefeb; padding:20px 0;}
#footer > .footer-in > div{width:960px; margin:0 auto;}
#footer > .footer-in > ul{width:960px; margin:0 auto 30px; background:url(../img/ft-li-bg.jpg) repeat-y right;}
#footer > .footer-in > ul > li{float:left; background:url(../img/ft-li-bg.jpg) repeat-y left; width:230px; height:60px; padding-left:10px;}
#footer > .footer-in > ul > li > ul > li{background:url(../img/ft-li-icon.jpg) no-repeat left; padding-left:20px;}
#footer > .footer-in > ul > li > ul > li > a{text-decoration:underline;}


#footer > .footer-in > div > ul > li{float:left; padding-right:10px; font-size:85%;}
.copy{background:#093da7;}
.copy > span{display:block; width:960px; margin:0 auto; height:26px; line-height:26px; text-align:right; color:#fff;}