@charset "utf-8";
/* ===================================================================
CSS information

 file name  :faci.css
 author     :Ability Consultant
style info  :館内施設ページ設定　ハックは最下部に記述

 1. 画像切替共通
 2. index.html 館内施設
 3. convention.html 宴会場・コンベンション
 4. garden.html 和庭園
 5. shop.html その他の施設
 6. shop.html 売店
=================================================================== */


/*----------------------------------------------------
	画像切替共通
----------------------------------------------------*/
#faci .con_faci_cn .list_faci_cn {
	width: 690px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#faci .con_faci_cn .list_faci_cn h4 {
	margin: 0 0 10px 0;
}
ｈ2
#faci .con_faci_cn .list_faci_cn h5 {
	margin: 0 0 10px 0;
	color: #114c5b;
}

#faci .con_faci_cn .list_faci_cn .txt {
	width: 280px;
	float: left;
}

#faci .con_faci_cn .list_faci_cn .txt p {
	margin: 0 0 10px 0;
}

/* テーブル */
#faci .con_faci_cn .list_faci_cn .txt table {
	width: 100%;
	margin: 0 0 10px 0;
}

#faci .con_faci_cn .list_faci_cn .txt table th {
	width: 30%;
	text-align: center;
}

#faci .con_faci_cn .list_faci_cn .txt table caption span {
	color: #1e7393;
}

/* 画像切り替えボタン部分 */
#faci .con_faci_cn .list_faci_cn .txt .con_bt {
	width: 280px;
	overflow: hidden;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p {
	margin: 0 5px 0 0;
	float: left;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p a {
	width: 55px;
	height: 70px;
	padding: 5px;
	background: url(../images/bg_change_off.gif) no-repeat 0 0;
	display: block;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p a:hover,
#faci .con_faci_cn .list_faci_cn .txt .con_bt p a.active {
	background: url(../images/bg_change_on.gif) no-repeat 0 0;
}

#faci .con_faci_cn .list_faci_cn .photo {
	width: 395px;
	float: right;
}




/*----------------------------------------------------
	index.html 館内施設
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#faci .con_catch {
	width: 690px;
	padding: 285px 0 50px 0;
	background: url(../facilities/images/bg_catch.jpg) no-repeat 0 0;
}

#faci .con_catch h2 {
	margin: 0 0 5px 0;
}

#faci .con_catch .txt {
	margin: 0 0 0 230px;
}

#faci .con_catch .map {
	margin: 20px 0 0 175px;
}


/* con_intro 案内
----------------------------------------------------*/
#faci .con_intro {
	width: 690px;
	margin: 0 0 60px 0;
}

#faci .con_intro .txt {
	width: 690px;
	padding: 15px 0 20px 0;
}

#faci .con_intro .box_btintro {
	width: 690px;
	overflow: hidden;
}

#faci .con_intro .box_btintro p {
	margin: 0 15px 10px 0;
	float: left;
}

#faci .con_intro .box_btintro .last {
	margin: 0;
}



/*----------------------------------------------------
	convention.html 宴会場・コンベンション
----------------------------------------------------*/

/* con_catch_convention キャッチ
----------------------------------------------------*/
#faci .con_catch_convention {
	width: 690px;
	margin: 0 0 30px 0;
}

#faci .con_catch_convention h2 {
	margin: 0 0 10px 0;
}

#faci .con_catch_convention h3 {
	margin: 10px 0 10px 0;
}

/* con_mee 会議室
----------------------------------------------------*/
#faci .con_mee {
	width: 690px;
	overflow: hidden;
}

#faci .con_mee_ven{
	width: 690px;
	margin: 0 0 50px 0;
	overflow: hidden;
}

#faci .con_mee h3 {
	margin: 0 0 15px 0;
}

#faci .con_mee h4 {
	margin: 0 0 15px 0;
}

#faci .con_mee .txt {
	width: 285px;
	float: left;
}

#faci .con_mee .txt table {
	width: 285px;
	margin: 0 0 30px 0;
}

#faci .con_mee .txt table th {
	width: 30%;
	text-align: center;
}

#faci .con_mee .photo {
	width: 375px;
	float: right;
}

#faci .con_mee h5 {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/ic_midashi.gif) no-repeat left center;
	clear: both;
}

/* box_party 宴会場のご案内
-----------------------------------------------*/
#faci .con_party .box_party {
	width: 690px;
	margin: 30px 0 50px 0;
	overflow: hidden;
}

/* 大宴会場 */
#faci .con_party .box_party .party_dai {
	width: 295px;
	padding: 0 0 0 45px;
	float: left;
	position: relative;
}

#faci .con_party .box_party .party_dai .con_bt {
	width: 140px;
	margin: 10px 0 0 0;
	padding: 0 0 0 155px;
	text-align: right;
	overflow: hidden;
}

#faci .con_party .box_party .party_dai .con_bt p {
	margin: 0 0 0 5px;
}

#faci .con_party .box_party .party_dai .ic_tag {
	position: absolute;
	top: 150px;
	left: 10px;
}

/* 小宴会場 */
#faci .con_party .box_party .party_syo {
	width: 295px;
	padding: 0 0 0 45px;
	float: right;
	position: relative;
}

#faci .con_party .box_party .party_syo .con_bt {
	width: 140px;
	margin: 10px 0 0 0;
	padding: 0 0 0 155px;
	text-align: right;
	overflow: hidden;
}

#faci .con_party .box_party .party_syo .con_bt p {
	margin: 0 0 0 5px;
}

#faci .con_party .box_party .party_syo .ic_tag {
	position: absolute;
	top: 150px;
	left: 10px;
}


/* 画像切り替えボタン部分 */
#faci .con_party .con_bt {
	width: 65px;
	float: right;
	overflow: hidden;
}

#faci .con_party .con_bt p {
	margin: 0 5px 5px 0;
	float: left;
}

#faci .con_party .con_bt p a {
	width: 55px;
	height: 70px;
	padding: 5px;
	background: url(../images/bg_change_off.gif) no-repeat 0 0;
	display: block;
}

#faci .con_party .con_bt p a:hover,
#faci .con_party .con_bt p a.active {
	background: url(../images/bg_change_on.gif) no-repeat 0 0;
}


/* テキスト */
#faci .con_party p.txt {
	width: 260px;
	margin: 30px 30px 0 30px;
	clear: both;
	float: left;
	overflow: hidden;
}

/* テーブル */
#faci .con_party table {
	margin: 30px 0 0 0;
	width: 370px;
	float: right;
}

#faci .con_party table th {
	width: 100px;
}

/*----------------------------------------------------
	garden.html 和庭園
----------------------------------------------------*/
/* con_catch_pool キャッチ
----------------------------------------------------*/
#faci .con_catch_gard {
	width: 690px;
	min-height: 530px;
	margin: 0 0 50px 0;
	background: url(../../coganoi/facilities/images/garden/bg_garden.jpg) no-repeat 0 320px;
}

#faci .con_catch_gard h2 {
	margin: 0 0 10px 0;
}

#faci .con_catch_gard h3 {
	margin: 0 0 10px 0;
}

#faci .con_catch_gard .catch_gard {
	width: 680px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#faci .catch_gard .txt {
	width: 390px;
	float: left;
}

#faci .con_catch_gard .txt  p {
	margin: 0 0 10px 0;
}



/*----------------------------------------------------
	other.html その他の施設
----------------------------------------------------*/

/* con_catch_other キャッチ
----------------------------------------------------*/
#faci .con_catch_other {
	width: 690px;
	overflow: hidden:;
}

#faci .con_catch_other h2 {
	margin: 0 0 10px 0;
}


/* con_catch_other キャッチ
----------------------------------------------------*/
#faci .con_other {
	width: 690px;
	margin: 0 0 50px 0;
	overflow: hidden;
	position: relative;
}

#faci .con_other h3 {
	margin: 0 0 10px 0;
}

#faci .con_other p {
	margin: 0 0 30px 0;
}

#faci .con_other .txt {
	width: 285px;
	float: left;
}

#faci .con_other .txt table {
	width: 285px;
	margin: 0 0 30px 0;
}

#faci .con_other .txt table th {
	width: 30%;
	text-align: center;
}

#faci .con_other .photo {
	width: 375px;
	float: right;
}

/* box_menu マッサージメニューエリア[共通]
----------------------------------------------------*/
#faci .con_other img.shiatsu {
	position: absolute;
	top: 240px;
	left: 45px;
}


#faci .box_menu {
	width: 660px;
	padding: 10px 15px 20px 15px;
	background: url(../facilities/images/other/bg_menu.gif) no-repeat 0 0 #f4f3eb;
	clear: both;
}

#faci .box_menu h4 {
	margin: 0 0 1px 0;
}

#faci .box_menu p {
	margin: 0;
}

#faci .box_menu table {
	width: 660px;
	margin: 0 0 20px 0;
}

#faci .box_menu table th {
	width: 75%;
}

#faci .box_menu table th span {
	font-weight: normal;
}

#faci .box_menu table td {
	background-color: #fffef3;
	text-align: center;
}

#faci .box_menu table td span {
	color: #990000;
	font-weight: bold;
}

/* ライン */
#faci .box_menu .line_menu {
	width: 100%;
	height: 2px;
	margin: 15px 0;
	background: url(../../coganoi/facilities/images/other/ic_line_menu.gif) no-repeat 0 0;
}



/*----------------------------------------------------
	shop.html 売店
----------------------------------------------------*/

/* con_catch_shop キャッチ
----------------------------------------------------*/
#faci .con_catch_shop {
	width: 690px;
	padding: 0 0 20px 0;
	background: url(../../coganoi/facilities/images/shop/bg_photo.jpg) no-repeat right bottom;
	overflow: hidden;
}

#faci .con_catch_shop h2 {
	margin: 0 0 10px 0;
}

#faci .con_catch_shop p {
}

#faci .con_catch_shop .txt {
	float: right;
	width: 207px;
	padding: 0 20px 0 0;
}

/* con_osusume おすすめお土産
----------------------------------------------------*/
#faci .con_osusume {
	width: 690px;
	margin: 0 0 60px 0;
	padding: 0 0 8px 0;
	background-color: #8d6e42;
	clear: both;
}

#faci .con_osusume p {
	width: 674px;
	margin: 0 auto;
	overflow: hidden;
}



/* con_ninki 人気のお土産
----------------------------------------------------*/
#faci .con_ninki {
	width: 690px;
	margin: 0 0 60px 0;
	padding: 0 0 8px 0;
	background-color: #c7aa85;
}

#faci .con_ninki .box_ninki {
	width: 674px;
	margin: 0 auto;
	background-color: #f4f3eb;
}

#faci .con_ninki .box_ninki .list_goods {
	width: 674px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#faci .con_ninki .box_ninki .list_goods .txt {
	width: 365px;
	float: left;
}

#faci .con_ninki .box_ninki .list_goods .txt h4 {
	margin: 10px 0 10px 0;
}

#faci .con_ninki .box_ninki .list_goods .txt p {
	padding: 0 0 0 25px;
}

#faci .con_ninki .box_ninki .list_goods .photo {
	width: 270px;
	float: right;
}

#faci .con_ninki .box_ninki .line_goods {
	height: 2px;
	background: url(../facilities/images/shop/ic_line.gif) no-repeat center top;
	clear: both;
}





















/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}