/* 以下、店舗ページのCSS */

a.roomtypeHeader:link, a.roomtypeHeader:visited {
	color:				#014385;
	text-decoration:	underline;
}
a.roomtypeHeader:hover, a.roomtypeHeader:active {
	color:				#ff0000;
	text-decoration:	underline;
}

.contents_hotelpage_wrap {
	margin:    0px;
}
.width_860 {								/* 朝食ギャラリーと CSS をシェアーするために .contents_hotelpage_wrap から width を抜き出す */
	width:   860px;						/* ホテルページ内容枠(ホテル名、住所、タブ、支配人写真、外観写真、アイコン、アクセス情報、パーキング、客室料金、クレジットカード) */
}

.padding_t0r46b0l46 {					/* 朝食ギャラリーと CSS をシェアーするために .contents_hotelpage_wrap から padding を抜き出す */
	padding:   0px 46px 0px 46px;		/* ホテル店舗ページ用(『ホテル情報・設備』、『フォトギャラリー』、『設備・サービス』) */
}
.padding_t15r46b0l46 {						/* 朝食ギャラリーと CSS をシェアーするために .contents_hotelpage_wrap から padding を抜き出す */
	padding:   15px 46px 0px 46px;		/* ホテル店舗ページ用(『ホテル情報・設備』、『フォトギャラリー』、『設備・サービス』) */
}
.padding_t21r0b0l0 {
	padding:  21px 0px 0px 0px;		/* コンテンツ用(.content_wrap) */
}
.padding_t0r0b0l0 {
	padding:   0px;						/* 朝食ページ用 padding */
}

.margin_t0rAb25lA {								/* 朝食ギャラリーと CSS をシェアーするために .content_wrap .photo_wrap から margin を抜き出す */
	margin:    0px auto 25px auto;			/* フォトギャラリーの画像の枠を .photo_wrap 中央に設置する(bottomマージン 25px) */
}
.margin_t0rAb0lA {
	margin:    0px auto;							/* 朝食画像の枠を .photo_wrap 中央に設置する(bottomマージン無し) */
}

.width_574 {
	width:   574px;						/* 朝食画像の全体枠 画像2枚用 */
}
.width_288 {
	width:   288px;						/* 朝食画像の全体枠 画像1枚用 */
}

/***** 以下、高さの中央配置対応 ******/
/***** 参考: http://scuderia-web.com/tips/xhtml_css/div_vertical_align.php ******/
div.hotelheader_wrap {
	margin:        0px;
/*	padding:       0px; */
	padding:       0px 0px 10px 0px;
	display:     table;			/* display: table; でテーブルと同じように表示するように設定する */
	width:       860px;			/* 必ず横幅を指定すること。分からない場合は 100% でも可     div.hotelheader_wrap = .hotelheader_wrap .hname + div.btn_reserve_top */
}
	* html div.hotelheader_wrap {
		position: relative;	/* IE6以下用にpositionを指定 */
	}
	*+html div.hotelheader_wrap {
		position: relative;	/* IE7用にpositionを指定 */
	}
div.btn_reserve_top {
	display:        table-cell;	/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	vertical-align:     middle;	/* 縦位置を指定｡ (display: table-cell;によってセルと同じ扱いができるようになったので、td同様vertical-alignが使用できるようになります)  */
	width:               180px;	/* ボタンの幅 div.btn_reserve_top div.reserve_btn と同じ     div.hotelheader_wrap = .hotelheader_wrap .hname + div.btn_reserve_top */
}
	* html div.btn_reserve_top {
		position: absolute;	/* IE6以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
	*+html div.btn_reserve_top {
		position: absolute;	/* IE7以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
div.btn_reserve_top div.reserve_btn {
	margin:   0px;
	width:  180px;				/* 予約ボタンの幅と同じにすること。指定しないとie6で高さの中央配置ができない */
}
	* html div.btn_reserve_top div.reserve_btn {
		position: relative;	/* IE6以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
	*+html div.btn_reserve_top div.reserve_btn {
		position: relative;	/* E7以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
/***** 以上、高さの中央配置対応 ******/

.hotelheader_wrap .hname {
	margin:       0px;
	padding:      0px;
	width:      680px;			/* div.hotelheader_wrap = .hotelheader_wrap .hname + div.btn_reserve_top */
	float:       left;
}
.hotelheader_wrap .hname .hchain {
	margin:       0px;
	padding:      0px;
	font-size:   16px;
	float:       left;
}
.hotelheader_wrap .hname .hnewopen {
	margin:          0px 0px 0px 50px;
	_margin:         0px 0px 0px 25px;		/* ie6用 floatしたボックスのmarginの値が2倍になるバグの対応 */
	padding:         0px 0px 0px  0px;
	font-size:      16px;
	color:       #ff0000;
	font-weight:    bold;
	float:          left;
}
.hotelheader_wrap .hname h1.px26 {
	margin:       0px;
	padding:      0px;
	font-size:   26px;
	font-weight: bold;
	clear:       both;
}

/***** 以下、高さの中央配置対応 ******/
/***** 参考: http://scuderia-web.com/tips/xhtml_css/div_vertical_align.php ******/
/***** メモ: 住所、郵便番号、電話番号、FAXのCSSはこの↓にある ******/
div.hoteltelephone_wrap {
	display: table;			/* display: table; でテーブルと同じように表示するように設定する */
	width:   860px;			/* 必ず横幅を指定すること。分からない場合は 100% でも可     div.hoteltelephone_wrap = .hoteltelephone_wrap .hinfo + div.sns */
}
	* html div.hoteltelephone_wrap {
		position: relative;	/* IE6以下用にpositionを指定 */
	}
	*+html div.hoteltelephone_wrap {
		position: relative;	/* IE7用にpositionを指定 */
	}
div.sns {
	display:        table-cell;	/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	vertical-align:     middle;	/* 縦位置を指定｡ (display: table-cell;によってセルと同じ扱いができるようになったので、td同様vertical-alignが使用できるようになります)  */
	width:               284px;	/* SNSボタン領域の幅 div.sns div.sns_btn と同じ     div.hoteltelephone_wrap = .hoteltelephone_wrap .hinfo + div.sns */
}
	* html div.sns {
		position: absolute;	/* IE6以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
	*+html div.sns {
		position: absolute;	/* IE7以下用に絶対位置を指定 */
		top:           50%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
div.sns div.sns_btn {
	margin:   0px;
	width:  284px;				/* この幅は、配列 $g_arySNSSettings 内の表示するSNSボタン(s)の合計幅 例: 108 + 82 + 94 */
}
	* html div.sns div.sns_btn {
		position: relative;	/* IE6以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
	*+html div.sns div.sns_btn {
		position: relative;	/* E7以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
/***** 以上、高さの中央配置対応 ******/

.hoteltelephone_wrap .hinfo {
	margin:       0px;
	padding:      0px;
	width:      576px;			/* div.hoteltelephone_wrap = .hoteltelephone_wrap .hinfo + div.sns */
	float:       left;
}
.hoteltelephone_wrap .hinfo p {
	margin:       0px;
	padding:      0px;
}

.hoteltelephone_wrap .sns ul {
	margin:              0px;
	padding:             0px;
	list-style:         none;		/* liの要素を横並びにする */
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.hoteltelephone_wrap .sns li {
	margin:           0px;
	padding:          0px;
	float:           left;				/* メニューを横並びにする(改行させない) */
}

.hoteltab_wrap {
	margin:           0px;
	padding:         23px 0px 0px 0px;
	width:          860px;					/* タブの全体枠 */
	height:          36px;					/* タブ画像の高さ */
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.hoteltab_wrap .hoteltab {
	margin:        0px;
	padding:       0px;
	width:       860px;						/* タブ画像の枠 */
}
.hoteltab_wrap .hoteltab ul { 
	margin:              0px;
	padding:             0px;
	list-style:         none;		/* liの要素を横並びにする */
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.hoteltab_wrap .hoteltab li {
	margin:      0px;
	padding:     0px;
	float:      left;				/* タブを横並びにする(改行させない) */
}
.hoteltab_wrap .tab_hr {
	margin:               0px;
	padding:              0px;
	border:            0 none;
	height:               3px;
	color:            #000066;
	background:       #000066;
	background-color: #000066;
}


.content_wrap {
	margin:           0px;
/*	padding:         21px 0px 0px 0px;		ホテル店舗ページ用(コンテンツとタブの間の高さ)
														朝食ギャラリーと CSS をシェアーするために .content_wrap から padding を抜き出す */
/*	width:          860px;						ホテル情報・料金の全体枠     .content_wrap = .content_mgr_wrap + .content_info_wrap
														朝食ギャラリーと CSS をシェアーするために .content_wrap から width を抜き出す */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap {
	margin:        0px;
	padding:       0px;
	width:       240px;						/* 左の支配人写真、外観画像、アイコン画像枠     .content_wrap = .content_mgr_wrap + .content_info_wrap */
	float:        left;						/* Div を横並びにする(改行させない) */
}
.content_wrap .content_mgr_wrap .content_mgr {
	margin:           0px;
	padding:          0px 0px 25px 0px;
	width:          205px;						/* 支配人写真枠 */
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap .content_mgr .mgrpic {
	margin:           0px;
	padding:          0px;
	width:          120px;
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap .content_mgr .mgrotherpic {
	margin:           0px auto;
	padding:          0px;
	width:          205px;
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap .paddingt0r0b8l0 {
	padding:          0px 0px 8px 0px;
}

.content_wrap .content_mgr_wrap div.pp_inquiery_wrap {
	width:				205px;
	margin:				0px 0px 24px 0px;
	padding:				0px;
	display:				inline-block;
}

.content_wrap .content_mgr_wrap div.pp_inquiery_wrap div.pp_inquiery {
	margin:				0px auto;
	padding:				0px;
	width:				180px;			/* お問い合わせフォーム 画像ボタンの幅 */
}

.tab_mgrpic {
	display:			table;
	width:			205px;
}

.tab_cell_mgrpic {
	display:			table-cell;
	width:			205px;
	float:			left;
}
.tab_cell_web_exclusive {
	display:				table-cell;
	width:				82px;
	vertical-align:	bottom;
}
*+html .tab_cell_web_exclusive img {
	padding-left:	3px;				 ie7用 
}

.div_web_exclusive {
	padding-top:		3px;
	display:				inline-block;
	width:				82px;
	float:				right;
}

.content_wrap .content_mgr_wrap .content_mgr .mgrnm {
	margin:         0px;
	padding:        0px;
	width:        205px;					/* 問題点: 文字列がoverflowするとレイアウトが崩れる */
	text-align:    left;
}
.content_wrap .content_mgr_wrap .content_mgr .mgrnm p {
	margin:        0px;
	padding:       0px;
}
.content_wrap .content_mgr_wrap .content_htl {
	margin:           0px 0px 11px 0px;
	padding:          0px;
	width:          205px;						/* 外観画像枠 */
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap .content_htl .hotelpic {
	margin:           0px;
	padding:          0px;
	width:          205px;
	display: inline-block;					/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_mgr_wrap .content_chktm {
	margin:        0px 0px 35px 0px;
	padding:       0px;
	width:       240px;						/* チェックイン・チェックアウト枠 */
}
.content_wrap .content_mgr_wrap .content_chktm ul {
	margin:              0px;
	padding:             0px;
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .content_mgr_wrap .content_chktm li {
	margin:       0px;
	padding:      0px 0px 0px 20px;			/* liに表示する文字を左にずらす */
	list-style:  none; 							/* liの●をなくす */
	background:  url('/eng/_images/li_square.gif') left center no-repeat;
}
.content_wrap .content_mgr_wrap .content_chktm .bfast_time1 {
}
.content_wrap .content_mgr_wrap .content_chktm li.bfast_time2 {
	background:  none;
	font-size:    12px;
	padding-top:   2px;
	padding-left: 10px;
}
.content_wrap .content_mgr_wrap .content_chktm p {
	margin:        0px;
	padding:       0px;
}

.content_wrap .content_mgr_wrap .content_icon {
	margin:           0px;
	padding:          0px;
	width:          205px;					/* アイコン枠(ハートフル、Wifi、ISO、ミッドナイト) */
	display:        table;					/* display: table; でテーブルと同じように表示するように設定する */
}
.content_wrap .content_mgr_wrap .content_icon .icon_hotelpage_tr {
	margin:           0px;
	padding:          0px;
	width:         205px;
	display:    table-row;
}
.content_wrap .content_mgr_wrap .content_icon .icon_hotelpage_left {
	margin:           0px;
	padding:          0px 0px 10px 0px;
	width:           95px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:           left;
}
.content_wrap .content_mgr_wrap .content_icon .icon_hotelpage_right {
	margin:           0px;
	padding:          0px 0px 10px 0px;
	width:           95px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:          right;
}
.content_wrap .content_mgr_wrap .content_icon .icon_bfree {
	margin:           0px 0px 25px 0px;
	padding:          0px;
	width:          115px;
	height:          80px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:           left;
}
.content_wrap .content_mgr_wrap .content_icon .icon_wifi {
	margin:           0px 0px 25px 0px;
	padding:          0px;
	width:           90px;
	height:          80px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:           left;
}
.content_wrap .content_mgr_wrap .content_icon .icon_iso {
	margin:           0px;
	padding:          0px;
	width:          115px;
	height:         110px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:           left;
}
.content_wrap .content_mgr_wrap .content_icon .icon_midnight {
	margin:           0px;
	padding:          0px;
	width:           90px;
	height:         110px;
	display:   table-cell;					/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	float:           left;
}

.content_wrap .content_mgr_wrap .content_yakkan {
	margin:       20px 0px 0px 0px;
	padding:       0px;
	width:       240px;						/* 宿泊約款・利用規約の枠 */
	font-size:    14px;
}
.content_wrap .content_mgr_wrap .content_yakkan ul {
	margin:              0px;
	padding:             0px;
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
	width:             205px;						/* 宿泊約款・利用規約の枠 */
}
.content_wrap .content_mgr_wrap .content_yakkan li {
	margin:       0px;
	padding:      0px 0px 8px 20px;			/* liに表示する文字を左にずらす 英のみ padding-bottom: 8px */
	list-style:  none; 							/* liの●をなくす */
	background:  url('/eng/_images/li_square.gif') left top no-repeat;	/*  英のみ top => 3px */
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
	.content_wrap .content_mgr_wrap .content_yakkan li {
		background:  url('/eng/_images/li_square.gif') left 1px no-repeat;	/*  英のみ top => 3px */
	}
}
.content_wrap .content_mgr_wrap .content_yakkan p {
	margin:        0px;
	padding:       0px;
}

.content_wrap .content_info_wrap {
	margin:        0px;
	padding:       0px;
	width:       620px;						/* 右のアクセス、料金、クレジット画像枠     .content_wrap = .content_mgr_wrap + .content_info_wrap */
	float:        left;
}

.content_wrap .content_info_wrap .content_recomminfo {
	margin:        0px 0px 25px 0px;
	padding:       0px;
	width:       620px;							/* アクセス枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .content_recomminfo .recomminfotxt {
	margin:       10px 10px 0px 10px;
	padding:       0px;
	width:       600px;						/* アクセステキスト枠 */
	float:        left;
}
.content_wrap .content_info_wrap .content_recomminfo .recomminfotxt p {
	margin:        0px;
	padding:       0px;
}
.content_wrap .content_info_wrap .content_access {
	margin:        0px 0px 25px 0px;
	padding:       0px;
	width:       620px;							/* アクセス枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
	position: relative;							/* 特集ページのバナーを右下に設置するために設定 */
}
.content_wrap .content_info_wrap .content_access .accessimg {
	margin:       10px 0px 0px 0px;
	padding:       0px;
	width:       120px;						/* 地図、ボタン枠 */
	float:        left;
}
.content_wrap .content_info_wrap .content_access .accessimg .img_map {
	margin:        0px 0px 10px 0px;
	padding:       0px;
	display:     block;
}
.content_wrap .content_info_wrap .content_access .accessimg .img_btn {
	margin:        0px;
	padding:       0px;
	display:     block;
}
.content_wrap .content_info_wrap .content_access .accesstxt {
	margin:       10px 0px 0px 10px;
	padding:       0px;
	width:       490px;						/* アクセステキスト枠 */
	float:        left;
}
.content_wrap .content_info_wrap .content_access .accesstxt p {
	margin:        0px;
	padding:       0px;
	font-size:    14px;
}
.content_wrap .content_info_wrap .content_parking {
	margin:        0px 0px 15px 0px;
	padding:       0px;
	width:       620px;							/* 駐車場枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .content_parking .parkingtxt {
	margin:       10px 0px 0px 0px;
	padding:       0px;
	width:       620px;							/* 駐車場テキスト枠 */
	display:     inline-block;
}
.content_wrap .content_info_wrap .content_parking .parkingtxt p {
	margin:        0px;
	padding:       0px;
	font-size:    14px;
}
.content_wrap .content_info_wrap .content_parking table {
	margin:       7px 3px 0px 3px;
	_margin:      7px 0px 0px 0px;			/* ie6用 floatしたボックスのmarginの値が2倍になるバグの対応 */
	padding:       0px;
	border:        0px;
	width:       620px;							/* 駐車場情報詳細テーブル */
	font-size:    13px;
	border-collapse: collapse;						/* 枠線の表示方法 */
}

.content_wrap .content_info_wrap .content_parking table td {
	margin:        0px;
	padding:       3px 0px;
	border-bottom: 1px dotted #808080;
}

.content_wrap .content_info_wrap .content_price {
	margin:        0px 0px 25px 0px;
	padding:       0px;
	width:       620px;							/* 客室料金枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .content_price img.title {
	float:        none;
}
.content_wrap .content_info_wrap .content_price .price_offwebex {
	margin:        0px;
	padding:       3px 0px 0px 0px;
	width:       620px;							/* 客室料金枠 */
	color:        #f00;
	font-size:    14px;
	display:      inline-block;
}
.content_wrap .content_info_wrap .content_price .price_pricevary {
	margin:        0px;
	padding:       3px 0px 0px 0px;
	width:       620px;							/* 客室料金枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
	font-size:    14px;
}
.content_wrap .content_info_wrap .content_price .price_pricevary a {
	text-decoration: underline;
}

.content_wrap .content_info_wrap .content_price .price_table {
	margin:        0px;
	padding:       0px;
	width:       620px;							/* 客室料金枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .content_price .price_table table {
	margin:           10px 0px 0px 0px;
	padding:           0px;
	width:           620px;							/* 客室料金テーブル */
	border-collapse: collapse;						/* 枠線の表示方法 */ 
	border:            1px solid #000000;
}
.content_wrap .content_info_wrap .content_price .price_table th {
	margin:            0px;
	padding:           2px;
	border:            1px solid #000000;			/* セルの枠線（太さ・色・スタイル） */
	background-color:  #f4f4f4;
	text-align:       left;
}

.price_tab_small {
	font-size:        11px;
}

.css_pricetable_room_type {
	font-size:        13px;
}
.css_pricetable_price {
	font-size:        13px;
}
.css_pricetable_web {
	font-size:        13px;
}
.css_pricetable_memo {
	font-size:        13px;
}

/* 注意: /home/sites/www.toyoko-inn.com/web/eng/_css/hlist_en.css にも同じ名前の css 有り */
.htl_price_with_tax {
	font-size:        11px;
}

.content_wrap .content_info_wrap .content_price .price_table td {
	margin:        0px;
	padding:       2px;
	border:        1px solid #000000;			/* セルの枠線（太さ・色・スタイル） */
}
.content_wrap .content_info_wrap .content_price .roomtype_info {
	margin:        10px 0px 0px 0px;
	padding:        0px;
}
.content_wrap .content_info_wrap .content_price .price_chui {
	margin:        10px 0px 0px 0px;
	padding:        0px;
	width:        620px;							/* 客室料金枠 */
}

.content_wrap .content_info_wrap .content_price .price_chui ul {
	margin:              0px 0px 0px 20px;
	padding:             0px;
}

.content_wrap .content_info_wrap .content_price .price_chui p {
	margin:              0px;
	padding:             0px;
	color:           #006699;
}
.content_wrap .content_info_wrap .content_credit {
	margin:        0px 0px 25px 0px;
	padding:       0px;
	width:       620px;							/* クレジットカード枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .content_credit img {
	float:		none;
}
.content_wrap .content_info_wrap .content_credit ul.list_creditcard { 
	margin:              0px;
	padding:             0px;
	list-style:         none;		/* liの要素を横並びにする */
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
	float:				left;
}
.content_wrap .content_info_wrap .content_credit li.one_creditcard {
	margin:      15px  0px 0px 0px;
	padding:     0px  15px 0px 0px;
	float:      left;				/* タブを横並びにする(改行させない) */
}
.content_wrap .content_info_wrap .content_credit .credit_caution {
	font-size:        14px;
	height:			40px;
	padding:		15px 0 0 5px;
	display:		table-cell;
	vertical-align:	middle;
	clear:			both;
}

table.credit_tab {
	margin: 15px 0px 0px 5px;
	border-collapse: collapse;
	font-size: 14px;
}
td.credit_tab_title {
	background-color:		#f4f4f4;
	border:					1px solid #000;
}
td.credit_tab_title_width {
	width:					190px;
}
td.credit_tab_card {
	border:					1px solid #000;
}
td.credit_tab_card_width {
	width:					410px;
}
td.credit_tab_card_width ul.list_creditcard_new {
	display:				inline-block !important;
	float:				left !important;
	height:				40px !important;
	list-style-type:	none !important;
	margin:				0 !important;
	padding:				0px 0px 0px 15px !important;
}
td.credit_tab_card_width ul.list_creditcard_new li.one_creditcard_new {
	float:				left !important;
	margin:				0px !important;
	padding:				0px 10px 0px 0px !important;
	height:				40px !important;
}

.content_wrap .content_info_wrap .btn_reserve_bottom_wrap {
	position:     relative;
	margin:            0px 0px 25px 0px;
	padding:           0px;
	width:           620px;						/* ページ下の予約ボタン枠 */
	display:  inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .content_info_wrap .btn_reserve_bottom_wrap .reserve_btn_bottom {
	margin:        0px;
	padding:       0px;
	width:       180px;						/* 予約ボタンの幅、高さと同じにすること */
	height:       37px;
	float: right;
}
.content_wrap .content_info_wrap .btn_reserve_bottom_wrap .backToTopOfHotelPage {
	margin:        0px;						/* 注意: .content_wrap .btn_reserve_bottom_wrap .backToTopOfHotelPage にも同じ CSS がある */
	padding:      14px 0px 0px 0px;
	width:       106px;						/* 予約ボタンの幅、高さと同じにすること */
	height:       14px;
	clear: right;
	float: right;
}
.content_wrap .btn_reserve_bottom_wrap {
	position:     relative;
	margin:            0px 0px 25px 0px;
	padding:           0px;
	width:           860px;						/* ページ下の予約ボタン枠 */
	display:  inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .btn_reserve_bottom_wrap .reserve_btn_bottom {
	margin:        0px;
	padding:       0px;
	width:       180px;						/* 予約ボタンの幅、高さと同じにすること */
	height:       37px;
	float: right;
}
.content_wrap .btn_reserve_bottom_wrap .backToTopOfHotelPage {
	margin:        0px;						/* 注意: .content_wrap .content_info_wrap .btn_reserve_bottom_wrap .backToTopOfHotelPage にも同じ CSS がある */
	padding:      14px 0px 0px 0px;
	width:       106px;						/* 予約ボタンの幅、高さと同じにすること */
	height:       14px;
	clear: right;
	float: right;
}





.content_wrap .photo_wrap {
	margin:           0px;
	padding:          0px;
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
/*	width:          860px;						フォトギャラリーの画像の全体枠
														朝食ギャラリーと CSS をシェアーするために .content_wrap .photo_wrap から width を抜き出す */
}
.content_wrap .photo_wrap .photo_img {
	padding:       0px;
/*	width:       860px;							フォトギャラリーの画像の枠 .photo_wrap より幅が狭くないといけない
														朝食ギャラリーと CSS をシェアーするために .content_wrap .photo_wrap .photo_img から width を抜き出す */
/*	margin:        0px auto 25px auto;		フォトギャラリーの画像の枠を .photo_wrap 中央に設置する(bottomマージン 25px)
														朝食ギャラリーと CSS をシェアーするために .content_wrap .photo_wrap .photo_img から width を抜き出す */
}
.content_wrap .photo_wrap .photo_img ul { 
	margin:              0px;
	padding:             0px 0px 21px 0px;
	list-style:         none;		/* liの要素を横並びにする */
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .photo_wrap .photo_img li {
	margin:           0px;
	padding:          0px;
	width:          286px;				/* 表示幅を 3(表示数) で割った数     860 / 3 ≒ 286 */
	float:           left;				/* メニューを横並びにする(改行させない) */
}
.content_wrap .photo_wrap .photo_img .photo_txt {
	margin:             0px 6px 0px 6px;
	padding:            0px;
	width:            274px;	/* 写真枠の幅(div.photo_cell_wrap) + ボーダー(1px * 2) */
	display:   inline-block;
}
.content_wrap .photo_wrap .photo_img .photo_txt p {
	margin:             0px;
	padding:            0px;
}
/***** 以下、幅＆高さの中央配置対応 ******/
/***** 参考: http://scuderia-web.com/tips/xhtml_css/div_vertical_align.php ******/
div.photo_cell_wrap {
	display: table;				/* display: table; でテーブルと同じように表示するように設定する */
	width:   272px;				/* 必ず横幅を指定すること。写真枠の幅     div.photo_cell_wrap = 写真の幅 x 高さ */

	height:           190px;	/* 写真枠の高さ */
	margin:             6px;	/* 写真枠どうしの隙間 */
	padding:            0px;	
	border:  1px solid #000;	/* 写真枠の枠線 */
}
	* html div.photo_cell_wrap {
		position: relative;	/* IE6以下用にpositionを指定 */
	}
	*+html div.photo_cell_wrap {
		position: relative;	/* IE7用にpositionを指定 */
	}
div.one_cell {
	display:        table-cell;	/* divをセルとして扱う｡ (display: table;を指定したことで、outerはテーブルの外枠と同じ意味を持つようになったので、今度はtdにあたるdisplay: table-cell;を指定します) */
	vertical-align:     middle;	/* 縦位置を指定｡ (display: table-cell;によってセルと同じ扱いができるようになったので、td同様vertical-alignが使用できるようになります)  */
	width:               272px;	/* 写真枠の幅と同じに設定     div.photo_cell_wrap = div.one_cell = div.one_image */
	text-align: center;				/* 写真をインライン(テキストと同じ扱い)化しているので、 幅の中央寄せを行う */
}
	* html div.one_cell {
		position: absolute;	/* IE6以下用に絶対位置を指定 */
		top:           51%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
	*+html div.one_cell {
		position: absolute;	/* IE7以下用に絶対位置を指定 */
		top:           51%;	/* position: absolute;によって絶対位置配置を有効にし、top: 50%;でdiv全体の高さの上から50%、つまり中心に配置します。 */
	}
div.one_cell div.one_image {
	margin:   0px;
	width:  272px;				/* 写真枠の幅と同じに設定     div.photo_cell_wrap = div.one_cell = div.one_image */
	position: relative;
}
	* html div.one_cell div.one_image {
		position: relative;	/* IE6以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
	*+html div.one_cell div.one_image {
		position: relative;	/* IE7以下用に相対位置を調整 */
		top:          -50%;	/* top: 50%;を指定したことで、divの高さの半分の位置から文字列を表示することができましたが、それだけでは中心に表示されるのではなくて、中心から下に表示されてしまいます。そのため、文字列全体の高さの50%分を上にずらします。 */
	}
div.one_cell div.one_image img {
	display: inline;			/* 写真をインライン(テキストと同じ扱い)化する */
	float: none;				/* float を解除する */
}
div.one_cell div.one_image span.img_guard_link {
	background-image: url("/eng/_images/spacer.gif");
	cursor:           pointer;
	display:            block;
	position:        absolute;
	width:               100%;
	height:              100%;
}
/***** 以上、幅＆高さの中央配置対応 ******/



.content_wrap .equip_wrap {
	margin:           0px;
	padding:          0px;
	width:          860px;						/* 設備･サービスの画像の全体枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .equip_wrap .equip_img {
	margin:        0px auto 25px auto;		/* 設備･サービスの画像の枠を .equip_wrap 中央に設置する */
	padding:       0px;
	width:       860px;							/* 設備･サービスの画像の枠 .equip_wrap より幅が狭くないといけない */
}

.content_wrap .equip_wrap .equip_img .hotel {
	margin:        0px;							/* 設備･サービスの画像 */
	padding:       0px;
	width:       860px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .room {
	margin:        0px;							/* 設備･サービスの画像 */
	padding:       0px;
	width:       860px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .other {
	margin:        0px;							/* 設備･サービスの画像 */
	padding:       0px;
	width:       860px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .title_equip {
	margin:        0px 0px 8px 0px;
	padding:       0px;
}
.content_wrap .equip_wrap .equip_img ul { 
	margin:              0px;
	padding:             0px;
	height:             auto;
	list-style:         none;		/* liの要素を横並びにする */
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .equip_wrap .equip_img li {
	margin:           0px;
	padding:          8px 0px;
	width:          143px;				/* 表示幅を 6(表示数) で割った数     860 / 6 ≒ 143 */
	float:           left;				/* メニューを横並びにする(改行させない) */
	display:        block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .equip_wrap .equip_img .equip_txt {
	margin:             8px 0px 30px 0px;
	padding:            4px;
	width:            850px;
	display:          block;
	border:             1px solid #b1b1b1;
}
.content_wrap .equip_wrap .equip_img .equip_txt p {
	margin:             0px;
	padding:            0px;
}

/***** 以下、設備・サービスページのツールチップ ******/
#equip_toolchip {							/* ツールチップの枠 */
	position: absolute;
	width:       270px;
	padding:       5px;
	overflow:   hidden;
}
#roundbox {
	background: transparent;
	padding:              0;
}
#roundbox .xtop, #roundbox .xbottom {
	display:          block;
	background: transparent;
	font-size:          1px;
}
#roundbox b {
	display:   block;
	overflow: hidden;
}
#roundbox .b1, #roundbox .b2, #roundbox .b3 {
	height: 1px;
}
#roundbox .b2, #roundbox .b3, #roundbox .b4 {
	background-color:       #FFFF80;
	border-left:  1px solid #DDBB77;
	border-right: 1px solid #DDBB77;
}
#roundbox .b1 {
	margin:             0 5px;
	background-color: #DDBB77;
}
#roundbox .b2 {
	margin:       0 3px;
	border-width: 0 1px;
}
#roundbox .b3 {
	margin: 0 2px;
}
#roundbox .b4 {
	height:   2px;
	margin: 0 1px;
}
#toolchip_content {							/* ツールチップの内容全体 */
	display:                block;
	background:           #FFFF80;
	border:       0 solid #DDBB77;
	border-width:           0 1px;
	font-size:               13px;
	text-align:              left;
	padding:             5px 10px;
	color:                #001B6A;
}
#inner_content {
	display:    inline-block;		/* これを指定しないと Fx で divタグの高さが 0px になる? */
	width:             250px;		/* 会議室のツールチップの幅(この幅を小さくすると、会議室の文言が改行される) */
}
#inner_content ul { 
	margin:              0px;
	padding:             0px;
	display:    inline-block;				/* これを指定しないと Fx で ulタグの高さが 0px になる? */
	list-style:         none;				/* ●を表示しない */
}
#inner_content div.wrap {					/* 会議室ツールチップの内容の全体枠 */
	display:    inline-block;				/* これを指定しないと Fx で divタグの高さが 0px になる? */
}
#inner_content div.title {					/* 会議室ツールチップ: 『(会議室X)』の枠 */
	display:        inline-block;			/* これを指定しないと Fx で divタグの高さが 0px になる? */
	vertical-align:          top;
	float:                  left;
}
#inner_content div.info {					/* 会議室ツールチップ: 『会議室の情報』枠 */
	display:        inline-block;			/* これを指定しないと Fx で divタグの高さが 0px になる? */
}
#inner_content div.msg {					/* 会議室ツールチップ: 『会議室の情報』枠 */
	padding:        0px 0px 0px 10px;
	display:        inline-block;			/* これを指定しないと Fx で divタグの高さが 0px になる? */
}
/***** 以上、設備・サービスページのツールチップ ******/

/***** 以下、地図ページのツールチップ ******/
.mappage_wrap {
	margin:                    0px;
	padding:                   0px;
	width:                   480px;						/* 地図ページの全体枠   JavaScriptで開く子ウィンドウの幅と同じ */
	display:          inline-block;						/* 念のため、記述(divの高さ保持) */
	background-color:      #ffffff;
}
.mappage_wrap .map_wrap {
	margin:                    0px auto;
	padding:                   0px;
	width:                   460px;						/* 1つ地図の枠(言語タイトル、地図画像、アクセス方法) */
}
.mappage_wrap .map_wrap .map_title {
	margin:                    0px;
	padding:                   4px;
	text-align:             center;
}
.mappage_wrap .map_wrap .map_title p {
	margin:                    0px;
	padding:                   0px;
}
.mappage_wrap .map_wrap .map_img {
	margin:                    0px auto;				/* 横中央寄せ */
	padding:                   0px;
	width:                   407px;						/* 地図画像枠 地図画像の幅と同じ */
	display:                 block;						/* これを指定しないと Fx で divタグの高さが 0px になる? */
}
.mappage_wrap .map_wrap .map_access {
	margin:                    0px;
	padding:                   4px;
	clear:                    left;						/* アクセス方法が画像の右側に回りこまないように 左側の回りこみを解除します。  */
}
.mappage_wrap .map_wrap .map_access p {
	margin:                    0px;
	padding:                   0px;
}
.mappage_wrap .map_btn_wrap {
	margin:                    0px auto;
	padding:                   0px;
	width:                   407px;						/* ボタン枠 地図画像の幅と同じ */
}
.mappage_wrap .map_btn_wrap .map_btn {
	margin:                   15px auto;
	padding:                   0px;
	width:                     50%;						/* 1つボタン枠 */
	display:          inline-block;
	float:                    left;						/* <div>タグを横に並べる */
}
.mappage_wrap .map_btn_wrap .map_btn .map_btn_img {
	margin:                    0px auto;
	padding:                   0px;
	width:                    70px;						/* 1つボタン枠 */
}





/***** 以上、地図ページのツールチップ ******/

/***** 以下、朝食ページ ******/
.content_wrap .photo_wrap .bfast_comm {
	margin:                    0px;
	padding:                   4px;
}
.content_wrap .photo_wrap .bfast_comm p {
	margin:                    0px;
	padding:                   0px;
}
.content_wrap .photo_wrap .bfast_notice {
	margin:                    0px;
	padding:                   4px;
}
.content_wrap .photo_wrap .bfast_notice p {
	margin:                    0px;
	padding:                   0px;
}
.content_wrap .photo_wrap .bfast_time1 p {
	margin:                    0px;
	margin-top:                4px;
	margin-left:               4px;
	padding:                   0px;
	padding:      0px 0px 0px 20px;			/* liに表示する文字を左にずらす */
	list-style:  none; 							/* liの●をなくす */
	background:  url('../../hotel/images/bfast_ico.gif') left center no-repeat;

}
.content_wrap .photo_wrap .bfast_time2 p {
	margin:                    0px;
	margin-left:               4px;
	padding:                   0px;
	padding-left:             20px; 
	font-size:                12px;
}

/* 以下、ギネスロゴ関連 */

.g_footer_wrap .g_footer_top_center {
	position:	relative;
}
.g_footer_wrap .g_footer_hr {
	width:		860px;
}

.bottom_gns_wrap {
	position:	absolute;
	padding: 	0px 0px 0px 46px;
	bottom:		0px;
	left:			0px;
}
.bottom_gns_wrap .ico_gns {
	float:			left;
	margin:			0px;
	width:			57px;			/* ギネスロゴの幅 */
}
.bottom_gns_wrap .txt_gns {
	float:			left;
	margin-left:	3px;
	width:			225px;		/* ギネスの文言の幅 */
	margin-top:		20px;
	
}
/* 以上、ギネスロゴ関連 */

/* 特集ページのバナーを設置する */
.bn_special_page_wrap {
	display:				inline-block;
	width:				100%;
	margin-top:			10px;
}

.bn_special_page {
	float:				right;
	margin-top:			10px;
}

/***************************************************/
/*             以下、2016下期料金                  */
/***************************************************/

ul.ul-price {
	margin:			0px;
	padding-left:	10px;
	list-style:		none;
	display:			table;
	line-height:	1.25em;
}
ul.ul-priceOnly {
	margin:			0px;
	padding-left:	0px;
	list-style:		none;
	display:			inline-block;
	line-height:	1.25em;
}
ul.ul-price li {
	display:			table-cell;
	padding-left:	10px;
}
ul.ul-price li.li-ptype {
	margin:			0px;
	width:			130px;
}
ul.ul-price li.li-price {
	margin:			0px;
	padding-left:	0px;
}
ul.ul-priceOnly li.li-priceOnly {
	margin:			0px;
	padding-left:	10px;
/*	float:			left; */
}

/***************************************************/
/*             以上、2016下期料金                  */
/***************************************************/

/***** 以上、地図ページのツールチップ ******/

/*


	td {
		font-size: 16px;
	}

	.noreserve {
		font-size: 13px;
	}

	.pt11 {
		font-size: 14px;
	}

	.pt11navy {
		font-size: 14px;
		color:	  #000080;
	}

	.pt12gray {
		font-size: 12px;
		color: #808080;
	}

	.pt12navy {
		font-size: 12px;
		color: #5580FF;
	}

	.pt10 {
		font-size: 13px;
	}

	.pt9 {
   		font-size: 10px;
   	}

	.toplink {
		font-size: 10px;
		font-weight: normal;
		color:black;
	}
h1 {
	font-size: 16px;
	display: inline;
    }
.h1_2 {
	font-size: 26px;
	display: inline;
    }
.h2_px12 {
	font-size: 13px;
	letter-spacing:1pt;
	display: inline;
}
.h1_px14 {
	font-size: 14px;
	color:#666666;
	display: inline;
}

table.pricetable {
	border-collapse:collapse;
}

table.pricetable th {
	border:solid 1px #808080;
	padding:3px 3px 3px 3px;
	font-size:14px;
	font-weight:normal;
	background-color:#F4F4F4;
	color:#000000;
	text-align:left;
}
table.pricetable td {
	border:solid 1px #808080;
	padding:3px 3px 3px 3px;
	font-size: 14px;
	font-weight: normal;
	background-color:#FFFFFF;
}
*/
/* 以上、店舗ページのCSS */