/* 以下 各店舗ページ用 CSS */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fntSize11px {
	font-size:	11px;
}
.width510 {
	width:		510px;
}
.width951 {
	width:		951px;
}
.width900 {
	width:		900px;
}
.width860 {
	width:		860px;
}
.width780 {
	width:		780px;
}
.width120 {
	width:		120px;
}
.width252 {
	width:		252px;
}
.width150 {
	width:		150px;
}
.width97 {
	width:		97px;
}

.width_pricetable {
	width:		650px;
}
.width_room_type {
	width:		150px;
}
.width_room_price {
	width:		205px;
}
.width_room_note {
	width:		290px;
}
.handOnHover {
	cursor:		pointer;
}
.underline_txt {
	text-decoration:	underline;
}
p.htlpage {
	margin:			0px;
	padding:			0px;
	line-height:	1.3em;
}
p.htlpage_mgr_msg_header {
	margin:				0px auto;
	padding:				10px 0px 0px 0px;
	width:				180px;
	text-align:			center;
	text-decoration:	normal;
	color:				white;
	line-height:		1.1em;
}
p.htlpage_mgr_msg_content {
	margin:				0px auto;
	padding:				0px;
	width:				170px;
	line-height:		1.3em;
}

p.htlpage_backToTop {
	margin:			0px;
	padding:			0px 0px 0px 19px;
	background-image:		url(/new_img3/hotel/li_hotel_backToTop.gif);
	background-repeat:	no-repeat;
	background-position:	left 3px;
}


.float_left {
	float:			left;
}

.float_right {
	float:			right;
}

.navy {
	color:			#000080;
}

.paddingt2r0b0l30 {
	padding:			2px 0px 0px 30px;
}

.paddingt20r0b0l0 {
	padding:			20px 0px 0px 0px;
}

.paddingt0r0b10l0 {
	padding:			0px 0px 0px 0px;
}
.paddingt0r0b0l0 {
	padding:			0px 0px 10px 0px;
}
paddingt0r0b0l0true {
	padding:			0px 0px 0px 0px;
}
.paddingt0r0b15l0 {
	padding:			0px 0px 15px 0px;
}
.paddingt0r0b0l30 {
	padding: 0px 0px 0px 30px;
}
.paddingt2r5b0l0 {
	padding: 2px 5px 0px 0px;
}
.paddingt2r0b0l0 {
	padding: 2px 0px 0px 0px;
}
.paddingt0r5b0l0 {
	padding:			0px 5px 0px 30px;
}
.paddingt0r0b0l5 {
	padding: 0px 0px 0px 5px;
}
.display_inline_block {
	display:			inline-block;
}

.line_height22 {
	line-height:	22px;
}

.g_btn_sns {
	padding:			0px;			/* _css_new/common_ja.css の .g_btn_sns の CSS の一部を上書き */
}

.g_btn_sns_wrap {
	padding:			1px 0px;			/* _css_new/common_ja.css の .g_btn_sns_wrap の CSS の一部を上書き */
	height:			22px;
}


#container {
	padding-bottom:	0px;
	padding-left:		25px;
	padding-right:		26px;
	padding-top:		0px;
}

.hotelchain {
	font-size:			16px;
}

span.newopen {
	color:				#f00;
	font-weight:		bold;
	padding-left:		40px;
}

.hotelname {
	font-size:			26px;
	margin:				0px;
	padding:				0px;
	letter-spacing:	1px;
}

.hname {
	width:		724px;			/* 724 = 900 - 176     .btn_reserve_topの幅 */
	float:		left;
}

/***** 以下、高さの中央配置対応 ******/
/***** 参考: http://scuderia-web.com/tips/xhtml_css/div_vertical_align.php ******/
div.hotelheader_wrap {
	margin:        0px;
/*	padding:       0px; */
	padding:       10px 0px 10px 0px;
	display:     table;			/* display: table; でテーブルと同じように表示するように設定する */
	width:       900px;			/* 必ず横幅を指定すること。分からない場合は 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:               176px;	/* ボタンの幅 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:  176px;				/* 予約ボタンの幅と同じにすること。指定しないと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%分を上にずらします。 */
	}
/***** 以上、高さの中央配置対応 ******/

div.hotel_address_telephone_wrap {
	margin:			0px;
	padding:			0px;
	width:			900px;
}

.hotel_address {
	width:		780px;
	float:		left;
}
.hotel_map_btn {
	padding: 0px 0px 0px 30px;
	display: inline-block;
	letter-spacing: -.40em;			/* 文字間を詰めて隙間を削除する */
}
.hotel_map_btn img {
	display: inline-block;
}
.hotel_print {
	width:				120px;
	display:				inline-block;
	letter-spacing:	-.40em;			/* 文字間を詰めて隙間を削除する */
}
.hotel_print a {
	display:			block;
	margin:			0px;
}
.hotel_print img {
	display: inline-block;
}

.hotel_telephone {
	width:		500px;
	float:		left;
	display:		block;
}

#sns_space {
	margin:			0px;
	padding:			0px;
	width:			400px;
}

.adjust_font_gray {
	letter-spacing:	1px;
	color:				#808080;
}
.hotel_telephone_extra {
	font-size:			11px;
	color:				#808080;
	letter-spacing:	1px;
	width:				900px;
	display:				inline-block;
}
.hotel_telephone_extra_red {
	font-size:			11px;
	color:				#ff0000;
	letter-spacing:	1px;
	width:				900px;
	display:				inline-block;
}

.hoteltab_wrap {
	display:				inline-block;
	height:				36px;
	margin:				0px;
	padding:				10px 0px 0px 0px;
	width:				900px;
}

.hoteltab_wrap .hoteltab {
	margin:				0px;
	padding:				0px;
	width:				900px;
}

.hoteltab_wrap .hoteltab ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px;
}

.hoteltab_wrap .hoteltab li {
	float:				left;
	margin:				0px;
	padding:				0px;
}

#hoteltab_bar {
	height:				3px;
	width:				900px;
	display:				inline-block;
}
#hoteltab_bar {
	display:				block\9;
}

div.content_wrap {
	
}

div.content_wrap div.content_mgr_wrap {
	width:				240px;					/* 左側コンテンツの幅(リニューアル以前と同じ幅) */
	float:				left;						/* 900(コンテンツの幅) = 240(左側コンテンツの幅) + 660(右側コンテンツの幅)    */
	display:				inline-block;			/* width900            = div.content_mgr_wrap    + div.content_hotelinfo_wrap */
}
div.content_wrap div.content_mgr_wrap div.content_mgr {
	padding:				0px 0px 15px 0px;
}
div.content_wrap div.content_mgr_wrap div.paddingt0r0b9l0 {			/* 東横INNプノンペン専用お問い合わせフォーム用CSS */
	padding:				0px 0px 9px 0px;
}
div.content_wrap div.content_mgr_wrap div.content_mgr div.mgrpic_wrap {
	display:				inline-block;
}

div.content_wrap div.content_mgr_wrap div.content_mgr div.mgrpic_wrap div.mgrpic {
	width:				120px;
	display:				table-cell;
	vertical-align:	bottom;
}

div.content_wrap div.content_mgr_wrap div.content_mgr div.mgrpic_wrap div.mgr_bn_bottom {
	margin:				0px;
	padding:				0px;
	float:				right;
}

div.content_wrap div.content_mgr_wrap div.content_mgr div.mgrpic_wrap ul {
	list-style-type:	none;
	margin:				0px;
	padding:				0px 0px 0px 3px;
	width:				82px;
	display:				table-cell;
	vertical-align:	bottom;
}

div.content_wrap div.content_mgr_wrap div.content_mgr div.mgrpic_wrap li {
	margin:				0px;
	padding:				5px 0px 0px 0px;
}

div.content_wrap div.content_mgr_wrap div.pp_inquiery_wrap {
	width:				206px;
	margin:				0px 0px 24px 0px;
	padding:				0px;
}

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

div.content_wrap div.content_mgr_wrap div.content_mgr_msg {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_mgr_wrap div.content_mgr_msg div.mgr_msg_header {
	width:					206px;
	height:					52px;
	background-image:		url(/new_img3/hotel/bg_hotel_mgr_msg_header01.png);
}

div.content_wrap div.content_mgr_wrap div.content_mgr_msg div.mgr_msg_content {
	width:					206px;
	background-image:		url(/new_img3/hotel/bg_hotel_mgr_msg_side01.png);
}
div.content_wrap div.content_mgr_wrap div.content_mgr_msg div.mgr_msg_content img {
	display:					inline;
}
div.content_wrap div.content_mgr_wrap div.content_mgr_msg div.mgr_msg_content p {
	margin:					0px auto;
	padding:				3px 18px 0;
	line-height:			1.4em;
}

div.content_wrap div.content_mgr_wrap div.content_mgr_msg div.mgr_msg_footer {
	width:					206px;
	height:					39px;
	background-image:		url(/new_img3/hotel/bg_hotel_mgr_msg_footer01.png);
}

div.content_wrap div.content_mgr_wrap div.content_bn_walkingmap {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_mgr_wrap div.content_hotel_img {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_mgr_wrap div.content_various_times {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_mgr_wrap div.content_various_times ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px;
}

div.content_wrap div.content_mgr_wrap div.content_various_times li {
	margin:					0px;
	padding:					0px 0px 0px 18px;
	background-image:		url(/new_img3/hotel/li_hotel_time.gif);
	background-repeat:	no-repeat;
	background-position:	left 4px;
}


div.content_wrap div.content_mgr_wrap div.content_icons {
	padding:				0px 0px 15px 0px;
	display:				table;
	width:				205px;												/* 外観画像の幅 */
}
div.content_wrap div.content_mgr_wrap div.content_icons div.cell_tr {
	display:				table-row;
}
div.content_wrap div.content_mgr_wrap div.content_icons div.cell_left {
	display:				table-cell;
	float:				left;
}
div.content_wrap div.content_mgr_wrap div.content_icons div.cell_right {
	display:				table-cell;
	float:				right;
}

div.content_wrap div.content_mgr_wrap div.content_banners {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_mgr_wrap div.content_banners ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px;
}

div.content_wrap div.content_mgr_wrap div.content_banners li {
	
}

div.content_wrap div.content_mgr_wrap div.content_yakkan {
	padding:				0px 0px 15px 0px;
	font-size:			14px;
}

div.content_wrap div.content_mgr_wrap div.content_yakkan ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px;
}

div.content_wrap div.content_mgr_wrap div.content_yakkan li {
	display:				inline-block;
	margin:					0px;
	padding:					0px 0px 0px 18px;
	background-image:		url(/new_img3/hotel/li_hotel_time.gif);
	background-repeat:	no-repeat;
	background-position:	left 3px;
	width:					90px;
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
	div.content_wrap div.content_mgr_wrap div.content_yakkan li {
		background-position:	left 4px;
	}
}

div.content_wrap div.content_mgr_wrap div.content_yakkan p {
	margin:					0px;
	padding:					0px;
}



div.content_wrap div.content_hotelinfo_wrap {			/* 右側コンテンツの幅(リニューアル時に幅が広がった) */
	width:				660px;									/* 900(コンテンツの幅) = 240(左側コンテンツの幅) + 660(右側コンテンツの幅)    */
	display:				inline-block;							/* width900            = div.content_mgr_wrap    + div.content_hotelinfo_wrap */
}


/***************************************************/
/*           以下、ホテル情報・料金           */
/***************************************************/

#access_wrap {
	width:				660px;									/* 660 = 650(表示最大幅) + 10(padding) */
	text-align:			left;
	margin:				0px;
	padding:				0px;
	overflow:			hidden;
/*	line-height:		normal; */
/*	font-family:		'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#access_wrap p {
	margin:	0px;
	padding:	0px;

}
#access_wrap img {
	display:		inline-block;
}
#access_wrap .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}

div.access_content {
	margin:				0px;
	padding:				10px 0 0 10px;
	display:				inline-block;
}

div.parking_content {
	margin:				0px;
	padding:				0px 0 0 10px;
	display:				inline-block;
}

div.shuttle_content {
	margin:				0px;
	padding:				0px 0 0 10px;
	display:				inline-block;
}

div.access_content div.access_left_wrap, div.parking_content div.access_left_wrap, div.shuttle_content div.access_left_wrap {
	display:				inline-block;
	width:				150px;
	float:				left;
}

div.access_left_wrap img.btn_map {
	margin:				0px;
	padding:				10px 0px 0px 0px;
}

div.access_content div.access_right_wrap, div.parking_content div.access_right_wrap, div.shuttle_content div.access_right_wrap {
	display:				inline-block;
	width:				500px;					/* 500 = 650(幅) - 150(div.access_left_wrapの幅) */
}
table.tabParking {
	margin:						0px;
	padding:						0px;
	border-collapse:			collapse;
	border:						0px;
}
table.tabParking td.parkType {
	white-space:				nowrap;
}
div.access_banner_wrap {
	display:				inline-block;			/* 幅をめいっぱい使う場合は 650px 旧版の幅は 605px */
	width:				660px;					/* 660 = 650(幅) + 10(padding) */
}
div.access_banner_wrap ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px 0px 0px 0px;
	float:				right;
}

div.access_banner_wrap li {
	float:				left;
	margin:				0px;
	padding:				0px 0px 0px 10px;
}

hr.break_line_access {
	border:				none;
	height:				12px;
	background:			url(/hotel/common/_img/line_01.gif) 50% 0  repeat-x;
	color:				#fff;													/* サイト背景と同じ色を推奨 */
	margin:				0px 0px 5px 0px;
	padding:				0px 0px 0px 0px;
	width:				100%;
}

div.btn_access_extra {
	margin:				0px;
	padding:				5px 0px;
}



#room_rate_wrap {
	width:				660px;									/* 660 = 650(表示最大幅) + 10(padding) */
	text-align:			left;
	margin:				0px;
	padding:				10px 0px 0px 0px;
	overflow:			hidden;
/*	line-height:		normal; */
/*	font-family:		'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#room_rate_wrap p {
	margin:	0px;
	padding:	0px;

}
#room_rate_wrap img {
	display:		inline-block;
}
#room_rate_wrap .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}

div.rate_caution {
	margin:				0px;
	padding:				10px 0px 10px 10px;
}
div.rate_caution div.web_exclusive {
	color:				#f00;
	font-weight:		bold;
	margin:				0px;
	padding:				0px;
}
div.rate_caution div.regular_caution {
	margin:				0px;
	padding:				0px;
}

#pricetable {
	margin:						0px;
	padding:						0px;
	border-collapse:			collapse;
	border:						1px solid #808080;
	font-size:					13px;
}

#pricetable th {
	margin:						0px;
	padding:						4px 2px;
	font-weight:				normal;
	background-color:			#f4f4f4;
	border:						1px solid #808080;
	text-align:					left;
}

#pricetable td {
	margin:						0px;
	padding:						4px 2px;
	background-color:			#fff;
	border:						1px solid #808080;
	text-align:					left;
}

ul.bottom_caution {
	color:						#336699;
	margin:						5px 0px;
	padding-left:				16px;
	line-height:				1.3em;
}

#credit_card_wrap {
	width:				660px;									/* 660 = 650(表示最大幅) + 10(padding) */
	text-align:			left;
	margin:				0px;
	padding:				10px 0px 0px 0px;
	overflow:			hidden;
/*	line-height:		normal; */
/*	font-family:		'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#credit_card_wrap p {
	margin:	0px;
	padding:	0px;

}
#credit_card_wrap img {
	display:		inline-block;
}
#credit_card_wrap .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}

ul.list_creditcard {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				15px 0px 0px 0px;
	height:				40px;
	float:				left;
}
ul.list_creditcard li {
	float:				left;
	margin:				0px;
	padding:				0px 10px 0px 0px;
	height:				40px;
}

#credit_card_wrap .credit_caution {
	height:			40px;
	padding:		15px 15px 0;
	display:		table-cell;
	vertical-align:	middle;
	clear:			both;
}
table.credit_tab {
	margin: 15px 0px 0px 5px;
	border-collapse: collapse;
}
td.credit_tab_title {
	background-color:		#f4f4f4;
	border:					1px solid #000;
}
td.credit_tab_title_width {
	width:					185px;
}
td.credit_tab_card {
	border:					1px solid #000;
}
td.credit_tab_card_width {
	width:					400px;
}
ul.list_creditcard_new {
	display:				inline-block;
	float:				left;
	height:				40px;
	list-style-type:	none;
	margin:				0;
	padding:				0px 0px 0px 15px;
}
ul.list_creditcard_new li {
	float:				left;
	margin:				0px;
	padding:				0px 10px 0px 0px;
	height:				40px;
}
/***************************************************/
/*           以上、ホテル情報・料金           */
/***************************************************/

/***************************************************/
/*           以下、お得なプラン                   */
/***************************************************/

div.content_wrap {
	display:				table;
}
div.plan_table_tr {
	display:				table-row;
}

ul.plan_main {
	display:				inline;
	list-style-type:	none;
	margin:				0px;
	padding:				0px 0px 0px 0px;
	height:				32px;
}
ul.plan_main li.plan_title_withBorder {
	margin:				0px;
	padding:				8px 0px 8px 48px;
/*	height:				32px; */
	line-height:		30px;
	border-width:		0px 0px 1px 0px;
	border-style:		dotted;
	border-color:		#898989;
	
	background-image:		url(/new_img3/hotel/li_hotel_toku.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	display:					inline-block;
}
ul.plan_main li.plan_title_withoutBorder {
	margin:				0px;
	padding:				8px 0px 8px 48px;
/*	height:				32px; */
	line-height:		30px;
	
	background-image:		url(/new_img3/hotel/li_hotel_toku.gif);
	background-repeat:	no-repeat;
	background-position:	left center;
	display:					inline-block;
}
ul.plan_main li.plan_content {
	margin:				0px;
	padding:				0px 0px 8px 48px;
	line-height:		normal;
	border-width:		0px 0px 1px 0px;
	border-style:		dotted;
	border-color:		#898989;
	
	display:					inline-block;
}
ul.plan_main li.plan_content_hide {
	margin:				0px;
	padding:				0px 0px 8px 48px;
	line-height:		normal;
	border-width:		0px 0px 1px 0px;
	border-style:		dotted;
	border-color:		#898989;
	
	display:				none;
}

/*
ul.plan_main li a {
	padding:				2px 0px 0px 0px;	アンダーライン
	display:				inline;
}
*/
ul.plan_main li img.showDetails {
	display:				inline;
	width:				auto;
	height:				auto;
	vertical-align:	middle;
}
ul.plan_main li img.hideDetails {
	display:				none;
}

ul.plan_main li div.plan_table {
	display:				table;
	padding:				0px;
	margin:				0px;
	width:				100%;			/* 必ず横幅を指定すること。分からない場合は 100% でも可 */
}

ul.plan_main li div.plan_title {
	color:				#1845a5;
	display:				table-cell;
	padding:				0px 0px 0px 0px;
	width:				718px;
	float:				left;
	font-weight:		bold;
}
ul.plan_main li div.plan_title a {
	margin:				2px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}
ul.plan_main li div.plan_reserve {
	display:				table-cell;
/*	float:				left; */
	padding:				2px 0px 0px 0px;
	width:				134px;
	vertical-align:	middle;
}

ul.plan_main li div.contentImg {
	float:				left;
}
ul.plan_main li div.contentTxtWithImg {
	float:				left;
	padding:				0px 0px 0px 15px;
	font-size:			14px;
	width:				637px;
/*	line-height: 		normal; */
	line-height:		1.3em;
}
ul.plan_main li div.contentTxtWithoutImg {
	float:				left;
	padding:				0px 0px 0px 0px;
	font-size:			14px;
	width:				852px;
/*	line-height: 		normal; */
	line-height:		1.3em;
}
ul.plan_main li div.contentTxtWithImg p {
	margin:				0px;
	padding:				0px;
/*	line-height: 		normal; */
	line-height:		1.3em;
}
ul.plan_main li div.contentTxtWithoutImg p {
	margin:				0px;
	padding:				0px;
/*	line-height: 		normal; */
	line-height:		1.3em;
}
ul.plan_main li div.contentTxtWithImg img {
	display:				inline;
}
ul.plan_main li div.contentTxtWithoutImg img {
	display:				inline;
}
ul.plan_main li div.btnClose {
	padding:				10px 0px 0px 0px;
	float:				right;
}

/***************************************************/
/*           以上、お得プラン                    */
/***************************************************/

/***************************************************/
/*           以下、おすすめ/お知らせ情報           */
/***************************************************/

#recommendupper {
	width: 650px;					/* 幅をめいっぱい使う場合は 650px 旧版の幅は 605px */
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
/*	line-height:		normal; */
/*	font-family: 'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#recommendupper p {
	margin:	0px;
	padding:	0px;

}
#recommendupper img {
	display:		inline-block;
}
#recommendupper .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}
#recommendlower {
	width: 650px;					/* 幅をめいっぱい使う場合は 650px 旧版の幅は 605px */
	text-align: left;
	margin: 0;
	padding: 10px 0 0 10px;
	overflow: hidden;
/*	line-height:		normal; */
/*	font-family: 'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#recommendlower p {
	margin:	0px;
	padding:	0px;

}
#recommendlower img {
	display:		inline-block;
}
#recommendlower .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}

div.content_wrap div.content_hotelinfo_wrap div.img_bar {
	margin:				0px;
	padding:				0px 0px 5px 0px;
	display:				inline-block;
}

/***************************************************/
/*           以上、おすすめ/お知らせ情報           */
/***************************************************/

/***************************************************/
/*           以下、周辺情報           */
/***************************************************/

div.content_wrap div.content_bn_area_wrap {
	width:				200px;					/* 左側コンテンツの幅(リニューアル以前と同じ幅) */
	float:				left;						/* 900(コンテンツの幅) = 200(左側コンテンツの幅)  + 700(右側コンテンツの幅)    */
	display:				inline-block;			/* width900            = div.content_bn_area_wrap + div.content_areainfo_wrap */
}

div.content_wrap div.content_bn_area_wrap div.content_bn_area {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_bn_area_wrap div.content_banners {
	padding:				0px 0px 15px 0px;
}

div.content_wrap div.content_bn_area_wrap div.content_banners ul {
	display:				inline-block;
	list-style-type:	none;
	margin:				0px;
	padding:				0px;
}

div.content_wrap div.content_bn_area_wrap div.content_banners li {
	
}

div.content_wrap div.content_areainfo_wrap {			/* 右側コンテンツの幅(リニューアル時に幅が広がった) */
	width:				700px;									/* 900(コンテンツの幅) = 200(左側コンテンツの幅) + 700(右側コンテンツの幅)    */
	display:				inline-block;							/* width900            = div.content_mgr_wrap    + div.content_hotelinfo_wrap */
}

div.content_wrap div.content_areainfo_wrap ul.spot {
	margin:				0px;
	padding:				0px;
}

div.content_wrap div.content_areainfo_wrap ul.spot li.width50percent {
		width:				316px;
		line-height:		1.3em;
}
div.content_wrap div.content_areainfo_wrap ul.spot li.width100percent {
		width:				666px;
		line-height:		1.3em;
}
.paddingt10r10b20l24 {
	padding:				10px 10px 20px 24px;
	
	background-image:		url(/hotel/common/_img/icon2.gif);
	background-repeat:	no-repeat;
	background-position:	5px 10px;
}
.paddingt10r10b20l24withoutIcon {
	padding:				10px 10px 20px 24px;
}
.paddingt20r10b20l24 {
	padding:				20px 10px 20px 24px;
	
	background-image:		url(/hotel/common/_img/icon2.gif);
	background-repeat:	no-repeat;
	background-position:	5px 20px;
	
	border-width:		1px 0px 0px 0px;
	border-style:		dashed;
	border-color:		#898989;
}
.paddingt20r10b20l24withoutIcon {
	padding:				20px 10px 20px 24px;
	
	border-width:		1px 0px 0px 0px;
	border-style:		dashed;
	border-color:		#898989;
}
div.content_wrap div.content_areainfo_wrap ul.spot li {
	font-size:			14px;
	float:				left;
	
	line-height:		16px;
	display:					inline-block;
}
.clear_left {
	clear:				left;
}

div.content_wrap div.content_areainfo_wrap ul.spot li img.img_spot {
	padding-top:		5px;
}

div.content_wrap div.content_areainfo_wrap div.img_bar {
	margin:				0px;
	padding:				0px 0px 5px 0px;
	display:				inline-block;
}

div.content_wrap div.content_areainfo_wrap div.img_banner {
	margin:				0px;
	padding:				0px 0px 20px;
	display:				inline-block;
}

/***************************************************/
/*           以上、周辺情報           */
/***************************************************/

/***************************************************/
/*           以下、フォトギャラリー                */
/***************************************************/

.content_wrap .photo_wrap {
	margin:           0px;
	padding:          0px;
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
/*	width:          900px;						フォトギャラリーの画像の全体枠
														朝食ギャラリーと CSS をシェアーするために .content_wrap .photo_wrap から width を抜き出す */
}
.content_wrap .photo_wrap .photo_img {
	padding:       0px;
/*	width:       900px;							フォトギャラリーの画像の枠 .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:          300px;				/* 表示幅を 3(表示数) で割った数     900 / 3 = 300 */
	float:           left;				/* メニューを横並びにする(改行させない) */
}
.content_wrap .photo_wrap .photo_img .photo_txt {
	margin:             0px 13px 0px 13px;
	padding:            0px;
	width:            274px;	/* 写真枠の幅(div.photo_cell_wrap) + ボーダー(1px * 2) */
	display:   inline-block;
	line-height:      1.3em;
}
.content_wrap .photo_wrap .photo_img .photo_txt p {
	margin:             0px;
	padding:            0px;
	font-size:         13px;
}
/***** 以下、幅＆高さの中央配置対応 ******/
/***** 参考: 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 13px 0px 13px;	/* 写真枠どうしの隙間 */
	padding:            0px;	
	border:  1px solid #ddd;	/* 写真枠の枠線 */
}
	* 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("_images/spacer.gif");
	cursor:           pointer;
	display:            block;
	position:        absolute;
	width:               100%;
	height:              100%;
}
/***** 以上、幅＆高さの中央配置対応 ******/

/***************************************************/
/*           以上、フォトギャラリー                */
/***************************************************/

/***************************************************/
/*           以下、設備・サービス                */
/***************************************************/

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

.content_wrap .equip_wrap .equip_img .hotel {
	margin:        0px;							/* 設備･サービスの画像 */
	padding:       0px;
	width:       900px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .room {
	margin:       30px 0px 0px 0px;			/* 設備･サービスの画像 */
	padding:       0px;
	width:       900px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .other {
	margin:       30px 0px 0px 0px;			/* 設備･サービスの画像 */
	padding:       0px;
	width:       900px;							/* 設備･サービスの画像の枠と同じ幅 */
}
.content_wrap .equip_wrap .equip_img .title_equip {
	margin:        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:          0px 0px 0px 0px;
	width:          150px;				/* 表示幅を 6(表示数) で割った数     860 / 6 ≒ 143 */
	float:           left;				/* メニューを横並びにする(改行させない) */
	display:        block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .equip_wrap .equip_img li img {
	margin:           0px auto;
	padding:          0px;
}
.content_wrap .equip_wrap .equip_img .equip_txt {
	margin:            10px 10px 0px 10px;
	padding:           10px 20px;
	width:            838px;
	display:          block;
	border:             1px solid #e0e0e0;
	line-height:      1.3em;
}
.content_wrap .equip_wrap .equip_img .equip_txt p {
	margin:             0px;
	padding:            0px;
	font-size:         14px;
}

.content_wrap .equip_wrap .equip_notice {
	margin:             0px 10px;
	padding:            0px;
	width:            880px;
	display:          block;
	line-height:      1.3em;
}

.content_wrap .equip_wrap .equip_notice p {
	margin:             0px;
	padding:            0px;
	font-size:         13px;
}

/***** 以下、設備・サービスページのツールチップ ******/
#equip_toolchip {							/* ツールチップの枠 */
	position: absolute;
/*	width:       220px; */					/* ツールチップの枠幅 設定を無くせば広く表示される */
	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 td {
	white-space: nowrap;				/* 通常の<td>は改行させない */
	font-size:13px;
	vertical-align: top;
	padding: 1px;
	color: #001B6A;
}
#inner_content td.roominfo {
	white-space: normal;				/* 会議室の詳細は改行させる */
	font-size:13px;
	vertical-align: top;
	padding: 1px;
	color: #001B6A;
}
#inner_content td.roomNum {
	white-space: nowrap;				/* 『（会議室X）』は改行させない */
	font-size:13px;
	vertical-align: top;
	padding: 1px;
	color: #001B6A;
}
#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 になる? */
}
/***** 以上、設備・サービスページのツールチップ ******/

/***************************************************/
/*           以上、設備・サービス                */
/***************************************************/

/***************************************************/
/*           以下、スタッフ募集                */
/***************************************************/

.content_wrap .recruit_wrap {
	margin:           0px;
	padding:          0px;
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}

.content_wrap .recruit_wrap .reclist_content {
	margin:           0px auto;
	padding:          0px;
	line-height:      1.3em;
}

.reclist_content ul {
	margin:           0px;
	padding:          0px;
	list-style:      none;				/* ●を表示しない */
}

.reclist_content ul li {
	margin:           5px 0px;
	padding:          0px;
	font-size:       16px;
	line-height:     20px;
	vertical-align:   top;
}
.reclist_content ul li p {
	margin:           0px;
	padding:          0px;
}
.reclist_content ul li img {
	margin:           0px;
	padding:          0px;
	display:       inline;
}
.reclist_content ul li p span.textline {
	margin:           0px;
	padding:          0px;
	vertical-align:   top;
}

#recruit_content {
	text-align:		left;
	margin:			0px auto;
	padding:			0px 0px 0px 10px;
	overflow:		hidden;
/*	line-height:		normal; */
/*	font-family:	'Hiragino Kaku Gothic Pro'; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:		1.3em;
}
#recruit_content p {
	margin:	0px;
	padding:	0px;

}
#recruit_content img {
	display:		inline-block;
}
#recruit_content .td, .th, .div, .span, .h1, .h2, .h3, .h4, .h5, .h6, .p {
	font-size: medium;
}

/***************************************************/
/*           以上、スタッフ募集                */
/***************************************************/

/***************************************************/
/*           以下、ページ下のボタン                */
/***************************************************/

div.btns_bottom {
	padding:				50px 0px 0px 0px;
	width:				660px;					/* div.content_wrap div.content_hotelinfo_wrap と同じ幅 */
	display:				inline-block;
}

div.btns_bottom div.reserve_btn {
	padding:				0px 0px 10px 0px;
	float:				right;
	display:				inline-block;
}

div.btns_bottom div.backToTop_btn {
	padding:				10px 0px 20px 0px;
	clear:				right;
	float:				right;
	display:				inline-block;
}

div.for_hotel_plan {
	padding:				10px 0px 0px 0px;
	width:				900px;
	
}

/***************************************************/
/*           以上、ページ下のボタン                */
/***************************************************/

/***************************************************/
/*             以下、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:			100px;
}
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下期料金                  */
/***************************************************/


ul.plan_main li div.contentTxtWithImg ul {
	list-style: disc;
	font-size: 16px;
	line-height: 1.3em;
}

ul.plan_main li div.contentTxtWithImg ul li {
	
}

/* 以上 各店舗ページ用 CSS */

