@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{
color:#cc0000;
background:url(/com_img/h_f/header_b_kuchikomi_on.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;
}

/* /////////////②H1H2//////////////////////////////////////// */

/* ---------------------------------------------------------
H1
--------------------------------------------------------- */
div.title_kuchikomi {
	width:473px;
	height:147px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/secondtop/kuchikomi_title.jpg) no-repeat;
}

div.title_kuchikomi h1.title {
	width:255px;
	color:#000000;
	font-size: 16px;
	margin:0 0 0 200px;
	padding:15px 0 0 0;
	line-height:110%;
	border-bottom:none;
	}
	
div.title_kuchikomi p.title_tx {
	width:265px;
	color:#000000;
	font-size: 12px;
	margin:0 0 0 190px;
	padding:15px 0 0 0;
	line-height:140%;
	}
	
/* ---------------------------------------------------------
H2エリア別
--------------------------------------------------------- */

/* H2　グレー色　背景*/
h2.title_m {
	font-size:14px;
	font-weight:bold;
	width:448px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background:url(/images/secondtop/link_m_secondtop.gif) no-repeat;
	color:#333333;
	}
	
h2.title_m a:link { color:#333333; text-decoration: underline }
h2.title_m a:visited { color: #666666; text-decoration: underline }
h2.title_m a:hover { color:#cc0000; 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/secondtop/link_h_secondtop.gif) no-repeat;
	color:#333333;
	}
	
h2.title_h a:link { color:#000000; text-decoration: underline }
h2.title_h a:visited { color: #000000; text-decoration: underline }
h2.title_h a:hover { color:#000000; text-decoration: none}
h2.title_h a:active { color:#000000; text-decoration: none}


h2.title_l {
	font-size:14px;
	font-weight:bold;
	width:722px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/images/secondtop/link_l_secondtop.gif) no-repeat;
	color:#333333;
	}
	
h2.title_l a:link { color:#000000; text-decoration: underline }
h2.title_l a:visited { color: #000000; text-decoration: underline }
h2.title_l a:hover { color:#000000; text-decoration: none}
h2.title_l a:active { color:#000000; text-decoration: none}

h2.title_h img,
h2.title_l img,
h2.title_m img{
	vertical-align:middle;
}
	
/* H2　エリア色　背景L*/
div.title_secondtop_l {
	width:772px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/images/secondtop/title_secondtop_l.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_secondtop_l h2 { color:#000000; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_secondtop_l h2 a:link { color:#000000; text-decoration: underline }
div.title_secondtop_l h2 a:hover { color:#000000; text-decoration:none}
div.title_secondtop_l h2 a:active { color:#000000; text-decoration:none}
div.title_secondtop_l h2 a:visited { color:#000000; text-decoration: underline}

/* H2　エリア色　背景M*/
div.title_secondtop_m {
	color:#FFFFFF;
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/images/secondtop/title_secondtop_l.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_secondtop_m h2 { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_secondtop_m h2 a:link { color:#FFFFFF; text-decoration: underline }
div.title_secondtop_m h2 a:hover { color:#FFCCCC; text-decoration: underline}
div.title_secondtop_m h2 a:visited { color:#FFFFFF; text-decoration: underline}


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


/*スクリーンショット付き*/

.box770 dt.ss{
	float:left;
	width:224px;
	min-height:277px;
	padding:5px;
	text-align:center;
	background-color:#dddddd;
}

.box770 dt.ss p{
	width:221px;
	height:36px;
	margin:3px auto 0 auto;
	background:url(/images/secondtop/kuchikomi_b.gif);
	color:#FFFFFF;
	text-align:center;
	line-height:36px;
	font-weight:bold;
}

.box770 dt.ss p a:link { color:#FFFFFF; text-decoration: underline }
.box770 dt.ss p a:hover { color:#FFFFF; text-decoration: none}
.box770 dt.ss p a:active { color:#FFFFF; text-decoration: none}
.box770 dt.ss p a:visited { color:#FFFFFF; text-decoration: underline}


.box770 dd.site_info{
	float:left;
	width:520px;
	height:auto;
	font-size:12px;
	padding:0;
	margin:0 0 0 10px;
}

.box770 dd.site_info p{
	margin:0;
	padding:0;
}


/*旅スケ黄色枠*/

#contents .h_module_y {
	float:left;
	font-size:12px;
	margin:5px 0 5px 5px;
	}
	
.h_module_y img{
	float:left;
	margin-right:5px;
	}
	
.h_module_y h3{
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	padding:0;
	margin:0;
	}


#contents .h_module {
	margin:5px 0 5px 5px;
	width:374px;
	}

#contents .l_module_y {
	margin:20px 0 5px 5px;
	}
.area_list{
	width:730px;
	margin:0 auto 10px auto;
	padding: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;
	}
	
	
	
/*リストリンク*/
li.arrow{
	float:left;
	padding-left:15px;
	margin-left:10px;
	}
ul.arrow_box{
	font-size:12px;
	}

.box770 .tokuhain_map{
	margin:0;
	padding:0;
	width:467px;
}
.box770 .tokuhain_map img{
	margin:10px 0;
}


/* ---------------------------------------------------------
世界一周
---------------------------------------------------------*/


/* 2012/1/30変更 */

.box770 .ss_world{
	float:left;
	width:173px;
	min-height:173px;
	padding:5px;
	display: inline;
	margin:0 8px 10px 0;
    background-color:#dddddd;
	line-height:150%;
}

.box770 .ss_world p{
	width:173px;
	height:35px;
	margin:3px auto 0 auto;
	background:url(/images/secondtop/kuchikomi_b_173.gif) top left no-repeat;
	color:#FFFFFF;
	text-align:center;
	line-height:35px;
	font-weight:bold;
}

/* 2012/1/30追加 */
.box770 .ss_world span{
	width:173px;
	height:42px;
	margin: 3px 0 6px 0;
	display:block;
	line-height:140%;
}

.box770 dt.ss_world p a:link { color:#FFFFFF; text-decoration: underline }
.box770 dt.ss_world p a:hover { color:#FFFFF; text-decoration: none}
.box770 dt.ss_world p a:active { color:#FFFFF; text-decoration: none}
.box770 dt.ss_world p a:visited { color:#FFFFFF; text-decoration: underline}


.box770 dd.site_info{
	float:left;
	width:520px;
	height:auto;
	font-size:12px;
	padding:0;
	margin:0 0 0 10px;
}

.box770 dd.site_info p{
	margin:0;
	padding:0;
}


/* ---------------------------------------------------------
韓国コスメガイド
---------------------------------------------------------
div.guide_module{
	width:510px;
}
div.guide_module h2.title_cosme_korea{
	font-size:14px;
	padding:5px 10px;
	margin:5px 0;
	background-color:#e3538f;
	color:#FFFFFF;
}
div.guide_module .rss_box{
	width:510px;
	padding:0;
	margin:5px 0;
	float:left;
}
div.guide_module div.rss_box dl,
div.guide_module div.rss_box dl dt,
div.guide_module div.rss_box dl dd{
	margin:0;
	padding:0;
}
div.guide_module div.rss_box .photo{
	width:100px;
	padding:0;
	margin:0 5px 0 0;
	float:left;
}
div.guide_module div.rss_box .article{
	width:350px;
	padding:0;
	margin:0;
	float:left;
}
div.guide_box_list{
	width:490px;
	font-size:12px;
	margin:0;
	padding:10px;
	float:left;
	border:1px solid #e3538f;
}
.guide_box_list dl,
.guide_box_list dl dt,
.guide_box_list dl dd{
	margin:0;
	padding:0;
}

.guide_box_list dl{
	margin-top:5px;
}
.guide_box_list dl dd{
	margin-bottom:2px;
}
*/

/* ---------------------------------------------------------
地図
--------------------------------------------------------- */
div.map_ranking p.box360{
	width:400px;
	margin:0;!important
	float:none;!important
}

div.map_ranking p.box360 img{
	margin:0 0 0 30px;!important
}



/* 世界の地図　注目の地図 */
.menu_special{
	width:460px;
	margin:0px 0 10px 10px;
	_margin:5px 0 10px 5px;
	padding:0px 0 10px 5px;
	float:left;
	background:url("/images/map/PAR/bg_obliques.gif") #FFF6D8;
}
.menu_special .menu_ttl{
	background:url("/images/map/spot/ttl_bg_pickupmap.gif") no-repeat center center;
	height:52px;
	line-height:52px;
	font-size:16px;
	padding-left:60px;
	margin-top:5px;
}
.menu_special .menu_ttl strong{
	color:#D2002E;
}
.menu_special .menu_ttl strong span{
	color:#333333;
	margin-left:5px;
}
.menu_special .item{
	float:left;
	margin:5px 10px 0 10px;
	_margin:5px 5px 0 5px;
	padding:0;
	width:424px;
	background-color:#FFFFFF;
	border:1px solid #eac033;
	text-align:left;
	padding:8px;
}
.menu_special .item .inner{
	width:424px;
	float:left;
	padding:8px;
	margin:0;
}

.menu_special .item a:hover,
.menu_special .item a:active{
	background-color:#ffffff;
	text-decoration:none;
}


.menu_special .item .photo{
	float:left;
	width:110px;
	margin:0 5px 5px 0;
	padding:0;
}
.menu_special .item strong{
	font-size:14px;
	color:#333333;
	margin:0 0 3px 0;
	padding:0;
}
.menu_special .item strong{
	float:left;
	width:300px;
	text-decoration:underline;

}
.menu_special .item a:hover strong,
.menu_special .item a:active strong{
	text-decoration:none;
}

.menu_special .item .desc{
	float:left;
	width:300px;
	_width:300px;
	font-size:12px;
	color:#333333;
	margin:0;
	padding:0;
	border:0;
}
.menu_special .item a:link .desc,
.menu_special .item a:visited .desc{
	text-decoration:none;
}
.menu_special .item .desc br{
	line-height:1px;
}
.menu_special .item .desc a{
	display:inline;
	color:#D2002E;
	float:none;
}


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