@charset "Shift_JIS";


/*===========================================================

とっておきのホテルページ用css

============================================================*/

/*===========================================================

本文

============================================================*/
*{
	margin:0;
	padding:0;
}


body#hotel_detail {
	height:100%;
	color:#666;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	font-family: Verdana, Arial, Helvetica, clean, sans-serif;
	margin:0 17px 0 15px;
	width:400px;
}

body#hotel_detail address{
	clear:both;
	display:block;
	width:100%;
	float:left; /* clear-fix代用 */
	border-top:1px solid #bebebd;
	padding:9px 0;
	margin-top:10px;
	line-height:1;
	text-align:center;
}

/* ↓ここからwinIE7以下すべて用 */
body#hotel_detail address{
	*float:none;
}
/* ↑ここまでwinIE7以下すべて用 */

/*------------------------------------------------------------
 ページタイトル
-------------------------------------------------------------*/

/* ホテルタイトル */

body#hotel_detail h3{
	background:url(../images/mesh_gg_8px.gif) repeat-x left bottom;
	color:#1f1f1f;
	font-size:160%;
	padding: 0 0 10px 0;
	margin:10px 0 10px 0;
}

body#hotel_detail h3 span{
	font-size:80%;
}

/*------------------------------------------------------------
画像系
-------------------------------------------------------------*/
body#hotel_detail img{
	text-align:left;
	padding: 0 0 10px 0;
	_margin-bottom:10px;
}

body#hotel_detail address img{
	padding:0;
	margin:0;
}

/*------------------------------------------------------------
 テキスト系
-------------------------------------------------------------*/

body#hotel_detail p{
	clear:both;
	margin-bottom:10px;
	padding:0 0 5px 0;
	line-height:1.4;
}


body#hotel_detail div.step{
	clear:both;
	padding-top:10px;
	line-height:1.3;
	font-size:72%;
	width:400px;
}


body#hotel_detail div.step img{
	padding:0 0 3px 0;
	margin-bottom:3px;
}


/* 説明文などの位置関係が特殊パターン
   [シャレー アーベントロー] 専用 */
body#hotel_detail div.step_atypical{
	clear:both;
	line-height:1.3;
	width:400px;
}

body#hotel_detail div.step_atypical img.float{
	float:right;
}

body#hotel_detail div.step_atypical .float_left{
	width:140px;
	float:left;
}

body#hotel_detail div.step_atypical p{
	float:left;
	padding:0 5px 5px 2px;
	line-height:1.4;
}

/* 説明文などの位置関係が特殊パターン
   [ラ・マーニャ]・[ベットマーホフ] 専用 */

body#hotel_detail div.step_atypical2{
	line-height:1.3;
	width:400px;
}

body#hotel_detail div.step_atypical2 img.float{
	float:left;
	padding-right:10px;
	_margin-right:10px;/* IE6 */
}

body#hotel_detail div.step_atypical2 img.float2{
	float:right;
	padding-left:10px;
}

/*------------------------------------------------------------
 ２段組テキスト
-------------------------------------------------------------*/
body#hotel_detail div.step_double{
	clear:both;
	margin-top:10px;
	padding-top:10px;
	line-height:1.3;
	font-size:80%;
	width:400px;
}


/*------------------------------------------------------------
 ２段組テキスト（左サイド）
-------------------------------------------------------------*/
body#hotel_detail div.step_double div.left{
	width:196px;
	padding:0 0 3px 0;
	float:left;
	font-size:90%;
}

/*------------------------------------------------------------
 ２段組テキスト（右サイド）
-------------------------------------------------------------*/
body#hotel_detail div.step_double div.right{
	padding:0 0 0 205px;
	font-size:90%;
}


* html body#hotel_detail div.step_double div.right{
	width:195px;
	padding:0 0 3px 0;
	float:right;
	font-size:90%;
}

body#hotel_detail div.step_double img{
	padding:0 0 3px 0;
	margin-bottom:3px;
}