@charset "Shift_JIS";

@import url(/common/css/jtb_site.css);
@import url(/common/css/function.css);


/* 最近検索された都市 */
.blue_12b {  font-size: 78%; line-height: 130%; font-weight: bold; color: #3366CC}
.red_10b {  font-size: 63%; line-height: 130%; font-weight: bold; color: #C20026}
.wht_12 {  font-size: 78%; color: #FFFFFF}
.bk_12 {  font-size: 74%; color: #000000}
.red_12 {  font-size: 78%; line-height: 130%; color: #C20026}

/* stepbar */

.stepbar-nextstep{
	background-image:url(/common/images/stepbar01.gif);
	background-repeat:no-repeat;
	height:25px
}

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

/* sub-title */
#sub-title{zoom:100%;margin-bottom:-1px}
#sub-title:after { content: " "; clear: both; height: 1px; display: block; overflow: hidden;}
/*\*/* html #sub-title {height: 1em;overflow: visible;}/**/

/* search-form */

#search-form table{
	width:100%;
}
#search-form table th,
#search-form table td{
	padding:3px;
	border-bottom:1px solid #969696;
	border-right:1px solid #FFFFFF;
}
#search-form table thead th{
	background:#CCCCCC;
	font-weight:normal;
}
#search-form table tbody th{
	width:120px;
	background:#EEEEEE;
}
#search-form table .assist{
	width:20%;
}
#search-form .button input{
	width:184px;
	margin-top:5px;
}
#search-form .button {
	text-align:right;
}

#search-form em{
	font-style:normal;
	font-weight:normal;
	margin-left:5px;
	color:#CC0033;
}

/* search-conditon */

#search-condition table{
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#search-condition table th,
#search-condition table td{
	padding:3px;
	border-bottom:1px solid #969696;
	border-right:1px solid #969696;
}
#search-condition table thead th{
	background:#CCCCCC;
}
#search-condition table tbody th{
	width:120px;
	background:#EEEEEE;
}
#search-condition .link-change{
	text-align:right;
}

/* result-list */
#result-list .link-page-top{
	text-align:right;
}
#result-list .htl-name{
	font-size:115%;
	font-weight:bold;
}

/* selected-item */
#selected-item{
	margin-top:20px;
}
#selected-item table{
	width:100%;
	border-left:1px solid #969696;
	border-top:1px solid #969696;
}
#selected-item table th,
#selected-item table td{
	padding:3px;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
}
#selected-item table th{
	width:120px;
	background:#EEEEEE;
}

/* reserve-condition */
#reserve-condition tbody th em{
	font-style:normal;
	font-weight:normal;
	color:#CC0033;
	margin-left:5px;
}
#reserve-condition tbody td input{
	vertical-align:bottom;
}
#reserve-condition tbody td select{
	vertical-align:middle;
}

/*----- 各id用 -----*/

/* search-top */
#search-top #news img{
	margin-right:5px;
	vertical-align:bottom;
}

/* search-detail */
#search-detail #search-form li{
	float:left;
	width:200px;
}
#search-detail #search-form li input{
	vertical-align:bottom;
}
#search-detail #sub-title,
#search-detail #search-form {
	margin-top:20px;
}
#search-detail #search-form dt{
	clear:both;
	width:90px;
	float:left;
}
#search-detail #search-form select{
	vertical-align:middle;
	margin-left:3px;
	margin-right:3px;
}
#search-detail #search-form input{
	vertical-align:middle;
}


/* free-word */
#free-word #search-form,
#free-word #search-condition,
#free-word #result-list{
	margin-top:20px
}
#free-word #result-list table{
	width:100%;
	border:1px solid #969696;
}
#free-word #result-list table th,
#free-word #result-list table td{
	padding:3px;
}
#free-word #result-list table th{
	background:#CCCCCC;
}
#free-word #result-list table td{
	border-top:1px solid #969696;
}

/* search-result */
#search-result #news {
	margin:20px 0 0 16px;
}
#search-result #news img{
	margin-right:5px;
	vertical-align:bottom;
}
#search-result #search-condition table tbody th{
	width:80px;
	font-weight:normal;
}
#search-result #result-list table{
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#search-result #result-list table th,
#search-result #result-list table td{
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
	padding:3px;
}
#search-result #result-list table thead td {
	background:#EEEEEE;
}
#search-result #result-list table td.htl-name{
	border-right-style:none;
}
#search-result #result-list table td.button{
	width:100px;
	text-align:center;
}
#search-result #result-list table td.button input{
	width:80px;
}
#search-result #search-condition,
#search-result #result-list,
#search-result #attention,
#search-result #search-form{
	margin-top:20px;
}
#search-result #result-list li,
#search-result #result-list .paging{
	margin-top:10px;
}
#search-result #result-list .paging{
	text-align:right;
}
#search-result #result-list .sort {
	margin-top:10px;
}
#search-result #result-list .sort h3{
	float:left;
	width:60px;
}
#search-result #result-list .icon img{
	margin-right:3px;
	margin-top:5px;
}

/* detail-htl detail-plan共通 */
#detail-htl #sub-title,
#detail-plan #sub-title{
	margin-top:20px;
}
#detail-htl ul.tab,
#detail-plan ul.tab{
	zoom:100%;
	border-bottom:3px solid #fbe09c;
	margin:20px 0 5px 0;
}
#detail-htl ul.tab li,
#detail-plan ul.tab li{
	float:left;
	margin:0 0 -1px 5px;
	width:200px;
	padding:5px 5px 2px 5px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#969696;
	text-align:center;
	font-weight:bold;
	background:#eeeeee;
}
#detail-htl ul.tab li.present,
#detail-plan ul.tab li.present{
	background:#fbe09c;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#fbe09c;
}
#detail-htl ul.tab:after,#detail-plan ul.tab:after {content: " ";clear: both;height: 1px;display: block;overflow: hidden;}
/*\*/* html #detail-htl ul.tab,* html #detail-plan ul.tab {height: 1em;overflow: visible;}/**/

/* detail-htl */
#detail-htl .other-building ul{
	margin-top:10px;
}
#detail-htl .title{
	background:#CCCCCC;
	padding:3px;
	zoom:100%;
	margin-bottom:9px;
}
#detail-htl .other-building{
	margin-top:10px;
}
#detail-htl .title h3{
	float:left;
	width:110px;
}
#detail-htl .update{
	text-align:right;
	margin-bottom:5px;
}
#detail-htl .title:after {content: " ";clear: both;height: 1px;display: block;overflow: hidden;}
/*\*/* html #detail .title {height: 1em;overflow: visible;}/**/
#detail-htl #base-information ,
#detail-htl #facility,
#detail-htl #room-equipment,
#detail-htl #hotel-service,
#detail-htl #hotel-images,
#detail-htl #plan-list{
	margin-top:20px;
}
#detail-htl #base-information table,
#detail-htl #facility table,
#detail-htl #room-equipment table,
#detail-htl #hotel-service table{
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#detail-htl #base-information table th,#detail-htl #base-information table td,
#detail-htl #facility table th,#detail-htl #facility table td,
#detail-htl #room-equipment table th,#detail-htl #room-equipment table td,
#detail-htl #hotel-service table th,#detail-htl #hotel-service table td{
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
	padding:3px;
	font-weight:normal;
}
#detail-htl #base-information table th,
#detail-htl #facility table th{
	width:120px;
	background:#EEEEEE;
}
#detail-htl #room-equipment th,
#detail-htl #hotel-service th{
	background:#FFFFFF;
	border-right:1px dashed #969696;
	width:200px;
}
#detail-htl #room-equipment td,
#detail-htl #hotel-service td{
	text-align:center;
	width:28px;
}
#detail-htl table th.empty,
#detail-htl table td.empty{
	border-style:none !important;
}

#detail-htl .imageblock .imagearea{
	float:right;
	width:200px;
}
#detail-htl .imageblock .imagearea p{
	margin-bottom:5px;
	text-align:right
}
#detail-htl #base-information .imageblock table,
#detail-htl #facility .imageblock table{
	width:514px;
}
#detail-htl .imageblock {display:inline-block}
#detail-htl .imageblock:after {content: " ";clear: both;height: 0;display: block;visiblity: hidden;}
/*\*/* html #detail-htl .imageblock {height: 1em;}
#detail-htl .imageblock{display:block}/**/

#detail-htl #hotel-images p{float:left;margin-right:10px;text-align:right;width:200px;}
#detail-htl #hotel-images {display:inline-block}
#detail-htl #hotel-images:after {content: " ";clear: both;height: 0;display: block;visiblity: hidden;}
/*\*/* html #detail-htl #hotel-images {height: 1em;}
#detail-htl #hotel-images{display:block}/**/


/* タリフ一覧用 */
#detail-plan #search-form,
#detail-plan #payment-japan,
#detail-plan #payment-local{
	margin-top:20px;
}
#detail-plan #payment-japan h3,
#detail-plan #payment-local h3{
	background:#F2DFB5;
	padding:3px;
	margin-bottom:9px;
}
#detail-plan #payment-japan table {
	width:100%;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
}
#detail-plan #payment-japan table th,
#detail-plan #payment-japan table td{
	padding:3px;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;
}
#detail-plan #payment-japan table td{
	width:60px;
	text-align:center;
}
#detail-plan #payment-japan table thead th,
#detail-plan #payment-japan table thead td{
	background:#CCCCCC;
	font-weight:normal;
}
#detail-plan #payment-japan table .term{
	width:80px;
}
#detail-plan #payment-japan tabl
#detail-plan #payment-japan .change-month{
	display:inline-block;
	margin-top:10px;
}
#detail-plan #payment-local p.fs_12{
	float:left;
	width:500px;
	margin-right:32px;
}
#detail-plan #payment-local p.button input{
	width:184px;
}

#detail-plan #payment-japan .change-month:after,
#detail-plan #payment-local:after {content: " ";clear: both;height: 0;display: block;visiblity: hidden;}
/*\*/
* html #detail-plan #payment-japan .change-month,
* html #detail-plan #payment-local {height: 1em;}
#detail-plan #payment-japan .change-month,
#detail-plan #payment-local{display:block}
/**/
#detail-plan #payment-japan .change-month li{
	padding:5px 0 3px 0;
}
#detail-plan #payment-japan .change-month .month-last{
	float:left;
	width:31%;
	padding-left:10px;
}
#detail-plan #payment-japan .change-month .month-this{
	float:left;
	width:34%;
	text-align:center;
	font-weight:bold;
}
#detail-plan #payment-japan .change-month .month-next{
	float:right;
	width:31%;
	text-align:right;
	padding-right:10px;
}
#detail-plan #payment-local ime .button input{
	width:50px;
}g{
	vertical-align:middle;
}
#detail-plan #attention h3{
	padding:3px;
	background-color:#eaeaea;
	border-bottom:1px solid #aaaaaa;
	margin-top:0;
}
#detail-plan .noplan{
	background-color:#F6D6C5;
	padding:3px;
	color:#cc0033;
	font-weight:bold;
	margin:10px 0;
}

/* condition-input */
#condition-input-fzk #reserve-condition tbody table th,
#condition-input-miki #reserve-condition tbody table th{
	background:none;
	font-weight:normal;
}
#condition-input-fzk #reserve-condition tbody table th,
#condition-input-fzk #reserve-condition tbody table td,
#condition-input-miki #reserve-condition tbody table th,
#condition-input-miki #reserve-condition tbody table td{
	border-style:none;
}
#condition-input-fzk #reserve-condition h3,
#condition-input-miki #reserve-condition h3{
	margin-top:10px;
}
#condition-input-fzk #reserve-condition .task-sub,
#condition-input-miki #reserve-condition .task-sub{
	padding:3px 5px;
}

#condition-input-fzk #reserve-condition tbody table.room-information,
#condition-input-miki #reserve-condition tbody table.room-information{
	margin-top:5px;
	padding:5px 3px 0 3px;
	border-top:1px dashed #969696;
}
#condition-input-fzk #reserve-condition tbody table.room-information th,
#condition-input-miki #reserve-condition tbody table.room-information th{
	background:#EEEEEE;
	border-bottom:1px solid #FFFFFF;
}
		/* only fzk */
#condition-input-fzk #reserve-condition tbody table th{
	width:105px;
}
#condition-input-fzk #reserve-condition tbody table td select{
	margin-right:5px;
}
#condition-input-fzk #reserve-condition tbody table ul{
	margin-top:5px;
}
#condition-input-fzk #reserve-condition tbody table ul select{
	margin-left:5px;
}
#condition-input-fzk #reserve-condition tbody table.room-information th{
	width:80px;
}

		/* only miki */
#condition-input-miki #reserve-condition tbody table .room-type{
	width:150px;
}
#condition-input-miki #reserve-condition tbody table .price-per-room{
	width:60px;
}
#condition-input-miki #reserve-condition tbody table.room-information th{
	width:105px;
}

/* galileo login */
#galileo-login #login-form{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

/* form error */
#search-form p.error{
	background-color:#F6D6C5 !important;
	color:#cc0033 !important;
}
#search-form .error th em{
	color:#FFFFFF !important;
}


/*トピックス　追加*/
#topic07{margin:10px 5px;}

*:first-child+html #payment-local {padding-bottom:80px;}

#page-title-sub h1{padding:5px 0px 0px 25px;}
.EnName{font-size:85%;}

/* 090831 ホテルタリフ コメント追加 */
.TarifComment {margin-top:5px; color:#000000; font-weight:normal;}
.TarifComment .Red{color:#C20026;}
.TarifComment .Gray{color:#969696;}


.paymentComment{float:left;	width:175px; background-color:#eaeaea; padding:5px;}
.paymentComment p{font-size: 78%;}


/* description */
.descriptionTop{
	margin:5px 10px 0 10px;
	width:740px;
	color:#777;
	font-size:88%;
	_font-size:71%;
	line-height:1.3;
}
*+html .descriptionTop{
	font-size:71%;
}
.descriptionTop em{
	_font-size:110%;
}
*+html .descriptionTop em{
	font-size:110%;
}


.keyword{
	width:740px;
	padding:8px 10px 7px 10px;
	border-top:1px solid #bbbbbb;
	font-size:71%;
	color:#777;
	line-height:1.3;
}