@charset "Shift_JIS";

/*--------------
 clearfix
---------------*/
.cf:after{ content:"."; height:0px; clear:both; display: block; visibility:hidden; }
/* IE7 and MacIE5 \*/
.cf { display:inline-block; }
/* WinIE5x \*/
* html .cf { height: 1%; }
.cf { display:block; }
/* */


div#contents{ overflow:hidden; width:960px; margin-top:15px;}

div#right_Box{ float:right; width:200px;}

div#main_contents{ width:740px; float:left;}


/*共通で使うＣＳＳ*/
div#main_contents div.waku01{ padding:10px; background:#F6F5F5; border:1px solid #CCCCCC; border-top:none; }
div#main_contents a{ color:#0099FF;}

/*メインタイトル*/
h2#main_ti{ background:url(../img/main_ti.jpg) no-repeat; width:740px; height:100px; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}
/*html .h2#main_ti{ background:url(../img/main_ti.jpg) no-repeat; width:740px; height:100px; text-indent:-9999px; overflow:hidden; margin-bottom:20px;}*/

/*地図から検索*/
div#map{ width:570px; float:left; height:392px; margin-bottom:20px;}
div#map h2{ background:url(../img/sapa_ti_map.gif) no-repeat; width:570px; height:30px; text-indent:-9999px; overflow:hidden;}

/*道路名から検索*/
div#road{ width:150px; float:right; height:392px; margin-bottom:20px;}
div#road h2{ background:url(../img/sapa_ti_road.gif) no-repeat; width:150px; height:30px; text-indent:-9999px; overflow:hidden;}
div#road ul.area{ height:318px; padding:10px; background:#FFFFFF; border:1px solid #CCCCCC;}
div#road ul.area li{ margin-bottom:3px;}

/*出発地点・到着地点を選択*/
div#choice{ clear:both; width:740px;}
div#choice h2{ background:url(../img/sapa_ti_choice.gif) no-repeat; width:740px; height:30px; text-indent:-9999px; overflow:hidden;}
div#choice ul.choice_clam{ overflow:hidden; height:1%;}
div#choice ul.choice_clam li{ float:left; text-align:left;}
div#choice ul.choice_clam li input{ width:165px;}
div#choice ul.choice_clam li.ti01{ padding-right:30px;}
div#choice ul.choice_clam li.ti01 h3{ width:165px; height:16px; margin-bottom:5px; background:url(../img/choice_sub01.gif) no-repeat; text-indent:-9999px;}
div#choice ul.choice_clam li.ti02{ padding-right:30px;}
div#choice ul.choice_clam li.ti02 h3{ width:165px; height:16px; margin-bottom:5px; background:url(../img/choice_sub02.gif) no-repeat; text-indent:-9999px;}
div#choice ul.choice_clam li.yajirushi{ width:21px; height:40px;  padding-right:30px; background:url(../img/choice_yajirushi.gif) no-repeat left bottom; text-indent:-9999px;}
div#choice ul.choice_clam li.btn a{ display:block; width:124px; height:33px; margin-top:10px;}