@charset "utf-8";

/* clearfix */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }



/* カラム:ホテル詳細 */

.detail_hotel {
	position: relative;
	float: left;
	width: 450px;
	margin-bottom: 20px;
	padding: 0 0 20px 0;
	background: url("../images/bg.jpg");
}

.dh {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.dh_r {
	margin-left: 50px;
}

.caption {
	line-height: 1.4;
	font-size: 110%;
	padding: 5px 20px 30px 20px;
}

/* キャプション調整 */

.hl {
	min-height: 120px;
}

.hm {
	min-height: 180px;
}

.hh {
	min-height: 180px;
}

.h7 {
	min-height: 700px;
}

.h7h {
	min-height: 750px;
}

.h8 {
	min-height: 900px;
}

.h8h {
	min-height: 850px;
}

.h9 {
	min-height: 800px;
}

.h9h {
	min-height: 970px;
}

.detail_hotel p img {
	margin: 3px 0 5px 20px;
}



/* 見出し調整:ホテル詳細 */

h2 {
	font-family: serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	color: #450600;
	background: url("../images/h2_bg.png") no-repeat top left;
	font-size: 250%;
	font-weight: bold;
	height: 35px;
	margin: 20px 0 20px 0;
	padding: 5px 0 0 50px;
}

h3 {
	color: #FFF;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 50px;
	margin: 0 0 10px 0;
}

.h3_01 {
	background: url("../images/h3_01.jpg") no-repeat top left;
}

.h3_02 {
	background: url("../images/h3_02.jpg") no-repeat top left;
}

.h3_03 {
	background: url("../images/h3_03.jpg") no-repeat top left;
}

.h3_04 {
	background: url("../images/h3_04.jpg") no-repeat top left;
}

.h3_05 {
	background: url("../images/h3_05.jpg") no-repeat top left;
}

.h3_06 {
	background: url("../images/h3_06.jpg") no-repeat top left;
}

.h3_07 {
	background: url("../images/h3_07.jpg") no-repeat top left;
}

.h3_08 {
	background: url("../images/h3_08.jpg") no-repeat top left;
}

.h3_09 {
	background: url("../images/h3_09.jpg") no-repeat top left;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
}

strong {
	font-style: none;
	font-weight: bold;
}



/* 定義リスト調整:ホテル詳細 */

.status dl {
	width: 450px;
	margin: 0;
	padding: 0;
}

.status dt {
	float: left;
	clear: left;
	margin: 0 0 0 20px;
	font-size: 120%;
	font-weight: bold;
}

.status dd {
	float: left;
	margin: 0 0 0 10px;
	font-size: 120%;
}

.h_info {
	width: 450px;
}

.h_info dl {
	margin: 0;
	padding: 0;
}

.h_info dt {
	float: left;
	clear: left;
	width: 80px;
	margin: 0 0 0 20px;
}

.h_info dd {
	float: left;
}



/* リスト調整:ホテル詳細 */

.place {
	position: absolute;
	bottom: 20px;
	left: 40px;
}
.place ul {
	margin: 0;
	padding: 0;
}

.place li {
	color: #FFF;
	font-size: 120%;
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
}

.place li a {
	display: block;
	color: #FFF;
	padding: 5px 15px;
}

.place li a:hover {
	text-decoration: none;
}



/* ボタン調整:ホテル詳細 */

.btn {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bf0811', endColorstr = '#2e0b0e');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bf0811', endColorstr = '#2e0b0e')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #bf0811, #2e0b0e);
background-image: -ms-linear-gradient(top, #bf0811, #2e0b0e);
background-image: -o-linear-gradient(top, #bf0811, #2e0b0e);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bf0811), to(#2e0b0e));
background-image: -webkit-linear-gradient(top, #bf0811, #2e0b0e);
background-image: linear-gradient(top, #bf0811, #2e0b0e);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.btn_off {
padding: 5px 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a6a6a6', endColorstr = '#323130');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a6a6a6', endColorstr = '#323130')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #a6a6a6, #323130);
background-image: -ms-linear-gradient(top, #a6a6a6, #323130);
background-image: -o-linear-gradient(top, #a6a6a6, #323130);
background-image: -webkit-gradient(linear, center top, center bottom, from(#a6a6a6), to(#323130));
background-image: -webkit-linear-gradient(top, #a6a6a6, #323130);
background-image: linear-gradient(top, #a6a6a6, #323130);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.btn a:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e0b0e', endColorstr = '#bf0811');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2e0b0e', endColorstr = '#bf0811')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #2e0b0e, #bf0811);
background-image: -ms-linear-gradient(top, #2e0b0e, #bf0811);
background-image: -o-linear-gradient(top, #2e0b0e, #bf0811);
background-image: -webkit-gradient(linear, center top, center bottom, from(#2e0b0e), to(#bf0811));
background-image: -webkit-linear-gradient(top, #2e0b0e, #bf0811);
background-image: linear-gradient(top, #2e0b0e, #bf0811);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}