@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　個別サービスエリアページ　CSS
 更新日:07/07/31
 
	[目次]
	0:layout
	1:common style
	2:H style
	2-1:H1
	2-2:H2
------------------------------------------------------------ */


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


/*  0:layout
------------------------------- */


div#contents div.main{
width:685px;
}

div#contents div.sub{
width:250px;
}



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

div#contents div.main div.section{
margin:0 0 20px 0;
}



/* 2:H style
------------------------------- */

/*  2-1:H1-------------- */


div#contents div.main h1 span{
float:left;
width:400px;
padding:4px 0 0 0;
}

div#contents div.main h1 span.h1Link{
font-weight:normal;
font-size:80%;
float:right;
width:200px;
text-align:right;
}


/*  2-2:H2-------------- */

div#contents div.h2Area h2 span{
float:left;
width:400px;
}

div#contents div.h2Area h2 a.link{
font-weight:normal;
font-size:80%;
float:right;
width:6.5em;
text-align:right;
}

/* safari only \*/
html:\66irst-child div#contents div.h2Area h2 a.link{
width:7.5em;
}
/* end */ 


/*  3:div.sub
------------------------------- */

div.sub div.basicInfo{
background:url(../part/img/basicinfo_btm_bg.gif) bottom no-repeat;
padding:0 0 11px;
margin:0 0 8px 0;
}

div.sub div.basicInfoInner{
border-left:1px solid #87C914;
border-right:1px solid #87C914;
padding:0 10px;
}

div.sub div.basicInfo ul{
background:#DCF0D4;
padding:8px;
zoom:1;/*-----for IE -----*/
}

div.sub div.basicInfo ul li{
background:url(../part/img/basicinfo_listbg.gif) no-repeat bottom;
margin:0 0 8px 0;
padding:0 0 8px 0;
}


div.sub div.basicInfo ul li span{
font-weight:bold;
}

div.sub div.basicInfo ul li.parking p{
background:url(../part/img/ico_parking.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.toilet p{
background:url(../part/img/ico_toilet.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.kurumaisu p{
background:url(../part/img/ico_kurumaisu.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.baby p{
background:url(../part/img/ico_baby.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}


div.sub div.basicInfo ul li.food p{
background:url(../part/img/ico_food.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}


div.sub div.basicInfo ul li.vending p{
background:url(../part/img/ico_vending.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.highway p{
background:url(../part/img/ico_highway.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.restroom p{
background:url(../part/img/ico_restroom.gif) no-repeat left top;
padding:7px 0 0 40px;
_height:23px;
min-height:23px;
}

div.sub div.basicInfo ul li.highway p{
background:url(../part/img/ico_highway.gif) no-repeat left top;
padding:7px 0 0 40px;
_height:23px;
min-height:23px;
}

div.sub div.basicInfo ul li.smoking p{
background:url(../part/img/ico_smoking.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.teaservice p{
background:url(../part/img/ico_teaservice.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}


div.sub div.basicInfo ul li.lottery p{
background:url(../part/img/ico_lottery.gif) no-repeat left top;
padding:0 0 0 70px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.post p{
background:url(../part/img/ico_post.gif) no-repeat left top;
padding:7px 0 0 40px;
_height:23px;
min-height:23px;
}

div.sub div.basicInfo ul li.kyushusekiyu p{
background:url(../part/img/ico_kyushusekiyu.gif) no-repeat left top;
padding:0 0 0 40px;
_height:30px;
min-height:30px;
}

div.sub div.basicInfo ul li.tenant{
background:none;
text-align:right;
}


div.sub div.basicInfo ul li.tenant,
div.sub div.basicInfo ul li.list{
background:none;
}



div.sub div.basicInfo ul li.other ul li{
background:none;
padding:0;
margin:0;
}


div.sub div.basicInfo ul li.guide,
div.sub div.basicInfo ul li.end{
background:none;
padding:0;
margin:0;
}

div.sub div.basicInfo ul li.guide p{
height:1.5em;
}


div.sub div.basicInfo div.infoArea{
margin:10px 0 0 0;
}

/* 
 0:検索ページ共通CSS
------------------------------ */


div.routeArea{
position:relative;
}

ul.caution{
margin:5px 0 0 20px;
list-style-type:disc;
}



/*1:H2 style  ---------------  */

div.routeArea h2{
border-left:5px solid #30912b;
font-weight:bold;
padding:0 0 0 5px;
font-size:125%;
position:absolute;
top:0;
left:0;
}



/*2: ul.localNavi  ---------------  */


div.routeArea ul.localNavi{
width:423px;
padding:0 0 0 527px;
background:url(../img/localnavi_bg.gif) repeat-x bottom;
}

div.routeArea ul.localNavi li{
display:inline;
float:left;
width:125px;
padding:6px;
border:1px solid #cccccc;
margin:0 0 0 2px;
background:#ffffff;
}

/* safari only \*/
html:\66irst-child div.routeArea ul.localNavi li{
border-bottom-style:none;
}
/* end */ 


div.routeArea ul.localNavi li.cur{
background:#F5F5F5;
border-bottom-color:#F5F5F5;
}

div.routeArea ul.localNavi li.cur a{
font-weight:bold;
color:#333;
cursor:default;
text-decoration:none;
}

div.routeArea ul.localNavi li.map a{
background:url(../img/ico_map.gif) no-repeat top left;
padding:0 0 5px 30px;
}

div.routeArea ul.localNavi li.route a{
background:url(../img/ico_route.gif) no-repeat top left;
padding:0 0 5px 30px;
}

div.routeArea ul.localNavi li.needs a{
background:url(../img/ico_needs.gif) no-repeat top left;
padding:0 0 5px 30px;
}

/*3: div.routeSelect  ---------------  */


div.routeArea div.routeSelect{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px 15px 44px 15px;
background:url(../img/arrow03.gif) bottom right no-repeat #f5f5f5;
}


div.routeArea div.routeSelect div.routeInner{
background:#ffffff;
border:1px solid #cccccc;
padding:15px;
width:600px;
}

div.routeArea div.routeSelect option{
padding:0 0 0 10px;
}


/* 
 0:div.sapaLocalNavi
------------------------------ */


div#contents div.sapaLocalNavi{
clear:both;
text-align:center;
}

div#contents div.sapaLocalNavi ul{
margin-bottom:10px;
}

div#contents div.sapaLocalNavi ul li{
display:inline;
font-weight:bold;
background:url(../img/sapalocalnavi_bg.gif) no-repeat right 2px;
padding:0 20px 0 0;
zoom:1;
}


div#contents div.sapaLocalNavi ul li.end{
background:none;
}