﻿@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{
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{
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{
color:#cc0000;
background:url(/com_img/h_f/header_b_booking_on.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;
}


span.center{
	text-align:center;
}

p.center{
	text-align:center;
}

div.center{
	text-align:center;
}


/* /////////////②H1H2//////////////////////////////////////// */

/* ---------------------------------------------------------
H1 代行サービス
--------------------------------------------------------- */
div.title_visa_all {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/visa/title_visa_bg.jpg) no-repeat;
}

div.title_visa_all h1.title {
	width:550px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 210px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	}
	
div.title_visa_all p.title_tx {
	width:550px;
	color:#FFFFFF;
	font-size: 12px;
	margin:0 0 0 210px;
	padding:5px 0 0 0;
	line-height:120%;
	}
	
div.title_visa_all p.title {
	width:550px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 210px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	font-weight:bold;
	}
	
/* ---------------------------------------------------------
H1 ESTA
--------------------------------------------------------- */
div.title_visa {
	width:782px;
	height:86px;
	margin:0 0 10px 0;
	padding:0;
	background:url(/images/visa/title_bg.jpg) no-repeat;
}

div.title_visa h1.title {
	width:510px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 140px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	}
	
div.title_visa p.title_tx {
	width:510px;
	color:#FFFFFF;
	font-size: 12px;
	margin:0 0 0 140px;
	padding:5px 0 0 0;
	line-height:120%;
	}
	
div.title_visa p.title {
	width:490px;
	color:#FFFFFF;
	font-size: 16px;
	margin:0 0 0 140px;
	padding:10px 0 0 0;
	line-height:110%;
	border-bottom: #FFFFFF 1px solid;
	font-weight:bold;
	}



/* ---------------------------------------------------------
H2
--------------------------------------------------------- */	
/* H2　エリア色　背景*/
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(/images/visa/title_bg_l.gif) no-repeat;
	font-weight:bold;
	clear:both;
	}
	
div.title_area_l h2 { color:#FFFFFF; font-size:14px; margin:0; padding:0 0 0 25px;}
div.title_area_l h2 a:link { color:#FFFFFF; text-decoration: underline }
div.title_area_l h2 a:hover { color:#FFCCCC; text-decoration: underline}
div.title_area_l h2 a:visited { color:#FFFFFF; text-decoration: underline}



/* H2　エリア色　背景*/

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/visa/title_bg_g_l.gif) no-repeat;
	color:#333333;
	}
	
h2.title_l a:link { color:#333333; text-decoration: underline }
h2.title_l a:visited { color: #666666; text-decoration: underline }
h2.title_l a:active { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}!important
h2.title_l 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/visa/title_bg_g_l.gif) no-repeat;
	color:#333333;
	}
	
h2.title_h a:link { color:#333333; text-decoration: underline }
h2.title_h a:visited { color: #666666; text-decoration: underline }
h2.title_h a:hover { color:#cc0000; text-decoration: underline}



/* /////////////④コンテンツ//////////////////////////////////////// */

/* ---------------------------------------------------------
フォント
--------------------------------------------------------- */
.font16{
	font-size:16px;
	}

.f_blue{
	color:#330099;
}

.f_orange{
	color:#FF6600;
}


/* ---------------------------------------------------------
内容（文章）
--------------------------------------------------------- */
.box770{
	margin-left:10px;
	line-height:180%;!important
}

.box770 img.photo_left{
	float:left;
	margin:0 5px 5px 0;
	border:#CCCCCC solid 1px;
}

.box770 img.photo_right{
	float:right;
	margin:0 0 5px 5px;
	border:#CCCCCC solid 1px;
}

.box770 p.txt{
	margin:0 0 5px 15px;
	padding:0;
	width:725px;
}

.box770 p.txt_s{
	margin:0 0 5px 5px;
	padding:0;
	width:180px;
	float:left;
}

.box770 p.txt_m{
	margin:0 0 5px 5px;
	padding:0;
	width:220px;
	float:left;
}

.box770 p.txt_ss{
	margin:0 0 5px 5px;
	padding:0;
	width:95px;
	float:left;
}

.box770_index{
	width:780px;
	font-size:12px;
	margin-left:0px;
	line-height:180%;!important
}
.box770_index p.photo_left{
	float:left;
	width:100px;
	margin:0 5px 5px 0;
	border:#CCCCCC solid 1px;
}

.box770_index p.photo_right{
	float:right;
	margin:0 0 5px 5px;
	border:#CCCCCC solid 1px;
}

.box770_index p.txt{
	margin:0 0 5px 5px;
	padding:0;
	width:725px;
}

.box770_index p.txt_s{
	margin:0 0 5px 3px;
	padding:0;
	width:180px;
	float:left;
}

.box770_index p.txt_m{
	margin:0 0 5px 3px;
	padding:0;
	width:225px;
	float:left;
}
.box770_index p.txt_l{
	margin:0 0 5px 3px;
	padding:0;
	width:258px;
	float:left;
}



.fs14{
	font-size:14px;
	 color:#ffcccc;
}
.box770 .fs14 a:link { color:#ffcccc; text-decoration: underline; }
.box770 .fs14 a:visited { color: #FF6600; text-decoration: underline; }
.box770 .fs14 a:hover,
.box770 .fs14 a:active { color:#FFFFFF; text-decoration: none;}


/* ---------------------------------------------------------
枠
--------------------------------------------------------- */
.box_blue{
	width:670px;
	margin:10px 0 0 30px;
	border:#999999 1px solid;
	padding:10px;
	background:#E4FCFB;
	font-size:14px;
	line-height:130%;
}

.box_blue p{
	width:auto;
}

.box_blue h3{
	width:670px;
	margin:0 0 10px 0;
	border:#999999 1px solid;
	padding:3px;
	background:#330099;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

.box_blue h3 a:link { color:#ffcccc; text-decoration: underline }
.box_blue h3 a:visited { color: #FFFFFF; text-decoration: underline }
.box_blue h3 a:hover { color:#FFFFFF; text-decoration: none}


.box_blue h3 span.right{
	float:right;
	background:#6666FF;
	text-align:center;
}

.box_blue h3 span.left{
	float:left;
}



.box_yellow{
	width:670px;
	margin:10px 0 0 30px;
	border:#999999 1px solid;
	padding:10px;
	background:#FFFFCC;
	font-size:14px;
	line-height:130%;
}

.box_yellow img.send{
	float:left;
	margin:2px 20px;
}

.box_yellow h3{
	width:670px;
	margin:0 0 10px 0;
	border:#999999 1px solid;
	padding:3px;
	background:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}


.box677{
	width:677px;
	margin:10px 0 0 30px;
	border:#999999 1px solid;
	padding:10px;
	font-size:12px;
	line-height:130%;
}


/* ---------------------------------------------------------
テーブル
--------------------------------------------------------- */
table.kind{
	width:770px;
	height:auto;
	font-size:12px;
	line-height:130%;
	margin:0 0 0 5px;
}

table.kind th{
	background:#330099;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:18px;
	text-align:center;
	padding:5px;
}

table.kind th.visaname{
	width:200px;
	border-right:#FFFFFF solid 1px;
}

table.kind td{
	font-size:12px;
	border-top:#99CCCC 1px solid;
	border-right:#99CCCC 1px solid;
	padding:5px;
	line-height:145%;
}

table.kind td.visaname{
	border-left:#99CCCC 1px solid;
	font-weight:bold;
	background:#CCFFFF;
}

table.kind td.bottom{
	border-bottom:#99CCCC 1px solid;
	
}

table.kind td.left_line{
	border-left:#99CCCC 1px solid;
	
}


/* ---------------------------------------------------------
特派員ブログ・編集部ブログ
--------------------------------------------------------- */
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;
	}
	
div.box360 p.line{
	width:350px;
	height:5px;
	border-bottom:1px #999999 dotted;
	margin:5px 5px;
	padding:0;
	clear:both;
	}
	

/* ---------------------------------------------------------
エリア別見出し白リンク
--------------------------------------------------------- */
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 }


/* ---------------------------------------------------------
フォーム用（のちほどコピペ）
--------------------------------------------------------- */
table.esta_form{
	width:700px;
	margin:15px;
	font-size:14px;
}

table.esta_form th{
	width:200px;
	padding:3px;
	margin:0;
	background:#E4FCFB;
	font-weight:bold;
	text-align:left;
}

table.esta_form td{
	width:500px;
	padding:3px;
	margin:0;
}

p.q {
	width:730px;
	margin:10px 0 0 5px;
	padding:3px;
	background:#E4FCFB;
	font-size:14px;
	line-height:140%;
	}
	
p.a {
	width:730px;
	margin:3px 0 0 5px;
	padding:3px;
	font-size:14px;
	}
.oshirase{
	width:745px;
	border:1px solid #CCCCCC;
	background-color:#f7f2e8;
	margin:5px;
	padding:10px;
	font-size:small;
}
.oshirase b{
	display:block;
	font-size:medium;
}



div.merit{
	width:725px;
	margin:10px 0;
	padding:5px 10px;
	background-color:#f1ecff;
	border:1px solid #eae3ff;
}
div.merit h3{
	widrh:670px;
	margin:10px auto;
	padding:0 0 0 15px;
	font-size:13px;
	line-height:1.3;
	color:#512ac3;
	background:url("/images/visa/ico_merit_h3.gif") no-repeat left center;
}
div.merit p.precaution{
	width:680px;
	margin:10px auto;
	padding:5px;
	border:1px solid #CCCCCC;
	background-color:#ffffff;
}

div.merit p.precaution span.a_japan{
	display:block;
}


/*-----------------------------------------------

お知らせ枠

------------------------------------------------*/
#notice_box {
	display:inline-block;
	background-color: #FFECFF;
	border: 2px solid #CCCCCC;
	width: 754px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	margin-bottom: 8px;
}

#notice_box .notice_txt{
	margin:0px;
	padding:7px 0 0 0;
	width: 700px;
	line-height: 140%;
}

/*-----------------------------------------------

お正月休みのお知らせ（削除予定）

------------------------------------------------*/
.box770 p.text_01 {
	margin-bottom: 10px;
	line-height:180%;!important;
}
p.text_02 {
	font-size: 15px;
	margin-bottom: 10px;
	padding-left: 13px;
	line-height: 180%;!important;
	border-bottom:#999999 1px dotted;
	border-top: #999999 1px dotted;
	background: #e7f6f9;
	font-weight: bold;
}

