@charset "UTF-8";


/* ------------------------------------------------------------
 ドライブプラザ　目的から検索ページ　CSS
 更新日:07/08/06
 
------------------------------------------------------------ */

div.routeArea{
margin-bottom:15px;
}

div.routeArea h3{
clear:both;
font-weight:bold;
padding:0 5px 20px 0;
font-size:110%;
float:left;
}


div.routeArea div.routeSelect div.btn{
width:400px;
float:right;
text-align:right;
}

div.selectbox{
clear:both;}

div.routeArea h4{
font-weight:bold;
padding-right:5px;
font-size:110%;}


div.routeArea div.routeSelect{
padding-bottom:15px;}

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

div.routeArea div.routeSelect div#searchbox{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:#CCCCCC 1px solid;
}

div.routeArea div.routeSelect div#searchAllbox{
margin-top:5px;
}

div.routeArea div.routeSelect div#searchAllbox h3{
padding-top:5px;
padding-right:10px;
}

/* 検索部左カラム */

div.routeArea div.routeSelect div#selectL{
width:400px;
float:left;
}

div.routeArea div.routeSelect div#selectL div#areabox{
width:150px;
float:left;
}


div.routeArea div.routeSelect div#selectL div#areabox h4{
float:left;
}
div.routeArea div.routeSelect div#selectL div#areabox select{
float:left;
color:#666666;
}

div.routeArea div.routeSelect div#selectL div#roadlistbox{
width:240px;
float:left;
}

div.routeArea div.routeSelect div#selectL div#roadlistbox select{
width:230px;
color:#666666;
}


/* 検索部右カラム */

div.routeArea div.routeSelect div#selectR{
float:left;
width:485px;
}


div.routeArea div.routeSelect div#selectR div#icname_search{
background:url(../img/dotline.gif) repeat-x bottom;
padding:0 0 15px 15px;
margin-bottom:15px;
}

div.routeArea div.routeSelect div#selectR div.search_colL{
width:12em;
float:left;
}
div.routeArea div.routeSelect div#selectR div.search_colR{
float:left;
}

div.routeArea div.routeSelect div#selectR div.search_colR p.note{
padding-left:20px;
display:inline;}

div.routeArea div.routeSelect div#selectR div#open24{
padding:0 0 0 15px;
clear:both;
}

/* 目的別リスト */

div.aim{
clear:both;
margin-bottom:25px;
}

div.aimL{
width:436px;
float:left;
margin-right:10px;
}

div.aimR{
width:436px;
float:left;
}


div.aim div.aimL table,div.aim div.aimR table{
width:436px;
}

div.aim div.aimL table td,div.aim div.aimR table td{
padding-bottom:2px;
vertical-align:top;
}

div.aim div.aimL table td.chk,div.aim div.aimR table td.chk{
width:10px;}

div.aim table{
width:886px;
}

div.aim table.gs td{
padding:3px 0;

}

div.aim table.gs td img,
div.aim table.gs td input{
vertical-align:middle;
}

/* safari only \*/
html:\66irst-child div.aim table.gs td img,
html:\66irst-child div.aim table.gs td input{
position:relative;
top:-3px;
left:0;
}
/* end */ 


div#footbtn{
text-align:center;
height:33px;
}

div#selectR div#footbtn{
text-align:left;
padding-left: 75px;
margin-top: 42px;
}

@-moz-document url-prefix(){
	div#selectR div#footbtn{
		padding-left: 58px;
		margin-top: 32px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#selectR div#footbtn{
		padding-left: 78px;
		margin-top: 52px;
	}
}

div#footbtn img{
vertical-align:middle;
}

div#footbtn img.searchbtn{
margin-left:30px;
}

p.attention{
text-indent:-1em;
margin-left:1em;
}