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

/* 200×45おすすめ読み物3カラム用CSS */
@import "/com_css/recomend_ad_icon.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{
background:url(/com_img/h_f/header_b_info.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
--------------------------------------------------------- */

h1.title {
	color:#333333;
	font-size: 16px;
	margin:0 0 0 5px;
	padding:10px 0 0 0;
	width:auto;
	line-height:20px;
	border-top: #CCCCCC 1px dotted;
	}
	
p.title_tx {
	color:#333333;
	font-size: 12px;
	margin:0 0 0 5px;
	padding:5px 0 0 0;
	width:auto;
	line-height:120%;
	}
	
/* ---------------------------------------------------------
H2
--------------------------------------------------------- */	
	
/* H2リンク*/

h2 {font-size:14px; margin:0; padding:0 0 0 25px;}
h2 a:link { color:#333333; text-decoration: underline;}
h2 a:hover { color:#333333; text-decoration: none;}
h2 a:active { color:#333333; text-decoration: none;}
h2 a:visited { color:#333333; text-decoration: underline;}


/* H2　Mサイズ　黄色背景*/
div.title_m {
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/h/title_bg_m.gif) no-repeat;
	font-weight:bold;
	}
	
/* H2　Mサイズ　グリーン背景*/
div.title_g_m {
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/h/title_bg_g_m.gif) no-repeat;
	font-weight:bold;
	}
	
/* H2　アイコン：お知らせ*/	
h2.t_new {
	background:url(/com_img/h/i_new.gif) no-repeat;
	}
	
/* H2　アイコン：最新記事*/	
h2.t_article {
	background:url(/com_img/h/i_article.gif) no-repeat;
	}
	
/* H2　アイコン：新人特派員紹介*/	
h2.t_newcamer {
	background:url(/com_img/h/i_newcamer.gif) no-repeat;
	}
		
/* H2　アイコン：特派員一覧*/	
h2.t_list {
	background:url(/com_img/h/i_list2.gif) no-repeat;
	}
	
/* H2　アイコン：編集部ブログ*/	
h2.t_hensyubu {
	background:url(/com_img/h/i_hensyubu.gif) no-repeat;
	}
		



/* /////////////④コンテンツ//////////////////////////////////////// */

/* ---------------------------------------------------------
天気リンク
--------------------------------------------------------- */
.weather_link {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
	}

/* ---------------------------------------------------------
エリアMAP
--------------------------------------------------------- */
.map_top{
	width:470px;
	margin:0 0 5px 0;
	padding:0;
	}
	
.map_top_tx{
	font-size:12px;
	width:470px;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	}	

	
/* ---------------------------------------------------------
ストア（トップ用）
--------------------------------------------------------- */
.store_top{
	float:left;
	width:220px;
	height:auto;
	margin:3px;
	padding:0;
	}
	
.store_top img{
	float:left;
	width:80px;
	height:auto;
	padding:0;
	margin:0 3px 0 0;
	border:#CCCCCC 1px solid;
	}

	
	
/* ---------------------------------------------------------
国別情報を探す
--------------------------------------------------------- */
.country_list {
	width:460px;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
}

ul.c_list_l {
	float:left;
	width:250px;
	height: auto;
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	font-size:10px;
	line-height:130%;
	}
	
ul.c_list_r {
	float:left;
	width:180px;
	height: auto;
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	font-size:10px;
	line-height:130%;
	}	
	
ul.c_list {
	clear:both;
	width:420px;
	height: auto;
	margin:0;
	padding:1px 0 0 8px;
	list-style:none;
	font-size:10px;
	line-height:130%;
	}
	
/* ---------------------------------------------------------
自社広告（トップ用）
--------------------------------------------------------- */
.arukikata_top{
	width:440px;
	height:auto;
	margin:3px;
	padding:0;
	border-bottom:#CCCCCC 1px dotted;
	}
	
.arukikata_top img{
	float:left;
	width:100px;
	height:auto;
	padding:0;
	margin:0 5px 0 0;
	}
	

/* ---------------------------------------------------------
ピックアップ旅スケ
--------------------------------------------------------- */
p.pickup_tabisuke_title{
	width:300px;
	/*width:240px;*/
	height:30px;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	margin:8px 0 0 0;
	/*padding:0 0 0 60px;*/
	padding:0;
	background:url(/images/top/pickup_tabisuke_title.gif) left no-repeat;
	}
	
p.pickup_tabisuke_album{
	width:285px;
	height:30px;
	font-size:12px;
	line-height:30px;
	margin:0 0 3px 0;
	padding:0 0 0 15px;
	background:url(/images/top/right_arrow_down.gif) left no-repeat;
	}
	
p.pickup_tabisuke_photo{
	padding:0;
	margin:0 0 10px 0;
	}
	
/* ---------------------------------------------------------
リンク
--------------------------------------------------------- */

div.linkbox120{
	width:365px;
	height:80px;
	margin:0 5px 0 0;
	padding:0 0 10px 25px;
	font-size:12px;
	clear:both;
	}
	

div.linkbox120 dt.a_photo{
	width:120px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
	
	
div.linkbox120 dd.a_article {
	width:230px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}
	
div.linkbox120 dd.a_article h3{
	width:93%;
	height:20px;
	margin:2px 0;
	padding:0 0 0 18px;
	border:1px #CCCCCC solid;
	background:#FFFFCC url(/com_img/left_i_arrow.gif) left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	}
	

div.linkbox405{
	width:440px;
	height:auto;
	margin:0 5px 0 0;
	padding:0 0 10px 5px;
	font-size:12px;
	clear:both;
	}
	

div.linkbox405 dt.a_photo{
	width:208px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	}
	
	
div.linkbox405 dd.a_article {
	width:220px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}
	
div.linkbox405 dd.a_article h3{
	width:212px;
	height:auto;
	margin:2px 0;
	padding:3px 0 3px 18px;
	border:1px #CCCCCC solid;
	background:#EEEEEE url(/com_img/left_i_arrow.gif) left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:110%;
	}
	
	
div.linkbox405_s{
	width:440px;
	height:auto;
	margin:0 5px 0 0;
	padding:0 0 10px 5px;
	font-size:12px;
	clear:both;
	}
	

div.linkbox405_s dt.a_photo{
	width:120px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
	
	
div.linkbox405_s dd.a_article {
	width:310px;
	height:auto;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}
	
div.linkbox405_s dd.a_article h3{
	width:290px;
	height:20px;
	margin:2px 0;
	padding:0 0 0 18px;
	border:1px #CCCCCC solid;
	background:#EEEEEE url(/com_img/left_i_arrow.gif) left no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	}

/* ---------------------------------------------------------
メンテナンス告知用枠
--------------------------------------------------------- */
.mente{
	width:445px;
	height:auto;
	margin:5px;
	padding:5px;
	font-size:12px;
	line-height:130%;
	border:#FF0000 1px solid;
	}
	
/* ---------------------------------------------------------
右メニュー　臨時広告用
--------------------------------------------------------- */
.b_right_top{
	float:left;
	width:280px;
	height:auto;
	margin:2px;
	padding:5px;
	border:#CCCCCC 1px solid;
	font-size:12px;
	}
	
.b_right_top img{
	float:left;
	width:auto;
	height:auto;
	padding:0;
	margin:0 5px 0 0;
	border:#CCCCCC 1px solid;
	}


/* ---------------------------------------------------------
採用・プレゼント・キャンペーン一覧
--------------------------------------------------------- */
.present_link{
	margin:5px 2px 0 0;
	border-bottom:#999999 1px dotted;
	border-top:#999999 1px dotted;
	background:#e7f6f9 url(/images/top/i_present.gif) no-repeat left;
	font-size:12px;
	padding:5px 3px 5px 30px;
	font-weight:bold;
	}
	
.influ_link{
	margin:5px 0 0 15px;
	width:400px;
	border-bottom:#999999 1px dotted;
	border-top:#999999 1px dotted;
	background:#e7f6f9 url(/images/top/i_influ.gif) no-repeat left;
	font-size:12px;
	padding:5px 3px 5px 30px;
	font-weight:bold;
	}
	
.info_link{
	margin:5px 2px 0 0;
	border-bottom:#999999 1px dotted;
	border-top:#999999 1px dotted;
	background:#e7f6f9 url(/images/top/i_info.gif) no-repeat left;
	font-size:12px;
	padding:5px 3px 5px 30px;
	line-height:135%;
	}
	
.career_link{
	margin-left:15px;
	width:430px;
	border-bottom:#999999 1px dotted;
	border-top:#999999 1px dotted;
	background:#e7f6f9;
	font-size:12px;
	padding:5px;
	font-weight:bold;
	}
	
/* ---------------------------------------------------------
左カラム　google検索用
--------------------------------------------------------- */	
/*IE7用*/
*:first-child+html div.google_search {
	margin:-15px 0;
	padding:0;
	text-align:center;
	}

/*IE6用*/
*html div.google_search {
	margin:0 0 -18px 0;
	padding:0;
	text-align:center;
	}


/* ---------------------------------------------------------
Flash AD　広告テスト用CSSここから
--------------------------------------------------------- */

/*天気用*/
.cityspot{
	width:856px;
	height:23px;
	line-height:23px;
	margin:2px 10px 0 10px;
	padding:0 0 0 125px;
	background:url(/images/top/spot_bg.jpg) no-repeat;
	font-size:12px;
	}
	
.cityspot a:link { color:#000000; text-decoration: underline }
.cityspot a:visited { color: #666666; text-decoration: underline }
.cityspot a:active { color:#CCCCCC; text-decoration; }
.cityspot a:hover { color:#CCCCCC; text-decoration;}