@charset "UTF-8";

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

館内施設

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

#pagetit {
	background-image: url(../img/bg_pagetit.jpg);
}
#pagetit h2 {
	padding-left: 10%;
}
#pagetit h2 img {
	width: 48%;
}

#lead {
	background: url(../img/bg_lead.jpg) no-repeat left 1%;
	background-size: 100%;
}
#lead h3 {
	position: relative;
	float: left;
	width: 58.33%;
	margin:  20px 0 10px;
	z-index: 10;
}
#lead .pic {
	position: absolute;
	top: 0;
	right: 10px;
	width: 54%;
	max-width: 220px;
	margin: 0 -10px 0 -20px;
}
#lead p {
	position: relative;
	clear: both;
	width: 68%;
	z-index: 10;
}
#lead .pagelink {
	clear: both;
	padding: 20px 0 30px;
}

#facilities1 #sec01,
#facilities1 #sec03 {
	padding-top: 6px;
	padding-bottom: 30px;
	background: url(../img/bg_bar.jpg) repeat-x top, url(../img/bg_sec1_01.jpg) no-repeat top;
	background-size: 320px 6px, 100%;
}
#facilities1 #sec02 {
	padding-top: 6px;
	padding-bottom: 30px;
	background: url(../img/bg_bar.jpg) repeat-x top, url(../img/bg_sec2_01.jpg) no-repeat top;
	background-size: 320px 6px, 100%;
}
#facilities1 #sec04 {
	padding-top: 6px;
	padding-bottom: 20px;
	background: url(../img/bg_bar.jpg) repeat-x top;
	background-size: 320px 6px;
}



/* 癒しのフロア */
#facilities2 #lead .sublink img {
	vertical-align: top;
}
#facilities2 #lead .sublink li {
	float: left;
	width: 34%;
	margin-bottom: 15px;
	padding: 2px 0;
	background: url(../img/facilities2/bg_border_01.png) repeat-x left bottom;
	background-size: 51px 1px;
}
#facilities2 #lead .sublink li a {
	display: block;
	padding: 2px 5px 2px 4px;
	background: url(../img/facilities2/bg_border_02.png) repeat-y right top;
	background-size: 1px 18px;
}
#facilities2 #lead .sublink li:nth-of-type(3n + 1) {
	width: 32%;
}
#facilities2 #lead .sublink li:nth-of-type(3n + 1) a {
	padding-left: 0;
}
#facilities2 #lead .sublink li:nth-of-type(3n) a {
	padding-right: 0;
	background: none;
}


#facilities2 p:not(.tit) {
	padding-left: 10px;
	padding-right: 10px;
}
#facilities2 #lead p {
	padding: 0;
}
#facilities2 p + p {
	margin-top: 5px;
}
#facilities2 #sec01 {
	padding: 20px 0 30px;
}
#facilities2 #sec01 .bg {
	overflow: hidden;
	background: url(../img/facilities2/bg_sec1_01.jpg) no-repeat center 50%;
	background-size: 100%;
}
#facilities2 #sec01 h3 {
	margin-bottom: 15px;
}
#facilities2 #sec01 .pic01 {
	float: left;
	width: 36%;
	max-width: 160px;
}
#facilities2 #sec01 p {
	margin-bottom: 15px;
}
#facilities2 #sec02,
#facilities2 #sec04,
#facilities2 #sec06,
#facilities2 #sec08,
#facilities2 #sec10 {
	position: relative;
	padding-top: 6px;
	padding-bottom: 40px;
	background: url(../img/bg_bar.jpg) repeat-x top, url(../img/facilities2/bg_sec2_01.jpg) no-repeat top;
	background-size: 320px 6px, 100%;
}
#facilities2 #sec10 {
	padding-bottom: 20px;
}
#facilities2 #sec03,
#facilities2 #sec05,
#facilities2 #sec07,
#facilities2 #sec09 {
	position: relative;
	padding-top: 6px;
	padding-bottom: 40px;
	background: url(../img/bg_bar.jpg) repeat-x top, url(../img/facilities2/bg_sec3_01.jpg) no-repeat top;
	background-size: 320px 6px, 100%;
}
#facilities2 .pic02 {
	position: relative;
	z-index: 1;
}
#facilities2 .txt_pink {
	color: #EE6B6B;
}
#facilities2 #sec02 .tit,
#facilities2 #sec04 .tit,
#facilities2 #sec08 .tit,
#facilities2 #sec10 .tit {
	position: absolute;
	top: -14px;
	left: 8%;
	width: 17.8%;
}
#facilities2 #sec06 .tit,
#facilities2 #sec07 .tit {
	float: right;
	right: 0;
	width: 54%;
	margin: 10px 0 5px -20%;
}
#facilities2 #sec02 .pic01,
#facilities2 #sec04 .pic01,
#facilities2 #sec08 .pic01,
#facilities2 #sec10 .pic01 {
	width: 70%;
	float: right;
}
#facilities2 #sec06 .pic01,
#facilities2 #sec07 .pic01 {
	width: 50%;
	float: left;
	margin: 0 10px 5px 0;
}
#facilities2 #sec02 .pic02,
#facilities2 #sec04 .pic02,
#facilities2 #sec08 .pic02 {
	float: left;
	width: 43.75%;
	margin: -40px 10px 5px 10px;
}
#facilities2 #sec10 .pic02 {
	float: left;
	width: 43.75%;
	margin: -10px 10px 5px 10px;
}
#facilities2 #sec02 p,
#facilities2 #sec04 p,
#facilities2 #sec08 p,
#facilities2 #sec10 p {
	clear: right;
}
#facilities2 #sec06 p:not(.tit),
#facilities2 #sec07 p:not(.tit) {
	clear: right;
}

#facilities2 #sec03 .tit,
#facilities2 #sec05 .tit,
#facilities2 #sec09 .tit {
	position: absolute;
	top: -14px;
	right: 8%;
	width: 17.8%;
}
#facilities2 #sec03 .pic01,
#facilities2 #sec09 .pic01 {
	width: 66%;
	float: left;
}
#facilities2 #sec05 .pic01 {
	width: 70%;
	float: left;
}


#facilities2 #sec03 .pic02{
	float: right;
	width: 43.75%;
	margin: -20px 10px 10px 10px;
}
#facilities2 #sec05 .pic02 {
	float: right;
	width: 43.75%;
	margin: -40px 10px 10px 10px;
}
#facilities2 #sec09 .pic02 {
	float: right;
	width: 43.75%;
	margin: -8px 10px 10px 10px;
}
#facilities2 #sec03 p,
#facilities2 #sec05 p,
#facilities2 #sec09 p {
	clear: left;
}