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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル */
#facilities h2 {
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../facilities/images/title.gif) left top no-repeat;
}

/* メインメニューオン表示 */
#facilities ul#gnav li.nav_facilities a {
	background: url(../images/gnav.jpg) -485px -65px;
}

/* メインコピー */
#facilities p.copy_main {
	width: 720px;
	height: 15px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../facilities/images/main_copy.gif) left top no-repeat;
}


/*ページ内メニュー
------------------------------------------*/

/* 癒やし */
#facilities ul.pagenav li.bt_heal a {
	width: 140px;
	background: url(../facilities/images/bt_menu_heal.gif) left top no-repeat;	
}

/* ペットハウス */
#facilities ul.pagenav li.bt_pet a {
	width: 180px;
	background: url(../facilities/images/bt_menu_pet.gif) left top no-repeat;	
}

/* 館内施設紹介 */
#facilities ul.pagenav li.bt_faci a {
	width: 180px;
	background: url(../facilities/images/bt_menu_faci.gif) left top no-repeat;	
}

/* 施設概要 */
#facilities ul.pagenav li.bt_about a {
	width: 160px;
	background: url(../facilities/images/bt_menu_about_faci.gif) left top no-repeat;	
}



/* -----------------------------------------------------------
	コンテンツ部分
----------------------------------------------------------- */

/* 共通部分
------------------------------------------*/
#facilities div.txt ul {
	margin: 30px 0;
}

#facilities div.txt ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
}

#facilities div.txt ul li.faci01 {
	background: url(../facilities/images/icon_no01.gif) no-repeat left center;
}

#facilities div.txt ul li.faci02 {
	background: url(../facilities/images/icon_no02.gif) no-repeat left center;
}

#facilities div.txt ul li.faci03 {
	background: url(../facilities/images/icon_no03.gif) no-repeat left center;
}

#facilities div.txt ul li.faci04 {
	background: url(../facilities/images/icon_no04.gif) no-repeat left center;
}



/* キャッチ
------------------------------------------*/
#facilities div.catch {
	width: 720px;
	min-height: 377px;
	margin: 0 0 40px 0;
	background: url(../facilities/images/bg_catch.png) no-repeat 0 0;
}

#facilities div.catch h3 {
	display: none;
}

#facilities div.catch p.top {
	margin: 0 0 10px 0;
	padding: 250px 340px 0 0;
}

#facilities div.catch p.txt {
	padding: 0 340px 0 0;
}


/* 夕日
------------------------------------------*/
#facilities div.sunset {
	width: 720px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#facilities div.sunset p.photo {
	padding: 0 15px 0 0;
	float: left;
}

#facilities div.sunset div.txt {
	overflow: hidden;
}
#facilities div.sunset div.txt p {
	margin: 0 0 10px 0;
}


/* 癒やし
------------------------------------------*/
#facilities div.heal_con {
	width: 720px;
	margin: 0 0 100px 0;
	position: relative;
}

#facilities div.heal_con p.photo {
	position: absolute;
	top: 0;
	left: 0;
}

#facilities div.heal_con div.txt {
	width: 432px;
	margin: 0 0 40px 288px;
}

#facilities div.heal_con div.txt h3 {
	width: 432px;
	height: 51px;
	margin: 0 0 10px 0;
	background: url(../facilities/images/st_heal.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#facilities div.heal_con div.txt p {
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
}


/* 癒やし
------------------------------------------*/
#facilities div.pet_con {
	width: 720px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#facilities div.pet_con h3 {
	width: 720px;
	height: 54px;
	margin: 0 0 10px 0;
	background: url(../facilities/images/st_pet.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#facilities div.pet_con p.photo {
	padding: 20px 20px 0 20px;
	float: left;
}

#facilities div.pet_con div.txt {
	overflow: hidden;
}

#facilities div.pet_con div.txt dl {
	margin: 20px 0 0 0;
}

#facilities div.pet_con div.txt dl dd {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}


/* ロビー・館内施設
------------------------------------------*/
#facilities div.faci_con {
	width: 720px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#facilities div.faci_con h3 {
	width: 720px;
	height: 51px;
	margin: 0 0 10px 0;
	background: url(../facilities/images/st_faci.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#facilities div.faci_con p.photo {
	padding: 0 15px 0 0;
	float: left;
}

#facilities div.faci_con div.txt {
	overflow: hidden;
}

#facilities div.faci_con div.txt p {
	margin: 0 0 10px 0;
}

#facilities div.faci_con div.txt div.faci_list {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	background: url(../facilities/images/bg_faci_title.gif) no-repeat 0 0;
}


/* 宴会・会議場
------------------------------------------*/
#facilities div.banqueting_con {
	width: 720px;
	margin: 0 0 40px 0;
	overflow: hidden;
	position: relative;
}

#facilities div.banqueting_con p.photo {
	position: absolute;
	top: 0;
	left: 0;
}

#facilities div.banqueting_con div.txt {
	width: 343px;
	margin: 0 0 0 377px;
}

#facilities div.banqueting_con div.txt h3 {
	width: 343px;
	height: 51px;
	margin: 0 0 10px 0;
	background: url(../facilities/images/st_banqueting.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#facilities div.banqueting_con div.txt p {
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
}

#facilities div.banqueting_con div.txt ul {
	padding: 0 0 0 40px;
}


/* 施設概要
------------------------------------------*/
#facilities div.about_con {
	width: 720px;
	margin: 0 0 40px 0;
	overflow: hidden;
	position: relative;
}

#facilities div.about_con h3 {
	width: 720px;
	height: 30px;
	margin: 0 0 30px 0;
	background: url(../facilities/images/st_about_faci.gif) no-repeat 0 0;
	text-indent: -9999px;
}






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

	hack - 各種cssハック - for IE7

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

/* 高さ調整 */
*:first-child+html #facilities div.heal_con div.txt {margin: 0 0 0 288px;}


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

	hack - 各種cssハック - for IE6

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

/* 高さ調整 */
* html #facilities div.catch {height: 377px;}
* html #facilities div.heal_con div.txt {margin: 0 0 0 288px;}

/* 夕日テキスト回り込み対策 */
* html #facilities div.sunset div.txt,
* html #facilities div.pet_con div.txt,
* html #facilities div.faci_con div.txt{zoom: 1;}