@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　トップページ CSS
 更新日:07/08/09
 
 
 [目次]
 0:common style
	1:div#contents div.main(※コンテンツ左エリア)
		1-0:common style
		1-1:div#urgentInfo(新潟県中越沖地震関連情報)
		1-2:div#mainMenu
			1-2-1:div.routeSearch(高速料金検索)
			1-2-2:div#trafficInfo(道路交通情報)
			1-2-3:div.servicearea,div.enexcopass
			1-2-4:div#etcInfo
		1-3:div#shoppingInfo
		1-4:div#travelInfo(宿泊) 
		1-5:div#otherInfo
		1-6:ul.bnrArea
 2:div#contents div.sub

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

/*cleafix用CSS-----------------*/
@import "clearfix.css";




/* 
 1:div#contents div.main
------------------------------ */

/* 1-0:common style ----------- */


div#contents div.main div.section h2 img{
display:block;
}


/* 1-2:div#mainMenu ----------- */


div#contents div.main div.column02 h2{
margin:0 1px;
}


/* 1-2-1:div.routeSearch(高速料金検索) ----------- */

div.routeSearch{
margin:10px 0 0 0;
}

div.routeSearch table{
border-spacing:0;
border-collapse:collapse;
padding:0 3px;
}

div.routeSearch table td{
font-weight:bold;
vertical-align:bottom;
}

div.routeSearch table input.ic{
width:90px;
border:1px solid #A7A7A7;
display:block;
}

div.routeSearch table input.btn{
margin:0 0 0 10px;
}

div.routeSearch p{
background:url(/img/dotline01.gif) repeat-x top left;
padding:10px 0 0 0;
margin:10px 0 0 0;
}


div.routeSearch p img{
vertical-align:middle;
margin:0 12px 0 0;
}

div.routeSearch p a{
font-weight:bold;
font-size:110%;
}

/* 1-2-2:div#trafficInfo(道路交通情報) ----------- */

div#contents div.main div#trafficInfo h3{
clear:left;
background:#E9E9E9;
font-weight:bold;
font-size:110%;
padding:5px;
margin:0 3px;
position:relative;
}

div#contents div.main div#trafficInfo h3 span{
font-weight:normal;
font-size:90%;
position:absolute;
right:0;
}


div#trafficInfo div.columnInner img{
float:left;
}

div#trafficInfo div.columnInner p,
div#trafficInfo div.columnInner ul{
margin:0 0 0 40px;
line-height:1.5;
}


div#trafficInfo a{
font-weight:bold;
}

div#trafficInfo p a{
letter-spacing:-2px;
}


/* 1-2-3:div.servicearea,div.enexcopass ----------- */


div#contents div.main div.servicearea img,
div#contents div.main div.enexcopass img{
float:left;
}

div#contents div.main div.servicearea h3,
div#contents div.main div.servicearea p{
margin:0 0 0 75px;
}

div#contents div.main div.enexcopass h3,
div#contents div.main div.enexcopass p{
margin:0 0 0 113px;
}


div#contents div.main div.servicearea h3,
div#contents div.main div.enexcopass h3{
font-weight:bold;
font-size:110%;
}

div#contents div.main div.servicearea p.linkText,
div#contents div.main div.enexcopass p.linkText{
clear:left;
}

div#contents div.main div.enexcopass p.linkText{
margin:22px 0 0 0;
}

div#contents div.main div.servicearea p.linkText{
margin:10px 0 0 0;
}



/* 1-2-4:div#etcInfo ----------- */

div#contents div.main div#etcInfo div.first{
width:315px;
float:left;
}

div#contents div.main div#etcInfo div.second{
width:315px;
float:left;
border-left:1px solid #BFBFBF;
}

div#contents div.main div#etcInfo div.first h3{
font-weight:bold;
font-size:110%;
}

div#contents div.main div#etcInfo div.first h3 img{
vertical-align:middle;
float:none;
}

div#contents div.main div#etcInfo div.first h3,
div#contents div.main div#etcInfo div.first p{
margin:0 0 0 117px;
}

div#contents div.main div#etcInfo div.first img{
float:left;
}

div#contents div.main div#etcInfo div.first p.linkText{
margin:10px 0 0 0;
}


div#contents div.main div#etcInfo div.second h3{
font-weight:bold;
}

div#contents div.main div#etcInfo a{
font-weight:bold;
}

div#contents div.main div#etcInfo div.second img{
float:left;
}

div#contents div.main div#etcInfo div.second h3,
div#contents div.main div#etcInfo div.second p{
margin:0 0 0 50px;
}

div#contents div.main div#etcInfo div.second div.columnInner{
background:url(/img/dotline01.gif) repeat-x bottom;
margin:0 10px;
padding:10px 0;
}

div#contents div.main div#etcInfo div.second div.end{
background:none;
}

div#contents div.main div#etcInfo div.second div.end p.linkText{
padding:5px 0 0 0;
}


/* 1-3:div#shoppingInfo ----------- */


div#contents div.main div#shoppingInfo h3{
position:relative;
border-bottom:1px solid #FFA871;
}

div#contents div.main div#shoppingInfo p.lead{
font-size:110%;
margin:0 0 10px 0;
}

div#contents div.main div#shoppingInfo p.linkText{
position:relative;
top:-23px;
}



div#contents div.main div.rankingArea{
background:url(/img/dotline02.gif) repeat-y center;
}

div#contents div.main div.rankingArea img{
vertical-align:top;
margin:0 0 5px 0;
}

div#contents div.main div.rankingArea div.rank01{
width:159px;
float:left;
padding:0 20px;
}

div#contents div.main div.rankingArea div.rank02{
width:175px;
float:left;
padding:0 20px;
}

div#contents div.main div.rankingArea div.rank03{
width:159px;
float:left;
padding:0 20px;
}

/* 1-4:div#travelInfo(宿泊) ----------- */


div#contents div.main div#travelInfo a{
font-weight:bold;
}

div#contents div.main div#travelInfo div.columnInner{
width:613px;
}


div#contents div.main div#travelInfo div.first{
width:313px;
float:left;
}

div#contents div.main div#travelInfo div.first img{
float:left;
}

div#contents div.main div#travelInfo div.first p{
margin:0 10px 0 98px;
}

div#contents div.main div#travelInfo div.second{
width:300px;
float:left;
}

div#contents div.main div#travelInfo div.second img{
float:left;
}

div#contents div.main div#travelInfo div.second p{
margin:0 0 0 94px;
}

div#contents div.main div#travelInfo p.linkText{
clear:left;
}


div#contents div.main div#travelInfo p.spLink{
background:url(/img/dotline01.gif) repeat-x top;
padding:10px 0 0 0;
margin:10px 0 0 0;
font-size:110%;
}

/* 1-5:div#otherInfo ----------- */


div#contents div.main div#otherInfo h2{
background:#BEF596;
font-weight:bold;
font-size:110%;
padding:5px;
margin:2px 3px;
}

div#contents div.main div#otherInfo img.qr{
float:left;
}

div#contents div.main div#otherInfo img.gasprice{
margin:0 0 0 45px;
}


div#contents div.main div#otherInfo p{
margin:0 0 0 68px;
}

div#contents div.main div#otherInfo p.linkText{
clear:left;
}


div#contents div.main div#otherInfo div.first p.linkText{
margin:14px 0 0 0;
}


div#contents div.main div#otherInfo div.second p.linkText{
margin:8px 0 0 0;
}

/* 1-6:ul.bnrArea ----------- */


div#contents div.main ul.bnrArea li{
float:left;
}

div#contents div.main ul.bnrArea li#nexcocustomer{
margin:0 9px 0 0;
}

div#contents div.main ul.bnrArea li#parkjoy{
margin:0 7px 0 0;
}


/* 1-7:div#ecoArea ----------- */


div#ecoArea{
clear:both;
}

div#ecoArea img{
float:left;
width:115px;
}

div#ecoArea p{
margin:0 0 0 120px;
}

div#ecoArea p a{
font-weight:bold;
}