@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{
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_links {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/link/title_bg.jpg) no-repeat;
}

div.title_links h1.title {
	width:620px;
	color:#000000;
	font-size:16px;
	margin:0 0 0 180px;
	padding:15px 0 0 0;
	line-height:110%;
	border-bottom:none;
	}
	
div.title_links p.title_tx {
	width:480px;
	color:#000000;
	font-size: 12px;
	margin:0 0 0 160px;
	padding:5px 0 0 0;
	line-height:140%;
	}
	
/* ---------------------------------------------------------
タブ
--------------------------------------------------------- */
/*タブ上段*/		
.tab_u {
	width:770px;
	height:35px;
	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;
}



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

/* ---------------------------------------------------------
カテゴリ別
--------------------------------------------------------- */	
.category {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:125%;
}

div.category ul{
	width:455px;
	height:auto;
	clear:both;
	list-style:none;
	margin:0;
	padding:10px 0;
	line-height:130%;
	border-bottom:#CCCCCC 1px dotted;
	}
	
div.category li.link{
	width:290px;
	height:auto;
	line-height:30px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	}

div.category li.live{
	font-weight:bold;
	width:100px;
	height:28px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_live.jpg) no-repeat left;
	float:left;
	}
		
div.category li.hp{
	font-weight:bold;
	width:100px;
	height:40px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_hp.jpg) no-repeat left;
	float:left;
	}
	
div.category li.bus{
	font-weight:bold;
	width:100px;
	height:28px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_bus.jpg) no-repeat left;
	float:left;
	}
	
div.category li.sogo{
	font-weight:bold;
	width:100px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_sogo.jpg) no-repeat left top;
	float:left;
	height: 80px;
	}
	
div.category li.hobby{
	font-weight:bold;
	width:100px;
	height:80px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_hobby.jpg) no-repeat left top;
	float:left;
	}
	
div.category li.group{
	font-weight:bold;
	width:100px;
	height:40px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_group.jpg) no-repeat left;
	float:left;
	}
	
div.category li.photo{
	font-weight:bold;
	width:100px;
	height:20px;
	padding:0 0 0 45px;
	margin:2px 0;
	line-height:28px;
	background:url(/images/link/i_photo.jpg) no-repeat left;
	float:left;
	}
	
/* ---------------------------------------------------------
国別情報を探す（トップ）
--------------------------------------------------------- */
.country_list {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
	list-style:none;
}

ul.c_list {
	float:left;
	width:210px;
	height: auto;
	margin:5px 0 5px 5px;
	padding:5px;
	list-style:none;
	font-size:12px;
	line-height:130%;
	}
	

/* ---------------------------------------------------------
国名一覧（エリア）
--------------------------------------------------------- */	
ul.country{
	font-size:12px;
	width:105px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	list-style:none;
	float:left;
	}

ul.country li.name{
	width:auto;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	}
	
ul.country li.name img{
	border:#CCCCCC 1px solid;
	}

/* ---------------------------------------------------------
国名一覧（流し込み）
--------------------------------------------------------- */	
ul.country02{
	font-size:12px;
	margin:0px;
	padding:0px 0px 10px;
	list-style:none;
	display: block;
	width: 460px;
	}

ul.country02 li.name{
	padding:0px 0px 2px 10px;
	float: left;
	width: 140px;
	margin: 0px;
	display: inline;
	list-style: none;
	}

	
/* ---------------------------------------------------------
カテゴリー別アイコン
--------------------------------------------------------- */

ul.info_box li{
	line-height:140%;
	font-size:12px;
	}

li.line{
	width:435px;
	height:5px;
	border-bottom:1px #999999 dotted;
	margin:2px 0 5px 0;
	padding:0 5px;
	clear:both;
	}

			
li.i_01{
	list-style:none;
	background:url(/images/link/i_01.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
	
li.i_02{
	list-style:none;
	background:url(/images/link/i_02.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
	
li.i_03{
	list-style:none;
	background:url(/images/link/i_03.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
	
li.i_04{
	list-style:none;
	background:url(/images/link/i_04.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
	
li.i_05{
	list-style:none;
	background:url(/images/link/i_05.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
		
li.i_06{
	list-style:none;
	background:url(/images/link/i_06.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
		
li.i_07{
	list-style:none;
	background:url(/images/link/i_07.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}
	
li.i_08{
	list-style:none;
	background:url(/images/link/i_08.gif) no-repeat left;
	padding:2px 0 0 25px;
	margin:0;
	}


/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
div.box460 span a{ color:#FFFFFF; text-decoration: underline }
div.box460 span a:link { color:#FFFFFF; text-decoration: underline }
div.box460 span a:visited { color: #FFFFFF; text-decoration: underline }
div.box460 span a:hover { color:#FFFFFF; text-decoration: none }