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

 file name  :guestroom.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/***********************************************

	客室共通

************************************************/

/*----------------------------------------------------
	h2
		タイトル
----------------------------------------------------*/
#guestroom h2 {
	width: 690px;
	height: 60px;
	margin: 41px 0 20px 0;
	background: url(../guestroom/images/title_guestroom.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*----------------------------------------------------
	ul.tab_guestroom
		サブメニュー
----------------------------------------------------*/
#guestroom ul.tab_guestroom {
	width: 690px;
	height: 49px;
	margin: 0 0 25px 0;
	background: url(../guestroom/images/tab_guestroom.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#guestroom ul.tab_guestroom li {
	height: 49px;
	float: left;
}

#guestroom ul.tab_guestroom li a {
	height: 49px;
	display: block;
	overflow: hidden;
}

/* 客室トップ */
#guestroom ul.tab_guestroom li.tab_roomtop,
#guestroom ul.tab_guestroom li.tab_roomtop a {
	width: 173px;
}

#guestroom ul.tab_guestroom li.tab_roomtop a:hover,
#guestroom ul.tab_guestroom li.tab_roomtop a.active {
	width: 173px;
	background: url(../guestroom/images/tab_guestroom.gif) no-repeat 0 -49px;
}

/* 露天風呂付客室 */
#guestroom ul.tab_guestroom li.tab_rotsuki,
#guestroom ul.tab_guestroom li.tab_rotsuki a {
	width: 173px;
}

#guestroom ul.tab_guestroom li.tab_rotsuki a:hover,
#guestroom ul.tab_guestroom li.tab_rotsuki a.active {
	width: 173px;
	background: url(../guestroom/images/tab_guestroom.gif) no-repeat -173px -49px;
}

/* 内風呂付客室 */
#guestroom ul.tab_guestroom li.tab_uchiburo,
#guestroom ul.tab_guestroom li.tab_uchiburo a {
	width: 172px;
}

#guestroom ul.tab_guestroom li.tab_uchiburo a:hover,
#guestroom ul.tab_guestroom li.tab_uchiburo a.active {
	width: 172px;
	background: url(../guestroom/images/tab_guestroom.gif) no-repeat -346px -49px;
}

/* ボディーシャワー付客室 */
#guestroom ul.tab_guestroom li.tab_shower,
#guestroom ul.tab_guestroom li.tab_shower a {
	width: 172px;
}

#guestroom ul.tab_guestroom li.tab_shower a:hover,
#guestroom ul.tab_guestroom li.tab_shower a.active {
	width: 172px;
	background: url(../guestroom/images/tab_guestroom.gif) no-repeat -518px -49px;
}



/***********************************************

	客室TOP

************************************************/

/*----------------------------------------------------
	.co_main
		メイン
----------------------------------------------------*/
#guestroom .co_main {
	width: 690px;
	overflow: hidden;
}

#guestroom .co_main .co_main_l {
	width: 410px;
	float: left;
}

#guestroom .co_main .co_main_r {
	width: 230px;
	float: right;
}

#guestroom .co_main .co_main_r h3 {
	width: 200px;
	height: 277px;
	background: url(../guestroom/images/st_maincatch.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#guestroom .co_main .co_main_r p.btn_kannaizu {
	float: right;
}

#guestroom .co_main .co_main_r p.txt_main {
	width: 230px;
	height: 260px;
	background: url(../guestroom/images/txt_main.gif) no-repeat 0 0;
	text-indent: -9999px;
	clear: both;
}

/* .co_guestroom
		館内見取り図と書く客室へのバナー
----------------------------------------------------------- */
#guestroom .co_guestroom {
	width: 690px;
	overflow: hidden;
	margin: 0 0 40px 0;
}

#guestroom .co_guestroom .co_guestroom_l {
	width: 210px;
	float: left;
}

#guestroom .co_guestroom .co_guestroom_r {
	width: 420px;
	float: right;
}

/* 各客室へのバナー
----------------------------------------------------------- */
/* グローバルメニューOFF */
#guestroom .co_guestroom .co_guestroom_r ul {
	width: 380px;
	height: 330px;
	background: url(../guestroom/images/btn_guestroom.jpg) no-repeat 0 0;
	margin: 60px 0 0 0;
}

#guestroom .co_guestroom .co_guestroom_r ul li {
	text-indent: -9999px;
	float: left;
}

#guestroom .co_guestroom .co_guestroom_r ul li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

#guestroom .co_guestroom .co_guestroom_r ul li.rotsuki a,
#guestroom .co_guestroom .co_guestroom_r ul li.uchiburo a,
#guestroom .co_guestroom .co_guestroom_r ul li.shower a {
	width: 120px;
	height: 330px;
}

#guestroom .co_guestroom .co_guestroom_r ul li.rotsuki a,
#guestroom .co_guestroom .co_guestroom_r ul li.uchiburo a {
	margin-right: 10px;
}

/* グローバルメニューON */
#guestroom .co_guestroom .co_guestroom_r ul li a:hover {
	background: url(../guestroom/images/btn_guestroom_on.jpg) ;
}

#guestroom .co_guestroom .co_guestroom_r ul li.uchiburo a:hover {
	background-position: -130px 0;
}

#guestroom .co_guestroom .co_guestroom_r ul li.shower a:hover {
	background-position: -260px 0;
}


/*----------------------------------------------------
	.co_tokuten
		宿泊特典
----------------------------------------------------*/
#guestroom #co_tokuten {
	width: 690px;
	height: 240px;
	margin: 0 0 40px 0;
	background: url(../guestroom/images/img_tokuten.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden
}

#guestroom #co_tokuten h4 {
	width: 44px;
	height: 159px;
	margin: 40px 0 0 580px;
}

#guestroom #co_tokuten h4 a {
	width: 44px;
	height: 159px;
	display: block;
	overflow: hidden;
}


/*----------------------------------------------------
	.co_iroyukata
		色浴衣
----------------------------------------------------*/
#guestroom .co_iroyukata {
	width: 690px;
	margin:0 0 30px 0;
	overflow: hidden;
	clear: both;
}

#guestroom .co_iroyukata h4 {
	width: 690px;
	height: 35px;
	padding: 0 0 15px 0;
	background: url(../guestroom/images/st_iroyukata.gif) no-repeat 0 0;
	text-indent: -9999px;	
}

#guestroom .co_iroyukata .co_iroyukata_l {
	width: 470px;
	float: left;
}

#guestroom .co_iroyukata .co_iroyukata_l h5 {
	line-height: 3;
}

#guestroom .co_iroyukata .co_iroyukata_r {
	width: 200px;
	float: right;
}

/*----------------------------------------------------
	.co_roomgaiyou
		客室概要
----------------------------------------------------*/
#guestroom .co_roomgaiyou {
	width: 690px;
	margin:0 0 60px 0;
	overflow: hidden;
	clear: both;
}

#guestroom .co_roomgaiyou h4 {
	width: 690px;
	height: 35px;
	padding: 0 0 15px 0;
	background: url(../guestroom/images/st_gaiyou.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#guestroom .co_roomgaiyou table {
	width: 690px;
	line-height: 1.2;
}

#guestroom .co_roomgaiyou table th {
	text-align: center;
	width: 160px;
	padding: 10px 40px 10px 20px;
	border-bottom: 1px #000 dotted;
}

#guestroom .co_roomgaiyou table td {
	padding: 10px 0 10px 0;
	border-bottom: 1px #000 dotted;
}


/***********************************************

	露天風呂客室

************************************************/


/*----------------------------------------------------
	h3
		サブタイトル
----------------------------------------------------*/
#guestroom h3.st_rotsuki {
	width: 690px;
	height: 35px;
	margin: 0 0 25px 0;
	background: url(../guestroom/images/rotsuki/st_rotsuki.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*----------------------------------------------------
	.co_rotsuki
		各客室の設定
----------------------------------------------------*/

/* 共通設定 */
#guestroom div.co_rotsuki {
	width: 690px;
	margin:0 0 40px 0;
	overflow: hidden;
	clear: both; 
}

#guestroom div.co_rotsuki .co_rotsuki_l {
	width: 260px;
	float: left;
}

#guestroom div.co_rotsuki .co_rotsuki_l h4 {
	width: 260px;
	margin: 0 0 40px 0;
	text-indent: -9999px;	
}

#guestroom div.co_rotsuki .co_rotsuki_l p.roomno {
	width: 150px;
	margin: 0 auto 20px auto;
	text-align: center;
}

#guestroom div.co_rotsuki .co_rotsuki_l p.btn_plan {
	width: 150px;
	margin: 0 auto;
}

#guestroom div.co_rotsuki .co_rotsuki_r {
	width: 390px;
	float: right;
}

/* 端月の間 */
#guestroom div.co_rotsuki h4.st_tangetsu {
	height: 170px;
	background: url(../guestroom/images/rotsuki/st_tangetsu.gif) no-repeat 0 0;
}

/* 麗月の間 */
#guestroom div.co_rotsuki h4.st_reigetsu {
	height: 170px;
	background: url(../guestroom/images/rotsuki/st_reigetsu.gif) no-repeat 0 0;
}

/* 早月の間 */
#guestroom div.co_rotsuki h4.st_sougetsu {
	height: 170px;
	background: url(../guestroom/images/rotsuki/st_sougetsu.gif) no-repeat 0 0;
}

/* 葵月の間 */
#guestroom div.co_rotsuki h4.st_aoitsuki {
	height: 170px;
	background: url(../guestroom/images/rotsuki/st_aoitsuki.gif) no-repeat 0 0;
}

/* 花咲月の間 */
#guestroom div.co_rotsuki h4.st_hanasaki {
	height: 205px;
	background: url(../guestroom/images/rotsuki/st_hanasaki.gif) no-repeat 0 0;
}

/* おぼろ月の間 */
#guestroom div.co_rotsuki h4.st_oboro {
	height: 235px;
	background: url(../guestroom/images/rotsuki/st_oboro.gif) no-repeat 0 0;
}

/* 夢見月の間 */
#guestroom div.co_rotsuki h4.st_yumemi {
	height: 205px;
	background: url(../guestroom/images/rotsuki/st_yumemi.gif) no-repeat 0 0;
}

/***********************************************

	内風呂付客室

************************************************/


/*----------------------------------------------------
	h3
		サブタイトル
----------------------------------------------------*/
#guestroom h3.st_uchiburo {
	width: 690px;
	height: 35px;
	margin: 0 0 25px 0;
	background: url(../guestroom/images/uchiburo/st_uchiburo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*----------------------------------------------------
	.co_rotsuki
		各客室の設定
----------------------------------------------------*/

/* 共通設定 */
#guestroom div.co_uchiburo {
	width: 690px;
	margin:0 0 40px 0;
	overflow: hidden;
	clear: both; 
}

#guestroom div.co_uchiburo .co_uchiburo_l {
	width: 260px;
	float: left;
}

#guestroom div.co_uchiburo .co_uchiburo_l h4 {
	width: 260px;
	margin: 0 0 20px 0;
	text-indent: -9999px;	
}

#guestroom div.co_uchiburo .co_uchiburo_l p.roomno {
	width: 150px;
	margin: 0 auto 40px auto;
	text-align: center;
}

#guestroom div.co_uchiburo .co_uchiburo_l p.btn_plan {
	width: 150px;
	margin: 0 auto;
}

#guestroom div.co_uchiburo .co_uchiburo_r {
	width: 390px;
	float: right;
}

/* 嘉月の間 */
#guestroom div.co_uchiburo h4.st_kagetsu {
	height: 170px;
	background: url(../guestroom/images/uchiburo/st_kagetsu.gif) no-repeat 0 0;
}

/* 鳥月の間 */
#guestroom div.co_uchiburo h4.st_chougetsu {
	height: 170px;
	background: url(../guestroom/images/uchiburo/st_chougetsu.gif) no-repeat 0 0;
}

/* 桜月の間 */
#guestroom div.co_uchiburo h4.st_sakura {
	height: 170px;
	background: url(../guestroom/images/uchiburo/st_sakura.gif) no-repeat 0 0;
}


/***********************************************

	ボディシャワー付客室

************************************************/


/*----------------------------------------------------
	h3
		サブタイトル
----------------------------------------------------*/
#guestroom h3.st_shower {
	width: 690px;
	height: 35px;
	margin: 0 0 25px 0;
	background: url(../guestroom/images/shower/st_shower.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/*----------------------------------------------------
	.co_rotsuki
		各客室の設定
----------------------------------------------------*/

/* 共通設定 */
#guestroom div.co_shower {
	width: 690px;
	margin:0 0 40px 0;
	overflow: hidden;
	clear: both; 
}

#guestroom div.co_shower .co_shower_l {
	width: 260px;
	float: left;
}

#guestroom div.co_shower .co_shower_l h4 {
	width: 260px;
	margin: 0 0 20px 0;
	text-indent: -9999px;	
}

#guestroom div.co_shower .co_shower_l p.roomno {
	width: 150px;
	margin: 0 auto 40px auto;
	text-align: center;
}

#guestroom div.co_shower .co_shower_l p.btn_plan {
	width: 150px;
	margin: 0 auto;
}

#guestroom div.co_shower .co_shower_r {
	width: 390px;
	float: right;
}

/* 蘭月の間 */
#guestroom div.co_shower h4.st_ran {
	height: 170px;
	background: url(../guestroom/images/shower/st_ran.gif) no-repeat 0 0;
}

/* 萩月の間 */
#guestroom div.co_shower h4.st_hagi {
	height: 170px;
	background: url(../guestroom/images/shower/st_hagi.gif) no-repeat 0 0;
}

/* 玄月の間 */
#guestroom div.co_shower h4.st_gen {
	height: 170px;
	background: url(../guestroom/images/shower/st_gen.gif) no-repeat 0 0;
}

/* 陽月の間 */
#guestroom div.co_shower h4.st_you {
	height: 170px;
	background: url(../guestroom/images/shower/st_you.gif) no-repeat 0 0;
}

/* 神楽月の間 */
#guestroom div.co_shower h4.st_kagura {
	height: 200px;
	background: url(../guestroom/images/shower/st_kagura.gif) no-repeat 0 0;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}