@charset "EUC-JP";

/* ======================================================

　ファイル名：area/common_os.css
　概要：海外エリア全体に関する設定
　備考：area/common.cssの継承CSS 

=======================================================*/


@import url("/css/area/common.css");
@import url("/css/ad.css");


/* 海外用ヘッダー色設定
 -------------------------------------------------------*/

div#header{
	border-bottom: 3px #669acc solid;
}
div#headerArea{/* ヘッダーバナー有り用 */
	border-bottom: 3px #669acc solid;
	margin-bottom: 0px;
}
p#description{
	background: #699bcc url(http://cdn.4travel.jp/img/common/bg_description_default.gif) repeat-x left top;
	color: #FFF;
}


/* エリアジャンプ 
 -------------------------------------------------------*/

#areaJump{
	background: #e5eef7;
}
#areaJump-or{
	background: transparent url(http://cdn.4travel.jp/img/area/os/hdr_jump1.gif) no-repeat right top;
}
#areaJump-oc{
	background: transparent url(http://cdn.4travel.jp/img/area/os/hdr_jump2.gif) no-repeat right top;
}
#areaJump-os{
	background: transparent url(http://cdn.4travel.jp/img/area/os/hdr_jump3.gif) no-repeat right top;
}


/* レフトカラム　リンクホバーアクション
 -------------------------------------------------------*/
#leftcol ul.leftMenu li.m2:hover,
#leftcol ul.leftMenu li.m3:hover,
#leftcol ul.leftMenu li.sp:hover{
	background: #e1eef4;
}

/* レフトカラム　特別アイコン
 -------------------------------------------------------*/
#leftcol ul.leftMenu li div.newYear{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/icn/icn_16/icn_16_tree_.gif) no-repeat left center;
	padding-left: 21px;
}
.sslWrap #leftcol ul.leftMenu li div.newYear{
	background: transparent url(/img/common/parts/icn/icn_16/icn_16_tree_.gif) no-repeat left center;
}
#leftcol ul.leftMenu li.sp a:link,
#leftcol ul.leftMenu li.sp a:visited{
	color: #cc0000;
}
#leftcol ul.leftMenu li.sp a:hover{
	color: #000;
}

/* h1
 -------------------------------------------------------*/
#maintitle{
	background: transparent url(http://cdn.4travel.jp/img/area/os/bg_title_line.gif) repeat-x left bottom;
}
.area-region-ttl{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/icn/icn_32/icn_32_overseas.gif) no-repeat left center;
	padding: 0 0 0 35px;
	min-height: 25px;
}
* html .area-region-ttl{
	height: 25px;
}

/* h1下 サブナビゲーション（海外固有スタイル ※国内と共通スタイルは area/common.css に記述）
 -------------------------------------------------------*/

.subNavi{
	border-top: 2px solid #6898c9;
}
.subNavi ul{
	background: #c8def4 url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sub.gif) repeat-x left top;
}
.subNavi li{
	background: #c8def4 url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sublist.gif) no-repeat top right;
}
.subNavi li a:hover{
	background: url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sublist.gif) no-repeat  right -50px;
}

.subNavi p.fukidashi{
	position: absolute;
	left: -12px;
	top: -18px;
}


/* h2
 -------------------------------------------------------*/
.ttl-blank{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_blank.gif) repeat-x left top;
	border-bottom: 2px solid #669acc;
}
.ttl-tips{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_tips.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-album{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_album.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-going{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_going.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-ranking{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_ranking.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-photo{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_photo.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-hotel{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_hotel.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-large{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_noicn.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-small{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_sml_noicn.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-small-long{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_sml2_noicn.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}

.ttl-optour{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_tour.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-arrow{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/csl/csl_11/csl_11_os_normal.gif) no-repeat left center;
	padding: 5px 0 5px 17px;
	margin-bottom: 20px;
}
.ttl-agt{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_agt.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-shop{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/icn/icn_16/icn_16_hotel.gif) no-repeat 1px 1px;
	padding: 5px 0 5px 25px;
	margin-bottom: 20px;
}
.ttl-insurance{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_insurance.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}

/* h3
 -------------------------------------------------------*/

.areaTitleS{
	background: #e8f1f8;
	padding: 3px 10px;
	margin-bottom: 20px;	
}
.areaTitleS-2{
	background: #e8f1f8;
	padding: 7px 10px;
	margin-bottom: 20px;
	height: 16px;
}


/* アイコンパーツ
 -------------------------------------------------------*/

.icn-normal11{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/csl/csl_11/csl_11_os_normal.gif) no-repeat left center;
	padding-left: 15px;
}
.icn-blank11{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/csl/csl_11/csl_11_os_blank.gif) no-repeat left center;
	padding-left: 15px;
}


/* 海外用ストライプ型リスト
 -------------------------------------------------------*/

.listStripe li{
	padding: 4px 5px 4px 4px;
}
#mainTipsWrap .listStripe li{
	padding: 6px 5px 6px 2px;
}
.listStripe li.check,
.listStripeL li.check,
.listStripeT .check th,
.listStripeT .check td,
.listStripeP .check td{
	background: #f2f7fb;
}


/* ソート
 -------------------------------------------------------*/

.pts-sort{
	background: transparent url(http://cdn.4travel.jp/img/area/os/bg_sort.gif) repeat-x left top;
}

/* タブ付きソート */
.pts-sort-tab li.on{
	background: #6599cb url(http://cdn.4travel.jp/img/area/os/bg_sort_tab_on.gif) repeat-x left top !important;
}
.pts-sort-tab li.on div.start{
	background: transparent url(http://cdn.4travel.jp/img/area/os/bg_sort_tab_on_start.gif) no-repeat left top !important;
}
.pts-sort-tab li.on div.end{
	background: transparent url(http://cdn.4travel.jp/img/area/os/bg_sort_tab_on_end.gif) no-repeat right top !important;
}


/* 世界遺産
 -------------------------------------------------------*/

.isanNameE{
	font-size: 80%;
	color: #666;
	font-weight: normal;
	font-family: "Arial", Sans-serif;
}


/* ホテルタブ
 -------------------------------------------------------*/

#area-hotel-tab{
	border-bottom: 5px solid #6698cb;
}
#area-hotel-tab li.on{
	background: #6698cb;
}


/* トップ ツアー・航空券・ホテル検索ボックス
 -------------------------------------------------------*/

/* タブ部分 */
div.topSearch-tab{
	border-bottom: solid 2px #6e9ecf;
}
.topSearch-tab li{
	background: transparent url(http://cdn.4travel.jp/img/area/os/btn_module_search.gif) no-repeat left bottom;
}
.topSearch-tab li.on{
	background: transparent url(http://cdn.4travel.jp/img/area/os/btn_module_search_on.gif) no-repeat left top;
}

/* ボックス部分 */
#maincol .topSearch .section{
	margin-bottom: 0;
}
.topSearchL{
	float: left;
	width: 260px;
	border-right: solid 1px #ddd;
	padding-top: 2px;
}
.topSearchR{
	float: right;
	width: 180px;
}	
.topSearchL th{
	font-weight: bold;
	color:#666666;
	padding: 2px 0 0 0;
	vertical-align: top;
}
.topSearchL th span{
	color: #ff0000;
	font-weight: normal;
}
.topSearchL td{
	padding: 0 0 8px 2px;
}
.topSearchL td.end{
	padding: 0 0 0 2px;
}
.topSearchR li{
	margin-bottom: 20px;
}

/* 2007.8.6 フォームを表示しない代わりに追加する
   フォームが復活したら不要です
▼-------------------------------------------------------▼ */

.topSearchL div.rank{
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}
.topSearchL div.rank .price{
	color: #cc0000;
	font-family: "Arial", Sans-serif;
	margin-left: 5px;
	font-size: 80%;
}
.topSearchL div.rank .price strong{
	font-size: 140%;
	margin-right: 3px;
}
.topSearchL ul.topicList li{
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.topSearchL ul.topicList .L{
	float: left;
	width: 60px;
}
.topSearchL ul.topicList .R{
	float: right;
	width: 175px;
}
.topSearchL ul.topicList dt{
	font-weight: bold;
}
.topSearchL ul.topicList dt img,
.topSearchL ul.topicList p img{
	vertical-align: middle;
	margin-right: 3px;
}

/* ▲-------------------------------------------------------▲ */



/* トップ海外旅行人気都市ランキング
 -------------------------------------------------------*/	
.top-rankingTitle{
	background: #e8f1f8;
	padding: 3px 7px;
}
.ttl-arrow-h3{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/csl/csl_11/csl_11_os_normal.gif) no-repeat left center;
	padding: 5px 0 5px 17px;
}


/* QA
 -------------------------------------------------------*/

.qaList .answerHosoku strong,
.qaList .answerOrei strong{
	color: #3a94b6;
}


/* お土産サイト
 -------------------------------------------------------*/
.area-souvenir-left{
	float: left;
	width: 150px;
}
.area-souvenir-right{
	float: right;
	width: 390px;
	line-height: 130%;
}
.area-souvenir-right dd{
	padding-left: 15px;
}
.area-souvenir-right .gray{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/bg_dia_gray_white.gif) left top;
	padding: 5px;
}
.area-souvenir-right .white{
	padding: 10px;
	background-color: #fff;
}
.rea-souvenir-form .L{
	float: left;
	width: 270px;
}
.rea-souvenir-form .R{
	float: right;
	width: 270px;
}
.rea-souvenir-form .L .box,
.rea-souvenir-form .R .box{
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: -20px;
	height: 60px;
}

/* 左カラム */
.leftMenu li.souvenir-camp{
	position: relative;
}

.leftMenu li.souvenir-camp p{
	position: absolute;
	top: 5px;
	left: 80px;
	color: #cc0000;
	font-weight: bold;
}
* html .leftMenu li.souvenir-camp p{
	position: absolute;
	top: 5px;
	left: 60px;
}


/* モジュール
 -------------------------------------------------------*/

#areaModule #areaModule-bg{
	background: transparent url(http://cdn.4travel.jp/img/area/os/bg_module.gif) repeat left top;
	width: 505px;
	padding: 6px;
}
#areaModule #m-map{
	position: absolute;
	top: 0;
	left: 517px;
}
#areaModule #m-tour{
	position: absolute;
	top: 60px;
	left: 517px;
}
#areaModule #m-air{
	position: absolute;
	top: 120px;
	left: 517px;
}       
#areaModule #m-hotel{
	position: absolute;
	top: 180px;
	left: 517px;
}
#areaModule #box1{
	background: transparent url(http://cdn.4travel.jp/img/area/os/box_module.gif) repeat-y left top;
}
#areaModule #box2{
	background: transparent url(http://cdn.4travel.jp/img/area/os/box_module_bottom.gif) no-repeat left bottom;
}
#areaModule #box3{
	background: transparent url(http://cdn.4travel.jp/img/area/os/box_module_top.gif) no-repeat left top;
	padding: 10px;
}
#areaModule .titleBox{
	border-bottom: 1px solid #669acc;
}


/* ブログパーツ
 -------------------------------------------------------*/
.area-bp-left{	
	float: left;
	width: 150px;
	margin: 0 10px 10px 0;
	text-align: center;
}
.area-bp-right{
	width: 390px;
	float: right;
	margin: 0 0 30px 0;
}
.area-bp-step1,
.area-bp-step2{
	padding: 5px 0 5px 25px;
	color: #666;
	font-weight: bold;
}
.area-bp-step1{
	background: url(http://cdn.4travel.jp/img/blogparts/icon_1.jpg) no-repeat center left;
}
.area-bp-step2{
	background: url(http://cdn.4travel.jp/img/blogparts/icon_2.jpg) no-repeat center left;
}

.area-bp-frame ul{
	margin: 0 0 0 50px;
}
.area-bp-frame li{
	float: left;
	margin: 5px 12px 0 0;
}
.area-bp-frame img{
	border: 1px solid #ccc;
}
#area-bp-textarea{
	margin: 10px 0 20px 0;
	text-align: center;
}
#area-bp-textarea textarea{
	width: 550px;
}


/* 旅行見積もり
 -------------------------------------------------------*/

.ttl-estimate{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_estimate.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-airticket{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_airticket.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}
.ttl-tour{
	background: #deedf6 url(http://cdn.4travel.jp/img/area/os/ttl/ttl_bg_tour.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
}



/* ツアー検索
 -------------------------------------------------------*/

.rsv-table-icon2{
	border-collapse: collapse;
}
.rsv-table-icon2 th,
.rsv-table-icon2 td{
	border: 1px solid #ddd;
}
.rsv-table-icon2 th{
	text-align: left;
	width: 7%;
	padding:3px;
}
.rsv-table-icon2 td{
	width: 43%;
}
.ab-road-box{
	position:relative;
}

.ab-road{
	position:absolute;
	right: 5px;
	top: 0px;
}
.form-master .gray-bold{
	color:#666;
	font-weight:bold;
}



/* 旅行会社
 -------------------------------------------------------*/
/*この情報の旅行テーマ*/ 
.agt-tr-theme{
	margin-bottom: 10px;
	padding: 5px 10px;
}
.agt-tr-theme a{
color:#666;
font-weight:bold;
}

.agt-tr-theme ul,
.agt-tr-theme li{
	display: inline;
}
.agt-tr-theme li{
	margin-left: 5px;
}
.box-shadowfukidashiL1-agt{
	background: url(http://cdn.4travel.jp/img/common/parts/box/box_shadowfukidashi410.gif) repeat-y left top;
}
.box-shadowfukidashiL2-agt{
	background: url(http://cdn.4travel.jp/img/common/parts/box/box_shadowfukidashi410_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.box-shadowfukidashiL-agt{
	background: url(http://cdn.4travel.jp/img/common/parts/box/box_shadowfukidashi410_top.gif) no-repeat left top;
	padding: 10px 10px 0 24px;
}
.box-fukidashiL-left-agt{
	text-align: right;
	width: 120px;
	float: left;
}
.box-fukidashiL-right-agt{
	width: 400px;
	float: right;
}
.box-fukidashiL-right-agt dl dd{
	line-height: 120%;
}
.box-fukidashiL-right-agt dl dt{
	font-weight: bold;
	margin-bottom: 10px;
}


/* クチコミ
 -------------------------------------------------------*/

div.tipsTab-all{
	border-bottom: solid 2px #6e9ecf;
}
div.tipsTab-all .tips-sort-tab li.on{
	background: transparent url(http://cdn.4travel.jp/img/common/tips/btn_module_tips_os.gif) no-repeat left top;
}


/* カウントダウンメール
 -------------------------------------------------------*/

#countdown dd{
	margin-bottom: 5px;
}
#countdown input.mail{
	width: 180px;
}


/* モジュール ホテル検索
 -------------------------------------------------------*/

.searchBox dl{
	margin-bottom: 10px;
}
.searchBox dt{
	font-weight: bold;
	margin-right: 10px;
	color: #666;
	margin-top: 5px;
}
.searchBox .area dt,
.searchBox .area dd{
	margin-bottom: 5px;
}
.searchBox dt span{
	color: #cc0000;
	font-size: 80%;
	font-weight: normal;
}
.searchBox .area select{
	width: 200px;
}


/* ツアー、航空券　予約検索
 -------------------------------------------------------*/

.guideTable{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	line-height: 130%;
}

.guideTable{
	width: 550px;
}

.guideTable th,
.guideTable td{
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.guideTable th{
	background: #f8f8f8;
}

.guideTable td{
	vertical-align: top;
}

.guideTable th,
.guideTable td.nowrap{
	white-space: nowrap;
}

.guideTable td li{
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(http://cdn.4travel.jp/img/public/csl/csl_10_cccccc.gif) no-repeat 0 40%;
}


/* トップ 強い旅行会社
 -------------------------------------------------------*/
.info-agt{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}
.info-agt h3{
	font-weight: normal;
	display: inline;
	margin-right: 10px;
}

/* トップ 強い旅行会社 写真入り
 -------------------------------------------------------*/
.info-agt-v2{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}

.info-agt-v2 .L-pic{
	width: 60px;
	float: left;
}
.info-agt-v2 .R-txt{
	width: 475px;
	float: right;
}
.info-agt-v2 .R-txt h3{
	font-weight: bold;
	margin-right: 10px;
}
.info-agt-v2 .R-txt .msg{
	font-weight: normal;
	display: inline;
	margin-right: 10px;
}


/* 為替・通貨
 -------------------------------------------------------*/
.area-currency .L-name{
	width: 49%;
	float: left;

	font-size: 130%;
	line-height: 150%;
	font-weight:bold;
	text-align: center;
}

.area-currency .R-rate{
	width: 49%;
	float: right;
	text-align: left;
}

.area-currency .R-rate .number{
	font-family: Arial black, Helvetica, sans-serif;
	font-size: 130%;
	font-weight:normal;
	font-style: normal;
	padding: 0 3px 0 0;
}




/* SSL画像設定
 -------------------------------------------------------*/

.sslWrap p#description{
	background: #f0f3f8 url(/img/common/bg_description_default.gif) repeat-x left top;
}
.sslWrap #areaJump-or{
	background: transparent url(/img/area/os/hdr_jump1.gif) no-repeat right top;
}
.sslWrap #areaJump-oc{
	background: transparent url(/img/area/os/hdr_jump2.gif) no-repeat right top;
}
.sslWrap #areaJump-os{
	background: transparent url(/img/area/os/hdr_jump3.gif) no-repeat right top;
}
.sslWrap #maintitle{
	background: transparent url(/img/area/os/bg_title_line.gif) repeat-x left bottom;
}