@charset "UTF-8";
/* CSS Document */

/* 200×45おすすめ読み物3カラム用CSS */
@import "/com_css/recomend_ad.css";

/* --------------もくじ--------------------------------- */

/* ①トップ用ヘッダー */
/* ②右メニュータイトル */
/* ③H1H2タイトル */
/* ④コンテンツ*/


/* /////////////①ヘッダーメニュー//////////////////////////////////////// */
/* ---------------------------------------------------------
トップ用ヘッダー
--------------------------------------------------------- */

#header .header_b ul.menu li.m_guidebook a{
background:url(/com_img/h_f/header_b_guidebook.gif) no-repeat;
}

#header .header_b ul.menu li.m_guidebook a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_guidebook_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_kuchikomi a{
background:url(/com_img/h_f/header_b_kuchikomi.gif) no-repeat;
}

#header .header_b ul.menu li.m_kuchikomi a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_kuchikomi_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_info a{
color:#cc0000;
background:url(/com_img/h_f/header_b_info_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_info a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_info_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_booking a{
background:url(/com_img/h_f/header_b_booking.gif) no-repeat;
}

#header .header_b ul.menu li.m_booking a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_booking_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_shopping a{
background:url(/com_img/h_f/header_b_shopping.gif) no-repeat;
}

#header .header_b ul.menu li.m_shopping a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_shopping_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_tabisuke a{
background:url(/com_img/h_f/header_b_tabisuke.gif) no-repeat;
}

#header .header_b ul.menu li.m_tabisuke a:hover{
color:#cc0000;
background:url(/com_img/h_f/header_b_tabisuke_on.gif) no-repeat;
}

/* ---------------------------------------------------------
H1
--------------------------------------------------------- */

/*トップページ用*/
div.title_drive {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/drive/title_bg.jpg) no-repeat;
}

div.title_drive h1.title {
	width:620px;
	color:#000000;
	font-size:16px;
	margin:0 0 0 180px;
	padding:15px 0 0 0;
	line-height:110%;
	border-bottom:none;
	}
	
div.title_drive p.title_tx {
	width:480px;
	color:#000000;
	font-size: 12px;
	margin:0 0 0 160px;
	padding:5px 0 0 0;
	line-height:140%;
	}
	
	
/*通常ページ用*/
	
div.title_drive_s {
	width:470px;
	height:100px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/drive/title_bg_s.jpg) no-repeat;
}

div.title_drive_s h1.title {
	width:300px;
	color:#000000;
	font-size: 15px;
	margin:0 0 0 160px;
	padding:15px 0 0 0;
	line-height:110%;
	border-bottom:none
	}
	
div.title_drive_s h1.title img{
	margin:0 1px 0 0;
	border:#CCCCCC 1px solid;
	padding:0;
	}
	
div.title_drive_s p.title_tx {
	width:300px;
	color:#000000;
	font-size: 12px;
	margin:0 0 0 160px;
	padding:10px 0 0 0;
	line-height:140%;
	}
	
	
/* /////////////エリアトップ//////////////////////////////////////// */

div.country_left {
	width:191px;
	height:191px;
	margin:0 10px 15px 0;
	float:left;
	}
	
table.country_right {
	width:570px;
	height:180px;
	float:left;
	font-size:12px;
	border:0;
	}
		
table.country_right dl h2.title_h{
	float:right;
	margin:5px 0 0 0;
	text-align:left;
	}

table.country_right dl{
	width:560px;
	height:auto;
	margin:0;
	height:0;
	clear:both;
	}
		
table.country_right dl dt{
	width:117px;
	height:85px;
	margin:0 5px 0 10px;
	height:0;
	float:left;
	}
	
table.country_right dl dd{
	width:345px;
	height:auto;
	margin:5px;
	padding:0;
	float:right;
	}
	

/* --　人気都市リンク枠　-- */

div.city_link {
	width:200px;
	height:63px;
	margin:10px 0 0 5px;
	padding:3px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	background:url(/images/city/spot_bg.jpg) right bottom no-repeat;
	float:left;
	}
	
div.city_link a{
	font-weight:bold;
	font-size:12px;
	}



/*都市名一覧*/
ul.city{
	width:95px;
	height:47px;
	margin:9px 0 0 0;
	padding:0;
	list-style:none;
	line-height:140%;
	float:left;
	}
	
ul.city li{
	width:85px;
	height:auto;
	margin:3px 0 0 0;
	padding:0;
	float:left;
	font-weight:bold;
	font-size:12px;
	line-height:110%;
	}


/*為替*/

table.travel_rate {
	width:255px;
	height:auto;
	float: left;
	margin:9px 3px 5px 10px ;
	padding:2px;
	background:#FFFFFF;
	font-size:12px;
	border:#CCCCCC 1px solid;
	}

table.travel_rate th {
	height:15px;
	font-size:12px;
	padding:2px;
	color:#FFFFFF;
	text-align:left;
	}
	
table.travel_rate th a:link { color:#FFFFFF; text-decoration: underline;}
table.travel_rate th a:visited { color:#FFFFFF; text-decoration: underline;}
table.travel_rate th a:hover { color:#FFFFFF; text-decoration: none; }	
	
	
table.travel_rate td {
	padding:2px;
	text-align:center;
	}


/*天気*/

table.travel_weather {
	width:770px;
	height:auto;
	float: left;
	margin:0 3px 5px 3px ;
	padding:2px;
	background:#FFFFFF;
	font-size:12px;
	border:#CCCCCC 1px solid;
	}

table.travel_weather th {
	height:15px;
	font-size:12px;
	padding:2px;
	color:#FFFFFF;
	text-align:left;
	}
	
table.travel_weather th a:link { color:#FFFFFF; text-decoration: underline;}
table.travel_weather th a:visited { color:#FFFFFF; text-decoration: underline;}
table.travel_weather th a:hover { color:#FFFFFF; text-decoration: none; }	
	
	
table.travel_weather td {
	padding:2px;
	text-align:center;
	}

table.travel_weather p.weather {
	float:left;
	text-align:center;
	line-height:135%;
	background:#FFFFFF;
	width:60px;
	height:auto;
	padding:3px 0 0 5px;
	margin:5px 0 10px 12px;
	color:#FF0066;
	}

table.travel_weather td .a_area a:link { color:#FFFFFF; text-decoration: underline }
table.travel_weather td .a_area a:visited { color:#FFFFFF; text-decoration: underline }
table.travel_weather td .a_area a:active { color:#FFFFFF; text-decoration: underline }
table.travel_weather td .a_area a:hover { color:#FFFFFF; text-decoration: none }


/* -- 服装ナビボタン -- */
p.b_weather{
	width:137px;
	height:65px;
	padding:10px 3px 0 45px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(/images/country/b_weather.gif) no-repeat left;
	clear:both;
	line-height:120%;
	}



/* /////////////基本情報//////////////////////////////////////// */

div.box770 {
	width:770px;
	padding:0;
	margin:0 auto;
	clear:both;
	}
	
div.kihon_left {
	width:160px;
	height:auto;
	margin:0 10px 15px 0;
	float:left;
	font-size:10px;
	}
	
div.kihon_right {
	width:570px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:140%;
	}
	
div.kihon_left2 {
	width:330px;
	height:auto;
	margin:0 10px 15px 0;
	float:left;
	font-size:10px;
	}
	
div.kihon_right2 {
	width:400px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:140%;
	}

div.kihon_left3 {
	width:216px;
	height:auto;
	margin:0 10px 15px 0;
	float:left;
	font-size:10px;
	}
		
div.kihon_right3 {
	width:530px;
	height:auto;
	float:left;
	font-size:12px;
	line-height:140%;
	}
	
/* ---------------------------------------------------------
エリアトップ　基本情報リンク
--------------------------------------------------------- */
	
div.c_list{
	width:auto;
	height:auto;
	}
	
div.c_list p{
	width:117px;
	float:left;
	margin:0 5px 0 0;
	} 
	
div.c_list p{
	margin:0;
	} 

div.c_list ul.text{
	width:250px;
	float:left;
	margin:0 0 0 5px;
	padding:0;
	line-height:130%;
	font-size:12px;
	font-weight:bold;
	} 
	

/* ---------------------------------------------------------
エリアトップ3BOX
--------------------------------------------------------- */
div.box240 {
	width:240px;
	height:140px;
	margin:0 0 10px 15px;
	padding:0;
	float:left;
	border-right:#CCCCCC 1px dotted;
	}


div.box_link{
	width:220px;
	height:40px;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	line-height:120%;
	}
		
div.box_link dt{
	width:117px;
	height:85px;
	margin:0 5px 5px 0;
	padding:0;
	float:left;
	}
	
div.box_link dd{
	width:90px;
	height:85px;
	margin:5px 0;
	padding:0;
	font-size:12px;
	float:left;
	}


/* ---------------------------------------------------------
STEPボックス
--------------------------------------------------------- */
/* StepBox */
div.stepBox {
	width:670px;
	margin:0 0 0 35px;
	padding:0;
	border: 1px solid #fff;
	background: #fff url("/images/drive/arrow.gif") repeat-y 2px bottom;
}

div.stepBox p.left{
	float:left;
	height:auto;
	width:410px;
	padding:10px 15px;
	margin:0;
}

div.stepBox p.photo{
	float:left;
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	font-size:10px;
}

	
/* StepBox_end */
div.stepBox_end {
	width:670px;
	margin:0 0 0 35px;
	border: 1px solid #fff;
}

div.stepBox_end p.left{
	float:left;
	height:auto;
	width:410px;
	padding:10px 15px;
	margin:0;
}

div.stepBox_end p.photo{
	float:left;
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	font-size:10px;
}
	

/* ---------------------------------------------------------
交通標識ボックス
--------------------------------------------------------- */
div.box240{
	margin:0 0 0 5px;!important
	float:left;
	}
	
div.box240 img{
	float:left;
	}

p.box730{
	width:730px;
	margin:0 0 0 10px;
	padding:0;
	}

/* /////////////H2用アイコン//////////////////////////////////////// */

	
/* イギリス */	
h2.t_GB {
	background:url(/images/drive/GB_flag_01.gif) no-repeat left;
	}
	
/* フランス */	
h2.t_FR {
	background:url(/images/drive/FR_flag_01.gif) no-repeat left;
	}
	
/* ドイツ */	
h2.t_DE {
	background:url(/images/drive/DE_flag_01.gif) no-repeat left;
	}
	
/* アメリカ */	
h2.t_US {
	background:url(/images/drive/US_flag_01.gif) no-repeat left;
	}
	
/* ハワイ */	
h2.t_9H {
	background:url(/images/drive/9H_flag_01.gif) no-repeat left;
	}
	
/* オーストラリア */	
h2.t_AU {
	background:url(/images/drive/AU_flag_01.gif) no-repeat left;
	}
	

/* ---------------------------------------------------------
特派員ブログ・編集部ブログ
--------------------------------------------------------- */
div.box360 dt.a_photo{
	width:auto;
	height:60px;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
	
	
div.box360 dd.a_article {
	width:230px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}

div.box360 dd.a_article h3 {
	width:auto;
	line-height:130%;
	padding:0;
	margin:0;
	font-size:12px;!important
	}
	
div.box360 dd.a_article h3 img{
	padding:0 3px 0 0;
	}

/* H3　グレー色　背景*/
h3.link_europe {
	font-size:12px;
	font-weight:bold;
	width:215px;
	height: 22px;
	line-height:26px;
	margin:5px 0 3px 0;
	padding:0 0 0 15px;
	background:url(/com_img/area/link_ss_europe.gif) no-repeat;
	color:#333333;
	}
	
h3.link_namerica {
	font-size:12px;
	font-weight:bold;
	width:215px;
	height: 22px;
	line-height:26px;
	margin:5px 0 3px 0;
	padding:0 0 0 15px;
	background:url(/com_img/area/link_ss_namerica.gif) no-repeat;
	color:#333333;
	}
	
h3.link_oceania {
	font-size:12px;
	font-weight:bold;
	width:215px;
	height: 22px;
	line-height:26px;
	margin:5px 0 3px 0;
	padding:0 0 0 15px;
	background:url(/com_img/area/link_ss_oceania.gif) no-repeat;
	color:#333333;
	}

	
h3.link_hawaii {
	font-size:12px;
	font-weight:bold;
	width:215px;
	height: 22px;
	line-height:26px;
	margin:5px 0 3px 0;
	padding:0 0 0 15px;
	background:url(/com_img/area/link_ss_hawaii.gif) no-repeat;
	color:#333333;
	}
	

	
/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
div.box770 span a{ color:#FFFFFF; text-decoration: underline }
div.box770 span a:link { color:#FFFFFF; text-decoration: underline }
div.box770 span a:visited { color: #FFFFFF; text-decoration: underline }
div.box770 span a:hover { color:#FFFFFF; text-decoration: none }

/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
div.box460 span a{ color:#FFFFFF; text-decoration: underline }
div.box460 span a:link { color:#FFFFFF; text-decoration: underline }
div.box460 span a:visited { color: #FFFFFF; text-decoration: underline }
div.box460 span a:hover { color:#FFFFFF; text-decoration: none }


/* ---------------------------------------------------------
ドライブコース　みどころ
--------------------------------------------------------- */
h4.spot_europe {
	font-size:12px;
	font-weight:bold;
	width:auto;
	height:20px;
	margin:5px 0;
	padding:0;
	color:#339999;
	border-bottom:#339999 1px dotted;
	clear:both;
	}
	
	
/* ---------------------------------------------------------
レンタカー会社リンク
--------------------------------------------------------- */
ul.campany_link {
	width:752px;
	height:68px;
	background:url(/images/drive/link_bg.jpg) no-repeat right;
	padding:0;
	margin:10px 0 0 3px;
	border:#CCCCCC 1px solid;
	clear:both;
	}
	
ul.campany_link li{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:5px;
	}
	
ul.campany_link li.a_area{
	width:96%;
	list-style:none;
	background-image:none;
	margin:5px;
	}