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

/* 200×45おすすめ読み物3カラム用CSS */
@import "/com_css/recomend_ad_icon.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_rate {
	width:470px;
	height:100px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/rate/title_bg.jpg) no-repeat;
}

div.title_rate h1.title {
	width:320px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 135px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	}
	
div.title_rate p.title_tx {
	width:320px;
	color:#FFFFFF;
	font-size: 12px;
	margin:0 0 0 135px;
	padding:5px 0 0 0;
	line-height:120%;
	}
	
/* ---------------------------------------------------------
H2
--------------------------------------------------------- */	

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

	
/* H2　Mサイズ　グレー背景*/
h2.title_m {
	width:430px;
	height: 28px;
	line-height:28px;
	margin:5px 0 5px 0;
	padding:0 0 0 15px;
	background:url(/images/rate/title_bg_g_m.gif) no-repeat;
	font-weight:bold;
	font-size:14px;
	}
	
h2.title_m { color:#333333; font-size:14px; margin:0; padding:0 0 0 15px;}
h2.title_m a:link { color:#333333; text-decoration: underline }
h2.title_m a:hover { color:#FFFFCC; text-decoration: underline}
h2.title_m a:active { color:#FFFFCC; text-decoration: underline}
h2.title_m a:visited { color:#333333; text-decoration: underline}
		


/* ---------------------------------------------------------
電卓ボタン
--------------------------------------------------------- */	
.box460 p.left{
	width:265px;
	float:left;
	}

.box460 p.right{
	width:150px;
	float:left;
	}

.cal_b {
	width:450px;
	margin:3px;
	padding:5px;
	border:#CCCCCC 1px solid;
	font-size:12px;
	line-height:130%;
	background:#ffffcc;
	}
		
.cal_b p.left{
	width:285px;
	float:left;
	margin:0;
	padding:0;
	}

.cal_b p.right{
	width:150px;
	float:left;
	margin:0 0 0 8px;
	padding:0;
	}
	

/* ---------------------------------------------------------
為替テーブル
--------------------------------------------------------- */
	

.kawase_table {
	width:460px;
	border-collapse: collapse; 
}
.kawase_table th{
	padding:3px;
	border:1px solid #00a0dd;
	border-collapse: collapse; 
	background-color:#000066;
        color:#FFFFFF;
        font-size:13px;
}
.kawase_table tr{
	border-collapse: collapse; 
}
.kawase_table td{
	padding:3px;
	border:1px solid #00a0dd;
	border-collapse: collapse;
	background-color:#f7ffff;
     font-size:13px;
     text-align:right;
}
.kawase_table .rate_name{
	background-color:#e2ffff;
     text-align:left;
}
.kawase_table .rate_id{
	background-color:#e2ffff;
     text-align:left;
}

/* ---------------------------------------------------------
通貨ごと為替テーブル
--------------------------------------------------------- */
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;
	}
	
	
/* ---------------------------------------------------------
STEP見出し
--------------------------------------------------------- */
p.step_title{
	width:98%;
	height:20px;
	margin:2px 0;
	padding:2px;
	border:1px #CCCCCC solid;
	background:#FFFFCC;
	font-size:12px;
	font-weight:bold;
	}

/* ---------------------------------------------------------
電卓　国選択
--------------------------------------------------------- */
.rate_con{
	width:99%;
	height:auto;
	background:#efefef;
	border:none;
	}	
/* ---------------------------------------------------------
電卓
--------------------------------------------------------- */	
.calc_field{
	float:left;
	margin:0 5px 0 0;
	padding:5px;
	width:auto;
	background:#efefef;
	border:#CCCCCC 2px solid;
}
.calc_field input{
	width:30px;
	height:30px;
	background-color:#000066;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
}

form{
	margin:10px 0 15px 0;
	}
	
/* ---------------------------------------------------------
換算
--------------------------------------------------------- */
.rslt_field{
	float:left;
	margin:0px;
	padding:3px;
	width:290px;
}
.rslt_field table{
	margin:0px;
	padding:0px;
	width:300px;
}
.rslt_field td{
	margin:0px;
	padding:3px;
	font-size:16px;
	font-weight:bold;
}
.rslt_field em{
	font-style:normal;
	font-size:13px;
	color:#ffaa99;
}
.rslt_field input{
	height:24px;
	font-size:16px;
}
.rslt_field #exchange input{
	background-color:#000066;
	margin:0;
	padding:0;
	height:30px;
	font-size:13px;
	color:#ffffff;
}
.rslt_field #trans input{
	background-color:#cccccc;
	margin:0;
	padding:0;
	height:20px;
	font-size:13px;
	color:#ffffff;
}
.rslt_field #trans #att{
	font-weight:normal;
	font-size:11px;
	color:#999999;
	margin:0 0 0 10px;
}
.rslt_field p{
	margin:5px 30px;
}
.rslt_field #rate_dflt{
	width:60px;
}
.rslt_field #rate_rslt{
	width:60px;
}
.rslt_field #now_rate{
	font-weight:bold;
}
.rslt_field #updated_at{
	color:#999999;
}


.rslt_field #rslt2{
	font-size:18px;
	color:#FF0000;
	}
	
	
/* ---------------------------------------------------------
エアラインプロフィール
--------------------------------------------------------- */
div.m_module img{
	float:left;
	padding:5px;
}

div.l_module img{
	float:left;
	padding:5px;
}

	
/* ---------------------------------------------------------
ケータイ
--------------------------------------------------------- */
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.m_module p.mobile_qr{
	width:74px;
	height:74px;
	float:left;
	padding:0;
	margin:0 5px 10px 5px;
	}
	
div.m_module p.mobile_tx{
	width:320px;
	height:auto;
	float:left;
	padding:0;
	margin:3px 5px;
	text-align:left
	}	

/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
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 }


/* ---------------------------------------------------------
コラム　L/Sサイズ
--------------------------------------------------------- */
/*--CLEARFIX--*/
.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 */


br.all{
	clear:both;
}
.column_container_l,
.column_container_s{
	width:430px;
	border:1px solid #999999;
	background:url("/images/money/column_bottom_border.gif") no-repeat left bottom;
	margin:0 0 20px 5px;
	padding:10px 10px 15px 10px;
	font-size:12px;
	float:left;
	display:inline-block;
}
.column_container_l:after,
.column_container_s:after{
	
}
.column_container_l hr{
	border:1px dotted #999999;
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	height:1px;
}
.column_container_l .column,
.column_container_s .column{

}
.column .copy{
	color:#F97206;
	clear:both;
	margin:0 0 5px 0;
	padding:0;
}
.column .photo{
	width:120px;
	border:1px solid #CCCCCC;
	float:left;
	margin:5px 10px 10px 0;
}

.column .right{
	float:left;
	text-align:left;
	width:295px;
}
.column .right h2{
	font-size:16px;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:url("/images/money/money_column_ico.gif") no-repeat left center;
	line-height:21px;
}
.column .right .txt{
	margin:0;
	padding:0;
}