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

 file name  : copy.css
 author     : Ability Consultant
style info  : ページ名
=================================================================== */

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

/*-----------------------------------------------------------
    gnavのactive設定
-----------------------------------------------------------*/
#hotspa #gnav ul li.gnav_hot a {
	background-position: bottom;
}

/*-----------------------------------------------------------
    .con_hotspa
-----------------------------------------------------------*/
.con_hotspa {
	padding: 0 0 60px;
}

.con_hotspa p {
	padding: 0 0 35px;
}

.con_hotspa ul {
	width: 570px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.con_hotspa ul li {
	height: 63px;
	float: left;
	overflow: hidden;
}

.con_hotspa ul li a {
	display: block;
	position: relative;
	top: 0;
}

.con_hotspa ul li a:hover {
	top: -63px;
}

/*-----------------------------------------------------------
    .box_hotspa
-----------------------------------------------------------*/
.box_hotspa {
	margin: -120px 0 0;
	padding: 120px 0 80px;
}

.box_hotspa .hotspa_title {
	overflow: hidden;
	*zoom: 1;
}

.box_hotspa .hotspa_title h3 {
	float: left;
}

.box_hotspa .hotspa_title p {
	padding: 5px 0 0;
	float: right;
	text-align: right;
}

.box_hotspa .wrap_hotspa {
	background: url(../hotspa/images/bg_hotspa_dotline.jpg) top repeat-x;
	padding: 25px 0 0;
	overflow: hidden;
	*zoom: 1;
}

.box_hotspa .wrap_hotspa .detail {
	padding: 0 40px 0 0;
}

.box_hotspa .wrap_hotspa .detail p {
	padding: 0 0 20px;
}

.box_hotspa .wrap_hotspa .detail .tbl_spa {
	width: 950px;
	margin: 15px 0 0;
}


.box_hotspa .wrap_panorama {
	width: 950px;
	background: url(../hotspa/images/bg_panorama_dotline.jpg) top repeat-x whitesmoke;
	padding: 25px 0 0;
	overflow: hidden;
	*zoom: 1;
}

.box_hotspa .wrap_panorama p {
	width: 910px;
	padding: 0 20px 30px;
	border-bottom: 1px #c7c6c6 dotted;
}

.box_hotspa .wrap_panorama .woman, .box_hotspa .wrap_panorama .man {
	padding: 30px 20px 40px;
}

.box_hotspa .wrap_panorama .woman h4, .box_hotspa .wrap_panorama .man h4 {
	padding: 0 0 25px;
}

.box_hotspa .wrap_panorama .woman p, .box_hotspa .wrap_panorama .man p {
	padding: 0 0 20px;
	border: none;
}


.box_hotspa .wrap_isobue {
	background: url(../hotspa/images/bg_hotspa_dotline.jpg) top repeat-x;
	margin: -120px 0 0;
	padding: 145px 0 0;
	overflow: hidden;
	*zoom: 1;
}

.box_hotspa .wrap_isobue .detail {
	padding: 0 40px 0 0;
}

.box_hotspa .wrap_isobue .detail p {
	padding: 0 0 20px;
}

.box_hotspa .wrap_isobue .detail .tbl_spa {
	width: 950px;
	margin: 15px 0 0;
}


.box_hotspa .bn_isobue {
	padding: 30px 0 0;
}

/*-----------------------------------------------------------
    .box_ikoi
-----------------------------------------------------------*/
.box_ikoi {
	overflow: hidden;
	*zoom: 1;
	background: url(../hotspa/images/bg_dotline.jpg) top repeat-x;
	padding: 30px 0 60px;
}

.box_ikoi .detail {
	margin: -120px 0 0;
	width: 250px;
	padding: 140px 40px 0 20px;
	float: left;
}

.box_ikoi .detail h3 {
	width: 250px;
	padding: 0 0 40px 0;
	text-align: center;
}

.box_ikoi .detail p {
	padding: 0 0 30px;
}

.box_ikoi .detail .tbl_faci {
	margin: 0 0 30px;
}

.box_ikoi .photo {
	width: 640px;
	float: right;
	padding: 0;
}


/*-----------------------------------------------------------
    .box_massage
-----------------------------------------------------------*/
.box_massage {
	overflow: hidden;
	*zoom: 1;
	background: url(../hotspa/images/bg_dotline.jpg) top repeat-x;
	padding: 30px 0 80px;
}

.box_massage .detail {
	margin: -120px 0 0;
	width: 250px;
	padding: 140px 40px 0 20px;
	float: left;
}

.box_massage .detail h3 {
	width: 250px;
	padding: 0 0 40px 0;
	text-align: center;
}

.box_massage .detail p {
	padding: 0 0 30px;
}

.box_massage .detail .tbl_faci {
	margin: 0 0 30px;
}

.box_massage .photo {
	width: 640px;
	float: right;
	padding: 0;
}

/*-----------------------------------------------------------
    .box_sakakibara
-----------------------------------------------------------*/
.box_sakakibara {
	padding: 26px 20px 15px;
	margin: 0 0 80px;
	border: 4px #f2f2f2 solid;
	background: #fafafa;
}

.box_sakakibara #lnk_sakakibara {
	margin: -120px 0 0;
	padding: 120px 0 0;
}

.box_sakakibara #lnk_sakakibara h3 {
	text-align: center;
	padding: 0 0 15px;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara {
	padding: 15px 0 0;
	border-top: 1px #d5d4d4 solid;
	background: url(../hotspa/images/bg_sakakibara.jpg) top right no-repeat;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara h4 {
	padding: 40px 0 15px;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara .ph_box {
	width: 902px;
	overflow: hidden;
	*zoom: 1;
	padding: 20px 0 15px;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara .ph_box .img {
	width: 324px;
	float: left;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara .ph_box .ph_wrap {
	width: 530px;
	float: right;
	padding: 100px 0 0 45px;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara .ph_box .ph_wrap h4 {
	padding: 0 0 15px;
}

.box_sakakibara #lnk_sakakibara .wrap_sakakibara .ph_box .ph_wrap p {
	width: 530px;
}

/*-----------------------------------------------------------
    .box_indication
-----------------------------------------------------------*/
.box_indication {
	padding: 120px 0 80px;
	margin: -120px 0 0;
}

.box_indication .wrap_indication {
	background: url(../hotspa/images/bg_hotspa_dotline.jpg) top repeat-x;
	padding: 35px 0 0;
}

.box_indication .wrap_indication .tbl_spa_info {
	width: 950px;
	margin: 0 0 35px;
}

.box_indication .ingredient {
	padding: 26px 14px 6px;
	border: 4px #f2f2f2 solid;
	background: #fafafa;
}

.box_indication .ingredient h4 {
	padding: 0 0 20px;
}

.box_indication .ingredient .detail {
	overflow: hidden;
	*zoom: 1;
}

.box_indication .ingredient .detail .youion {
	float: left;
	padding: 0 40px 0 0;
}

.box_indication .ingredient .detail .youion .tbl_faci_ban {
	width: 435px;
	margin: 0 0 30px;
}

.box_indication .ingredient .detail .inion {
	float: right;
}

.box_indication .ingredient .detail .inion .tbl_faci_ban {
	width: 435px;
	margin: 0 0 30px;
}
