@charset "UTF-8";

.contInner{

}


/* .mainimg */
.mainimg {
	background:url(../images/driver/bg_mainimg.jpg) no-repeat center center #0070c4;
}

.logistArea {
	padding-top:26px;
}


.cont01 .ttl01 {
	color:#0070C4;
	border-bottom:#e5f0f9 11px solid;
	padding:10px 0;
}

.cont01 .title {
    color: #0070C4;
    font-weight: bold;
    line-height: 1.2;
    padding:0 0 18px 0;
}
.backpink{
	background: #FF7BA1;
	color: #fff;
	padding:5px 10px;
	display: inline-block;
}

.serSet01 {
	width:860px;
	margin:0 auto;
	clear:both;
	padding:40px 0 10px 0;
}



/* .headTitle01 */
.headTitle01 {
	color:#0070C4;
		background:url(../common/images/ln_title.png) repeat-x left bottom #e5f0f9;
}
.headTitle01 .bg {
	background:#e5f0f9;
	border-bottom:#0070C4 2px solid;
}

#contents03 .headTitle01 {
	color:#006837;
		background:url(../common/images/ln_title.png) repeat-x left bottom #d9e8e1;
}
#contents03 .headTitle01 .bg {
	background:#d9e8e1;
	border-bottom:#006837 2px solid;
}
#contents04 .headTitle01 {
	color:#754C24;
		background:url(../common/images/ln_title.png) repeat-x left bottom #e9e4df;
}
#contents04 .headTitle01 .bg {
	background:#e9e4df;
	border-bottom:#754C24 2px solid;
}
#contents05 .headTitle01 {
	color:#D64C63;
		background:url(../common/images/ln_title.png) repeat-x left bottom #ffdbdd;
}
#contents05 .headTitle01 .bg {
	background:#ffdbdd;
	border-bottom:#D64C63 2px solid;
}
#contents06 .headTitle01 {
	color:#009E92;
		background:url(../common/images/ln_title.png) repeat-x left bottom #e0f6f4;
}
#contents06 .headTitle01 .bg {
	background:#e0f6f4;
	border-bottom:#009E92 2px solid;
}


/*サイドバナー*/
.sideArea .snavi li.sn01 a:hover,
.sideArea .snavi li.sn01 a.current {
	background:url(../images/driver/snavi_btn01_on.png) no-repeat left top;
}
.sideArea .snavi li.sn02 a:hover,
.sideArea .snavi li.sn02 a.current {
	background:url(../images/driver/snavi_btn02_on.png) no-repeat left top;
}
.sideArea .snavi li.sn03 a:hover,
.sideArea .snavi li.sn03 a.current {
	background:url(../images/driver/snavi_btn03_on.png) no-repeat left top;
}
.sideArea .snavi li.sn04 a:hover,
.sideArea .snavi li.sn04 a.current {
	background:url(../images/driver/snavi_btn04_on.png) no-repeat left top;
}
.sideArea .snavi li.sn05 a:hover,
.sideArea .snavi li.sn05 a.current {
	background:url(../images/driver/snavi_btn05_on.png) no-repeat left top;
}
.sideArea .snavi li.sn06 a:hover,
.sideArea .snavi li.sn06 a.current {
	background:url(../images/driver/snavi_btn06_on.png) no-repeat left top;
}
.sideArea .snavi li.sn07 a:hover,
.sideArea .snavi li.sn07 a.current {
	background:url(../images/driver/snavi_btn07_on.png) no-repeat left top;
}


/*バナー部分*/

#contents01 .bigbnr {
	background:url(../images/driver/bg01.jpg) no-repeat center top;
	padding: 8px 10px 22px 144px;
	color: #fff;
}

#contents02 .bigbnr {
	background:url(../images/driver/bg02.jpg) no-repeat center top;
	padding: 10px 10px 47px 50px;
}
#contents03 .bigbnr {
	background:url(../images/driver/bg03.jpg) no-repeat center top;
	padding: 40px 10px 20px 146px;
}
#contents04{
	margin: 20px auto;
	width: 897px;
	
}

#contents05{
	margin: 20px auto;
	width: 897px;
}
#contents05 .contInner{
	border: 2px solid #0070c4;
}
#contents06{
	margin: 20px auto;
	width: 897px;
}
#contents06 .contInner{
	border: 2px solid #1DBA7C;
}
#contents07{
	margin: 20px auto;
	width: 897px;

}
#contents07 .contInner{
	border: 2px solid #38bad2;
}





/*バナー部分共通部分*/
.tit01{
	border-bottom: 2px solid #fff;
	margin: 0 0 20px 0;
}
.cont p{
	padding-bottom: 10px;
}



/*各バナーのごとの設定*/
#contents01 .ttl {
	padding: 0 30px 0px 0; 
	display: inline-block;
}
#contents01 .tit01{
	border: none;
	margin: 0;
	text-align: right;
}
#contents01 .tit01 strong {
	margin: 0 0 25px 0;
	display: inline-block;
}
#contents01 .cont{
	display: inline-block;
	width: 400px;
	vertical-align:top;
	padding: 30px 0px 0 0;
	font-weight: 800;
}
#contents01 .cont strong{
	color: #B6F0F9;
}
#contents01 .cont .tit01 strong{
	color: #fff;
}




#contents02 .ttl {
	padding: 20px 0 10px 0;
	display: inline-block;
}

#contents02 .tit01{
	border-bottom: 2px solid #4FBDFF;
}
#contents02 .cont {
	display: inline-block;
	width: 450px;
	vertical-align:top;
	padding: 20px 20px 0 0;
	font-weight: 800;
}
#contents02 .txt01 strong{
	color: #0070C4;
}



#contents03 .ttl {
	padding: 0 0px 10px 0;
	display: inline-block;
}
#contents03 .tit01{
	border-bottom: 2px solid #1DBA7C;
}
#contents03 .cont {
	display: inline-block;
	width: 460px;
	vertical-align:top;
	padding: 30px 0px 0 0;
	margin-left: -30px;
	text-align: right;
	font-weight: 800;
}
#contents03 .txt01 strong{
	color: #006837;
}
#contents03 .contInner{
padding-bottom: 0;
}





/*バナーのコンテンツ部分*/
.tit02{
background: #38BAD2;
padding: 10px 5px;
color: #fff;
margin: 0 0 10px 0;
text-align: left;
font-size: 135%;
}

#contents02 .tit02{
	font-size: 150%;
	padding: 10px;
}

.tit03{
	background: url(../common/images/bg_tit03.png) repeat-x bottom;
	font-size: 130%;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	text-align: left;
	color: #0070C4;
}
.tit03 img,
.tit04 img,
.tit05 img{
	vertical-align:middle;
	margin: 0 20px 0 0;
}




.servicelist li{
	text-align: center;
	display: inline-block;
	width:31%;
	background: #38BAD2;
	margin: 0 0.5% 10px 0.5%;
	font-size: 110%;
	font-weight: 800;
	padding: 5px 0;
	color: #fff;
	-moz-border-radius: 8px;		
	border-radius: 8px;
}




.block3box dl,
.block2box dl{
	width: 31%;
	float: left;
	margin: 0 0.7% 10px 0.7%;
	border: 2px solid #6FD32A;

}
.block2box dl{
width: 47.5%;
}

.block3box dt,
.block2box dt{
	background: #6FD32A;
	color: #fff;
	padding: 10px 10px 5px 10px;
	margin: 0 0 0px 0;
	font-weight: 800;
	font-size: 120%;

}
.block3box dd,
.block2box dd{
	text-align: left;
	padding: 10px;
	
}
.block3box img,
.block2box img{
	max-width: 100%;
	padding: 10px 0 0 0;
}
.block3box ol,
.block2box ol{
margin: 0 0 0 20px;
}


.table03 .tbg01{
	background: #e5f0f9;
}




.supportbox{
	border: 2px solid #FF86B3;
	background: #ffebf1;
	-moz-border-radius: 8px;		
	border-radius: 8px;
	padding: 20px;
	margin: 100px 0 0 0;
}
.supportbox img{
margin: -120px 0 20px 0;
}

.table03 th{
color: #333;
font-weight: 400;
}


.win3box{
background:url(../images/driver/3win.png) no-repeat center top;
font-size: 90%;
}
.win3box ul{
position: relative;
height: 480px;
}
.win3box li{
background: #FFDDE5;
padding: 10px;
display: inline-block;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
    border-radius: 5px;
	position: absolute;
}
.win3box li:nth-child(1){
	left:430px;
}
.win3box li:nth-child(2){
	top:400px;
	background: #e5f0f9;
}
.win3box li:nth-child(3){
	left: 540px;
	top:400px;
	background: #c3eaf1;
}