@charset "utf-8";
/* ===================================================================
CSS information

 file name  :stay.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

/* ヘッダスラッシュ */
#stay #header h2 {
	margin:0;
	padding:0;
	width:100%;
	height:248px;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
	text-indent:-9999px;
}

/* h2  画像タイトル */
#stay #header h2 {
	background:url(../stay/images/title.jpg) center top no-repeat;
}


/*----------------------------------------------------
	
	#main	メイン	
	
----------------------------------------------------*/

/* -----------------------------------------------
	.tabmenu タブメニュー
-------------------------------------------------*/
#stay #main .tabmenu ul{
	background: url(../stay/images/btn_tabmenu.gif) no-repeat left top;
	height: 32px;
	overflow: hidden;
}

#stay #main .tabmenu ul li{
	float: left;
	display: inline;
	margin: 0 1px 0 0;
}

#stay #main .tabmenu ul li.li_10{
	margin: 0;
}

#stay #main .tabmenu ul li a{
	display: block;
	overflow: hidden;
	width: 69px;
	height: 32px;
	text-indent: -9999px;
}

#stay #main .tabmenu ul li.li_10 a{
	width: 67px;
}

/* hover */
#stay #main .tabmenu ul li a:hover{
	background: url(../stay/images/btn_tabmenu.gif);
}

#stay #main .tabmenu ul li.li_01 a:hover{
	background-position: 0 -32px;
}

#stay #main .tabmenu ul li.li_02 a:hover{
	background-position: -70px -32px;
}

#stay #main .tabmenu ul li.li_03 a:hover{
	background-position: -140px -32px;
}

#stay #main .tabmenu ul li.li_04 a:hover{
	background-position: -210px -32px;
}

#stay #main .tabmenu ul li.li_05 a:hover{
	background-position: -280px -32px;
}

#stay #main .tabmenu ul li.li_06 a:hover{
	background-position: -350px -32px;
}

#stay #main .tabmenu ul li.li_07 a:hover{
	background-position: -420px -32px;
}

#stay #main .tabmenu ul li.li_08 a:hover{
	background-position: -490px -32px;
}

#stay #main .tabmenu ul li.li_09 a:hover{
	background-position: -560px -32px;
}

#stay #main .tabmenu ul li.li_10 a:hover{
	background-position: -630px -32px;
}


/*---------------------------------------
	.cnt_intro 紹介文
-----------------------------------------*/
#stay #main .cnt_intro{
	margin: 42px 20px 32px 0;
	clear: both;
}

#stay #main .cnt_intro p{
	float: right;
}

/*---------------------------------------
	.cnt_stay 過ごし方共通
-----------------------------------------*/
#stay #main .cnt_stay{
	border: 1px solid #d9d9d9;
	margin: 37px 0 0 0;
	clear: both;
	background: url(../stay/images/bg_stay_cont.gif) repeat right top;
}

#stay #main .cnt_stay h4{
	width: 176px;
	float: left;
}

#stay #main .cnt_stay .cnt_right{
	width: 501px;
	float: right;
	display: inline;
	margin: 20px 10px 0 0;
}

#stay #main .cnt_stay .cnt_right p.txt{
	margin: 10px 0 20px 0;
	color: #000;
	width: 480px;
	line-height: 120%;
}

#stay #main .cnt_stay .cnt_right p.pic01{
	float: left;
	display: inline;
	margin: 0 1px 0 30px;
}

#stay #main .cnt_stay .cnt_right p.pic02{
	float: left;
	display: inline;
}

#stay #main .cnt_stay .cnt_right p.btns{
	float: right;
	display: inline;
}

/*--------------------------------------
	.arrival 石和温泉に到着
----------------------------------------*/
#stay #main .arrival .cnt_right .pic02{
	margin: 22px 0 0 0;
}

#stay #main .arrival .cnt_right .btns{
	margin: 82px 0 0 0;
}

/*---------------------------------------
	.checkin チェックイン
-----------------------------------------*/
#stay #main .checkin .cnt_right p.txt{
	margin-bottom: 10px;
}

#stay #main .checkin .cnt_right .btns{
	margin: 64px 10px 0 0;
}

/*---------------------------------------
	.hotspa お風呂
-----------------------------------------*/
#stay #main .hotspa .cnt_right .pic02{
	margin: 68px 0 0 0;
}

#stay #main .hotspa .cnt_right .btns{
	margin: 150px 0 0 0;
}

/*--------------------------------------
	.facilities 館内散策
----------------------------------------*/
#stay #main .facilities .cnt_right .btns{
	margin: 76px 0 0 0;
}

/*---------------------------------------
	.dining お料理
-----------------------------------------*/
#stay #main .dining .cnt_right p.pic01{
	margin-top: 70px;
}

#stay #main .dining .cnt_right .btns{
	margin: 120px 0 0 0;
}

/*--------------------------------------
	.relax 食後の寛ぎタイム
----------------------------------------*/
#stay #main .relax .cnt_right p.txt{
	margin-bottom: 10px;
}

#stay #main .relax .cnt_right .btns{
	margin: 65px 10px 0 0;
}

/*--------------------------------------
	.morningspa 朝風呂を楽しむ
----------------------------------------*/
#stay #main .morningspa .cnt_right .btns{
	margin: 78px 10px 0 0;
}

/*---------------------------------------
	.breakfast こだわりの朝食
-----------------------------------------*/
#stay #main .breakfast .cnt_right p.txt{
	margin-bottom: 35px;
}

#stay #main .breakfast .cnt_right .pic02{
	margin: 22px 0 0 0;
}

#stay #main .breakfast .cnt_right .btns{
	margin: 103px 0 0 0;
}

/*--------------------------------------
	.checkout チェックアウト
----------------------------------------*/
#stay #main .checkout .cnt_right .btns{
	margin: 0 10px 0 0;
}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
/* IE6で背景画像を表示する */
* html{}