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

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

/* ---------------------------------------------------------
トップ用ヘッダー
--------------------------------------------------------- */

#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_weather {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/weather/title_bg.jpg) no-repeat;
}
	
div.title_weather h1.title {
	width:540px;
	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_weather p.title_tx {
	width:540px;
	color:#FFFFFF;
	font-size: 12px;
	margin:0 0 0 150px;
	padding:5px 0 0 0;
	line-height:120%;
	}
	
/* ---------------------------------------------------------
H2
--------------------------------------------------------- */	

/* H2　Mサイズ*/
div.title_weather_m {
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/images/weather/title_bg_m.gif) no-repeat;
	font-weight:bold;
	font-size:14px;
	}
	
div.title_weather_m h2 { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 0 30px;}
div.title_weather_m h2 a:link { color:#FFFFFF; text-decoration: underline }
div.title_weather_m h2 a:hover { color:#FFFFCC; text-decoration: underline}
div.title_weather_m h2 a:active { color:#FFFFCC; text-decoration: underline}
div.title_weather_m h2 a:visited { color:#FFFFFF; text-decoration: underline}


/* H2　Lサイズ*/
div.title_weather_l {
	width:772px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/images/weather/title_bg_l.gif) no-repeat;
	font-weight:bold;
	font-size:14px;
	}
	
div.title_weather_l h2 { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 0 30px;}
div.title_weather_l h2 a:link { color:#FFFFFF; text-decoration: underline }
div.title_weather_l h2 a:hover { color:#FFFFCC; text-decoration: underline}
div.title_weather_l h2 a:active { color:#FFFFCC; text-decoration: underline}
div.title_weather_l h2 a:visited { color:#FFFFFF; text-decoration: underline}


/* ---------------------------------------------------------
メニュー
--------------------------------------------------------- */
li.blue_m_ye_r1{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg_on.gif) no-repeat left;
}

li.blue_m_ye_r1 a:link { color:#000000; text-decoration: none }
li.blue_m_ye_r1 a:visited { color: #000000; text-decoration: none }
li.blue_m_ye_r1 a:active { color:#333333; text-decoration: underline ;}
li.blue_m_ye_r1 a:hover { color:#333333; text-decoration: underline ;}



li.blue_m_or_arrow_b{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg.gif) no-repeat left;
}

li.blue_m_or_arrow_b a:link { color:#000000; text-decoration: none }
li.blue_m_or_arrow_b a:visited { color: #000000; text-decoration: none }
li.blue_m_or_arrow_b a:active { color:#333333; text-decoration: underline ;}
li.blue_m_or_arrow_b a:hover { color:#333333; text-decoration: underline ;}


/* ---------------------------------------------------------
MAP
--------------------------------------------------------- */	
.weather_map {
	width:767px;
	height:399px;
	margin:0;
	padding:0;
	position:relative;
	/*background:url(/images/weather/map.jpg) no-repeat;*/

}
	
.weather_map span {
	width:32px;
	height:24px;
	display:block;
	position:absolute;
	}

/*各都市*/
.weather_map span.moscow {
	top:63px;
	left:147px;
	}	
.weather_map span.london {
	top:86px;
	left:39px;
	}
.weather_map span.barcerona {
	top:148px;
	left:20px;
	}
.weather_map span.roma {
	top:147px;
	left:74px;
	}
.weather_map span.istanbul {
	top:130px;
	left:135px;
	}

.weather_map span.capetown {
	top:345px;
	left:85px;
	}

.weather_map span.newdelhi {
	top:181px;
	left:205px;
	}
.weather_map span.jakarta {
	top:256px;
	left:264px;
	}
.weather_map span.beijing {
	top:118px;
	left:250px;
	}
.weather_map span.hongkong {
	top:180px;
	left:286px;
	}
.weather_map span.seoul {
	top:118px;
	left:306px;
	}
.weather_map span.tokyo {
	top:172px;
	left:371px;
	}	

.weather_map span.sydney {
	top:308px;
	left:368px;
	}
.weather_map span.auckland {
	top:332px;
	left:440px;
	}
	
.weather_map span.tronto {
	top:61px;
	left:541px;
	}
.weather_map span.losangeles {
	top:132px;
	left:528px;
	}
.weather_map span.newyork {
	top:120px;
	left:637px;
	}
	
.weather_map span.hawaiimap {
	top:220px;
	left:503px;
	}
	
.weather_map span.saopaulo {
	top:245px;
	left:713px;
	}
.weather_map span.buenosaires {
	top:354px;
	left:686px;
	}
	
	

/* ---------------------------------------------------------
検索
--------------------------------------------------------- */	
p.yellow{
	width:95%;
	height:auto;
	margin:0 0 0 5px;
	padding:5px;
	list-style:none;
	background:#FFFFCC;
	border:#CCCCCC 1px solid;
	font-size:12px;
	font-weight:bold;
	}

p.search_box{
	width:700px;
	height:50px;
	margin:3px 0 3px 35px;
	padding:10px 0 10px 10px;
	border-left:#0066FF 2px dotted;
	font-size:12px;
	}
	
#search_box{
	width:700px;
	height:60px;
	margin:3px 0 3px 35px;
	padding:10px 0 10px 10px;
	border-left:#0066FF 2px dotted;
	font-size:12px;
	}

#form_country{
	margin:0 0 0 20px;
	padding:0;
	}
	
#form_city{
	margin:0 0 0 20px;
	padding:0;
	}
	
	
/* ---------------------------------------------------------
都市一覧
--------------------------------------------------------- */		
dl.country{
	width:760px;
	height:auto;
	margin:5px 0;
	padding:0;
	list-style:none;
	}

dl.country dt.area{
	float:left;
	width:100px;
	height:auto;
	margin:0 0 0 5px;
	padding:0;
	}
	
dl.country dd.city{
	float:left;
	width:630px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	}


/* ---------------------------------------------------------
天気予報表部分
--------------------------------------------------------- */

.yohou {
	margin:0;
	padding:auto;
	clear:both;
	}


.yohou table {
	margin:0 0 15px 0;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 98%;
	}

.yohou th {
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px double #CCCCCC;
	font-size: 12px;
	background-color: #FFCC99;
	padding:5px 0 3px 0;
	text-align: center;
	font-weight: normal;
	}

.yohou td {
	border: 1px solid #CCCCCC;
	font-size: 12px;
	color: #484848;
	text-align: center;
	height: auto;
	padding:5px;
	}

.orangebg  {
	background-color: #FFF0B3;
	}


h2.title_japan {
	width:745px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0;
	background:url(/com_img/area/link_l_japan.gif) no-repeat;
	font-weight:bold;
	font-size:14px;
	}
	
h2.title_japan { color:#333333; font-size:14px; margin:0; padding:0 0 0 15px;}
h2.title_japan a:link { color:#333333; text-decoration: underline }
h2.title_japan a:hover { color:#FFFFCC; text-decoration: underline}
h2.title_japan a:active { color:#FFFFCC; text-decoration: underline}
h2.title_japan a:visited { color:#333333; text-decoration: underline}


/* ---------------------------------------------------------
服装部分
--------------------------------------------------------- */
.cloth_tx{
	width:200px;
	height:200px;
	margin:15px 0 0 15px;
	padding:0;
	float:left;
}

.cloth_img {
	width:100px;
	height:200px;
	float:left;
	margin-left:25px;
	padding:0 0;
	}
	
	
/* ---------------------------------------------------------
おすすめ
--------------------------------------------------------- */
div.l_module p{
	width:200px;
	float:left;
	padding:5px 10px;
	margin:0;
}

div.l_module ul{
	width:500px;
	float:left;
	padding:5px 10px;
	margin:5px 0;
}


	
/* ---------------------------------------------------------
ケータイ
--------------------------------------------------------- */
div.l_module p.mobile_qr{
	width:74px;
	height:74px;
	float:left;
	padding:0;
	margin:0 5px 10px 50px;
	}
	
div.l_module p.mobile_tx{
	width:450px;
	height:10px;
	float:left;
	padding:0;
	margin:3px 5px;
	text-align:left
	}

/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
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.box185{
	width:185px;
	margin:0;
	height:auto;
	padding:0;
	}

	
dl.mark{
	width:180px;
	margin:0;
	height:25px;
	padding:0;
	line-height:25px;
	border-bottom:#CCCCCC 1px dotted;
	clear:both;
	}
	
dl.mark dt {
	float:left;
	width:40px;
	margin:0;
	padding:0;
	}
	
dl.mark dd{
	float:left;
	width:auto;
	margin:0;
	padding:0;
	}
	
div.box740{
	width:740px;
	margin:0 0 0 20px;
	height:auto;
	padding:0;
	font-size:12px;
	}

/* ---------------------------------------------------------
1週間天気予報
--------------------------------------------------------- */
ul.week{
	width:360px;
	list-style:none;
	font-size:12px;
	float:left;
	padding:0;
	margin:0 0 10px 5px;
	}
	
ul.week li{
	width:auto;
	background:url(/images/weather/i_sun.gif) left no-repeat;
	padding:2px 2px 2px 23px;
	margin:2px;
	}

/* ---------------------------------------------------------
国別天気予報　リンク
--------------------------------------------------------- */
ul.week2{
	width:730px;
	list-style:none;
	font-size:12px;
	float:left;
	padding:0;
	margin:0 0 10px 5px;
	clear:both;
	}
	
ul.week2 li{
	width:auto;
	background:url(/images/weather/i_sun.gif) left no-repeat;
	padding:2px 2px 2px 23px;
	margin:2px;
	}

/* ---------------------------------------------------------
特派員ブログ・編集部ブログ
--------------------------------------------------------- */
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;
	}


/* ---------------------------------------------------------
国別ページ
--------------------------------------------------------- */
.box_country {
	width:400px;
	height:auto;
	margin:0 0 5px 10px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
	float:left;
}


/* ---------------------------------------------------------
左カラム　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;
	}