﻿@charset "UTF-8";
/* CSS Document */


/* --------------もくじ--------------------------------- */

/* ①H1H2タイトル */
/* ①トップ用ヘッダー */
/* ②右メニュータイトル */
/* ④コンテンツ*/


/* ---------------------------------------------------------
エリアカラーフォント
--------------------------------------------------------- */	
.area_color {
	color:#C15082;
	font-weight:bold;
	}
	
/* ---------------------------------------------------------
エリア別見出し用カラー（矢印付き）
--------------------------------------------------------- */
.a_area{
	background:#999999 url(/com_img/area/a_asia.gif) no-repeat left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:2px 2px 2px 18px;
	margin:5px 0 2px 0;
	}
.a_area a { color:#FFFFFF; text-decoration: underline }
.a_area a:link { color:#FFFFFF; text-decoration: underline }
.a_area a:visited { color: #FFFFFF; text-decoration: underline }
.a_area a:hover { color:#FFFFFF; text-decoration: none }

/* ---------------------------------------------------------
エリア→
--------------------------------------------------------- */	
.area_arrow {
	background:url(/com_img/area/a_asia.gif) no-repeat left;
	list-style:none;
	padding:0 0 0 20px;
	margin:3px 0;
	}

/* ---------------------------------------------------------
エリアカラー+下線ドット
--------------------------------------------------------- */	
.area_dotline {
	font-weight:bold;
	width:auto;
	height:auto;
	margin:5px 0;
	padding:0;
	color:#C15082;
	border-bottom:#999999 1px dotted;
	}
	
/* ---------------------------------------------------------
エリア別H1
--------------------------------------------------------- */	
div.title_area {
	width:473px;
	height:147px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/area/t_asia.jpg) no-repeat;
}

/* ---------------------------------------------------------
国別別H1
--------------------------------------------------------- */	
div.title_country {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/country/t_asia.jpg) no-repeat;
}
	
	
/* ---------------------------------------------------------
H2エリア別
--------------------------------------------------------- */
/* H1　グレー色　背景*/
h1.title_m {
	font-size:14px;
	font-weight:bold;
	width:436px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_m_asia.gif) no-repeat;
	color:#333333;
	}
	
h1.title_m a:link { color:#000000; text-decoration: underline }
h1.title_m a:visited { color: #000000; text-decoration: underline }
h1.title_m a:active { color: #000000; text-decoration:none}
h1.title_m a:hover { color:#000000; text-decoration:none}


/* H2　グレー色　背景*/
h2.title_m {
	font-size:14px;
	font-weight:bold;
	width:436px;
	height: 26px;
	line-height:26px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	background:url(/com_img/area/link_m_asia.gif) no-repeat;
	color:#333333;
	}
	
h2.title_m a:link { color:#000000; text-decoration: underline }
h2.title_m a:visited { color: #000000; text-decoration: underline }
h2.title_m a:active { color: #000000; text-decoration:none}
h2.title_m a:hover { color:#000000; text-decoration:none}

	
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(/com_img/area/link_h_asia.gif) no-repeat;
	color:#333333;
	}
	
h1.title_h a:link { color:#000000; text-decoration: underline }
h1.title_h a:visited { color: #000000; text-decoration: underline }
h1.title_h a:active { color: #000000; text-decoration:none}
h1.title_h a:hover { 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(/com_img/area/link_l_asia.gif) no-repeat;
	}
	
h1.title_l a:link { color:#000000; text-decoration: underline }
h1.title_l a:visited { color: #000000; text-decoration: underline }
h1.title_l a:active { color: #000000; text-decoration:none}
h1.title_l a:hover { color:#000000; text-decoration:none}

	
/* H2　エリア色　背景L*/
div.title_area_l {
	color:#FFFFFF;
	width:772px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/area/h2_asia_l.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_area_l h2 { color:#000000; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_area_l h2 a:link { color:#000000; text-decoration: underline }
div.title_area_l h2 a:visited { color: #000000; text-decoration: underline }
div.title_area_l h2 a:active { color: #000000; text-decoration:none}
div.title_area_l h2 a:hover { color:#000000; text-decoration:none}

/* H2　エリア色　背景M*/
div.title_area_m {
	color:#FFFFFF;
	width:465px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/area/h2_asia_m.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_area_m h2 { color:#000000; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_area_m h2 a:link { color:#000000; text-decoration: underline }
div.title_area_m h2 a:visited { color: #000000; text-decoration: underline }
div.title_area_m h2 a:active { color: #000000; text-decoration:none}
div.title_area_m h2 a:hover { color:#000000; text-decoration:none}
	
/* ---------------------------------------------------------
タブ（国別）
--------------------------------------------------------- */

/* 上段*/

.tab_u ul.menu li.m_off a{
background:url(/images/country/tab/asia_u_off.gif) no-repeat;
}

.tab_u ul.menu li.m_off a:hover{
color:#C15082;
background:url(/images/country/tab/asia_u_on.gif) no-repeat;
}

.tab_u ul.menu li.m_on {
	height:31px;
	margin:0;
	padding: 0;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	display:block;
	color:#C15082;
	background:url(/images/country/tab/asia_u_on.gif) no-repeat;
}


/* 下段*/

.tab_b ul.menu li.m_off a{
background:url(/images/country/tab/asia_b_off.gif) no-repeat;
}

.tab_b ul.menu li.m_off a:hover{
color:#C15082;
background:url(/images/country/tab/asia_b_on.gif) no-repeat;
}

.tab_b ul.menu li.m_on {
	height:31px;
	margin:0;
	padding: 2px 0 0 0;
	font-size:14px;
	font-weight:bold;
	line-height:31px;
	text-align:center;
	display:block;
	color:#C15082;
	background:url(/images/country/tab/asia_b_on.gif) no-repeat;
}



/* エリアごと矢印*/

ul.sub_menu{
	width:760px;
	height:23px;
	margin:0;
	padding: 0 0 0 10px;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	list-style:none;
	clear:both;
}

ul.sub_menu li.arrow{
	width:auto;
	height:23px;
	float:left;
	background:url(/com_img/area/a_asia.gif) no-repeat left;
	padding:0 0 0 18px;
	margin:0 0 0 10px;
}
	
	
/* ---------------------------------------------------------
天気＆お金　タイトル背景色（国別＆人気都市）
--------------------------------------------------------- */
table.travel_weather th{
	background:#999999;
	}

table.travel_rate th{
	background:#999999;
	}
	
table.travel_rate_s th{
	background:#999999;
	}
		
table.travel_money th{
	background:#999999;
	}
	
table.travel_cloth th{
	background:#999999;
	}
	
table.rate_info th{
	background:#999999;
	border-bottom:#FFFFFF 1px solid;
	}
	
table.rate_info td.area_line{
	border-bottom:#999999 1px solid;
}
	
/* ---------------------------------------------------------
国概要テーブル（国別＆人気都市）
--------------------------------------------------------- */
table.general_info{
	width:760px;
	height:auto;
	padding:3px;
	margin: 0;
	border:#999999 1px solid;
	}
	
table.general_info th{
	padding:5px;
	width:100px;
	background:#999999;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	
}

table.general_info th.area_color{
	border-bottom:#FFFFFF 1px solid;	
}

table.general_info td{
	padding:5px;
	
}
	
table.general_info td.area_line{
	border-bottom:#999999 1px solid;
	width:660px;
}


/* ---------------------------------------------------------
国別基本情報を見る（リンク集：エリア）
--------------------------------------------------------- */
li.i_area{
	font-weight:bold;
	width:auto;
	height:20px;
	padding:20px 0 0 85px;
	margin:0;
	line-height:40px;
	background:url(/images/link/i_asia.gif) no-repeat left;
	}


/*-----------------------------------
韓国コスメガイド導線
------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%;}
.clearfix{display:block;}
/* end hide from IE-mac */


div.cosme_korea_rss460 a:link{
	color:#CC0000;
}
div.cosme_korea_rss460 a:hover,
div.cosme_korea_rss460 a:active{
	color:#FFFFFF;
	background-color:#CC0000;
}

div.cosme_korea_rss460{
width:440px;
background-color:#ffe6f0;
float:left;
margin:20px 0;
padding:10px;
}
div.cosme_korea_rss460 p.bt{
width:200px;
float:left;
margin:0 10px 0 0;
padding:0;

}
div.cosme_korea_rss460 p.article{
width:230px;
float:left;
margin:0;
padding:0;
font-size:12px;
}
div.cosme_korea_rss460 p.article span{
display:block;
font-size:10px;
}


div.cosme_korea_rss780 a:link{
	color:#CC0000;
}
div.cosme_korea_rss780 a:hover,
div.cosme_korea_rss780 a:active{
	color:#FFFFFF;
	background-color:#CC0000;
}

div.cosme_korea_rss780{
width:737px;
background-color:#ffe6f0;
margin:20px 0 10px 5px;
padding:10px;
border:1px solid #E2528E;
}
div.cosme_korea_rss780 p.bt{
width:288px;
float:left;
margin:0 10px 0 0;
padding:0;

}
div.cosme_korea_rss780 p.bt img{
	display:block;
}
div.cosme_korea_rss780 p.article{
width:430px;
float:left;
margin:0;
padding:0;
font-size:12px;
border:none;
background:none;
}
div.cosme_korea_rss780 p.article span{
display:block;
font-size:10px;
}


/*-----------------------------------
韓流枠　国別用
------------------------------------*/
h2.title_hanryu {
	color:#FFFFFF;
	width:772px;
	height: 28px;
	line-height:28px;
	margin:5px 0 10px 0;
	padding:0 0 0 5px;
	background:url(/com_img/area/hanryu_title.jpg) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
h2.title_hanryu { width:730px; color:#000000; font-size:14px; margin:0; padding:0 0 0 40px;}
h2.title_hanryu a:link { color:#000000; text-decoration: underline }
h2.title_hanryu a:visited { color: #000000; text-decoration: underline }
h2.title_hanryu a:active { color: #000000; text-decoration:none}
h2.title_hanryu a:hover { color:#000000; text-decoration:none}


div.hanryu_box{
    clear: both;
    font-size: 12px;
    height: auto;
    line-height: 130%;
    margin: 5px 0 0 5px;
    padding: 0;
    width: 765px;
}

div.hanryu_box h3{
	font-size:14px;
	padding:0;
	margin:3px 0 7px 0;
}

div.hanryu_box table td{
	vertical-align:top;
}


/*-----------------------------------
韓流枠　人気都市用
------------------------------------*/
h2.t_hanryu{
	width:765px;
	_width:720px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	font-size:14px;
	margin:0 auto;
	padding:0 10px 0 35px;
	color:#333333;
	clear:both;
	background:url(/images/city/common/t_hanryu.gif) no-repeat;
	}
	
h2.t_hanryu a:link { color:#333333; text-decoration:underline; }
h2.t_hanryu a:visited { color: #666666; text-decoration:underline; }
h2.t_hanryu a:hover { color:#999999; text-decoration: none;}
h2.t_hanryu a:active { color:#333333; text-decoration: none ;}


div.hanryu_box_city{
    clear: both;
    font-size: 12px;
    height: auto;
    line-height: 130%;
    margin: 5px 0 0 5px;
    padding: 0;
    width: 765px;
}

div.hanryu_box_city p.photo{
	width:173px;
	height:130px;
	margin:0 0 0 -5px;
	padding:0;
	border:#CCC 1px solid;
	float:left;
}

div.hanryu_box_city div.txt{
	width:580px;
	height:130px;
	margin:0 5px 0 0;
	padding:0;
	font-size:13px;
	line-height:135%;
	float:right;
}

div.hanryu_box_city div.txt h3{
	font-size:14px;
	padding:0;
	margin:0 0 5px 0;
	clear:both;
}


