@charset "Shift_JIS";

@import url(/common/css/jtb_site_970.css);
@import url(/common/css/function_970.css);

ol{
	margin: 0;
	padding: 0;
}


/* margin */
/* margin20px */
/* margin */
/* margin20px */

#plan-detail-select #sub-title,
#plan-information,
#result-list,
.selected-item,
.shisetu-information,
.room-information{
	margin: 0 0 20px 0;
}
#plan-detail-select .selected-item,
.link-room-list,
#search-condition{
	margin: 20px 0;
}
	/* paddingにしたマージン */
	#sub-title{
		padding: 20px 0 0 0;
	}
	#plan-information .room{
		float: left;
	}
	
	
/* margin10px */
#shisetsu-room-list.shisetsu-information,
#selected-confirm .schedule-table,
#selected-confirm .price-table table,
.addition,
.category,
#reserve-condition .basic,
.change-condition,
#condition-select,
.plan,
#plan-information .room,
.feature,
.address-traffic,
.meal,
.bath,
.facility,
.available-card,
.neighbor-sports,
.neighbor-recreation,
.others,
.sales-point,
.recommend-with-transport,
#change-condition h3,
.neighbor-date,
.neighbor-area,
.result-count,
div.shisetsu-type,
.switch-condition,
.link-page-top,
.icon-description{
	margin: 0 0 10px 0;
}
/* margin5px */
#selected-confirm .schedule-table table,
ul.room-style li,
div.filter-location,
.tabbar{
	margin: 0 0 5px 0;
}







/* margin */
/* margin20px */

#search-result-shisetsu-all #task,
#outward-list #task,
#outward-list .selected-item,
#outward-list #result-list,
#outward-list #attention,
#traffic-condition #task,
#traffic-condition .selected-item,
#traffic-condition .flight-search-form,
#traffic-condition #attention,
#selected-confirm #task,
#selected-confirm .selected-item,
#selected-confirm .price-table,
#selected-confirm #attention,
#selected-confirm #action{
	margin: 0 0 20px 0;
}
	/* paddingにしたマージン */
	#sub-title{
		padding: 20px 0 0 0;
	}


/* margin10px */
#outward-list #result-list .plan-list,
#outward-list #result-list .link-research,
#selected-confirm .feature,
#selected-confirm .schedule-table,
#selected-confirm .traffic-distance,
#selected-confirm .plan-summary,
#selected-confirm .plan-information{
	margin: 0 0 10px 0;
}
/* margin5px */

/* stepbar */
#stepbar{
	white-space: nowrap;
}
.stepbar-tradename div,
.stepbar-tradename div p,
.stepbar-present div,
.stepbar-present div p,
.stepbar-nextstep div,
.stepbar-nextstep div p{
	float: left;
}
/* stepbarイメージ挿入 */
.stepbar-nextstep{
	background: url(/common/images/stepbar01.gif) 0 0 no-repeat;
}
/* stepbar yado only */
#stepbar-reserve-rsv,
#stepbar-basket-leaving,
#stepbar-basket-sub,
#stepbar-basket-detail {
	white-space: nowrap;
	width:722px;
	background-color:#ffffff;
	margin:20px 0px 0px 0px;
	border:1px solid #969696;
}
#stepbar-reserve-rsv .stepbar-finished,
#stepbar-basket-leaving .stepbar-finished,
#stepbar-basket-sub .stepbar-finished {
	background-color:#CCCCCC;
}
#reserve-form #stepbar-basket-detail .stepbar-present{
	background-image:none !important;
}
#reserve-form #stepbar-basket-detail .stepbar-present p{
	padding-left:0 !important;
}



/* table typeH */
#selected-confirm .schedule-table table,
#plan-detail .price-table ul li table,
#attention table,
.room-list table,
#search-condition table,
.selected-item table,
.shisetsu-summary table{
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#search-condition th,
.selected-item th{
	width:120px;
	background-color:#cccccc;
	font-weight:normal;
}
#selected-confirm .schedule-table th,
#plan-detail .price-table ul li th,
#attention th,
.room-list table th,
.shisetsu-summary th{
	background-color:#cccccc;
	font-weight:normal;
}
#selected-confirm .schedule-table th,
#selected-confirm .schedule-table td,
#plan-detail .price-table ul li th,
#plan-detail .price-table ul li td,
#attention th,
#attention td,
#search-condition th,
#search-condition td,
.selected-item th,
.selected-item td,
.room-list table th,
.room-list table td,
.shisetsu-summary th,
.shisetsu-summary td{
	padding:3px;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #969696;
}
.selected-item p img{
	padding: 0 0 0 2px;
}
.selected-item td dt{
	float: left;
	width: 150px;
	background: #eaeaea;
}
.selected-item dl{
	clear: left;
}
#shisetsu-plan-list .room-list .room-style,
#search-result-shisetsu-all .shisetsu-summary td.shisetsu{
	width: 150px;
}
#search-result-shisetsu-all .shisetsu-summary th.chiku{
	width: 100px;
}
.room-list th.room-style,
#shisetsu-plan-list .room-list .room-style{
	width: 70px;
}
#plan-detail .price-table ul li table thead th.adult,
#plan-detail .price-table ul li table thead th.child{
	width: 60px;	
}
#plan-detail-select .option td.line{
	border-right: #969696 1px solid;
}
#search-result-plan-all td.room p.fs_12,
#search-result-shisetsu-photo td.shisetsu p.fs_12{
	float: none;
}
#search-result-plan-all td.room p,
#search-result-shisetsu-photo td.shisetsu p{
	float: left;
}
#search-result-plan-all td.room p img,
#search-result-shisetsu-photo td.shisetsu p img{
	float: none;
	margin: 0 5px 5px 0;
}
#search-result-plan-all td img.icon,
#search-result-shisetsu-photo td img.icon{
	padding: 0 0 0 2px;
}
#search-result-plan-all td p input.button,
#search-result-shisetsu-photo td p input.button{
	width: 60px;
}
#search-result-plan-all .shisetsu-summary table  td.shisetsu{
	width: 100px;
}
#search-result-plan-all .shisetsu-summary table  td.room{
	width: 290px;
}
#search-result-plan-all .shisetsu-summary table td.description p.fs_12{
	float: none !important;
}
/* table type E */
.addition table,
.category table,
#reserve-condition table,
#search-form table {
	width:100%;
}
.addition table thead th,
.category table thead th,
#reserve-condition thead th,
#search-form thead th {
	background-color:#cccccc !important;
	font-weight:normal;
}
.addition table tbody th,
.category table tbody th,
#reserve-condition tbody th,
#search-form tbody th {
	width:140px;
	background-color:#eeeeee;
}
#search-form tbody th.section {
	width:20px !important;
	border-right:1px solid #AAAAAA !important;
	text-align:center;
}
#search-form tbody th.starting-point,
#search-form tbody th.landing-point,
#search-form tbody th.starting-date {
	width:auto !important;
}
.addition table th,
.addition table td,
.category table th,
.category table td,
#reserve-condition th,
#reserve-condition td,
#search-form th,#search-form td{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #969696;
}
.addition table th,
.addition table td,
.category table th,
.category table td,
#reserve-condition th,
#reserve-condition td,
#search-form th,#search-form td {
	padding:3px;
}
.addition table td,
.category table td,
#reserve-condition td,
#search-form td {
	background-color:#ffffff;
}
#search-form div.fs_12{
	width: 100%;
	text-align: right;
	margin: 5px 0 0 0;
}
#search-form p input.button{
	width: 184px;
}
/* レコメンド */
#recommend{
	width: 721px;
	padding: 3px 0 2px 3px;
	background: #f7e4ac;
}
#recommend div{
	float: left;
	width: 168px;
	margin: 0 4px 0 0;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #cccccc;
}
#recommend div p.fs_12{
	margin: 0 0 2px 0;
}
#recommend div p img{
	float: left;
	padding: 0 2px 0 0;
	display: inline;
}
.neighbor-area h4,
.neighbor-date h4,
#search-form h4{
	font-weight: normal;
}
/* dws010この部屋おすすめまわり */
.recommend-plan div div{
	border-top: dashed 1px #969696;
}
.recommend-plan div div p.fs_12{
	margin: 3px 0 0 0;
	padding: 3px;
	background: #EEEEEE;
}
.recommend-plan div img{
	float: left;
	padding: 0 2px 0 0;
}
.recommend-plan p.button{
	float: right;
	text-align: right;
	border-top: none;
}
/* カレンダー回り */
#availabile-calendar table{
	width: 175px;
	float: left;
}
#availabile-calendar div table{
	width: 175px;
	margin: 0 0 0 7px;
	float: left;
}
#availabile-calendar th{
	background: #efefef;
	border-bottom: #969696 1px solid;
}
#availabile-calendar td div{
	background: #ffcccb;
}
#availabile-calendar td div div{
	background: #e4e4fe;
}
#availabile-calendar td,
#availabile-calendar th{
	text-align: center;
}
#availabile-calendar td{
	border-bottom: 2px solid #ffffff;
}
/* カレンダーマルバツ三角 */
.price-table span,
#availabile-calendar span{
	color: #333333;
}
.price-table span span,
#availabile-calendar span span{
	color: #000000;
}
.price-table span span span,
#availabile-calendar span span span{
	color: #cc0033;
}



/* アイコン説明 */
.icon-description{
	width: 722px;
	border: #969696 solid 1px;
}
.icon-description p{
	background: #eaeaea;
	border-bottom: 1px solid #aaaaaa;
	padding: 3px;
}
.icon-description dl{
	padding: 5px 15px;
}
.icon-description dt{
	clear: both;
	width: 100px;
	float: left;
	background: none;
}
.icon-description dt p,
.icon-description dl p{
	background: none;
	border: none;
}
/* ページング */
.link-room-list,
.paging,
.link-change,
.link-page-top{
	text-align: right;
}

/* 絞込み */
.neighbor-date h4{
	margin: 0 1em 0 0;
	float: left;
}
.filter h4,
.switch-condition h4{
	float: left;
	margin: 0 1em 0 0;
	width: 7em;
}
ul.room-type li,
.neighbor-area li,
.neighbor-date li,
.link-shortcut ul li,
.room-style ul li,
.filter-location ul li,
.shisetsu-type ul li,
.switch-condition ul li{
	display: inline;
}
.filter th{
	width: 8em;
	font-weight: normal;
}

#shisetsu-room-list div.starting-point,
#shisetsu-plan-list div.starting-point,
#search-result-plan-photo div.starting-point,
#search-result-plan-all div.starting-point,
#search-result-shisetsu-photo div.starting-point,
#search-result-shisetsu-all div.starting-point{
	margin: 0 1em 0 0;
}
#shisetsu-room-list .starting-point p.fs_12,
#shisetsu-plan-list .starting-point p.fs_12,
#search-result-plan-photo .starting-point p.fs_12,
#search-result-plan-all .starting-point p.fs_12,
#search-result-shisetsu-photo .starting-point p.fs_12,
#search-result-shisetsu-all .starting-point p.fs_12{
	float: left;
}
#shisetsu-room-list .starting-point ul li,
#shisetsu-plan-list .starting-point ul li,
#search-result-plan-photo .starting-point ul li,
#search-result-plan-all .starting-point ul li,
#search-result-shisetsu-photo .starting-point ul li,
#search-result-shisetsu-all .starting-point ul li{
	float: left;
}




/* 施設一覧 */
/* 並び替え */
.sort p,
.sort ul li,
.list-mode p,
.lm-shisetsu p,
.lm-shisetsu ul li,
.lm-shisetsu-plan p,
.lm-shisetsu-plan ul li,
.change-departure p,
.change-departure ul li{
	float: left;
}
.sort p,
.list-mode p,
.change-departure p,
.neighbor-area h4{
	margin: 0 1em 0 0;
	white-space: nowrap;
}
.lm-shisetsu-plan p{
	margin: 0 1em;
}
.link-room-list,
.paging,
.link-change,
.link-page-top{
	text-align: right;
}
.neighbor-area h4{
	float: left;
	width: 110px;
}
.neighbor-area ul{
	float: left;
	width: 580px;
}
/* 条件切り替えタブ */
#plan-detail ul.member li{
	float: left;
	width: 20%;
	padding: 2px;
	margin: 0 1% 0 0;
	background: #fbe09c;
	text-align: center;
}
#plan-detail ul.member li div{
	background: #eeeeee;
	border-top: #969696;
	border-left: #969696;
	border-right: #969696;
}
#plan-detail ul.meal li,
#plan-detail ul.meal-plan li{
	float: left;
	width: 350px;
	padding: 2px;
	margin: 0 4px 5px 0;
	background: #cccccc;
	border: #969696 1px solid;
	text-align: center;
}
#plan-detail div ol.meal li{
	float: left;
	width: 230px;
	padding: 2px;
	margin: 0 4px 5px 0;
	background: #cccccc;
	border: #969696 1px solid;
	text-align: center;
}
#plan-detail ol.meal-plan li{
	float: left !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 0 5px 0 !important;
	background: none !important;
	border: none !important;
	text-align: left !important;
}
#plan-detail div.change-condition ol.fs_12 li{
	float: left;
	width: 238px;
	padding: 2px 0;
	margin: 0;
	background: #eeeeee;
	text-align: center;
	border: #969696 1px solid;
}
#plan-detail div.change-condition ol.fs_12 li.meal{
	float: left;
	width: 238px;
	padding: 2px 0;
	margin: 0 2px;
	background: #eeeeee;
	text-align: center;
	border: #969696 1px solid;
}
/* タブ */
#shisetsu-room-list h4#room-list,
#shisetsu-room-list h4#plan-list,
#shisetsu-room-list h4#shisetsu-detail,
#shisetsu-plan-list h4#room-list,
#shisetsu-plan-list h4#plan-list,
#shisetsu-plan-list h4#shisetsu-detail{
	float: left;
	text-align: center;
	padding: 2px 0;
}
#shisetsu-room-list h4#room-list,
#shisetsu-plan-list h4#room-list{
	background: #fbe09c;
	width: 200px;
	}
#shisetsu-room-list h4#shisetsu-detail,
#shisetsu-plan-list h4#shisetsu-detail{
	width: 200px;
}
#shisetsu-room-list h4#plan-list,
#shisetsu-plan-list h4#plan-list{
	width: 200px;
	margin-left: 4px;
	margin-right: 4px;
}
#shisetsu-room-list h4#plan-list,
#shisetsu-room-list h4#shisetsu-detail,
#shisetsu-plan-list h4#plan-list,
#shisetsu-plan-list h4#shisetsu-detail{
	background: #eeeeee;
	border-top: #969696 1px solid;
	border-left: #969696 1px solid;
	border-right: #969696 1px solid;
}
/*

link-prior-payment
link-local-payment
link-ap-list

*/
/* 基礎部分 */
#shisetsu-room-list p.link-prior-payment,
#shisetsu-room-list p.link-local-payment,
#shisetsu-room-list p.link-ap-list,
#shisetsu-plan-list p.link-prior-payment,
#shisetsu-plan-list p.link-local-payment,
#shisetsu-plan-list p.link-ap-list,
#search-result-plan-photo p.link-prior-payment,
#search-result-plan-photo p.link-local-payment,
#search-result-plan-photo p.link-ap-list,
#search-result-plan-all p.link-prior-payment,
#search-result-plan-all p.link-local-payment,
#search-result-plan-all p.link-ap-list,
#search-result-shisetsu-photo p.link-prior-payment,
#search-result-shisetsu-photo p.link-local-payment,
#search-result-shisetsu-photo p.link-ap-list,
#search-result-shisetsu-all p.link-prior-payment,
#search-result-shisetsu-all p.link-local-payment,
#search-result-shisetsu-all p.link-ap-list{
	float: left;
	text-align: center;
	padding: 2px 0;
	border: 1px solid #969696;
	margin: 5px 0 5px 0;
}

/* オン設定 */


#shisetsu-room-list p.link-prior-payment,
#shisetsu-plan-list p.link-ap-list,
#search-result-plan-photo p.link-ap-list,
#search-result-plan-all p.link-ap-list,
#search-result-shisetsu-photo p.link-ap-list,
#search-result-shisetsu-all p.link-ap-list{
	background: #cccccc;
	width: 33%;
	}

/* サイズのみの規定 */

#shisetsu-room-list p.link-ap-list,
#shisetsu-plan-list p.link-prior-payment,
#search-result-plan-photo p.link-prior-payment,
#search-result-plan-all p.link-prior-payment,
#search-result-shisetsu-photo p.link-prior-payment,
#search-result-shisetsu-all p.link-prior-payment{
	width: 33%;
}

/* タブ部分真ん中 */

#shisetsu-room-list p.link-local-payment,
#shisetsu-plan-list p.link-local-payment,
#search-result-plan-photo p.link-local-payment,
#search-result-plan-all p.link-local-payment,
#search-result-shisetsu-photo p.link-local-payment,
#search-result-shisetsu-all p.link-local-payment{
	width: 32%;
	margin-left: 4px;
	margin-right: 4px;
}
/* オフ設定 */


#shisetsu-room-list p.link-local-payment,
#shisetsu-room-list p.link-ap-list,
#shisetsu-plan-list p.link-prior-payment,
#shisetsu-plan-list p.link-local-payment,
#search-result-plan-photo p.link-prior-payment,
#search-result-plan-photo p.link-local-payment,
#search-result-plan-all p.link-prior-payment,
#search-result-plan-all p.link-local-payment,
#search-result-shisetsu-photo p.link-prior-payment,
#search-result-shisetsu-photo p.link-local-payment,
#search-result-shisetsu-all p.link-prior-payment,
#search-result-shisetsu-all p.link-local-payment{
	background: #eeeeee;
}
.tabbar{
	width: 724px;
	border-bottom: #fbe09c 3px solid;
}
/* 施設概要テーブル */
.room-list table img,
.shisetsu-summary .shisetsu .icon{
	padding: 2px 2px 2px 0;
}
.shisetsu-summary .description .icon{
	padding: 5px 2px 5px 0;
	float: left;
	display: inline;
}
.room-list table .button,
.shisetsu-summary .button{
	width: 60px;
}
.room-list table td.room-style{
	white-space: nowrap;
}
#search-result-plan-photo .shisetsu-summary td.room-type,
#search-result-plan-photo .shisetsu-summary thead th{
	white-space: nowrap;
}
#search-result-plan-photo .shisetsu-summary td.price-per-person img,
#search-result-plan-photo .shisetsu-summary td.meal img{
	padding: 0 0 2px 0;
}
#search-result-plan-photo .shisetsu-summary td.feature img{
	padding: 0 2px 0 0;
}

/* おすすめ航空券おすすめJRまわり */
.recommend-with-transport div.nnhack{
	width: 716px;
	border: 1px solid #969696;
	padding: 3px;
}
.with-airline p,
.with-jr p{
	padding: 3px;
	background: #eeeeee;
	clear: both;
	margin: 0 0 3px 0;
}
.with-airline div p,
.with-jr div p{
	width: 85px;
	background: #ffffff;
	float: left;
}
.with-airline div p.fs_12,
.with-jr div p.fs_12{
	width: 250px;
	background: #ffffff !important;
	clear: none;
}
.with-airline div,
.with-jr div{
	float: left;
}
/* 部屋情報まわり&リンクショートカット */
.link-shortcut h4{
	float: left;
	height: 1.1em;
	line-height: 1.1;
	font-weight: normal;
}
.link-shortcut ul{
	text-align: right;
}
#shisetsu-room-list .shisetsu-information div,
.link-shortcut div,
.shisetu-information div,
.room-information div{
	float: left;
	width:265px;
}
#shisetsu-room-list .shisetsu-information div div,
.link-shortcut div div,
.room-information div div{
	width: 450px;
}
.room-information dt{
	float: left;
	background: #eeeeee;
	width: 100px;
}
.shisetsu-information ol li,
.link-shortcut ol li,
.room-information ol li{
	float: left !important;
	width: 80px;
	margin: 0 10px 0 0;
}
#shisetsu-room-list .shisetsu-information ol li p{
	width: 80px;
}
#shisetsu-room-list .shisetsu-information h4,
#shisetsu-plan-list .room-information h4{
	font-weight: normal;
}
#plan-detail .shisetsu-information div{
	float: left;
	width: 265px;
}
#plan-detail .shisetsu-information div div div{
	float: left;
	width: 400px;
}
#shisetsu-room-list .shisetsu-information div div p span,
#shisetsu-plan-list .link-shortcut div div p span,
#plan-detail .shisetsu-information div div div p span{
	display: block;
	width:98px;
	background: #eaeaea;
	margin: 2px 0 0 0;
	padding: 2px;
}
/* カレンダー */
#plan-detail .link-last-month{
	float: left;
}
#plan-detail .link-next-month{
	float: right;
}
#plan-detail .price-table p.clear{
	text-align: left;
}
#plan-detail .price-table h4{
	font-weight: normal;
	text-align: center;
}
#plan-detail .price-table table{
	width: 724px;
	border-left:1px solid #969696;
	border-top: 1px solid #969696;
	clear: both;
}
#plan-detail .price-table thead th{
	border: #969696 1px solid;
	border-left: none;
	border-top: none;
}
#plan-detail .price-table td{
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #969696;
}
#plan-detail .price-table tbody p.fs_12{
	font-weight: bold;
}
#plan-detail .price-table ul li tbody p.fs_12{
	font-weight: normal;
}
#plan-detail .price-table thead th p.fs_12{
	text-align: center;
	padding: 5px 0;
}
#plan-detail .price-table div tbody td{
	text-align: center;
}
#plan-detail .price-table thead th.year-month{
	font-weight: normal;
	background: #cccccc;
	padding: 5px 0;
	text-align: center;
}
#plan-detail .price-table tbody p.fs_12{
	padding: 3px;
	text-align: center;
}
#plan-detail .price-table p.date{
	padding: 3px;
	background: #ffe7ab;
	text-align: left !important;
}
#plan-detail .sunday{
	background: #ffcccb;
}
#plan-detail .saturday{
	background: #e5e5ff;
}
#plan-detail p.tax{
	text-align: right;
}
#plan-detail .price-table div{
	margin: 0 40%;
	white-space: nowrap;
}
#plan-detail .price-table ul.link-last-month li{
	display: inline;
}
#plan-detail .price-table td p.price-per-person{
	font-weight: normal;
}





/* dws013系 */
#plan-detail .plan-option h3,
#plan-detail .meal h3,
#plan-detail .plan h3,
#plan-detail div.room h3,
#plan-detail .shisetsu-information h3,
.feature h4,
.address-traffic h4,
.meal h4,
.bath h4,
.facility h4,
.available-card h4,
.neighbor-sports h4,
.neighbor-recreation h4,
.others h4{
	clear: both;
	padding: 5px;
	background: #cccccc;
	font-weight: normal;
	border: 1px solid #969696;
}
.feature p.fs_12{
	margin: 5px;
}
.feature p.fs_12 img{
	margin: 0 0 0 0.5em;
}
.plan-option p.fs_12{
	margin: 5px 5px 0 5px;
}
.plan-option ul{
	margin: 0 0 10px 10px;
}
.plan table,
.room table,
.address-traffic table,
.meal table,
.bath table,
.facility table,
.available-card table,
.neighbor-sports table,
.neighbor-recreation table,
.others table{
	width: 450px;
}
.plan th,
.room th,
.address-traffic th,
.meal th,
.bath th,
.facility th,
.available-card th,
.neighbor-sports th,
.neighbor-recreation th,
.others th{
	background: #eaeaea;
	text-align: center;
	font-weight: normal;
	width: 100px;
	border-bottom: 2px solid #ffffff;
}
.plan td,
.room td,
.address-traffic td,
.meal td,
.bath td,
.facility td,
.available-card td,
.neighbor-sports td,
.neighbor-recreation td,
.others td,
.address-traffic th,
.meal th,
.bath th,
.facility th,
.available-card th,
.neighbor-sports th,
.neighbor-recreation th,
.others th{
	padding: 3px;
}
.plan-option div p img,
.plan div p img,
#plan-information .room div p img,
.address-traffic div p img,
.meal div p img,
.bath div p img,
.facility div p img,
.available-card div p img,
.neighbor-sports div p img,
.neighbor-recreation div p img,
.others div p img{
	padding: 5px 0 0 0;
}
.plan-option div p,
.plan div p,
#plan-information .room div p,
.address-traffic div p,
.meal div p,
.bath div p,
.facility div p,
.available-card div p,
.neighbor-sports div p,
.neighbor-recreation div p,
.others div p{
	float: right;
}
/*.feature div,*/
.plan-option div,
.plan div,
.room div,
.address-traffic div,
.meal div,
.bath div,
.facility div,
.available-card div,
.neighbor-sports div,
.neighbor-recreation div,
.others div{
	float: right;
	width: 250px;
}
.plan-option div p.fs_10,
.plan div p.fs_10,
.room div p.fs_10,
.feature div p.fs_10,
.address-traffic div p.fs_10,
.meal div p.fs_10,
.bath div p.fs_10,
.facility div p.fs_10,
.available-card div p.fs_10,
.neighbor-sports div p.fs_10,
.neighbor-recreation div p.fs_10,
.others div p.fs_10{
	clear: right;
	text-align: right;
	white-space: nowrap;
}
.plan-option ol,
.plan ol,
.room ol,
.feature ol,
.address-traffic ol,
.meal ol,
.bath ol,
.facility ol,
.available-card ol,
.neighbor-sports ol,
.neighbor-recreation ol,
.others ol{
	float: right;
	width: 180px;
}
.plan-option ol li,
.plan ol li,
.room ol li,
.feature ol li,
.address-traffic ol li,
.meal ol li,
.bath ol li,
.facility ol li,
.available-card ol li,
.neighbor-sports ol li,
.neighbor-recreation ol li,
.others ol li{
	float: right;
	width: 90px;
}
.plan-option ol li div,
.plan ol li div,
.room ol li div,
.feature ol li div,
.address-traffic ol li div,
.meal ol li div,
.bath ol li div,
.facility ol li div,
.available-card ol li div,
.neighbor-sports ol li div,
.neighbor-recreation ol li div,
.others ol li div{
	width: 80px;
	margin: 0;
	float: right !important;
}
.plan-option ol li div p.fs_10,
.plan ol li div p.fs_10,
.room ol li div p.fs_10,
.feature ol li div p.fs_10,
.address-traffic ol li div p.fs_10,
.meal ol li div p.fs_10,
.bath ol li div p.fs_10,
.facility ol li div p.fs_10,
.available-card ol li div p.fs_10,
.neighbor-sports ol li div p.fs_10,
.neighbor-recreation ol li div p.fs_10,
.others ol li div p.fs_10{
	text-align: left;
	white-space: normal;
}
.plan ol li,
.plan-option ol li,
.room ol li,
.feature ol li,
.address-traffic ol li,
.meal ol li,
.bath ol li,
.facility ol li,
.available-card ol li,
.neighbor-sports ol li,
.neighbor-recreation ol li,
.others ol li{
	float: left;
}
.link-room-list{
	width: 724px;
}
/* dws13_1_2 */
#plan-detail #condition-select ul li ul li{
	float: left;
}
/*アクション */
#plan-detail-select #action div,
#plan-detail #action div{
	border:1px solid #deb887;
	background-color:#fffaf0;
	padding: 10px;
	text-align: right;
}
#action div input{
	margin: 0 0 0 1em;
}
#action .input-condition{
	text-align: right;
}
#action .link-kokunai-top{
	text-align: center;
}
#plan-detail-select .link-kokunai-top,
#plan-detail-select .link-return{
	display: inline;
}
.input-condition{
	float: right;
}
#plan-detail #action ul li{
	float: left;
	margin: 0 0 1em 0;
}
#plan-detail-select #action{
	border: #deb887 solid 1px;
	background: #fffaf0;
}
#plan-detail-select #action h3{
	border-bottom:1px solid #8b4513;
	background-color:#F2DFB5;
	display: block !important;
}
#plan-detail-select #action p{
	text-align: right;
}
#plan-detail-select #action p.fs_12{
	text-align: left;
}
.other-item-select{
	border: #deb887 solid 1px;
	background: #fffaf0;
	margin: 0 0 10px 0;
}
.other-item-select div.button p{
	text-align: right;
	width: auto;
}
.other-item-select div.button{
	width: auto;
}
/* dws015 */
/* 部屋割りテーブル */
#reserve-condition td div table{
	width: 100%;
}
#reserve-condition td div table th{
	background-color:#eaeaea !important;
	font-weight:normal;
}
#reserve-condition td p.nights-number{
	float: left;
	width: 150px;
}
#reserve-condition td div div p.fs_12{
	margin: 0 0 0 150px;
}
#reserve-condition td.stay-openingdate div{
	float: left;
}
#reserve-condition td.stay-openingdate p{
	text-align: right;
}
#reserve-condition td select.adult{
	margin: 0 0 0 1em;
}
#reserve-condition td select.child{
	margin: 0 0 0 2.1em;
}
#reserve-condition td p span select.child{
	margin: 0 0 0 1.5em;
}


















/* 印刷する */
#print{
	float: right;
}
#print .print-page{
	border: 1px dotted #999999;
	padding: 3px;
	margin: 5px;
	background-color: #E7E7E7;
}
#print .print-page a{
	text-decoration: none;
	display: block;
}

/* 受付番号最終確認 */
#last{
	padding: 5px;
	border: 2px solid #FF0000;
	text-align: center;
}
#last .reference-number{
	font-size: 180%;
	font-weight: bolder;
	color: #FF0000;
}

/* price-table */
.price-table table{
	width: 100%;
}
.price-table table thead th{
	border-bottom: 1px solid #969696;
	font-weight: normal;
	white-space:nowrap;
}
.price-table table tbody th{
	font-weight: normal;
	background: #cccccc;
	border-top: 2px solid #ffffff;
	padding: 0 2px 0 0;
}
.price-table p{
	text-align: right;
}
.price-table table tbody td div{
	border-top: 1px dashed #969696;
	padding: 2px 0 0 0;
	margin: 2px 0 0 0;
}
p.price-total{
	background: #f6d6c5;
}
p.price-total span.fs_12{
	font-weight: bold;
}
p.price-total span.fs_16{
	font-weight: bold;
	background: #f6d6c5;
	color: #cc0033;
}
th.price-total{
	margin: 2px 0;
}
/*
.price-table table thead th.adult,
.price-table table thead th.child{
	border-bottom: none;
}*/
.about-price{
	text-align: right;
}

/* 上段余白20px */
#invitation-send,
.price,
.plan-information,
.traffic-distance{
	padding-top: 20px;
}

/* traveler同型：案内状 */
#invitation-send table,
.schedule-time-zone table{
	width:100%;
}
#invitation-send tbody th{
	width:160px;
	background-color:#eeeeee;
}
.schedule-time-zone th{
	background-color:#eeeeee;
}
#invitation-send thead th{
	background-color:#cccccc;
	font-weight:normal;
	text-align:left
}
#invitation-send th,#invitation-send td,
.schedule-time-zone td{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	padding:3px;
}
#invitation-send .assist{
	width:20%;
}
#invitation-send .name-alphabet p,#invitation-send .name-kanji p,#invitation-send .name-kana p{
	float:left;
}
#reserve-form p.name-family,#reserve-form p.name-first{
	width:30px;
}
#invitation-send .name-alphabet input,#invitation-send .name-kanji input,#invitation-send .name-kana input{
	margin-right:30px;
}
#invitation-send th span.red,
#reserve-condition th span.red{
	font-weight:normal;
	margin-left:5px;
}






/* table typeH */
/* #outward-list #result-list */

#outward-list #result-list table,
#outward-list	.selected-item .plan-information table,
#traffic-condition .selected-item .plan-information table,
#selected-confirm #attention table,
#selected-confirm .schedule-table table,
#selected-confirm .traffic-distance table,
#selected-confirm .plan-information table,
#selected-confirm .plan-summary table,
.plan-summary table,
.plan-information table,
.traffic-distance table,
#attention table{
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#selected-confirm #attention table th,
#selected-confirm .traffic-distance table tbody th,
#selected-confirm .plan-information th,
#selected-confirm .plan-summary th,
.plan-summary th,
.plan-information th,
#attention th{
	width:120px;
	background-color:#cccccc;
	font-weight:normal;
}
#outward-list #result-list table thead th,
#outward-list	.plan-information thead th,
#traffic-condition .plan-information thead th,
#selected-confirm .schedule-table th,
#selected-confirm .traffic-distance table thead th,
.traffic-distance th{
	background-color:#cccccc;
	font-weight:normal;
}
#outward-list #result-list table th,
#outward-list #result-list table td,
#outward-list	.plan-information th,
#outward-list	.plan-information td,
#traffic-condition .plan-information th,
#traffic-condition .plan-information td,
#selected-confirm #attention table th,
#selected-confirm #attention table td,
#selected-confirm .schedule-table th,
#selected-confirm .schedule-table td,
#selected-confirm .traffic-distance th,
#selected-confirm .traffic-distance td,
#selected-confirm .plan-information th,
#selected-confirm .plan-information td,
#selected-confirm .plan-summary th,
#selected-confirm .plan-summary td,
.plan-summary th,
.plan-summary td,
.plan-information th,
.plan-information td,
.traffic-distance th,
.traffic-distance td,
#attention th,
#attention td{
	padding:3px;
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #969696;
}

/* .plan-summary系の入れ子 */
.plan-summary td dl dt,
.plan-information td dl dt{
	margin: 0px;
	padding: 0px;
	width: 100px;
	float: left;
}
.plan-summary table tr td #plan-summary-sub table,
.plan-summary table tr td #plan-summary-sub table th,
.plan-summary table tr td #plan-summary-sub table td,
.plan-information table tr td #plan-information-sub table,
.plan-information table tr td #plan-information-sub table th,
.plan-information table tr td #plan-information-sub table td{
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
}

/* table type E #traffic-condition */
#traffic-condition .flight-search-form table
{
	width:100%;
}
#traffic-condition .flight-search-form thead th{
	background-color:#cccccc !important;
	font-weight:normal;
}
#traffic-condition .flight-search-form tbody th{
	width:120px;
	background-color:#eeeeee;
}
#search-form tbody th.section {
	width:20px !important;
	border-right:1px solid #AAAAAA !important;
	text-align:center;
}
#search-form tbody th.starting-point,
#search-form tbody th.landing-point,
#search-form tbody th.starting-date {
	width:auto !important;
}
#traffic-condition .flight-search-form th,
#traffic-condition .flight-search-form td{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #969696;
}
#traffic-condition .flight-search-form th,
#traffic-condition .flight-search-form td{
	padding:3px;
}
.addition table td,
.category table td,
#reserve-condition td,
#search-form td {
	background-color:#ffffff;
}
#search-form div.fs_12{
	width: 100%;
	text-align: right;
	margin: 5px 0 0 0;
}
#search-form p input.button{
	width: 184px;
}



/* dws032-34totalprice */
#outward-list	.selected-item div div p,
#traffic-condition .selected-item div div p{
	background: #f6d6c5;
	text-align: right;
	margin: 2px 0 0 0;
}
#outward-list	.selected-item div div p span.fs_12,
#traffic-condition .selected-item div div p span.fs_12{
	font-weight: bold;
}
#outward-list	.selected-item div div p span.fs_16,
#traffic-condition .selected-item div div p span.fs_16{
	font-weight: bold;
	background: #f6d6c5;
	color: #cc0033;
}
#outward-list .selected-item div div div p,
#traffic-condition .selected-item div div div p{
	text-align: right;
	background: none;
}
/* marubatusankaku */
#outward-list #result-list tbody td p span{
	font-weight: bold;
	color: #6600ff;
}
#outward-list #result-list tbody td p span span{
	color: #000000;
}
#outward-list #result-list tbody td p span span span{
	font-weight: bold;
	color: #fd0000;
}
#outward-list #result-list tbody td input{
	width: 60px;
}
/* stock 説明 */
#outward-list #result-list .stock-description{
	border: #969696 solid 1px;
}
#outward-list #result-list .stock-description p{
	background: #eaeaea;
	border-bottom: 1px solid #aaaaaa;
	padding: 3px;
}
#outward-list #result-list .stock-description ul{
	padding: 5px 15px;
}
#outward-list #result-list .stock-description ul li{
	float: left;
	margin: 0 1em 1em 0;
}
/* result-list回り */
/* dws032 */
#outward-list #result-list div h3,
#outward-list #result-list .switch-condition h4,
#outward-list #result-list .switch-condition div ul li,
#outward-list #result-list .switch-condition div div p,
#outward-list #result-list .switch-condition .time-zone ul li{
	float: left;
}
#outward-list #result-list .switch-condition div.time-zone,
#outward-list #result-list .switch-condition div.time-zone p.fs_12{
	clear: both;
}
#outward-list #result-list h4.specified-service,
#outward-list #result-list .switch-condition div div p{
	padding: 0 0 0 1em;
}

/* text右寄せ */
#outward-list #result-list p.link-timetable,
#outward-list #result-list .link-research,
#traffic-condition .link-timetable,
p.change-flight,
p.link-change-condition{
	text-align: right;
}

/* アテンション */
#outward-list #attention p{
	margin: 1em 1em 0 1em;
}
#outward-list #attention ul{
	padding: 0 1em 1em 1em;
}
#traffic-condition #attention ul{
	padding: 1em;
}
#outward-list #attention ul li,
#traffic-condition #attention ul li{
	list-style: disc;
	margin: 0 0 0 1em;
}


#selected-confirm #attention{
	border: #969696 1px solid !important;
}
#selected-confirm #attention h2{
	background: #eaeaea !important;
	border-bottom: 1px solid #969696 !important;
	padding: 3px !important;
}
#selected-confirm #attention div{
	padding: 1em !important;
}
#selected-confirm #attention div div{
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}
/* action */
#plan-detail #action div,
#traffic-condition div#action,
#selected-confirm #action div{
	border: 1px solid #deb887 !important;
	background: #fffaf0 !important;
	margin: 0 0 10px 0 !important;
}
#plan-detail #action div h4,
#plan-detail #action div h3,
#selected-confirm #action div h4,
#selected-confirm #action div h3{
	background: #f2dfb5;
	border-bottom: 1px solid #8b4513;
	padding: 3px;
}
#plan-detail #action div .button,
#traffic-condition div#action .button,
#selected-confirm #action div .button{
	width: 184px;
}
#plan-detail #action div p.fs_12,
#selected-confirm #action div p.fs_12{
	text-align: left;
}
#plan-detail #action div p,
#traffic-condition div#action p,
#selected-confirm #action div p{
	text-align: right;
}



#selected-confirm #action div dl{
	margin: 1em;
}


#selected-confirm #action div dt,
#selected-confirm #action div dl{
	float: left;
	width: 40%;
}
#selected-confirm #action div dt{
	margin: 0 20px 0 0;
}
.action-check{
	text-align: right;
}
.action-check input{
	margin: 0px;
	padding: 0px;
}



/* 受付完了finishここから */
#finished{
	margin-left:16px;
	width:624px;
	border:2px solid #CC0033;
	font-weight:bold;
}
.reference-no{
	color:#CC0033;
	font-size: 180%;
	margin:0px;
	padding:0px;
}
#reference-no-detail{
	width:624px;
	margin-left:16px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#696969;
}
/* 受付完了finishここまで */


/*　ステップバー1ここから　*/
	/* stepbar */
#stepbar {
	width:722px;
	background-color:#cccccc;
	margin:20px 0px 0px 0px;
	border:1px solid #969696;
}
.stepbar-tradename{
	background-color:#ffffff;
	float:left;
	height:25px;
	white-space:nowrap
}
.stepbar-finished{
	float:left;
	height:25px;
	white-space:nowrap
}
.stepbar-present {
	float:left;
	background-color:#ffffff;
	height:25px;
}
.stepbar-nexttrade {
	width:80px;
	float:left;
	height:25px;
}
.stepbar-nextstep {
	float:left;
	height:25px;
}
.stepbar-tradename div{
	margin:3px 5px 0px 5px;
}
.stepbar-present div,.stepbar-finished div{
	margin:4px 0px 0px 5px;
}
.stepbar-nextstep p ,.stepbar-nexttrade p{
	padding:4px 0px 0px 20px;
}
.stepbar-present span{
	padding:2px;
	background-color:#F6D6C5;
}
/*　ステップバー1ここまで　*/
/*　ステップバー2ここから　*/
	/* stepbar reserve */
#reserve-form .stepbar-finished,#reserve-confirm .stepbar-finished,#reserve-finish .stepbar-finished{
	width:30px;
}
#reserve-form .stepbar-present,#reserve-confirm .stepbar-present,#reserve-finish .stepbar-present{
	background-image:url(/common/images/stepbar03.gif);
	background-repeat:no-repeat;
	width:300px;
}
#reserve-form .stepbar-present p,#reserve-confirm .stepbar-present p,#reserve-finish .stepbar-present p{
	padding-left:15px;
}
#reserve-form .stepbar-nexttrade,#reserve-confirm .stepbar-nexttrade,#reserve-finish .stepbar-nexttrade{
	background-image:url(/common/images/stepbar01.gif);
	background-repeat:no-repeat;
	height:25px
}
.stepbar-nextstep{
	background-image:url(/common/images/stepbar01.gif);
	background-repeat:no-repeat;
	height:25px
}
#reserve-form .plural .stepbar-present,#reserve-confirm .plural .stepbar-present,#reserve-finish .plural .stepbar-present{
	width:370px;
}
#reserve-form .plural .stepbar-nextstep,#reserve-confirm .plural .stepbar-nextstep,#reserve-finish .plural .stepbar-nextstep{
	background-image:url(/common/images/stepbar02.gif) !important;
}
#reserve-form .plural .stepbar-nextstep p,#reserve-confirm .plural .stepbar-nextstep p,#reserve-finish .plural .stepbar-nextstep p{
	padding-left:35px;
}
#reserve-detail #stepbar{
	background-color:#FFFFFF !important;
}
	/* stepbar subscribe */
#subscribe-form #stepbar,#subscribe-confirm #stepbar,#subscribe-finish #stepbar{
	background-color:#ffffff !important;
}
#subscribe-form .stepbar-finished,#subscribe-confirm .stepbar-finished,#subscribe-finish .stepbar-finished{
	width:30px;
	background-color:#cccccc;
}
#subscribe-form .stepbar-present,#subscribe-confirm .stepbar-present,#subscribe-finish .stepbar-present{
	background-image:url(/common/images/stepbar03.gif);
	background-repeat:no-repeat;
}
#subscribe-form .stepbar-present p,#subscribe-confirm .stepbar-present p,#subscribe-finish .stepbar-present p{
	padding-left:15px;
}
	/* stepbar leaving */
#leaving-confirm #stepbar{
	background-color:#ffffff !important;
}
#leaving-confirm .stepbar-finished{
	width:30px;
	background-color:#cccccc;
}
#leaving-confirm .stepbar-present{
	background-image:url(/common/images/stepbar03.gif);
	background-repeat:no-repeat;
}
#leaving-confirm .stepbar-present p{
	padding-left:15px;
}
/*　ステップバー2ここまで　*/
/*　料金表罫線定義ここから　*/

.price-list {
	border-bottom-style:solid;
	border-color:#969696;
	border-width:1px;
}
.price-list2 {
	border-right-style:solid;
	border-bottom-style:solid;
	border-color:#969696;
	border-width:1px;
}
.price-list3 {
	border-top-style:solid;
	border-color:#969696;
	border-width:1px;
}
/*　料金表罫線定義ここまで　*/
/*　契約書テーブル用ここから　*/


/* CSS Document */


/* page title */
#pagetitle{
	margin:0px;
	padding:0px;
	width:624px;
	border-bottom:1px solid #696969;
}
#titleleft{
	width:160px;
	vertical-align:bottom;
	text-align:left
}
#titleright{
	width:464px;
	vertical-align:bottom;
	text-align:right;
}

#reservetitle-info{
	 margin:15px 0px 0px 16px;
	 width:624px;
}
#reservetitle-direct{
	 margin:7px 0px 0px 16px;
	 width:624px;
}
#reservedetailtitle-info{
	 margin:34px 0px 0px 16px;
	 width:624px;
}
#reservedetailtitle-direct{
	 margin:26px 0px 0px 16px;
	 width:624px;
}
img.reserveselect{
	height:48px;
}


/* selected */
#selected1{
	margin:0px 0px 0px 16px;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#696969;
	width:624px;
}
.selected1-left{
	padding:3px;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:#696969;
	background-color:#d8d8d8;
	width:142px;
	vertical-align:top;
}
.selected1-right{
	padding:3px;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:#696969;
	background-color:#FFFFFF;
	width:468px;
	vertical-align:top;
}


/* sum */
#sumtotal{
	font-weight:bold;
	border-bottom:3px double #333333;
}
.sumarealeft{
	text-align:left;
	vertical-align:middle;
}
.sumarearight{
	text-align:right;
	width:1%;
}
.sumleft{
	text-align:right;
	vertical-align:bottom;
	padding:3px 0px 0px 16px;
	white-space:nowrap;
}
.sumcenter{
	text-align:right;
	vertical-align:bottom;
	padding-top:3px;
	white-space:nowrap;
}
.sumright{
	text-align:right;
	vertical-align:bottom;
	padding-top:3px;
	white-space:nowrap;
}
.sumdetailleft{
	text-align:right;
	vertical-align:bottom;
	padding:3px 0px 5px 16px;
	border-bottom:1px dashed #696969;
	white-space:nowrap;
}
.sumdetailcenter{
	text-align:right;
	vertical-align:bottom;
	padding:3px 0px 5px 0px;
	border-bottom:1px dashed #696969;
	white-space:nowrap;
}
.sumdetailright{
	text-align:right;
	vertical-align:bottom;
	padding:3px 0px 5px 0px;
	border-bottom:1px dashed #696969;
	white-space:nowrap;
}


/* finish */
#finished{
	margin-left:16px;
	width:624px;
	border:2px solid #CC0033;
	font-weight:bold;
}
.reference-no{
	color:#CC0033;
	font-size: 180%;
	margin:0px;
	padding:0px;
}
#reference-no-detail{
	width:624px;
	margin-left:16px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#696969;
}


/* input form */

.formtable1{
	margin-left:13px;
	width:630px;
	border-width:0px 3px 3px 0px;
	border-style:solid;
	border-color:#ffffff;
}
.formtable1-left{
	width:143px;
	border-width:3px 0px 0px 3px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#F2DFB5;
	vertical-align:top;
	padding:3px;
}
.formtable1-left-caution{
	width:143px;
	border-width:3px 0px 0px 3px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#cc0033;
	vertical-align:top;
	padding:3px;
	color:#ffffff
}
.formtable1-right{
	width:466px;
	border-width:3px 0px 0px 3px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#F2F2F2;
	vertical-align:top;
	padding:3px;
}
.formtable1-right-caution{
	width:466px;
	border-width:3px 0px 0px 3px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#E2E2E2;
	vertical-align:top;
	padding:3px;
}
.formtablesub{
	margin-left:16px;
	width:624px;
	padding:3px 3px 0px 3px;
	/*fs_12*/
	font-size: 78%;
	line-height: 138%
}
.namesub{
	width:30px;
	vertical-align:top;
}
.namebox{
	width:170px;
	vertical-align:top;
}
.formexleft{
	width:230px;
	padding:3px 3px 0px 0px;
	vertical-align:top;
}
.formexright{
	width:233px;
	padding-top:3px;
	vertical-align:top;
}
.card-left{
	width:70px;
	padding:3px 3px 0px 0px;
	vertical-align:top;
}
.card-center{
	width:200px;
	padding:3px 3px 0px 0px;
	vertical-align:top;
}
.card-right{
	width:190px;
	padding-top:3px;
	vertical-align:top;
}
.formcomment{
	margin-top:5px;
	padding-top:5px;
	border-top:1px dashed #696969;
}


/* reserve list */
.listtitle{
	margin-left:16px;
	width:624px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#D2B48C;
	background-color:#F2DFB5
}
.listtitle-left{
	padding:3px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
.listtitle-right{
	padding:3px;
	text-align:right;
	vertical-align:top;
}
.listbody{
	margin-left:16px;
	width:624px;
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:#D2B48C
}
table.listbody p{
	padding:3px;
}
.listbody-status{
	width:60px;
	text-align:center;
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#D2B48C;
	background-color:#FAFAD2;
}
.listbody-contents{
	width:340px;
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#D2B48C
}
.listbody-sum{
	width:154px;
	text-align:center;
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#D2B48C
}
.listbody-btn{
	width:70px;
	text-align:center;
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#D2B48C
}


/*prarea*/
#prarea{
	margin-bottom:16px;
}
.prleft{
	width:46px;
	vertical-align:top
}
.prright{
	width:578px;
	vertical-align:top;
	background-image:url(../images/pr_bg.gif);
}


/*etc*/
.reservemaintable{
	margin-left:16px;
	width:624px;
}
.notes { 
	margin-left:16px;
	width:448px;
}
.noteswidth { 
	margin-left:16px;
	width:624px;
}
.notestitle{
	border-bottom:1px dashed #696969;
	font-weight:bold;
	margin:3px;
	/*fs_12*/
	font-size: 78%;
	line-height: 138%;
}
.notesbody{
	margin:3px 6px;
}
.kiyakuframe{
	overflow:auto ; 
	width:648px ; 
	height:200px ; 
	border:1px solid #DDDDDD ; 
}
.kiyakuframebody{
	margin:2px 30px 2px 2px;
}
.kiyakuframe dt{
	font-weight:bold;
	margin:16px 0px 0px 0px;
	/*fs_12*/
	font-size: 78%;
	line-height: 138%;
}
.kiyakuframe dd{
	margin:0px 0px 5px 10px;
	/*fs_12L*/
	font-size: 78%;
	line-height: 158%;
}
dd.ex{
	margin:0px 0px 3px 20px;
}
#finishedfooter{
	width:740px;
}
 /* error */
#invitation-send tr.error th,#invitation-send tr.error td{
	background-color:#cc0033 !important;
	color:#ffffff !important;
}
#invitation-send tr.error span.red{
	color:#ffffff !important;
}
#invitation-send tr.error .assist{
	background-color:#ffffff !important;
	color:#333333 !important;
}

/*　契約書テーブル用ここまで　*/

#action .button em{
	margin-left:10px;
	padding-bottom:3px;
	_padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	margin-right:20px;/* \*/
	padding-left:0;
	padding-right:0;
	margin-right:0;/* */
	border:3px solid #CC0033 !important;
	background:#cc0033;
}
#action .button em input{
	margin:0px;
}

/*モジラ系フロートハック*/
.nnhack:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.nnhack {display: inline-block;}

/* Hides from IE-mac \*/
* html .nnhack {height: 1%;}
.nnhack {display: block;}
/* End hide from IE-mac */
/*モジラ系フロートハック*/

#reserve-form .kiyakuframe table,
#reserve-form .kiyakuframe table th,
#reserve-form .kiyakuframe table td,
#reserve-form .kiyakuframe table thead th,
#reserve-form .kiyakuframe table thead td,
#reserve-form .kiyakuframe table tbody th,
#reserve-form .kiyakuframe table tbody td{border-style:none}

/* お問合わせコード */
.inquiry-code ul li ul{
	margin-left:1.5em
}

/* reserve */
.price-table p{
	font-weight: normal;
}
.price-table table{
	width: 100%;
	border: none;
}
.price-table table thead th{
	border: none;
	font-weight: normal;
	border-bottom: 1px solid #969696;
}
.price-table table tbody th{
	font-weight: normal;
	background: #cccccc;
	border-top: 2px solid #ffffff;
	padding: 0 2px 0 0;
}
.price-table p.fs_12{
	text-align: right;
}
.price-table p.left{
	text-align: left;
}
.price-table table tbody td div{
	border-top: 1px dashed #969696;
	padding: 2px 0 0 0;
	margin: 2px 0 0 0;
}

p.price-total{
	text-align:right;
	background: #f6d6c5;
	font-weight: bold;
	margin-bottom:10px;
	padding:3px;
}
p.price-total span.fs_16{
	font-weight: bold;
	color: #cc0033;
}
.price-table table thead th{
	padding-right:3px;
}

.price-table table thead th.person-number{
	border-right: 1px solid #969696;
}
.price-table table tbody th{
	padding:3px;
}
.price-table table tbody td{
	border-bottom: none;
	padding:3px;
	border-right:1px solid #969696;
}
.price-table table tbody td.price-total,
.price-table table tbody td.price-subtotal,
.price-table table tbody td.price-subtotal-day{
	border: none;
}
.price-table table tbody th,
.price-table table .use-date,
.price-table table .price-item{
	width: 17%;
	white-space:nowrap;
}
.price-table table .use-number,
.price-table table .person-number{
	width: 6%;
	white-space:nowrap ;
}
.price-table table .price-unit{
	/*width: 9%;*/
	white-space:nowrap;
}
.price-table thead th{
	background-color:#ffffff !important
}
.price-table tbody th{
	border-bottom-style:none;
	border-right-style:none;
	white-space:nowrap;
	width:20%;
}
.price-table tbody td p{
	font-weight:normal !important;
	white-space:nowrap;
}
.price-table td.price-total{
	border-top:1px solid #ffffff;
	background-color:#F6D6C5;
	font-weight:bold;
	text-align:right;
	padding:3px;
}
p.price-total span.fs_12,
td.price-total span.fs_12{
	font-weight: bold;
}
p.price-total span.fs_16,
td.price-total span.fs_16{
	font-weight: bold;
	color: #cc0033;
}
.price-table td.price-total p{
	font-weight:bold;
}
.price-table tr.plural th{
	border-top-style:none;
}

/*----------------------------970pxワイド化用CSSここから--*/

/*----------------------------------------------common---*/
#localNavigation{
text-align:right;
margin:5px 0px;
}
#localNavigation p{
font-size:86%;
}

h1 {
	background:url(/common/images/title_h1.gif) no-repeat left bottom;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:15px;
	margin-bottom:5px;
	zoom:1;
}
#reservePanel {
margin-top:15px;
}

#reservePanel .introBox p{
font-size:86%;
}

#reservePanel h2{
	background:url(../images/bg_h2_blue.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0px 20px 15px 26px;
	color:#333333;
	line-height: 135%;
	margin:15px 0px 10px 0px;
	font-size: 100%;
	zoom:1;
}

#reservePanel h3{
	background:url(../images/bg_h3_grey.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0 20px 15px 26px;
	color:#333333;
	line-height: 125%;
	margin:0px 0px 10px 0px;
	font-size: 86%;
	zoom:1;
}
/*090907modify*/
#reservePanel h3.priceTtl{
	background:url(../images/bg_ti_bk.gif) no-repeat left top;
	padding:1px 0px 1px 10px;
	margin:20px 0px 0px 15px !important;
	line-height:100%;
	zoom:1;
	}
/* /090907modify*/
#reservePanel h3.simpleTtl{
	background:none;
	padding:0;
	margin:0;
}

#reservePanel table{
width:905px;
margin:10px 0 20px 25px;
border:1px solid #cccccc;
border-collapse:collapse;
}

#reservePanel table thead td{
background:#F4F2E6;
text-align:center;
}

#reservePanel table th,
#reservePanel table td{
padding:3px;
font-size:86%;
border:1px solid #cccccc;
line-height:1.3em;
}
#reservePanel table tbody th{
	background:#F5F5F5;
}

#reservePanel p.red{
color:#CC0000;
}

/* 090907modify*/
#reservePanel #agree-reserveBox .orange-reserveBox{
background:#F6D6C5;
font-weight:bold;
margin-top:5px;
padding:5px 8px;
text-align:center;
font-size:120%;
}
/* /090907modify*/
#reservePanel #agree-reserveBox .orange-reserveBox input{
margin-right:5px;
vertical-align:middle;
}

#reservePanel .formTxt{
font-size:86%;
line-height: normal;
margin-left:25px;
}
#reservePanel .formTxt span{
font-weight: bold;
color:#CC0000;
}

/*-------------------------------------------step bar---*/
#stepbarReserv{
background:url(../images/step-bg.gif) no-repeat;
height:40px;
margin-left:10px;
padding:0 45px;
width:860px !important;
width:950px;
text-align:center;
}
#stepbarReserv p{
float:left;
margin-top:4px;
}
#stepbarReserv p#stepReserv-txt{
margin:10px 45px 0 0;
}

/*--------------------------------------導入部---*/

#reservePanel .introBox{
margin-top:10px;
}
#reservePanel .introBox p{
margin:0 10px;
}
#reservePanel .introBox p em{
font-size:123.1%;
color:#D12728;
font-weight:bold;
}

.sectionBox{
font-size:123.1%;
color:#000000;
font-weight:normal;
}

/* 印刷するA15 */
#contentsArea #printSeat{
margin-bottom:10px;
text-align:right;
padding:0;
font-size:86%;
}
/* 完了メール送付、ETC割引記述A15 */
#reservePanel #sendMail{
margin:10px 0;
padding:10px;
border:1px #CCCCCC solid;
font-size:86%;
}
#reservePanel #sendMail em{
font-weight:bold;
}
/* その他トピック記述A15 */
#reservePanel dl.otherTopic{
margin:0 0 15px;
}
#reservePanel dl.otherTopic dt{
text-align:center;
}
#reservePanel dl.otherTopic dd{
font-size:86%;
margin-top:5px;
}
/* 契約成立日A15 */
#reservePanel #keiyauBox{
background:#FFE4D9;
border:3px double #FF9966;
padding:10px;
margin:15px 0;
font-weight:bold;
font-size:108%;
text-align:center;
}
#reservePanel #keiyauBox span{
color:#DE302C;
margin-left:15px;
}

/*--------------------------------------予約・購入情報---*/

/* 選択内容 */
#reservePanel .selectNaiyo p{
margin:0 20px;
}
/* 選択内容-宿の内容 */
#reservePanel .selectNaiyo #yadoName p{
margin:0;
}
#reservePanel .selectNaiyo p strong{
font-size:86%;
font-weight:bold;
}
#reservePanel .selectedtable{
border:1px solid #939393;
border-collapse:collapse;
width:950px;
margin:10px 0 20px 0;
}
#reservePanel .selectedtable tbody th{
width:21%;
background:#cccccc;
padding:3px 15px 2px 15px;
border:1px solid #939393;
font-weight:bold;
font-size:86%;
}
#reservePanel .selectedtable tbody td{
border:1px solid #939393;
padding:4px 15px;
line-height:1.2em;
font-size:86%;
}
/* 選択内容-旅行代金 */
#reservePanel p.pricetitle{
background:#cccccc;
padding:3px 15px 2px 15px;
border:1px solid #939393;
font-weight:bold;
margin:0 0 10px;
line-height:1.2em;
font-size:86%;
}
#reservePanel .selectNaiyo ul{
font-size:86%;
margin:0 25px;
}

#reservePanel table.priceTable{
	margin-bottom:0;
}
#reservePanel table.priceTable tbody td.price{
	text-align:right;
}

#reservePanel table.priceTable tbody td.number{
text-align:right;
}

#reservePanel table.priceTable tbody td.option{
text-align:right;
width:12%;
}

#reservePanel table.priceTable tbody th{
	width:10%
}

/*090907modify*/
#reservePanel p.subtotal{
	font-weight:bold;
	text-align:right;
	margin:0px 20px 0px 25px;
	font-size:105%;
	border:1px solid #cccccc;
	border-top:none;
	padding:5px;
}


#reservePanel p.total{
	text-align:right;
	color:#CA0002;
	font-weight:bold;
	font-size:120%;
	padding:5px;
	margin:12px 20px 20px 25px;
	border:2px solid #cccccc;
}

html:not([lang*=""]) #reservePanel p.subtotal,
html:not([lang*=""]) #reservePanel p.total{
	margin-left:24px;}



#reservePanel div.changeBox{
border:1px solid #CA0002;
padding-top: 15px;
margin-bottom: 15px;
zoom:1;
}
/* /090907modify*/

/* 090907add*/
#reservePanel div.changeBox p.total,
#reservePanel div.changeBox p.subtotal{
	margin-right:18px;
}
/* /090907add*/

/* 選択内容-日程表 */
#reservePanel table.dateTable tbody th,
#reservePanel table.dateTable tbody td.hakuArea{
width:15%;
}
#reservePanel table.dateTable tbody td.mealMark{
width:108px;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana;
}

/* 予約情報 */
#reservePanel .reserveInfo h2{
background:url(../images/bg_h2_gold.gif) no-repeat bottom;
}
/* 予約情報-テーブル */
#reservePanel table.reservTable tbody th{
width:20%;
text-align:left;
}
#reservePanel table.reservTable tbody th em{
color:#CC0000;
}
#reservePanel table.reservTable tbody td.help{
width:25%
}
#reservePanel table.reservTable tbody p{
padding:3px;
}
#reservePanel table.reservTable tbody ol{
padding:3px;
margin-bottom:5px;
}
#reservePanel table.reservTable input{
}
/* 予約情報-同意A13 */

/* 090907modify*/
#reservePanel #agree-reserveBox{
margin:0 20px 20px 25px;
padding:10px 15px;
font-size:86%;
border:2px solid #CC0000;
text-align:center;
}
/* /090907modify*/

/* 090907add*/
#reservePanel #agree-reserveBox p{
text-align:left;
}

#reservePanel #agree-reserveBox .linkWindow{
width:13em;
margin:0px auto;
}
/* /090907add*/

/* 予約情報-名前A13 */
#reservePanel table.reservTable tbody .nameArea p{
float:left;
width:230px !important;
width:236px;
}
#reservePanel table.reservTable tbody p.namRight{
float:right;
}

#reservePanel table.reservTable tbody .nameArea input{
margin-left:3px;
width:200px;
}

#reservePanel table.reservTable tbody .nameHelp{
margin-top:3px;
}
#reservePanel table.reservTable tbody .nameHelp p{
float:left;
width:99px !important;
width:105px;
padding:0 3px;
}

#reservePanel table.reservTable tbody td.address{
border-top:none;
padding-top:0.5em;
}
#reservePanel table.reservTable tbody td.autoAddress{
border-top:none;
border-bottom:none;
}
#reservePanel table.reservTable tbody .autoForm{
border-top:none;
border-bottom:none;
padding-top:0;
}
#reservePanel table.reservTable tbody .addressForm{
border-top:none;
padding-top:0;
}
#reservePanel table.reservTable tbody td.postal{
border-bottom:none;
padding-bottom:0;
}
#reservePanel table.reservTable tbody .grayBox{
padding:3px;
background:#F7F7F7;
}
#reservePanel table.reservTable tbody .grayBox p{
margin-left:0.5em;
text-indent:-0.5em;
}
#reservePanel table.reservTable tbody .radioForm input{
vertical-align: middle;
}
#reservePanel table.reservTable tbody .radioForm label{
margin:0 15px 0 3px;
}
/* 予約情報-2段A13 */
#reservePanel table.reservTable tbody dl{
padding:3px;
}
#reservePanel table.reservTable tbody dt{
clear: left;
float: left;
width: 100px;
}
#reservePanel table.reservTable tbody dd{
zoom: 1;
text-align:left;
}
#reservePanel table.reservTable tbody .addressForm dd input,
#reservePanel table.reservTable .mailAdd input{
width:200px;
}
/*---------------------------------------------ご注意---*/
#reservePanel #cautionbox{
border:1px solid #cccccc;
padding-bottom:15px;
margin-bottom:20px;
}

#reservePanel #cautionbox h2{
background:url(../images/bg_caution_title.gif) repeat-x bottom;
font-size:86%;
margin:0px;
padding:8px 5px 10px 15px;
line-height:14px;
}
#reservePanel #cautionbox h3{
background:url(../images/bg_ti_bk.gif) no-repeat left bottom;
padding:3px 0px 2px 10px;
line-height:100%;
font-size:86%;
margin:20px 15px 8px 15px;
}

#reservePanel #cautionbox p{
	margin:3px 25px 5px 25px;
	font-size:86%;
}
#reservePanel #cautionbox h3 span{
margin-left:15px;
font-weight:normal;
}

/* ご注意-テーブル */
#reservePanel #cautionbox table{
margin:5px 0 0 25px;
border:1px solid #CCCCCC;
border-collapse:collapse;
width:895px;
}

#reservePanel #cautionbox table td,
#reservePanel #cautionbox table th{
border:1px solid #CCCCCC;
padding:5px 7px;
}

#reservePanel #cautionbox table th{
background:#F5F5F5;
}

#reservePanel #cautionbox table.reserveCancel th{
width:70%;
}

/* ご注意-リスト */
#reservePanel #cautionbox ul{
margin:0 25px;
font-size:86%;
}
#reservePanel #cautionbox ul li{
margin-left:0.5em;
text-indent:-0.5em;
}

/* 取引条件表A14 */
#reserveConfirm #reservePanel #cautionbox #jyokenFrame{
border:1px solid #cccccc;
width:925px;
height:250px;
overflow:auto;
margin-left:10px;
}
#reserveConfirm #reservePanel #cautionbox #jyokenFrame #jyokenBox{
margin:10px 5px;
padding-bottom:10px;
border-top:none;
}
#reserveConfirm #reservePanel #cautionbox #jyokenTxt {
margin-right:0 10px;
text-align:right;
}

/* 取引条件表A16 */
#reservePanel #cautionbox #jyokenBox{
margin:10px 25px 0 25px;
border-top:1px #CCCCCC dashed;
}
#reservePanel #cautionbox #jyokenBox h4{
margin:10px 0;
font-size:86%;
}
#reservePanel #cautionbox #jyokenBox p{
margin:0;
}
#reservePanel #cautionbox #jyokenBox em{
font-weight:bold;
}
#reservePanel #cautionbox #jyokenBox ol{
margin:0 0 0 10px;
}
#reservePanel #cautionbox #jyokenBox ul{
font-size:100%;
margin:0 0 0 10px;
}
#reservePanel #cautionbox #jyokenBox ol li,
#reservePanel #cautionbox #jyokenBox ul li{
margin-left:0.3em;
text-indent:-1em;
}
#reservePanel #cautionbox #jyokenBox ol.jyokenList{
font-size:86%;
}
#reservePanel #cautionbox #jyokenBox ol.jyokenList p{
font-size:100%;
text-indent:0;
}
#reservePanel #cautionbox #jyokenBox ol.chusyaku li{
margin-left:1.3em;
text-indent:-2.0em;
}
#reservePanel #cautionbox #jyokenBox p.infoBox{
border:1px solid #cccccc;
margin:10px 0;
padding:10px;
}

/* 取引条件表A16-テーブル */
#reservePanel #cautionbox #jyokenBox table{
margin:10px 0 10px;
width:875px;
}
#reservePanel #cautionbox #jyokenBox table.wide850{
width:850px;
}
#reservePanel #cautionbox #jyokenBox table.wide860{
width:860px;
}
#reservePanel #cautionbox #jyokenBox td,
#reservePanel #cautionbox #jyokenBox th{
font-size:100%;
text-indent: 0;
}
#reservePanel #cautionbox #jyokenBox table.hiki th{
width:15%;
}
#reservePanel #cautionbox #jyokenBox table.hiki td.naiyo{
width:50%;
}
#reservePanel #cautionbox #jyokenBox table.train th,
#reservePanel #cautionbox #jyokenBox table.fee th{
width:50%;
text-align:center;
}
#reservePanel #cautionbox #jyokenBox table.cancel td,
#reservePanel #cautionbox #jyokenBox table.fee td{
text-align:center;
}
#reservePanel #cautionbox #jyokenBox table.hosyo th{
text-align:center;
vertical-align:middle;
}

/* 取引条件表A16-インクルード分 */
#reservePanel #cautionbox #tripDocument{
font-size:86%;
}
#reservePanel #cautionbox #tripDocument #jyokenAll{
margin:0 25px;
border-top: 1px dashed #cccccc;
}
#reservePanel #cautionbox #tripDocument #jyokenFrame{
height:200px;
width:900px;
margin:0 25px;
overflow:auto;
border:1px solid #cccccc;
}
#reservePanel #cautionbox #tripDocument #jkTitle {font-weight:bold;}
#reservePanel #cautionbox #tripDocument #jkBox {border:1px solid #cccccc;margin-top: 10px;padding:5px}
#reservePanel #cautionbox #tripDocument p {font-size:100%;margin: 0;}
#reservePanel #cautionbox #tripDocument dl {margin:0;}
#reservePanel #cautionbox #tripDocument dt {font-weight:bold;margin-top:20px;margin-bottom:5px;}
#reservePanel #cautionbox #tripDocument dd {margin-left:25px;}
#reservePanel #cautionbox #tripDocument ul {font-size:100%;margin: 0}
#reservePanel #cautionbox #tripDocument li {margin-top:5px;}
#reservePanel #cautionbox #tripDocument ol li {list-style-type:decimal;}
#reservePanel #cautionbox #tripDocument ol ul li {list-style-type:none;}
#reservePanel #cautionbox #tripDocument ol ol {margin-left:15px;}
#reservePanel #cautionbox #tripDocument table{width:820px;margin: 0}
#reservePanel #cautionbox #tripDocument table th,#reservePanel #cautionbox #tripDocument table td{font-size:100%;}
#reservePanel #cautionbox #tripDocument table thead th {background:#F4F2E6;}
#reservePanel #cautionbox #tripDocument table tbody th {background:#F5F5F5;}
#reservePanel #cautionbox #tripDocument th,#contentsarea td{padding:3px}
#reservePanel #cautionbox #tripDocument table.jkCancelFee td{width:30%;}
#reservePanel #cautionbox #tripDocument table.jkCancelFee tbody th {width:33%;}
#reservePanel #cautionbox #tripDocument th{font-weight:normal}
#reservePanel #cautionbox #tripDocument table.jkCompensation{width:820px}
#reservePanel #cautionbox #tripDocument table.jkCompensation tbody th {width:60%;}
#reservePanel #cautionbox #tripDocument table.jkCompensation tbody td {width:15%;}
#reservePanel #cautionbox #tripDocument #jyokenFrame dl,
#reservePanel #cautionbox #tripDocument #jyokenFrame #jkTitle {margin:10px;}

/* tehai */
#reservePanel #cautionbox #tripDocument #jyokenAll td ol li{margin-left: 1.5em;margin-top: 0}
/*---------------------------------------------取扱証明書---*/
#reservePanel #reserveManual{
margin-bottom:15px;
margin-left:20px;
font-size:86%;
}
/* A14-ver */
#reserveConfirm #reservePanel #reserveManual{
text-align:center;
}
#reserveConfirm #reservePanel #reserveManual img{
margin-left:10px;
vertical-align: middle;
}
/* A15-ver */
#reserveComplete #reservePanel #reserveManual h4{
margin:10px 0 0;
font-weight:bold;
}

/*---------------------------------------------次画面推移---*/
#reservePanel #reserveNext{
margin-bottom:20px;
}

#reservePanel #reserveNext .h2box{
background:url(../images/bg_yoyaku_title_1.gif) repeat-y;
}

#reservePanel #reserveNext .h2box h2{
	background:url(../images/bg_yoyaku_title_2.gif) no-repeat bottom;
	padding:5px 0px 8px 15px;
	margin:0px;
	color:#333333;
}
#reservePanel #reserveNext p{
font-size:86%;
}
#reservePanel #reserveNext p em{
	font-weight:bold;
}
#reservePanel #reserveNext div.txtBox{
	background:url(../images/bg_yoyaku.gif) no-repeat top;
	padding: 6px 30px;
	zoom:1;
}
#reservePanel #reserveNext div.txtBox p{
text-align:center;
}
#reservePanel #reserveNext input{
}
#reserveInput #reservePanel #reserveNext p em,
#reserveConfirm #reservePanel #reserveNext p em{
	color:#D12728;
}
#reservePanel #reserveNext div.txtBox p.left{
text-align:left;
}
/* 点線以下A13-14 */
#reservePanel #reserveNext .border{
border-top:1px dashed #C2C665;
background:url(../images/bg_yoyaku_title_1.gif) repeat-y;
padding: 6px 30px;
zoom:1;
}
#reservePanel #reserveNext .border p{
text-align:right;
}
#reservePanel #reserveNext .border input{
margin:0 10px;
}
/* 同意するA14 */
#reserveConfirm #reservePanel #reserveNext .colorBox{
background:#F6D6C5;
font-weight:bold;
padding:3px;
margin:10px 0;
}
#reserveConfirm #reservePanel #reserveNext .colorBox input{
margin-right:5px;
vertical-align:middle;
}
/* 点線以下A15 */
#reservePanel #reserveNext div.adArea div{
float:left;
width:430px;
margin:10px 10px 10px 0;
}
#reservePanel #reserveNext div.adArea p{
text-align:left;
}
#reservePanel #reserveNext div.adArea img{
float:left;
margin-right:10px;
}
/* 会員登録A15 */
#reserveComplete #reservePanel #reserveNext .colorBox{
background:#F9F0C7;
padding:10px;
margin:10px 0;
}
#reserveComplete #reservePanel #reserveNext .colorBox em{
font-size:123.1%;
font-weight:bold;
color:#333333;
}
/* 閉じるボタンA16 */
#conditionTehai #reserveNext{
text-align:center;
}

/*------------------------------------チェックとエラー---*/
/* 先頭エラーA13-A14-A15 */
#reservePanel #attentionBox{
background:#ffe4e4;
padding:5px 10px;
margin:10px 20px;
font-size:100%;
color:#CC0000;
font-weight:bold;
}

/* 先頭エラーボックスA13 */
#reserveInput #reservePanel #errerBox{
background:#ffe4e4;
padding:5px 10px;
margin:10px 20px;
display: 
}
#reserveInput #reservePanel #errerBox p{
font-size:100%;
}
#reserveInput #reservePanel #errerBox p em{
font-weight:bold;
}

#reserveInput #reservePanel #errerBox dl{
font-size:86%;
}
#reserveInput #reservePanel #errerBox dt{
width: 32em;
color:#CC0000;
font-weight:bold;
padding-left:15px;
background:url(../images/pt-circle.gif) no-repeat;
}
#reserveInput #reservePanel #errerBox dd{
text-align:left;
margin-left:34em;
margin-top:-1.8em;
}

/* 先頭エラー及びチェックボックスA14 */
#reserveConfirm #reservePanel #errerBox{
background:#ffe4e4;
padding:5px 10px;
margin:10px 20px;
}
#reserveConfirm #reservePanel #errerBox p{
font-size:86%;
color:#CC0000;
font-weight:bold;
}
#reserveConfirm #reservePanel #errerBox p span{
margin-left:1em;
font-weight:normal;
}

/* フォーム通常 */
#reservePanel table.reservTable tbody input.def,
#reservePanel table.reservTable tbody select.def,
#reservePanel table.reservTable tbody textarea.def{
background:#F7EEBD;
}
#reservePanel table.reservTable tbody .gochui{
color:#E48306;
}
#reservePanel table.reservTable tbody p span.def {
background: #F7EEBD;
padding: 2px;
}
#reservePanel table.reservTable tbody .autoForm span.loading{
margin-left: 10px;
color: #6F9BEB;
font-weight: bold;
vertical-align: middle;
}
/* フォーム内エラー(2008.01.21改訂)*/
#reservePanel table.reservTable tbody .err em{
font-weight:bold;
color:#DD2925;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#reservePanel table.reservTable tbody p.err img{
margin:0 3px 0 0;
vertical-align: middle;
}
#reservePanel table.reservTable tbody dl.err img{
margin:0 3px 0 0;
vertical-align: middle;
}
#reservePanel table.reservTable tbody input.err,
#reservePanel table.reservTable tbody select.err,
#reservePanel table.reservTable tbody textarea.err{
background:#E05656;
color:#FFFFFF;
}
#reservePanel table.reservTable tbody td.help .err{
background:#E05656;
color:#FFFFFF;
}
#reservePanel table.reservTable tbody p span.err{
background: #E05656;
color:#FFFFFF;
padding: 2px;
}

/* 同意エラー */
#reservePanel #agree-reserveBox .errer-reserveBox{
	background:#E05656;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
	padding:5px 8px;
	/* 090928modify */
text-align:center;
	font-size: 120%;
	/* /090928modify */
}
#reservePanel #agree-reserveBox .errer-reserveBox input{
margin-right:5px;
vertical-align:middle;
}
#reserveConfirm #reservePanel #reserveNext .error-colorBox{
background:#E05656;
color:#FFFFFF;
font-weight:bold;
padding:3px;
margin:10px 0;
}

/*-------------------------------------たびたびバンク（2009-01-05追記）---*/
#reservePanel #reserveNext #tabi2Bank{
margin:15px 0 10px;
text-align: left;
}
#reservePanel #reserveNext #tabi2Bank h3{
border-left: 5px solid rgb(204, 204, 204);
background: none;
padding:0 0 0 5px;
margin: 15px 0 0;
}
#reservePanel #reserveNext #tabi2Bank p{
margin-left: 10px;
text-align: left;
}

/*------------970pxワイド化用CSS-バスケット用（2008-12-02追記）ここから--*/

/*----------------------------------------------stepber01---*/
#stepbar970{
	white-space: nowrap;
	width:950px;
	margin:20px 0px 0px 10px;
	border:1px solid #969696;
}
#stepbar970 .stepbarFinished{
	float:left;
	height:25px;
	white-space:nowrap
}
#stepbar970 .stepbarPresent {
	float:left;
	background-color:#ffffff;
	height:25px;
}
#stepbar970 .stepbarNexttrade {
	float:left;
	height:25px;
}
#stepbar970 .stepbarNextstep {
	float:left;
	height:25px;
}
#stepbar970 .stepbarPresent div,#stepbar970 .stepbarFinished div{
	margin:2px 0px 0px 5px;
}
#stepbar970 .stepbarNextstep p ,#stepbar970 .stepbarNexttrade p{
	padding:2px 0px 0px 20px;
}
#stepbar970 .stepbarPresent span{
	padding:1px;
	background-color:#F6D6C5;
}
/*----------------------------------------------stepber02---*/
/* stepbar reserve */
#stepbarBskt .grayBase{
	background: #cccccc;
}
#stepbarBskt #stepbar970 .stepbarFinished{
	width:30px;
	background: #cccccc;
}
#stepbarBskt #stepbar970 .stepbarPresent{
	background-image:url(/common/images/stepbar03.gif);
	background-repeat:no-repeat;
}
#stepbarBskt #stepbar970 .stepbarPresent p{
	padding-left:15px;
}
#stepbarBskt #stepbar970 .stepbarNexttrade{
	background-image:url(/common/images/stepbar01.gif);
	background-repeat:no-repeat;
	height:25px
}
#stepbar970 .stepbarNextstep{
	background-image:url(/common/images/stepbar01.gif);
	background-repeat:no-repeat;
	height:25px
}
#stepbarBskt #stepbar970 .pluralWide .stepbarNextstep{
	background-image:url(/common/images/stepbar02.gif) !important;
}
#stepbarBskt #stepbar970 .pluralWide .stepbarNextstep p{
	padding-left:35px;
}
/*----------------------------------------------action970---*/
/*アクション */
#action970,#action970-2{
	border:1px solid #deb887;
	background-color:#fffaf0;
	text-align: right;
	margin-bottom:5px;
}
#action970 h3,#action970-2 h3{
	background: #f2dfb5;
	border-bottom: 1px solid #8b4513;
	padding: 3px;
	margin:0;
}
#action970 p,#action970-2 p{
	margin:10px;
	font-size:86%;
}
#action970 .red,#action970-2 .red{
	color:#CC0033;
}
#reserveInput #action970 .explain,
#reserveConfirm #action970 .explain,
#reserveInput #action970-2 .explain,
#reserveConfirm #action970-2 .explain{
	text-align: left;
}

#action970 .button input,#action970-2 .button input{
	margin-left:10px;
}

#reserveConfirm #action970 .action-check,
#reserveConfirm #action970-2 .action-check{
	text-align: right;
}
#reserveConfirm #action970 .action-check input,
#reserveConfirm #action970-2 .action-check input{
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
}

/*-------------------------------------クルーポイント（2009-02-18追記）---*/
#reservePanel div.total table{
border: none;
margin: 0 0 0 auto;
width: auto;
}
#reservePanel div.total table th,
#reservePanel div.total table td{
border: none;
text-align: right;
background: none;
width: auto;
vertical-align: middle;
line-height: normal;
}

/*090907modify*/
#reservePanel .selectNaiyo div.total{
text-align:right;
margin:12px 20px 18px 25px;
border:2px solid #CCCCCC;
padding:10px 4px 8px 5px;
}
html:not([lang*=""]) #reservePanel .selectNaiyo div.total{
	margin-left:24px;}
	
/*/090907modify*/



#reservePanel .selectNaiyo div.total p{
margin: 0;
}

/*090914modify*/
#reservePanel .selectNaiyo div.total p.all{
	color:#CA0002;
	font-size:150%;
	font-weight: bold;
	margin:0px 0px 10px 5px;
	border-top:none;
}
/*/090914modify*/

/*a13-選択内容内 */
#reservePanel .selectNaiyo div.total p.crewPoint span,
#reservePanel .selectNaiyo div.total table td span{
color:#CA0002;
margin: 0 0.5em;
font-weight: bold;
}
#reservePanel .selectNaiyo div.total table th.midashi{
text-align: left;
}

/*090907modify*/
#reservePanel .selectNaiyo div.total p.crewPoint{
	font-size: 86%;
	text-align: right;
	margin-right:10px
}
/*/090907modify*/

/*a13-お支払い方内 */
#reservePanel table.reservTable td dl.pay dt{
clear: left;
float: left;
width: 8.2em;
}
#reservePanel table.reservTable td dl.pay dd{
zoom: 1;
text-align:left;
}
#reservePanel table.reservTable td dl.pay dd span{
color: #cc0000;
}
#reservePanel table.reservTable td.point dl.save{
font-weight: bold;
}
#reservePanel table.reservTable td.point dt{
clear: left;
float: left;
width: 6em;
}
#reservePanel table.reservTable td.point dd{
zoom: 1;
text-align:left;
}
#reservePanel table.reservTable td.point p{
text-align:left;
}
#reservePanel table.reservTable td.point p span{
color: #cc0000;
}

/*a14とa15-選択内容内 */
#reservePanel div.total div.crewPoint{
/* -- 090928del
background: #FBD5C8;
padding-right: 5px; -- */
text-align: right;
}
#reservePanel div.total div.crewPoint table th.payment{
font-weight: bold;
}
#reservePanel div.total div.crewPoint table td{
color:#CA0002;
font-weight: bold;
}
#reservePanel div.total div.crewPoint table td.point{
font-size: 86%;
}
#reservePanel div.total div.crewPoint table td.price{
font-size: 120%;
}

/*---------------------------------------------other---*/
.fs10{
font-size:77%;
line-height:1.2em;
}
* html .fs10{
font-family: 'ＭＳ Ｐゴシック', sans-serif;
font-size:77%;
line-height:1.2em;
}
*:first-child+html .fs10{
font-family: 'ＭＳ Ｐゴシック';
font-size:71%;
line-height:1.2em;
}