@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　検索ページ　CSS
 更新日:07/08/06
 
 [目次]
  0:common style
  1: H2 style
		2: ul.localNavi
		3: div.routeSelect
		4: div.searchArea
		
------------------------------------------------------------ */


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



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


div.routeArea{
position:relative;
}





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


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


/* 
 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.addr a{
background:url(../img/ico_addr.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;
}


/* 
 4: div.searchArea
------------------------------ */



div.routeArea div.searchArea{
clear:both;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
}


div.routeArea div.searchArea table.icselect {
width:230px;
float:left;
margin:0 20px 0 0;
}

div.routeArea div.searchArea table.icselect th{
padding:3px 3px 3px 25px;
}

div.routeArea div.searchArea table.icselect th.cur{
background:url(../img/arrow02.gif) no-repeat 0 4px;
}

div.routeArea div.searchArea table.icselect th.cur#arrive_arrow,th.cur#keiyu_arrow{
background:url(../img/arrow02_blue.gif) no-repeat 0 4px;
}

div.routeArea div.searchArea table.icselect th.none{
background:none;
}

div.routeArea div.searchArea table.icselect td a.ic-change{
background:url(/common/img/ico_change.gif) no-repeat;
padding:3px 0 3px 25px;
margin:0 0 0 25px;
line-height:2;
}

div#startBox input,div#arriveBox input,div#keiyuBox input{
margin:2px;
width:140px;
}

div.start_none,div.arrive_none,div.keiyu_none{
padding:3px;
}

div.start_cur{
padding:0;
border:#ff883c 3px solid;
}


div.arrive_cur,div.keiyu_cur{
padding:0;
border:#3c53ff 3px solid;
}


iframe{
position:absolute;
width:200px;
height:54px;
top:0;
left:160px;
}


div.start_none iframe,div.arrive_none iframe,div.keiyu_none iframe{
display:none;
}

div.start_cur_opt,div.arrive_cur_opt,div.keiyu_cur_opt{
padding:0;
border:#ff883c 3px solid;
}
div.start_cur_opt iframe,div.arrive_cur_opt iframe,div.keiyu_cur_opt iframe{
display:none;
}
img.start_cur,img.arrive_cur,img.keiyu_cur{
display:block;
}
img.start_none,img.arrive_none,img.keiyu_none{
display:none;
}



div.routeArea div.searchArea table.otherselect {
width:500px;
float:left;
margin:0 15px 0 0;
}


div.routeArea div.searchArea table.icselect,
div.routeArea div.searchArea table.otherselect{
border-collapse:collapse;
}

div.routeArea div.searchArea table.otherselect th,
div.routeArea div.searchArea table.otherselect td{
padding:5px;
}

div.routeArea div.searchArea table.icselect th,
div.routeArea div.searchArea table.otherselect th{
font-weight:bold;
text-align:left;
}


div.routeArea div.searchArea table.otherselect select{
margin:0 0 5px 0;
vertical-align:middle;
overflow:auto;
}

div.routeArea div.searchArea table.otherselect option{
padding-right:10px;
}

div.routeArea div.searchArea table.otherselect td{
vertical-align:top;
}

div.routeArea div.searchArea table.otherselect td.date{
text-align:right;
width:220px;
}


div.routeArea div.searchArea table.otherselect td.cartype{
width:100px;
}

div.routeArea div.searchArea table.otherselect td.display{
width:150px;
}


div.routeArea div.searchArea div.submitBtn{
margin:20px 0 0 0;
float:left;
width:141px;
}