/* 以下、ご利用案内ページのCSS */

.contents_infopage_wrap {
	margin:    0px;
	padding:   0px 46px 0px 46px;
	width:   860px;						/* ご利用案内ページ内容枠 */
}

.content_wrap {
	margin:           0px;
	padding:         21px 0px 0px 0px;
	width:          860px;						/* ご利用案内ページの全体枠 */
	display: inline-block;						/* 念のため、記述(divの高さ保持) */
}
.content_wrap .title_img {
	margin:           0px auto;
	padding:          0px;
	width:          780px;						/* タイトル・バーと同じ幅 */
	display:        block;						/* これを指定しないと title_wrap が横中央にならない */
}
.content_wrap .title_wrap {
	margin:           0px auto;
	padding:          0px;
	width:          780px;						/* タイトルの全体枠 */
	display:        block;						/* これを指定しないと title_wrap が横中央にならない */
}
.content_wrap .title_wrap ul.title {
	margin:             20px 0px;
	padding:             0px;
	width:             780px;					/* タイトルの全体枠と同じにする */
	display:    inline-block;					/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .title_wrap li.title {
	margin:             20px 0px;
	padding:             0px 0px 0px 30px;
	list-style:  none; 							/* liの●をなくす */
	background:  url('../_images/li_htlinfo.gif') left top no-repeat;
	
	min-height:  25px;
	height:      auto !important;
	height:      25px;
}
.content_wrap .title_wrap li.title p {
	margin:              0px;
	padding:             2px 0px 0px 0px;
	display:          inline;
}
.content_wrap .title_wrap li.title p.line_break {
	margin:              0px;
	padding:             2px 0px 0px 0px;
	display:           block;
}
.content_wrap .title_wrap ul.detail { 
	margin:              2px 0px 2px 0px;
	padding:             0px;
	display:    inline-block;		/* これを指定しないと Fx で ulタグの高さが 0px になる? */
	width:              100%;		/* 最大の幅に設定 */
}
.content_wrap .title_wrap li.detail {
	margin:              0px;
	padding:             0px;
	list-style:         none;
}
.content_wrap .title_wrap li.detail_half {
	margin:              0px;
	padding:             0px;
	list-style:         none;				/* liの●をなくす */
	width:               50%;				/* ２列に並べるので半分の幅に設定する */
	float:              left;				/* ホテル設備を２列に並べる */
}
.content_wrap .title_wrap ul.li_square {
	margin:              0px;
	padding:             0px 0px 0px 18px;
	width:              100%;					/* 最大の幅に設定 */
	display:    inline-block;					/* これを指定しないと Fx で ulタグの高さが 0px になる? */
}
.content_wrap .title_wrap li.li_square {
	margin:              0px;
	padding:             0px;
	list-style-type:  square; 							/* liを■にする */
}

/* 追加分 */
.content_wrap .block_wrap {
	margin:				0px auto;
	padding:			0px;
	width:				780px;
	display:			block;
	clear:				both;
}
.content_wrap .block_wrap .anchor_title {
	margin-top:			15px;
	color:				#CC0000;
}
.content_wrap .block_wrap img {
	margin:				10px;
}
.content_wrap .block_wrap .left {
	float:				left;
}
.content_wrap .block_wrap .right {
	float:				right;
}
.content_wrap .block_wrap ul {
	margin:				0 0 0 20px;
	padding-left:		0px;
	clear:				both;
}
.content_wrap .block_wrap ul img {
	margin-right:		20px;
}
.content_wrap .block_wrap ul.no_marker {
	list-style:			url('/images/spacer.gif');
	list-style-position:inside;
}
.content_wrap .block_wrap ul.no_marker li {
	line-height:		22px;
}
.content_wrap .block_wrap .img_wrap {
	margin:				0 auto;
}
.content_wrap .block_wrap .bfree_one_line {
	width:				780px;
	margin:				0 0px;
	_padding:				0px 0px 10px 0px;
	display:				inline-block;
}
.content_wrap .block_wrap .block_all {
	width:				780px;
	margin:				0px;
}
.content_wrap .block_wrap .block_half {
	float:				left;
	width:				390px;
	margin:				0 0px;
}
.content_wrap .block_wrap .block_half img {
	margin-bottom:		3px;
}
.content_wrap .block_wrap .comment_wrap {
	height:				auto;
	margin:				0px;
	padding:				0 10px;
	clear:				both;
}
.content_wrap .block_wrap .comment_wrap p {
	margin-top:			0px;
}
.content_wrap .block_wrap .comment_wrap p span {
	font-size:			10px;
}
.content_wrap .block_wrap .comment_wrap .normal_title {
	color:				#000000;
	font-weight:		normal;
}
.content_wrap .h_spacer {
	height:				50px;
}
.content_wrap .h_spacer_short {
	height:				25px;
}
.clear {
	clear:both;
}
.nowrap {
	white-space: nowrap;
}
.content_wrap .block_wrap .paging_wrap {
	width:	260px;
	float:	left;
}

.content_wrap .block_wrap .sleep_share_title {
	margin:			3px 0px;
}

ul.sleep_share_02 {
	list-style:			none;
	font-size:			14.5px;
}


/************************************************/
/* 予約 */
.content_wrap .block_wrap .reserve_inner {
	float:				left;
	margin:				0 20px;
}

/* ホテル設備 */
.content_wrap .block_wrap .rtype_comment_wrap {
	min-height:			80px;
}
.content_wrap .block_wrap .comment_wrap .rtype_title {
	color:				#0000CC;
	font-weight:		normal;
}
.content_wrap .block_wrap .rtype_half {
	width:				350px;
	margin:				0px;
	padding:				0 20px;
}
.content_wrap .block_wrap .rtype_detail {
	margin:				0px;
	padding:				0px;
}
.content_wrap .block_wrap .rtype_detail .ul_rtype_detail {
	margin:				0px;
	padding:				0px 0px 15px 45px;
	display:				inline-block;
	color:				#ff8c00;
}
.content_wrap .block_wrap .rtype_detail .li_rtype_detail {
	margin:				0px;
	padding:				0px;
}
.content_wrap .block_wrap .rtype_detail a:link {
	color:				#0000ff;
	text-decoration:	underline;
}
.content_wrap .block_wrap .rtype_detail a:visited {
	color:				#0000ff;
	text-decoration:	underline;
}
.content_wrap .block_wrap .rtype_detail a:hover {
	color:				#ff0000;
	text-decoration:	underline;
}
.content_wrap .block_wrap .rtype_detail a:active {
	color:				#ff0000;
	text-decoration:	underline;
}

.content_wrap .block_wrap .rtype_commentarea {
	background-color:	#E8EDF9;
	width:				740px;
	clear:				both;
	padding:			10px;
}
.content_wrap .block_wrap .rtype_commentarea .title {
	font-weight:		bold;
}

/* ハートフルルーム */
.content_wrap .block_wrap .bfree_title {
	margin-top:			15px;
	color:				#ffffff;
	background-color:	#e6796e;
	padding:			2px;
}
.content_wrap .block_wrap .bfree_commentarea {
	background-color:	#ffdddd;
	width:				760px;
	clear:				both;
	padding:			10px;
}
.content_wrap .block_wrap .bfree_icon_left {
	width:				150px;
	min-height:			55px;
	padding-left:		50px;
}
.content_wrap .block_wrap .bfree_icon_right {
	width:				580px;
	min-height:			55px;
}
.content_wrap .block_wrap .bfree_icon_left img {
	margin:				0px;
}
.content_wrap .block_wrap .bfree_assistance_inner {
	float:				left;
	margin:				0 100px;
}

.content_wrap .block_wrap .bfree_item_table {
	width:				780px;
	border-collapse:	collapse;
	border:				1px solid #ffccdd;
}
.content_wrap .block_wrap .bfree_item_table td {
	width:				244px;	/* 248 = (780[テーブルの幅] - 10[テーブルのパディング] - 1[枠線の幅]) / 3 */
	background-color:	#ffdddd;
	border:				2px solid #ffccdd;
	height:				35px;
	padding:				5px;
	vertical-align:	middle;		/* 縦位置を指定 */
}
.content_wrap .block_wrap .bfree_item_table div {
	margin:				0px;
	padding:				0px;
	font-size:			10px;
}

/* 宿泊約款 */
.content_wrap .block_wrap .terms_title {
	margin-top:			15px;
	color:				#003399;
	font-weight:		bold;
}
.content_wrap .block_wrap .article_title {
	color:				#000000;
	font-weight:		bold;
	margin:				0px 0px 5px 0px;
	padding-left:		7px;
	text-indent:		-7px;
}
.content_wrap .block_wrap .article_txt {
	color:				#000000;
	font-weight:		normal;
}
.content_wrap .block_wrap ol.level1 {
	margin:				0 0 0 20px;
	padding-left:		0px;
	clear:				both;
	list-style-type:	decimal;
}
.content_wrap .block_wrap ol.level1 li {
	margin:				0px 0px 5px 0px;
}
.content_wrap .block_wrap ol.level2 {
	margin-top:			20px;
	margin-bottom:		20px;
	list-style-type:	lower-roman;
}
.content_wrap .block_wrap ol.level2_mod {
	margin-top:			5px;
	margin-bottom:		5px;
	list-style-type:	lower-roman;
	padding-left:		12px;
}
.content_wrap .block_wrap ol.level2_mod2 {
	margin-top:			5px;
	margin-bottom:		5px;
	list-style-type:	lower-roman;
	padding-left:		32px;
}
.content_wrap .block_wrap ol.level3 {
	margin-bottom:		20px;
	list-style-type:	upper-alpha;
}
.content_wrap .block_wrap .terms_remarks_left {
	width:				7%;
}
.content_wrap .block_wrap .terms_remarks_right {
	width:				93%;
}
.content_wrap .block_wrap .terms_image_left {
	width:				357px;
}
.content_wrap .block_wrap .terms_image_right {
	width:				423px;
}
.content_wrap .block_wrap ol li div {
	width:				300px;
	float:				left;
}
.content_wrap .block_rev_date {
	text-align:			center;
}
.block_wrap .block_all .term_table01,
.block_wrap .block_all .term_table02 {
	border:				1px solid #999999;
	border-collapse:	collapse;
	margin:				10px 0px 0px 0px;
}
.block_wrap .block_all .term_table01 th,
.block_wrap .block_all .term_table01 td,
.block_wrap .block_all .term_table02 th,
.block_wrap .block_all .term_table02 td {
	border:				1px solid #999999;
	border-collapse:	collapse;
	font-weight:		normal;
	font-size:			13px;
	padding:				3px;
}
.bg_col001 {
	background-color:	#cccccc;
}
.bg_col002 {
	background-color:	#dfe4e8;
}
.bg_width92 {
	width:				92px;
}
.bg_width200 {
	width:				200px;
}
.txtAlign_center {
	text-align:			center;
}
.txtAlign_left {
	text-align:			left;
}
.term_table01 caption,
.term_table02 caption {
	margin:				0px 0px 4px 6px;
	font-size:			13px;
	text-align:			left;
}
.term_table01 caption .b_blue,
.term_table02 caption .b_blue {
	color:				#00f;
	font-weight:		bold;
}
.term_table01 ul,
.term_table02 ul {
	display:				inline-block;
}
.term_table01 ul.l_roman {
	margin:				0px 0px 0px 18px !important;
	list-style:			lower-roman;
}
@-moz-document url-prefix() {
	.term_table01 ul.l_roman {
		margin:				0px 0px 0px 15px !important;
		list-style:			lower-roman;
	}
}
.term_table01 ul.l_alpha {
	margin:				0px 0px 0px 18px !important;
	list-style:			lower-alpha;
}
@-moz-document url-prefix() {
	.term_table01 ul.l_alpha {
		margin:				0px 0px 0px 15px !important;
		list-style:			lower-alpha;
	}
}
p.remark_table01,
div.remark_table02 {
	margin:				4px 0px 0px 6px;
	font-size:			13px;
}
.txt_minimam {
	font-size:			11px;
}
.add_indent {
	padding-left:		157px;
	text-indent:		-157px;
}
.add_indent:not(:target) {			/* IE9, IE10用 */
	padding-left:		154px;
	text-indent:		-154px;
}
@media all and (-ms-high-contrast:none) {			/* IE11用 */
	*::-ms-backdrop, .add_indent {
		padding-left:		154px !important;
		text-indent:		-154px !important;
	}
}
/*Safari, Chrome, Operaだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.add_indent {
		padding-left:		157px !important;
		text-indent:		-157px !important;
	}
}
/*FireFoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
	.add_indent {
		padding-left:		157px !important;
		text-indent:		-157px !important;
	}
}

ul.ul_kome {
	list-style-image: url(/eng/_images/li_kome.png);
	margin-bottom: 18px !important;
	padding-left: 27px !important;
}