@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　ETC・割引情報共通　CSS
 更新日:07/08/17
 
------------------------------------------------------------ */

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


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

div#contents a.help{
background:url(/common/img/ico_help2.gif) no-repeat top left;
padding:0 0 0 17px;
font-weight:bold;
zoom:1; /* for IE 7 ---------- */
}


div#contents p.subttl{
clear:both;
font-weight:bold;
}


div#contents div.main div.section{
clear:both;
}

div#contents h1{
background:url(../img/h1_bg.gif) no-repeat top left;
}

ul.mark{
margin-top:5px;
}


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



div#contents div.main div.column02 div.first,
div#contents div.main div.column02 div.second,
div#contents div.main div.column02_2 div.second{
border-top:none;
}


/* 1-1:div#topMain ------------------- */


div#topMain div.imgArea{
width:330px;
float:left;
}

div#topMain div.textArea{
width:287px;
float:right;
}

div#topMain div.textArea p.mainTitle{
background:url(../../common/img/dotline01.gif) repeat-x bottom;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

div#topMain div.textArea a.link{
font-size:107%;
display:block;
margin:0 0 5px 0;
}

div#topMain div.textArea a.pdfR{
margin-left:15px;
font-weight:bold;
}



/* 1-2:div.localNavi ------------------- */

div.localNavi{
border-top:#CCCCCC 1px dashed;
padding:20px 0 0 0;
}

div.localNavi ul{
text-align:center;
}


div.localNavi ul li{
display:inline;
font-weight:bold;
background:url(/common/img/localnavi_bg01.gif) no-repeat right;
padding:0 20px 0 0;
zoom:1;
}


div.localNavi ul li.end{
background:none;
}


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

div#contents div.column02_2{
clear:both;
background:url(/common/img/columu02_bg2.gif) bottom no-repeat;
width:635px;
margin-bottom:10px;
}

div#contents div.main div.column02_2 div.first{
border:none;
}
div#contents div.main div.column02_2 div#beginEtc div.columnInner{
padding:10px 10px 0 10px;
}

div#contents div.main div.column02 div#enexcopass div.columnInner img,
div#contents div.main div.column02_2 div#enexcopass div.columnInner img{
float:left;
margin:0 0 5px 0;
}

div#contents div.main div.column02 div#enexcopass h3,
div#contents div.main div.column02_2 div#enexcopass h3{
margin:0;
}

div#contents div.main div.column02 div#enexcopass h3 img,
div#contents div.main div.column02_2 div#enexcopass h3 img{
display:block;
}


div#contents div.main div.column02 div#enexcopass div.columnInner h4,
div#contents div.main div.column02_2 div#enexcopass div.columnInner h4{
margin:0 0 0 110px;
font-weight:bold;
font-size:107%;
}

div#contents div.main div.column02 div#enexcopass div.columnInner p,
div#contents div.main div.column02_2 div#enexcopass div.columnInner p{
margin:0 0 0 110px;
}

div#contents div.main div.column02 div#enexcopass div.columnInner p.linkText,
div#contents div.main div.column02_2 div#enexcopass div.columnInner p.linkText{
clear:left;
margin:0;
}

div#contents div.main div.column02 div#enexcopass div.columnInner ul,
div#contents div.main div.column02_2 div#enexcopass div.columnInner ul{
margin:0 0 0 130px !important ;
list-style-type:disc;
}

/* 1-4:div#beginEtc------------------- */



div#contents div.main div.column02 div#beginEtc div.columnInner div.block,
div#contents div.main div.column02_2 div#beginEtc div.columnInner div.block{
margin:0 0 10px 0;
}

div#contents div.main div.column02 div#beginEtc div.columnInner div.block img,
div#contents div.main div.column02_2 div#beginEtc div.columnInner div.block img{
float:left;
}

div#contents div.main div.column02 div#beginEtc div.columnInner div.block p,
div#contents div.main div.column02_2 div#beginEtc div.columnInner div.block p{
font-weight:bold;
font-size:107%;
padding:8px 0;
margin:0 0 0 50px;
}



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

div.main#etcFaq div.section dl dt{
width:3em;
clear:left;
float:left;
}

div.main#etcFaq div.section dl dd{
margin:0 0 5px 3em;
}

div.main#etcFaq div.section ul{
margin-left:20px;
list-style-type:disc;
}

div.main#etcFaq div.section ol{
margin-left:30px;
list-style-type:decimal;
}

div.main#etcFaq div.section h2{
text-indent:-1.6em;
padding-left:2.5em;
}

/* 1-6:div#etcAttention------------------- */

div.main#etcAttention div.section ol{
margin-left:30px;
list-style-type:decimal;
}

div.main#etcAttention div.section ol li{
margin:0 0 5px 0;
}



/* 1-7:dl.questionlist(FAQのリンク装飾設定) ------*/

#etcFaq div.section dl.questionlist dd a{
text-decoration:none;
}

#etcFaq div.section dl.questionlist dd a:hover{
text-decoration:underline;
}

/* 1-8:div.nagasaki_price(通勤割引：長崎の図の部分) ----*/

div.nagasaki_price{
width:500px;
margin:0 auto;
text-align:right;
}

/* 1-9:table.smartIC_list(スマートICのご案内) ----*/

div#contents table.smartIC_list td{
text-align:center;
}

div#contents table.smartIC_list th{
background:#339966;
color:#ffffff;
font-weight:bold;
}

div#contents table.smartIC_list th.area{
text-align:left;
background:#ccffcc;
color:#333333;
}

div#contents table.smartIC_list th.smartIC_nowrap{
white-space:nowrap;
width:80px;
}

div#contents table.smartIC_list td.sapa{
text-align:left;
white-space:nowrap;
}


div#contents table.smartIC_list a.sapa{
font-weight:bold;
}


/* PDF利用告知 --------------- */

div#contents div.adobe_reader{
padding:10px;
margin-top:20px;
}

div#contents div.adobe_reader img{
float:left;
}

div#contents div.adobe_reader p{
float:right;
width:500px;
}

/* 1-10:div.expresswayMap ----*/

div.expresswayMap div.imgArea{
float:right;
width:180px;
font-weight:bold;
text-align:center;
}

div.expresswayMap div.imgArea img{
width:178px;
border:1px solid #0000FF;
}


div.expresswayMap p.subttl,
div.expresswayMap ul.mark{
clear:both;
}

div.expresswayMap ul.reading{
margin-right:200px;
}


div.areaBigcity div.first{
width:350px;
float:left;
}


div.areaBigcity div.second{
width:250px;
float:right;
}

/* 
 2:div.sub
------------------------------ */


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

div#contents div.sub div#etcInfo{
background:url(../img/etcinfo_bg.gif) no-repeat bottom;
}

div#contents div.sub div#etcInfo div.block{
border-left:1px solid #00C2FF;
border-right:1px solid #00C2FF;
}







/* Popup */

/* 2-2:dl.contact_tel(お問い合わせ電話番号) ------ */

div#popup dl.contact_tel{
margin-bottom:20px;
}

div#popup dl.contact_tel dt{
width:280px;
padding-bottom:4px;
float:left;
}

div#popup dl.contact_tel dd{
width:340px;
padding-bottom:4px;
float:left;
}



div#popup div.main div.column02 div.first,
div#popup div.main div.column02_2 div.first{
width:313px;
float:left;
border-top:1px solid #bfbfbf;
}

div#popup div.main div.column02 div.second,
div#popup div.main div.column02_2 div.second{
width:313px;
float:right;
border-top:1px solid #bfbfbf;
}

#muryou{
	margin:10px 0 0 0;
	}
#muryou p{
	font-weight:bold;
	font-size:110%;
	}
#muryou ul{
	margin:5px 0 0 15px;
	}
#muryou ul li{
	list-style-type:disc;
	margin:0 0 3px 10px;
	}