@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_country h1.title {
	width:592px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 150px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	}
	
div.title_country p.title_tx {
	width:592px;
	color:#FFFFFF;
	font-size: 12px;
	margin:0 0 0 150px;
	padding:5px 0 0 0;
	line-height:120%;
	}
	
div.title_country p.title {
	width:592px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 150px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	font-weight:bold;
	}


/* ---------------------------------------------------------
タブ
--------------------------------------------------------- */
/*タブ上段*/		
.tab_u {
	width:770px;
	height:55px;
	margin:0;
	padding:0 0 0 10px;
	background:url(/images/country/tab/tab_bg.gif) repeat-x bottom;
}

.tab_u ul.menu{
	margin:0;
	padding: 0;
}

.tab_u ul.menu li{
	float:left;
	width:189px;
	height:31px;
	list-style:none;
	margin:0;
	padding:0;
}

.tab_u ul.menu li a{
	width:auto;
	height:31px;
	margin:0;
	padding: 0 0 0 14px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	display:block;
}

.tab_u ul.menu li.nolink {
	height:31px;
	margin:0;
	padding: 0;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	display:block;
	color:#FFFFFF;
	background:url(/images/country/tab/nolink_u_off.gif) no-repeat;
	}


/*タブ下段*/

.tab_b {
	width:770px;
	height:55px;
	margin:0;
	padding:0 0 0 10px;
	background:url(/images/country/tab/tab_bg2.gif) repeat-x bottom;
}

.tab_b ul.menu{
	margin:0;
	padding: 0;
}

.tab_b ul.menu li{
	float:left;
	width:189px;
	height:31px;
	list-style:none;
	margin:0;
	padding:0;
}

.tab_b ul.menu li a{
	width:auto;
	height:31px;
	margin:0;
	padding: 2px 0 0 14px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:31px;
	text-align:center;
	display:block;
}

.tab_b ul.menu li.nolink {
	height:31px;
	margin:0;
	padding: 2px 0 0 0;
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	text-align:center;
	display:block;
	color:#FFFFFF;
	background:url(/images/country/tab/nolink_b_off.gif) no-repeat;
}




/* リンク集用ボタン*/
.tab_u ul.menu li.l_off a{
background:url(/images/country/tab/link_u_off.gif) no-repeat;
}

.tab_u ul.menu li.l_off a:hover{
color:#FF9900;
background:url(/images/country/tab/link_u_on.gif) no-repeat;
}

.tab_u ul.menu li.l_on a{
color:#FF9900;
background:url(/images/country/tab/link_u_on.gif) no-repeat;
}


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


/* ---------------------------------------------------------
国紹介文
--------------------------------------------------------- */
div.country{
	padding:0;
	margin:0;
	font-size:12px;
	line-height:125%;
	}
	
div.country div.photo{
	width:200px;
	float:left;
	margin:0;
	} 
	
div.country dt.photo{
	width:200px;
	float:left;
	margin:0;
	} 
	
div.country dt.photo img{
	margin:0;
	} 
	
div.country dt.photo p.clock{
	margin:5px 0 0 5px;
	padding:0 0 0 5px;
	width:190px;
	height:auto;
	clear:both;
	} 
	
div.country dt.photo p.clock_tx{
	margin:5px 0 0 5px;
	padding:0 0 0 5px;
	width:190px;
	height:auto;
	text-align:left;
	clear:both;
	}

div.country dt.photo p.clock span.tx9{
	font-size:9px;
	line-height:125%;
	}

div.country dd.text{
	width:265px;
	float:left;
	margin:0 0 0 5px;
	line-height:130%;
	} 
	
div.country p.text2{
	width:220px;
	height:auto;
	margin:5px 0 0 10px;
	padding:5px;
	line-height:130%;
	border:#CCCCCC 1px solid;
	} 

	
/* ---------------------------------------------------------
リストもの
--------------------------------------------------------- */

/*天気*/

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 }

	
/*為替*/

table.travel_rate {
	width:255px;
	height:auto;
	float: left;
	margin:0 3px 5px 3px ;
	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;
	}

	

/*国名一覧*/
ul.country{
	width:175px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	float:left;
	}

ul.country li.name{
	width:auto;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	}

ul.country02{
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;
	}

ul.country02 li.name02{
	width:175px;
	margin:2px 0 0 10px;
	padding:0;
	float: left;
	font-size:14px;
	font-weight:bold;
	}

/*おすすめスポット一覧*/

div.box235{
	width:235px;
	height:80px;
	padding:0;
	margin:0 0 5px 10px;
	border:#CCCCCC 1px solid;
	float:left;
	}
	
div.box235 dt{
	width:auto;
	height:60px;
	float:left;
	margin:5px 5px 0 5px;
	}
	
	
div.box235 dd{
	width:130px;
	height:auto;
	float:left;
	margin:5px 5px 0 0;
	padding:0;
	font-size:12px;
	line-height:125%;
	}

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


	
/* ---------------------------------------------------------
特派員ブログ・編集部ブログ
--------------------------------------------------------- */
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.box360 p.line{
	width:350px;
	height:5px;
	border-bottom:1px #999999 dotted;
	margin:5px 5px;
	padding:0;
	clear:both;
	}
	
	
/* ---------------------------------------------------------
人気都市
--------------------------------------------------------- */	
div.city{
	width:760px;
	height:58px;
	font-size:12px;
	padding:0;
	margin:0 0 5px 0;
	border:#CCCCCC 1px solid;
	float:left;
	background:#FFFFCC;
	}
	
div.city dt{
	width:140px;
	height:auto;
	float:left;
	margin:3px 5px 0 5px;
	text-align:center;
	font-weight:bold;
	}
	
	
div.city dd{
	width:580px;
	height:auto;
	float:left;
	margin:10px 5px 0 0;
	padding:0;
	line-height:135%;
	}
	
	
/* ---------------------------------------------------------
リンク集
--------------------------------------------------------- */

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;
	}
	
li.i_02{
	list-style:none;
	background:url(/images/link/i_02.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}
	
li.i_03{
	list-style:none;
	background:url(/images/link/i_03.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}
	
li.i_04{
	list-style:none;
	background:url(/images/link/i_04.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}
	
li.i_05{
	list-style:none;
	background:url(/images/link/i_05.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}
	
li.i_06{
	list-style:none;
	background:url(/images/link/i_06.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}
	
li.i_07{
	list-style:none;
	background:url(/images/link/i_07.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}

li.i_08{
	list-style:none;
	background:url(/images/link/i_08.gif) no-repeat left;
	padding:2px 10px 0 25px;
	margin:0;
	}

/* ---------------------------------------------------------
気候と時差ボタン
--------------------------------------------------------- */
p.b_time_top{
	width:175px;
	height:49px;
	padding:10px 0 0 15px;
	margin:2px 5px 0 5px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(/images/country/b_time.gif) no-repeat left;
	float:left;
	}
	
p.b_time{
	width:175px;
	height:49px;
	padding:10px 0 0 15px;
	margin:2px 5px 0 5px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(/images/country/b_time.gif) no-repeat left;
	clear:both;
	}
	

/* ---------------------------------------------------------
服装ナビボタン
--------------------------------------------------------- */
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 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 }


/* ---------------------------------------------------------
為替（為替ページ）
--------------------------------------------------------- */
table.rate_info {
	width:460px;
	height:auto;
	margin:0 3px 5px 3px ;
	padding:2px;
	background:#FFFFFF;
	font-size:12px;
	border:#999999 1px solid;
	}

table.rate_info th {
	height:15px;
	font-size:12px;
	padding:2px;
	color:#FFFFFF;
	text-align:center;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	}
	
table.rate_info th.end {
	border-right:none;
	border-bottom:#999999 1px solid;
	}
	
table.rate_info th.side {
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
	}
	
table.rate_info td.end {
	border:none;
	}
	
table.rate_info td.side {
	border-right:#999999 1px solid;
	}
	
table.rate_info th a:link { color:#FFFFFF; text-decoration: underline;}
table.rate_info th a:visited { color:#FFFFFF; text-decoration: underline;}
table.rate_info th a:hover { color:#FFFFFF; text-decoration: none; }	
	
	
table.rate_info td {
	padding:2px;
	text-align:center;
	}
	


/* ---------------------------------------------------------
人気都市リンク枠
--------------------------------------------------------- */
div.city_link {
	width:765px;
	height:60px;
	margin:5px 0 0 5px;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	background:url(/images/city/spot_bg.jpg) right bottom no-repeat;
	}
	
div.city_link a{
	font-weight:bold;
	font-size:12px;
	}


/*都市名一覧*/
ul.city{
	width:125px;
	height:47px;
	margin:9px 0 0 5px;
	padding:0;
	list-style:none;
	line-height:140%;
	float:left;
	}

ul.city li.name{
	width:47px;
	height:auto;
	margin:3px 0 0 0;
	padding:0;
	float:left;
	font-weight:bold;
	}
	
ul.city li.text{
	width:65px;
	height:auto;
	margin:3px 0 0 5px;
	padding:0;
	float:left;
	font-weight:bold;
	font-size:12px;
	line-height:110%;
	}
	
ul.city li.name img{
	border:#CCCCCC 1px solid;
	margin:0;
	padding:0;
	}
	

/*都市名一覧　スペイン*/
ul.city_s{
	width:125px;
	height:47px;
	margin:9px 0 0 0;
	padding:0;
	list-style:none;
	line-height:140%;
	float:left;
	}

ul.city_s li.name{
	width:47px;
	height:auto;
	margin:3px 0 0 0;
	padding:0;
	float:left;
	font-weight:bold;
	}
	
ul.city_s li.text{
	width:65px;
	height:auto;
	margin:3px 0 0 5px;
	padding:0;
	float:left;
	font-weight:bold;
	font-size:12px;
	line-height:110%;
	}
	
ul.city_s li.name img{
	border:#CCCCCC 1px solid;
	margin:0;
	padding:0;
	}


/*---------------------------------
お金ガイドへのリンク
----------------------------------*/
table.general_info tr.money_guide td{
padding:5px 0;
}
table.general_info tr.money_guide td strong{
font-size:15px;
}

div.money_guide{
	width:310px;
	height:118px;
	background:url("/images/money/banner/bg_money_banner.jpg") no-repeat left top;
	padding:15px 130px 50px 20px;
	line-height:1.5;
}
div.money_guide strong{
	font-size:16px;
	display:block;
	margin-bottom:5px;
}
div#contents div.country div.money_guide strong a:link,
div#contents div.country div.money_guide strong a:visited{
	color:#f43f07;
	text-decoration:underline;
}
div#contents div.country div.money_guide strong a:hover,
div#contents div.country div.money_guide strong a:active{
	color:#f43f07;
	text-decoration:none;
	background-color:#FFFFFF;
}
div.money_guide p.bt{
	margin:3px 0;
	padding:0;
	display:inline;
	float:right;
}


/* ---------------------------------------------------------
テキスト広告
--------------------------------------------------------- */
div.main_ad div.m_module_y {
	width:455px;!important
	height: auto;
	margin:0 0 8px 0;!important
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	background-color:#fbfaf1;
	}

/* ---------------------------------------------------------
AMAZON表示用
--------------------------------------------------------- */

#books_amz_cntry_noBook {
	display:block;
	width:100%;
	overflow: hidden;
	}
	
#books_amz_cntry_noBook p.amz_read {
	display:block;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:0px;
	width:100%;
	}
	
#books_amz_cntry_noBook p.amz_pink {
	display:block;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	color:#F36;
	border-bottom:#ccc dotted 1px;
	width:100%;
	}
	
#books_amz_cntry_noBook p.amz_gr {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:0 0 10px 0;
	padding:2px 6px;
	color:#fff;
	background:#333;
	width:100%;
	}
	
#books_amz_cntry_noBook .amz_infoBg {
	display:block;
	padding:5px 10px;
	margin:15px;
	}

.books_amz_cntry_info {
	display:block;
	float:left;
	width:33%;
	margin-top:10px;
}
.books_amz_cntry_info img {
	display:block;
	border:none;
	margin:0px;
}
.books_amz_cntry_info img.amz_img {
	margin:0 auto;
}
.books_amz_cntry_info img.amz_btn {
	margin:0 auto;
	width:155px;
}
.books_amz_cntry_info p.amz_txt {
	font-weight:bold;
	text-align:center;
	margin:5px 0;
	padding:0px;
	line-height: 1.3;
	width:100%;
	}
	
.overflow_hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}

.books_amz_cntry_info a {color:#333;}
.books_amz_cntry_info a:hover {color:#999;}