﻿/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer,
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block;}
.ajax__tab_default .ajax__tab_tab {display:-moz-inline-box; display:inline-block; height:16px;padding:4px 12px 0 12px;margin-right:4px;background-color:#FFFFFF;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#000066;font-weight:bold;}
/* searchpanel */
.ajax__tab_searchpanel .ajax__tab_header {padding-top:4px;}
.ajax__tab_searchpanel .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_searchpanel .ajax__tab_inner {display:-moz-inline-box;display:inline-block;}
.ajax__tab_searchpanel .ajax__tab_tab {background-color:#EDF4FE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#000066;}
.ajax__tab_searchpanel .ajax__tab_hover .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_searchpanel .ajax__tab_hover .ajax__tab_inner {display:-moz-inline-box;display:inline-block;}
.ajax__tab_searchpanel .ajax__tab_hover .ajax__tab_tab {background-color:#EDF4FE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#FF6800;}
.ajax__tab_searchpanel .ajax__tab_active .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_searchpanel .ajax__tab_active .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_searchpanel .ajax__tab_active .ajax__tab_tab {background-color:#4F6CAA;border-left:1px solid #4F6CAA;border-right:1px solid #4F6CAA;border-top:2px solid #000066;color:#FFFFFF;}
.ajax__tab_searchpanel .ajax__tab_body {background:none; border-top:2px solid #4F6CAA;}
/* plandetail */
.ajax__tab_plandetail .ajax__tab_header {padding-top:4px;}
.ajax__tab_plandetail .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_plandetail .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_plandetail .ajax__tab_tab {background-color:#EDF4FE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#000066;}
.ajax__tab_plandetail .ajax__tab_hover .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_plandetail .ajax__tab_hover .ajax__tab_inner {display:-moz-inline-box;display:inline-block;}
.ajax__tab_plandetail .ajax__tab_hover .ajax__tab_tab {background-color:#EDF4FE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#FF6800;cursor: pointer;}
.ajax__tab_plandetail .ajax__tab_active .ajax__tab_outer {padding-right:0;height:21px;}
.ajax__tab_plandetail .ajax__tab_active .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_plandetail .ajax__tab_active .ajax__tab_tab {background-color:#4F6CAA;border-left:1px solid #4F6CAA;border-right:1px solid #4F6CAA;border-top:2px solid #000066;color:#FFFFFF;cursor: pointer;}
.ajax__tab_plandetail .ajax__tab_body {background:none; border-top:2px solid #4F6CAA;}
/* 宿泊施設詳細のタブ */
div.detail .ajax__tab_plandetail .ajax__tab_tab,
div.detail .ajax__tab_plandetail .ajax__tab_hover .ajax__tab_tab,
div.detail .ajax__tab_plandetail .ajax__tab_active .ajax__tab_tab {white-space:pre;}
/* プラン詳細のタブ */
div.plus_planguidance .ajax__tab_plandetail .ajax__tab_tab,
div.plus_planguidance .ajax__tab_plandetail .ajax__tab_hover .ajax__tab_tab,
div.plus_planguidance .ajax__tab_plandetail .ajax__tab_active .ajax__tab_tab {white-space:pre;}
.ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {cursor: pointer;}
/* plandetail */
.ajax__tab_plandetail_hidden .ajax__tab_header {padding-top:4px;height:0;}
.ajax__tab_plandetail_hidden .ajax__tab_outer {padding-right:0;height:0;}
.ajax__tab_plandetail_hidden .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_plandetail_hidden .ajax__tab_tab {height:0;visibility:hidden;}
.ajax__tab_plandetail_hidden .ajax__tab_hover .ajax__tab_outer {padding-right:0;height:0;}
.ajax__tab_plandetail_hidden .ajax__tab_hover .ajax__tab_inner {display:-moz-inline-box;display:inline-block;}
.ajax__tab_plandetail_hidden .ajax__tab_hover .ajax__tab_tab {background-color:#EDF4FE;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:2px solid #BBBBBB;color:#FF6800;}
.ajax__tab_plandetail_hidden .ajax__tab_active .ajax__tab_outer {padding-right:0;height:0;}
.ajax__tab_plandetail_hidden .ajax__tab_active .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_plandetail_hidden .ajax__tab_active .ajax__tab_tab {background-color:#4F6CAA;border-left:1px solid #4F6CAA;border-right:1px solid #4F6CAA;border-top:2px solid #000066;color:#FFFFFF;}
.ajax__tab_plandetail_hidden .ajax__tab_body {background:none; border-top:0 none;}
/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/*
 * ポップアップ画面用
 *------------------------------------*/
/*携帯情報テーブル*/
table.plus_form_p th {
	width:170px;
	text-align:left;
	font-weight:700;
}
/*「このページを閉じる」アイコンの位置設定*/
a.close_m {
	background-position:left top;
}
/*h5青太字設定*/
div#CONTENTS.Layout640px1column div.chapter div.section h5 {
	margin: 10px 0 5px 0;
	padding: 1px 0 1px 0;
	font-weight: bold;
	color: #000066;
}

/*
 * スクロールマップサイズ指定
 *------------------------------------*/
div.mapsize {
	 width: 570px;
	 height: 380px;
}

/*
 * 検索用リンク
 *------------------------------------*/
a.mesh_em {
	font-style: normal;
	font-weight: bold;
}
a.mesh_unlink:link {
	color: #999999;
}
a.mesh_unlink:hover {
	color: #999999;
}
a.mesh_unlink:active {
	color: #999999;
}
a.unlink {
	color: #C6C6C6;
	text-decoration: none;
}
a.unlink:link {
	color: #C6C6C6;
	text-decoration: none;
}
a.unlink:hover {
	color: #C6C6C6;
	text-decoration: none;
}
a.unlink:active {
	color: #C6C6C6;
	text-decoration: none;
}

/*
 * 検索用リンク
 *------------------------------------*/
.head-btn {
	padding-left: 0;
}

/*
 * エラーページ用 ステータス
 *------------------------------------*/
/* ステータスエリア */
div.plus_status_area {
	margin:20px 0 10px;
	text-align:center;
}
/*遷移元のステータス(青)*/
span.plus_previous_page_status {
	font-weight:bold;
	background: #c5d7f2;
	padding: 5px 20px 5px 20px;
	margin: 0 10px 0 0;
}
/*遷移元以外のステータス(グレー)*/
span.plus_other_page_status {
	background: #f1f1f1;
	padding: 5px 10px 5px 10px;
	margin: 0 10px 0 0;
}
/*ステータスのタイトル*/
dt.plus_reservation_title {
	font-weight: bold;
	display: inline;
	margin: 0 20px 0 0;
}
/*ステータス項目の表示位置*/
dd.plus_status_member {
	display: inline;
}
/*ステータス文の表示位置*/
ul.plus_status_font {
	display: inline;
}
/*ステータス項目の項目毎の表示位置*/
li.plus_koumoku {
	display: inline;
	margin: 0 10px 0 0;
}
/*航空手続きの表示*/
dl.plus_airline_pass {
	border:1px solid #a5acb2;
	display:inline;
	padding: 10px 0 10px 15px;
	background-image: url(/images/stick.gif);
	background-repeat: no-repeat;
	background-position:left center;
	margin:1px;
}
dl.plus_flow_list {
	display: inline;
	border: 1px solid #a5acb2;
	padding: 10px 0 10px 15px;
}
div.plus_flow_area {
	text-align: center;
	display: block;
	margin: 20px 0 10px 0;
}
div.font_select {
	font-style:italic;
}

/*
 * 入力補助ユーザコントロールの設定
 *------------------------------------*/
.supportCalendartb {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 120px;
	border-bottom:0px !important;
	border-bottom-style:none;
}
.supCalw100 {
	width: 100%;
}
.supCaldate{
	width: 18%;
}
.supCalissue{
	width: 60%;
}
.supCalstay{
	width: 22%;
}
.supCalstyle1 {color: #FFFFFF}
.supCalstyle2 {color: #666666}
.previous-day {
	font-size:80%;
	height:22px;
}
.supportCalendar-head {
	margin: 0;
	padding: 0;
	border-top: 0 solid #cccccc;
	border-left: 0 solid #cccccc;
	border-right: 0 solid #cccccc;
	background-color: #e0e3e4;
	width: 120px;
	font-size: 94%;
}
.supportCalendartb-th1,
.supportCalendartb-th2,
.supportCalendartb-th3,
.supportCalendartb-td1,
.supportCalendartb-td2,
.supportCalendartb-td3 {
	margin: 0;
	padding: 3px 2px 3px 2px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.supportCalendartb-th1 {
	border-top: 1px solid #cccccc;
	background-color: #fccccc;
}
.supportCalendartb-th2 {
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
}
.supportCalendartb-th3 {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #ccccfc;
}
.supportCalendartb-td1 {
	font-size:10px;
}
.supportCalendartb-td2,
.supportCalendartb-td3 {
	font-size:12px;
}
.supCol-slct {
	background-color: #ffec92;
}
.supCol-tbhead {
	background-color: #e0e3e4;
}
div.supportCalendarPnl {
	margin: 0;
	border: 1px solid #cccccc;
	background-color:White;
}

/*
 * サブエリア入力補助地図
 *------------------------------------*/
table.supportMap, table.assist_input table.supportMap {
	background-color: #F6F6F6;
	border-collapse:separate;
	border: 1px solid #949ca3;
	width:auto;
	height:auto;
}
table.supportMap tr, table.assist_input table.supportMap tr{
	background-color: #F6F6F6;
	text-align: right;
	border-bottom: 1px solid #F6F6F6;
	padding:auto;
}
table.supportMap td, table.assist_input table.supportMap td {
	padding:0;
	text-align: right;
	border-width:0;
}
table.supportMap img.mapImage, table.assist_input table.supportMap img.mapImage {
	border-width:0;
	cursor:pointer;
	width:330px;
	height:180px;
}
table.supportMap img.closeButton,
table.assist_input table.supportMap tbody td img.closeButton {
	border-width:0;
	cursor:pointer;
	width:11px;
	height:11px;
	display:inline;
	margin:0;
}
table.assist_input tbody td table.supportMap {
	margin:0;
}

/*
 * フッターのTopリンク
 *------------------------------------*/
.foot_toplink {
	text-align: right;
	margin:5px 0 10px;
	font-size:88%;
	color:#666666;
}

/*
 * 日程表アイコンパネル用
 *------------------------------------*/
.plus_pnl_back_color {
	background-color:#FFE4C4;
}

/*
 * index画面 日程表パネル用
 *------------------------------------*/
.plus_hidden_area {
	visibility:hidden;
	height:0;
	width:0;
}

/*
 * エラー表示用
 *------------------------------------*/
table td.plus-cell-error,
table th.plus-cell-error,
table tr.plus-cell-error td,
table tr.plus-cell-error th {
	background:#FF6800 none repeat scroll 0% 50%;
	color:#FFFFFF;
	font-weight:bold;
}

/*
 * 共通
 *------------------------------------*/
* {
	font-family: MS PGothic,Osaka,Hiragino Kaku Gothic Pro W3,Arial,Helvetica,sans-serif;
}
table.include-table-padding td {
	padding-top:10px;
}
form input {
	line-height: 1em; 
	/*line-height: 1.2;*/
}
.display-none {
	display:none;
}
div.headline {
	color:#000066;
	font-weight:bold;
	margin-top:10px;
	border-left:8px solid #000066;
	background-color:#E0E0E0;
	padding:6px;
}
div.headline table {
	width:100%;
}
div.headline table th {
	font-weight:bold;
	text-align:left;
}
div.headline table td {
	text-align:right;
}
h6.headline {
	color:#000066;
	font-weight:bold;
	margin-top:10px;
	border-left:8px solid #000066;
	background-color:#E0E0E0;
	padding:6px;
}
.header {
	background:transparent url(/common_001/images/header/head-back01.jpg) repeat-x scroll left bottom;
	border-bottom:1px solid #E5E5E5;
	font-size:83%;
	height:55px;
	margin:0 0 10px;
	padding:10px 6px 5px 8px;
}
.footer {
	background-image:url(/common_001/images/footer/foot-back01.gif);
	background-repeat:repeat-x;
	font-size:83%;
	margin:10px 0 0;
	padding:10px 8px;
	text-align:right;
}
#FOOTER_S div.footer {
	background-image:none;
	border-top:1px solid #e5e5e5;
}
.logo {
	text-align:left;
}
.head-menu-list {
	text-align:right;
	margin-top:10px;
	margin-bottom:5px;
}
/* エラーメッセージ */
p.emphasis-error span {
	font-weight:bold;
}
/* このページの使い方リンク */
.how-to-use-link {
	float: right;
	background:transparent url(/common_001/images/icon/icon-onw.gif) no-repeat scroll 0em;
	margin:0 0 0 3px;
	padding:0 0 0 14px;
}
/* モデル日程表備考用外部リンクアイコン */
.new-window {
	background:transparent url(/common_001/images/icon/icon-onw.gif) no-repeat scroll 0em;
	margin:0 0 0 3px;
	padding:0 0 0 14px;
}

/*
 * トップページ航空条件/宿泊条件を指定
 *----------------------------------------*/
.airport-index-icon {
	height:25px;
	background-image:url(/images/airport.gif);
	background-repeat:no-repeat;
	margin-left:5px;
}
.stay-index-icon {
	height:25px;
	background-image:url(/images/stay.gif);
	background-repeat:no-repeat;
	margin-left:10px;
}
.airstay-index-table {
	width:100%;
	background-image:url(/plus/images/top_bg_seachbox_grad.gif);
	margin-bottom:-20px;
}
.airstay-index-text {
	color:#FFFFFF;
	font-weight:bold;
	padding-left:42px;
}
.airstay-assist-table {
	width:100%;
	background-image:url(/plus/images/assist_search_bg_grad.gif);
	margin-bottom:-20px;
}

/*
 * 検索結果 検索バー設定
 *------------------------------------*/
#CONTENTS.main div.detail_limit_search td {
	border:0;
}
#CONTENTS.main div.detail_limit_search td select {
	margin-left:5px;
}
#CONTENTS.main div.detail_limit_search td.floLeft select {
	width:50px;
}
#CONTENTS.main div.detail_limit_search td.floLeft div.vam select {
	width:100px;
}
#CONTENTS.main div.detail_limit_search table.typeB td.taLeft {
	border-right:1px solid;
	border-color:#CCCCCC;
}

/*
 * 基本デザイン設定：em
 *------------------------------------*/
.bold {
	font-weight:bold;
}
.bold-orange {
	font-weight:bold;
	color:#CC6600;
}
.orange {
	color:#CC6600;
}
.bold-taRight {
	font-weight:bold;
	text-align: right;
}
.h1-style {
	font-size:88%;
	color:#666666;
	text-align:right;
	font-weight:normal;
	margin: 5px 0;
}

/*
 * モデル日程表一覧用
 *------------------------------------*/
.model_idx {
	clear:left;
	height:1%;
	width:970px;
}
.areaList {
	margin:6px 0 10px 0;
	padding:10px 0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	color:#999999;
	min-height:77px;
}
.areaList div{
	margin-bottom:5px;
}
.areaList div.lastChild{
	margin-bottom:0;
}
.areaList dl{
	padding:0;
	float:left;
	width:auto;
	height:1%;
}
.areaList dl.clear{
	clear:left;
	float:left;
}
.areaList dl dt,
.areaList dl dd{
	margin-right:10px;
	float:left;
}
.areaList dl dt{
	font-size:0;
	line-height:0;
}
.areaList dl dd{
	padding:4px 0;
}
.areaList dl dd.current{
	color:#333333;
}
.clearfix
{ zoom:1; }
.clearfix:after
{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cell01{
	width:42px;
}
.cell02{
	width:373px;
}
.cell03{
	width:100px;
}
ul.alertDscPlace {
	font-size:88%;
	margin:10px 0 0 3px;
	padding-bottom:3pt;
}
ul.alertDscPlace li {
	margin-left:0.8em;
	text-indent:-0.8em;
}
span.itineraryTitle {
	font-weight:bold;
}
li.displayTerm {
	text-align:right;
}
ul.lumpAlertDsc {
	font-size:88%;
}

/*
 * モデル日程表期間終了メッセージ
 *------------------------------------*/
span.errorLabel {
	border-color:#949BA2;
	border-style:solid;
	border-width:0 0 0;
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}

/*
 * モデル日程表提供年月日、掲載期間
 *------------------------------------*/
span.rightDisplay {
	float:right;
	text-align:right;
}
p.rightDisplay {
	text-align:right;
	position: absolute;
	top: 0;
	right: 0;
}
div.timeout {
	 width:570px;
	 height:40px;
}
div.itineraryTable {
	width:570px;
	height:40px;
}

/*
 * モデル日程表日付表示CSS
 *------------------------------------*/
.daysLabelPlace {
	white-space:nowrap;
}

/*
 * ドロップダウンリスト短い
 *------------------------------------*/
.plus_w50px {
	width:50px;
}

/*
 * 日程表コメントセルテーブル用
 *------------------------------------*/
.plus_iti_td {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}
.plus_iti_td2 {
	margin: 0;
	padding: 5px;
	border-left: 1px solid #999999;
}
.plus_iti_td3 {
	margin: 0;
	padding: 5px;
	border:0;
}
.plus_iti_td4 {
	border-right: 1px solid #999999;
}
.plus_iti_td5 {
	border-bottom: 1px solid #999999;
}

/*
 * 日程表セル幅
 *------------------------------------*/
.plus_iti_list_w {
	width:570px;
}
.plus_iti_title_head {
	width:270px;
}
.plus_iti_w400px {
	width:400px;
}
.plus_iti_w80px {
	width:80px;
}
.plus_iti_w120px {
	width:120px;
}
.plus_iti_title_name {
	width:280px;
}

/*
 * 日程表コメント欄
 *------------------------------------*/
.plus_commentbox {
	padding-left: 1px;
	padding-top: 3px;
	border: 1px solid #CCCCCC;
	width: 440px;
}
/* レンタカーコメント欄 */
.plus_iti_car_commentbox {
	width: 360px;
}
.plus_iti_rightsub{
	border-bottom: 1px solid #CCCCCC;
}

/*
 * ドロップダウンリスト
 *------------------------------------*/
.plus_w40px {
	width:40px;
}
.plus_w50px {
	width:50px;
}
.plus_w70px {
	width:70px;
}
.plus_w90px {
	width:90px;
}
.plus_w95px {
	width:95px;
}
.plus_w110px {
	width:110px;
}
.plus_w160px {
	width:160px;
}
.plus_w180px {
	width:180px;
}
.plus_w195px {
	width:195px;
}

/*
 * 帯の高さ
 *------------------------------------*/
.plus_h23px {
	height:23px;
}

/*
 * 右側マージン
 *------------------------------------*/
.mr10 {
	margin-right:10px;
}

/*
 * トップページ右エリア区切り幅
 *------------------------------------*/
.separate_img {
	height:11px;
}

/*
 * 日程表右エリア表示用CSS
 *------------------------------------*/
.modelRightArea {
	margin:0 0 0 3px;
	padding:0;
}
.modelDisplay {
	height:210px;
	border:1px solid #C0C0C0;
	padding:5px;
	width:184px;
	text-align:left;
}
p.modelTextArea {
	background:#CCCCCC none repeat scroll 0%;
	color:#000000;
	font-size:88%;
	margin-left:2px;
	min-height:54px;
	height:auto !important;
	height:54px;
	padding:3px 1px;
	width:89px;
	float:left;
}
p.modelImgDisplay {
	float:left;
}
p.modelLink {
	min-height:28px;
	margin-bottom:3px;
}
div.modelImgPlace {
	vertical-align:middle;
	margin-bottom:10px;
	height:60px;
	display:block;
	width:174px;
}
table.modelList {
	margin-left:auto;
	margin-right:auto;
	border-collapse:separate;
}
.modelTableDisplay {
	text-align:center;
}

/*
 * 日程表 予定列 予定フィールド
 *--------------------------------------*/
#CONTENTS.main div.main_content .left_main p.itinerary_schedule {
	margin-bottom:5px;
	margin-left:24px;
	text-indent:-24px;
	line-height:130%;
}
#CONTENTS.main div.main_content .left_main p.itinerary_schedule a {
	margin-left:0;
	text-indent:0;
}

/*
 * ヘッダ領域 ポイント関係スタイル
 *--------------------------------------*/
#HEADER div.header div.head-menu-place {
	float:right;
	width:680px;
}
#HEADER div.header div.logo img.logo {
	position:static;
}
#HEADER div.header div.logo img {
	position:absolute;
}
#HEADER div.header div.logo {
	float:left;
}
#HEADER div.member_info {
	float:right;
	margin:3px 8px 0 0;
	text-align:right;
}
#HEADER div.member_info p.welcome {
	float:none;
	margin: 0;
}
#HEADER div.member_info p.welcome span {
	font-weight:bold;
}
#HEADER div.member_info p.point {
	float:none;
	margin: 2px 0 0;
}
#HEADER div.member_info p.point span {
	font-weight:bold;
}
#HEADER div.member_info p.point span span.data {
	color:#cc0000;
}

/*
 * ポイントや値引き金額等の表示
 *--------------------------------------*/
.important_amount {
	color: #f00;
	font-weight: bold;
}
.plus_form_r tr.error .important_amount {
	color: #fff;
	font-weight: bold;
}
input.point_input {
	text-align: right;
}
table.plus_form_r tr.error td span {
	font-weight: bold;
}
ul.calculate_use_point li {
	float:right;
	margin:5px;
	padding:5px;
}
ul.calculate_use_point li.error {
	background:#FF6800 none repeat scroll 0 0;
	float:right;
	padding:5px;
}
.header_margin_bottom {
	margin: 0 0 20px 9px;
	/padding: 0 0 20px 0;
	/display:inline;
}
p.master_footer {
	margin:10px 0 0 0;
	clear:both;
}

