@charset "UTF-8";
/* CSS Document */

/* 200×45おすすめ読み物2カラム用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;
}

/* /////////////②H1H2//////////////////////////////////////// */

/* ---------------------------------------------------------
H1
--------------------------------------------------------- */

div.title_yellowpage h1.title {
	width:290px;
	color:#000000;
	font-size: 16px;
	margin:0 0 0 165px;
	padding:15px 0 0 0;
	line-height:110%;
	border-bottom:none;
	}
	
div.title_yellowpage p.title_tx {
	width:290px;
	color:#000000;
	font-size: 12px;
	margin:0 0 0 155px;
	padding:7px 0 0 0;
	line-height:140%;
	}
	
div.title_yellowpage {
	width:473px;
	height:100px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/yellowpage/title_bg.jpg) no-repeat;
}
	
/* ---------------------------------------------------------
H2
--------------------------------------------------------- */
/* H2　グレー色　背景*/
h2.title_m {
	font-size:14px;
	font-weight:bold;
	width:436px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/images/yellowpage/link_m_yellowpage.gif) no-repeat;
	}
	
h2.title_m a:link { color:#000000; text-decoration: underline }
h2.title_m a:visited { color: #000000; text-decoration: none }
h2.title_m a:active { color: #000000; text-decoration: none }
h2.title_m a:hover { color:#000000; text-decoration: underline}

	
h2.title_h {
	font-size:14px;
	font-weight:bold;
	width:345px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/images/yellowpage/link_h_yellowpage.gif) no-repeat;
	color:#000000;
	}
	
h2.title_h a:link { color:#000000; text-decoration: underline }
h2.title_h a:visited { color: #000000; text-decoration: none }
h2.title_h a:active { color: #000000; text-decoration: none }
h2.title_h a:hover { color:#000000; text-decoration: underline}


/* H2　エリア色　背景L*/
div.title_area_l {
	width:772px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/area/h2_resort_l.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_area_l h2 { color:#000000; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_area_l h2 a:link { color:#000000; text-decoration: underline }
div.title_area_l h2 a:visited { color: #000000; text-decoration: none }
div.title_area_l h2 a:active { color: #000000; text-decoration: none }
div.title_area_l h2 a:hover { color:#000000; text-decoration: underline}

/* H2　エリア色　背景M*/
div.title_area_m {
	color:#FFFFFF;
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/area/h2_resort_m.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_area_m h2 { color:#000000; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_area_m h2 a:link { color:#000000; text-decoration: underline }
div.title_area_m h2 a:visited { color: #000000; text-decoration: none }
div.title_area_m h2 a:active { color: #000000; text-decoration: none }
div.title_area_m h2 a:hover { color:#000000; text-decoration: underline}
	
/* ---------------------------------------------------------
都市一覧ページ　エリアごとH2
--------------------------------------------------------- */

h2.title_l_europe {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_europe.gif) no-repeat;
	color:#333333;
	}



h2.title_l_hawaii {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_hawaii.gif) no-repeat;
	color:#333333;
	}



h2.title_l_resort {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_resort.gif) no-repeat;
	color:#333333;
	}



h2.title_l_namerica {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_namerica.gif) no-repeat;
	color:#333333;
	}



h2.title_l_samerica {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_samerica.gif) no-repeat;
	color:#333333;
	}




h2.title_l_asia {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_asia.gif) no-repeat;
	color:#333333;
	}



h2.title_l_meast {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_meast.gif) no-repeat;
	color:#333333;
	}



h2.title_l_africa {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_africa.gif) no-repeat;
	color:#333333;
	}



h2.title_l_oceania {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_oceania.gif) no-repeat;
	color:#333333;
	}
	
	
h2.title_l_japan {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 5px;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_l_japan.gif) no-repeat;
	color:#333333;
	}
	


/* ---------------------------------------------------------
テーブル
--------------------------------------------------------- */
table.general_info{
	width:740px;
	height:auto;
	padding:0;
	margin: 0 0 0 10px;
	border:#999999 1px solid;
	font-size:12px;
	}


/* -- th -- */

table.general_info th{
	width:auto;
	background:#999999;
	font-weight:bold;
	color:#FFFFFF;
	
}

table.general_info th a{ color:#FFFFFF; text-decoration: underline }
table.general_info th a:link { color:#FFFFFF; text-decoration: underline }
table.general_info th a:visited { color: #FFFFFF; text-decoration: underline }
table.general_info th a:hover { color:#FFFFFF; text-decoration: none }


table.general_info th.m01{
	width:100px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}

table.general_info th.m02{
	width:200px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}

table.general_info th.m05{
	width:180px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align: left;
}

table.general_info th.m04{
	width:80px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}



/* -- td背景グレー -- */

table.general_info td.m01{
	width:220px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}


table.general_info td.m02{
	width:260px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}


table.general_info td.m03{
	width:130px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}

table.general_info td.m04{
	width:80px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}

table.general_info td.m05{
	width:180px;
	padding:3px;
	border-bottom:#FFFFFF 1px solid;
	color:#FFFFFF;
	background:#999999;
	font-weight:bold;
	text-align:center;		
}


/* -- td背景白 -- */

table.general_info td.n01{
	width:220px;
	padding:3px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;	
}


table.general_info td.n02{
	width:260px;
	padding:3px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;		
}


table.general_info td.n03{
	width:130px;
	padding:3px;
	border-bottom:#999999 1px solid;	
}


table.general_info td.n04{
	width:80px;
	padding:3px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;		
}

table.general_info td.n05{
	width:180px;
	padding:3px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;		
}

table.general_info td.n06{
	width:80px;
	padding:3px;
	border-bottom:#999999 1px solid;	
}

table.general_info td.n07{
	width:180px;
	padding:3px;
	border-bottom:#999999 1px solid;	
}


/* -- td最終行 -- */

table.general_info td.u01{
	width:220px;
	padding:3px;
	border-right:#999999 1px solid;	
}


table.general_info td.u02{
	width:260px;
	padding:3px;
	border-right:#999999 1px solid;		
}


table.general_info td.u03{
	width:130px;
	padding:3px;	
}


table.general_info td.u04{
	width:80px;
	padding:3px;
	border-right:#999999 1px solid;		
}

table.general_info td.u05{
	width:180px;
	padding:3px;
	border-right:#FFFFFF 1px solid;		
}

table.general_info td.u06{
	width:80px;
	padding:3px;	
}

		


/* /////////////④コンテンツ//////////////////////////////////////// */

/* ---------------------------------------------------------
770枠
--------------------------------------------------------- */	
.box770 {
	width:765px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
	clear:both;
}
	
	
/* ---------------------------------------------------------
特派員ブログ・編集部ブログ
--------------------------------------------------------- */
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;
	}
	
/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
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 }


/* ---------------------------------------------------------
リンク集
--------------------------------------------------------- */

ul.info_box li{
	line-height:140%;
	font-size:12px;
	}

				
li.i_01{
	list-style:none;
	background:url(/images/link/i_01.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_02{
	list-style:none;
	background:url(/images/link/i_02.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_03{
	list-style:none;
	background:url(/images/link/i_03.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_04{
	list-style:none;
	background:url(/images/link/i_04.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_05{
	list-style:none;
	background:url(/images/link/i_05.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_06{
	list-style:none;
	background:url(/images/link/i_06.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}
	
li.i_07{
	list-style:none;
	background:url(/images/link/i_07.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	float:left;
	}

/* ---------------------------------------------------------
注意書き
--------------------------------------------------------- */
.text_m{
	font-size: 12px;
	line-height: 15px;
}

