﻿/*------------------------------------------------------------------------
施設ページ(横幅860px)
------------------------------------------------------------------------*/
html, body {
	background: url(../../images/facilities_bg.jpg) top center no-repeat;
}
/*------------------------------------------------------------------------
メインメニュー
------------------------------------------------------------------------*/
#g-nav {
	position:absolute;
	left: 0;
	top: 449px;
	width: 914px;
	height: 56px;
	z-index:100;
	overflow: hidden;
	_zoom: 1;
}
#g-nav ul li {
	float: left;
}
#g-nav ul li span{
	display: none;
}
a#nav1 {
	width: 118px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav01_off.gif) no-repeat;
}
a#nav2 {
	width: 148px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav02_off.gif) no-repeat;
}
a#nav3 {
	width: 124px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav03_off.gif) no-repeat;
}
a#nav4 {
	width: 119px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav04_off.gif) no-repeat;
}	
a#nav5 {
	width: 125px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav05_off.gif) no-repeat;
}
a#nav6 {
	width: 133px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav06_off.gif) no-repeat;
}
a#nav7 {
	width: 147px;
	height: 56px;
	display: block;
	background: url(../../images/faci_nav07_off.gif) no-repeat;
}
/*マウスオーバー
------------------------------------------------------------------------*/
a#nav1:hover {
	background: url(../../images/faci_nav01_on.gif) no-repeat;
}
a#nav2:hover {
	background: url(../../images/faci_nav02_on.gif) no-repeat;
}
a#nav3:hover {
	background: url(../../images/faci_nav03_on.gif) no-repeat;
}
a#nav4:hover {
	background: url(../../images/faci_nav04_on.gif) no-repeat;
}	
a#nav5:hover {
	background: url(../../images/faci_nav05_on.gif) no-repeat;
}
a#nav6:hover {
	background: url(../../images/faci_nav06_on.gif) no-repeat;
}
a#nav7:hover {
	background: url(../../images/faci_nav07_on.gif) no-repeat;
}


/*------------------------------------------------------------------------
サイドメニュー
------------------------------------------------------------------------*/
#faci-subNav {
	float: right;
	width: 207px;
}
#faci-subNav ul {
	margin: 0 0 10px 0;
}
#faci-subNav ul li {
	width: 207px;
	height: 45px;
	margin: 0;
	display: inline;
}
#faci-subNav ul li span{
	display: none;
}
a#subNav0 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_lagoon_off.gif) no-repeat;
}
a#subNav1 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav01_off.gif) no-repeat;
}
a#subNav2 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav02_off.gif) no-repeat;
}
a#subNav3 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav03_off.gif) no-repeat;
}
a#subNav4 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav04_off.gif) no-repeat;
}	
a#subNav5 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav05_off.gif) no-repeat;
}	
a#subNav6 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav06_off.gif) no-repeat;
}
a#subNav7 {
	width: 207px;
	height: 45px;
	display: block;
	background: url(../../images/faci_subnav07_off.gif) no-repeat;
}

/*マウスオーバー
------------------------------------------------------------------------*/
a#subNav0:hover {
	background: url(../../images/faci_lagoon_on.gif) no-repeat;
}

a#subNav1:hover {
	background: url(../../images/faci_subnav01_on.gif) no-repeat;
}
a#subNav2:hover {
	background: url(../../images/faci_subnav02_on.gif) no-repeat;
}
a#subNav3:hover {
	background: url(../../images/faci_subnav03_on.gif) no-repeat;
}
a#subNav4:hover {
	background: url(../../images/faci_subnav04_on.gif) no-repeat;
}	
a#subNav5:hover {
	background: url(../../images/faci_subnav05_on.gif) no-repeat;
}
a#subNav6:hover {
	background: url(../../images/faci_subnav06_on.gif) no-repeat;
}
a#subNav7:hover {
	background: url(../../images/faci_subnav07_on.gif) no-repeat;
}
ul#side-banner li {
	margin: 0 0 2px 0;
}
/*------------------------------------------------------------------------
各施設
------------------------------------------------------------------------*/
h5 {
	margin: 0 0 10px 20px;
}
h6 {
	margin: 0 0 10px 0;
}
.faci-wrap {
	margin: 0;
	overflow: hidden;
	_zoom: 1;
}

#faci-contents {
	float: left;
	width: 625px;
}
.faci-box {
	clear: both;
	margin: 0 0 30px 0;
	overflow: hidden;
	_zoom: 1;
}
.faci-box2 {
	margin: 0;
	background-image:url('../../images/faci_uraraka_bak.gif');
	background-repeat:no-repeat;
	margin: 0 0 30px 0;
	overflow: hidden;
	_zoom: 1;
}

.faci-img {
	float: left;
	margin: 0 10px 0 10px;
}
.faci-img2 {
	margin: 0 0 10px 10px;
}
.faci-img3 {
	float: left;
	width: 267px;
	margin: 0 10px 0 10px;
	display: inline;
}
.faci-img4 {
	float: right;
	margin: 0 10px 0 10px;
}

.faci-info-right {
	float: left;
	width: 310px;
}
.faci-img img,
.faci-img2 img {
	border: 1px solid #D4D4D4;
}
.faci-box p  {
	margin: 0 20px 15px 20px;
	line-height: 160%;
}
.faci-box p span {
	font-size: 10px;
}
.faci-info-right p{
	margin: 0 0 15px 0;
}
.faci-info {
	clear: both;
	margin: 0 10px 0 10px;
	padding: 15px 10px 15px 10px;
	border-top: 1px solid #E4BC96;
	border-bottom: 2px solid #E4BC96;
}
.faci-info2 {
	clear: both;
	margin: 0 10px 0 10px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #E4BC96;
}
.faci-info2-2 {
	clear: both;
	margin: 0 10px 0 10px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #E4BC96;
}
.faci-info table th {
	width: 120px;
	padding: 5px 5px 5px 0;
	text-align: left;
}
.faci-info table td {
	padding: 5px 5px 5px 0;
}
.faci-info table td span {
	color: #8B5C29;
	font-size: 10px;
} 
.faci-box dl {
	margin: 0 0 15px 0;
	overflow: hidden;
	_zoom: 1;
}
.faci-box dl dt {
	clear: both;
	float: left;
	width: 120px;
	margin: 5px 0 5px 0;
}
.faci-box dl dd {
	float: left;
	width: 180px;
	margin: 5px 0 5px 0;
}
.kaigi-table,
.esthe-table,
.esthe-table2 {
	clear: both;
	margin: 0 10px 0 10px;
	padding: 10px 10px 0 10px;
	border-bottom: 2px solid #E4BC96;
}
.esthe-table {
	border-bottom: 1px solid #E4BC96;
}
.esthe-table2 {
	padding: 0 10px 0 10px;
	border-bottom: none;
}
.kaigi-table p,
.esthe-table p  {
	margin: 0 0 15px 10px;
}
.kaigi-table table,
.esthe-table table,
.esthe-table2 table {
	margin: 0 0 10px 0;
	background: #BFBFBF;
}
.kaigi-table td,
.esthe-table td,
.esthe-table2 td{
	padding: 10px;
	background: #FFF;
	text-align: center;
	line-height: 120%;
	font-size: 10px;
}
.kaigi-table td.faci-room,
.esthe-table td.faci-room,
.esthe-table2 td.faci-room {
	font-size: 12px;
}
.kaigi-table th,
.esthe-table th,
.esthe-table2 th {
	padding: 10px 0 10px 0;
}
.kaigi-table th.col1,
.esthe-table th.col1 {
	width: 140px;
	background: #F5F5F5;
}
.esthe-table2 th.col1{
	background: #F5F5F5;
}
.kaigi-table th.col2,
.esthe-table th.col2, 
.esthe-table2 th.col2{
	background: #CCECF4;
}
.kaigi-table th.col3,
.esthe-table th.col3,
.esthe-table2 th.col3,{
	background: #F5FFCC;
}
.kaigi-table th.col4,
.esthe-table th.col4,
.esthe-table2 th.col4{
	background: #FFC;
}
ul#kaigi-other {
	margin: 0 0 0 10px;
}
ul#kaigi-other li {
	margin: 0 0 10px 0;
}
ul#kaigi-other li.sec-list {
	margin: 0 0 20px 0;
}
ul#kaigi-other li span {
	color: #8B5C29;
}
.esthe-table table.esthe{
	margin: 0 0 30px 0;
}
.esthe-table table.esthe td,
.esthe-table2 table.esthe td {
	padding: 10px;
	background: #FFF;
	text-align: left;
	line-height: 160%;
	font-size: 10px;
}
.esthe-table table.esthe td.center,
.esthe-table2 table.esthe td.center{
	text-align: center;
}
.esthe-table table.esthe td strong,
.esthe-table2 table.esthe td strong {
	font-size: 12px;
}
.esthe-table table.esthe td strong.course,
.esthe-table2 table.esthe td strong.course {
	color: #8B5C29;
}
.esthe-left {
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
	display: inline;
}
.esthe-left p{
	margin: 0 0 15px 10px;
}
.esthe-right {
	float: right;
	width: 380px;
}

