@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
++++++全体・レイアウト調整
+++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++
++++++メインコンテンツ
+++++++++++++++++++++++++++++++++++++++++++*/

	/*++++++++++++++++++++++++++++++++++++++++++
	ページタイトル
	+++++++++++++++++++++++++++++++++++++++++++*/
	#guide_subttl h2.guide_hokkaido_guide {
		background:url(../parts/ttl_guide02.gif);
	}

	.guide_hokkaido_traffic #guide_ttl {
	background-image:url(../html/traffic/parts/ttl01.gif);
	background-repeat: no-repeat;
	}


#guide_traffic_main_upper {
	width:590px;
	height:auto;
	float:left;
	}
	
#guide_traffic_box01 {
	width:303px;
	height:auto;
	float:left;
	}
	
#guide_traffic_box01 dt {
	width:303px;
	height:29px;
	background:url(../html/traffic/parts/traffic_cap01.gif) no-repeat;
	text-indent:-9999px;
	}

#guide_traffic_box01 dd {
	width:303px;
	height:auto;
	font-size:12px;
	line-height:16px;
	color:#444444;
	margin:10px 0px 0px 0px;
	}
	
#guide_traffic_flash {
	width:303px;
	height:225px;
	float:left;
	margin-top:20px;
	}
	
#guide_traffic_box02 {
	width:274px;
	height:auto;
	float:right;
	}
	
.main_p_cap {
	font-size:10px;
	line-height:1.2em;
	color:#444444;
	}

#guide_traffic_box03 {
	width:254px;
	height:auto;
	padding:10px;
	background:url(../html/traffic/parts/traffic_rentcar_ni_tuite_bg.gif);
	float:right;
	margin-top:10px;
	}
	
#guide_traffic_box03 dt {
	width:182px;
	height:20px;
	background:url(../html/traffic/parts/traffic_rentcar_ni_tuite.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	}
	
#guide_traffic_box03 #rent_photo {
	width:72px;
	height:92px;
	float:right;
	}
	
#guide_traffic_box03 #rent_txt {
	width:175px;
	height:auto;
	font-size:10px;
	line-height:14px;
	color:#FFFFFF;
	float:left;
	margin-top:5px;
	}
	
#guide_traffic_box04 {
	width:590px;
	height:auto;
	float:left;
	margin-top:20px;
	}

#guide_traffic_box04 ul {
	width:590px;
	height:auto;
	float:left;
	}
	
#guide_traffic_map {
	width:288px;
	height:350px;
	float:left;
	}
	
.guide_traffic_osusume {
	width:145px;
	height:auto;
	background:url(../html/traffic/parts/traffic_osusume_bg.gif) repeat-y;
	float:left;
	margin-left:5px;
	}

.guide_traffic_osusume dl {
	width:145px;
	height:auto;
	background:url(../html/traffic/parts/traffic_osusume_frm.gif) bottom no-repeat;
	}
	
#osusume_rute01 {
	width:145px;
	height:24px;
	background:url(../html/traffic/parts/traffic_osusume01.gif) no-repeat;
	text-indent:-9999px;
	}
	
#osusume_rute02 {
	width:145px;
	height:24px;
	background:url(../html/traffic/parts/traffic_osusume02.gif) no-repeat;
	text-indent:-9999px;
	}
	
.guide_traffic_osusume dd {
	width:135px;
	height:auto;
	padding:5px;
	font-size:12px;
	line-height:18px;
	color:#666666;
	}

.guide_traffic_osusume dd span{
	font-size:10px;
	}
	
#guide_traffic_box05 {
	width:288px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	}
	
#sonohoka_ttl {
	width:288px;
	height:36px;
	background:url(../html/traffic/parts/traffic_anther_ttl.gif) no-repeat;
	text-indent:-9999px;
	}
	
.sonohoka_box_l {
	width:288px;
	height:auto;
	float:left;
	margin-top:10px;
	}
	
.sonohoka_box_l dt {
	width:126px;
	height:20px;
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
	}

.sonohoka_box_l .hoka_photo {
	width:155px;
	height:120px;
	float:right;
	}

.sonohoka_box_l .hoka_txt {
	width:120px;
	height:auto;
	font-size:10px;
	line-height:16px;
	color:#444444;
	float:left;
	margin-top:7px;
	}
	
.sonohoka_box_r {
	width:288px;
	height:auto;
	float:left;
	margin-top:10px;
	}
	
.sonohoka_box_r dt {
	width:126px;
	height:20px;
	background-repeat:no-repeat;
	float:right;
	text-indent:-9999px;
	}

.sonohoka_box_r .hoka_photo {
	width:155px;
	height:120px;
	float:left;
	}

.sonohoka_box_r .hoka_txt {
	width:120px;
	height:auto;
	font-size:10px;
	line-height:16px;
	color:#444444;
	float:right;
	margin-top:7px;
	}
	
#hoka_cap01 {background-image:url(../html/traffic/parts/traffic_cap02.gif)}
#hoka_cap02 {background-image:url(../html/traffic/parts/traffic_cap03.gif)}
#hoka_cap03 {background-image:url(../html/traffic/parts/traffic_cap04.gif)}
#hoka_cap04 {background-image:url(../html/traffic/parts/traffic_cap05.gif)}

#guide_traffic_box06 {
	float:right;
	width:275px;
	height:auto;
	margin-top:20px;
	}
	
#guide_traffic_box06 dl {
	width:275px;
	height:auto;
	background:url(../html/traffic/parts/traffic_rentcar_bg.gif) repeat-y;
	}
	
#guide_traffic_box06 dt {
	width:275px;
	height:63px;
	background:url(../html/traffic/parts/traffic_rentcar_ttl.gif) no-repeat;
	text-indent:-9999px;
	}
	
#guide_traffic_box06 dd {
	width:275px;
	height:auto;
	background:url(../html/traffic/parts/traffic_rentcar_frm.gif) bottom no-repeat;
	padding:5px 0;
	}

#guide_traffic_box06 dl.guide_traffic_box06_waku {
	clear:both;
	width:255px;
	height:auto;
	font-size:12px;
	line-height:18px;
	color:#556e3c;
	margin:0 10px 10px;
	}
	
#guide_traffic_box06 dt.guide_traffic_box06_ttl01 {
	background:url(../html/traffic/parts/guide_traffic_box06_ttl01.gif) no-repeat;
	width:255px;
	height:20px;
	text-indent:-9999px;
	}	

#guide_traffic_box06 dt.guide_traffic_box06_ttl02 {
	background:url(../html/traffic/parts/guide_traffic_box06_ttl02.gif) no-repeat;
	width:255px;
	height:20px;
	text-indent:-9999px;
	}	

#guide_traffic_box06 dt.guide_traffic_box06_ttl03 {
	background:url(../html/traffic/parts/guide_traffic_box06_ttl03.gif) no-repeat;
	width:255px;
	height:20px;
	text-indent:-9999px;
	}	

#guide_traffic_box06 dd.guide_traffic_box06_txt {
	float:left;
	width:145px;
	height:auto;
	}	

#guide_traffic_box06 dd.guide_traffic_box06_img {
	float:right;
	width:105px;
	height:105px;
	}	
	
#guide_traffic_box06 dl.guide_traffic_box06_waku_ex {
	clear:both;
	width:255px;
	height:auto;
	font-size:12px;
	line-height:18px;
	color:#556e3c;
	margin:0 10px ;
	}

#guide_traffic_box06 dd.guide_traffic_box06_txt_ex {
	width:255px;
	height:auto;
	}	

	/*++++++++++++++++++++++++++++++++++++++++++
	レンタカー＆ドライブヒント
	+++++++++++++++++++++++++++++++++++++++++++*/

#guide_traffic_main_bottom {
	clear:both;
	width:590px;
	height:auto;
	}	
	
#guide_traffic_box07 {
	width:303px;
	height:auto;
	float:left;
	margin-top:15px;
	}
	
#guide_traffic_box07 dt {
	width:303px;
	height:36px;
	background:url(../html/traffic/parts/guide_traffic_box07_ttl01.gif) no-repeat;
	text-indent:-9999px;
	}

#guide_traffic_box07 dd {
	width:303px;
	height:auto;
	font-size:12px;
	line-height:16px;
	color:#444444;
	margin:10px 0px 0px 0px;
	}

#guide_traffic_box08 {
	width:274px;
	height:auto;
	float:right;
	margin-top:15px;
	}
	
#guide_traffic_box09 {
	width:303px;
	height:auto;
	float:left;
	margin-top:20px;
	}

#guide_traffic_box09 dt#guide_traffic_box09_cap01 {
	background:url(../html/traffic/parts/guide_traffic_box09_cap01.gif) no-repeat;
	width:141px;
	height:20px;
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
	}


#guide_traffic_box09 .guide_traffic_box09_photo {
	width:155px;
	height:120px;
	float:right;
	}
	
#guide_traffic_box09 .guide_traffic_box09_photo p {
	font-size:10px;
	color:#444444;
	text-align:right	
	}	

#guide_traffic_box09 .guide_traffic_box09_txt {
	width:141px;
	height:auto;
	font-size:10px;
	line-height:16px;
	color:#444444;
	float:left;
	margin-top:7px;
	}
	
.flash_click {font-size:12px; line-height:1.2em; color:#666666; margin-bottom:5px; text-align:center}
	
	/*++++++++++++++++++++++++++++++++++++++++++
	コラム
	+++++++++++++++++++++++++++++++++++++++++++*/

	.guide_hokkaido_traffic_column#guide_column2{
	height:200px;
	}
	
	.guide_hokkaido_traffic_column #guide_column2_l dt{
	background-image: url(../html/traffic/parts/colum_ttl01.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

	.guide_hokkaido_traffic_column #guide_column2_r dt{
	background-image: url(../html/traffic/parts/colum_ttl02.gif);
	background-repeat: no-repeat;
	background-position: top;
	}