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

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

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */

/* ページタイトル画像 */
#header .unav_wrap {
	background: url(../hotspa/images/bg_title.jpg) no-repeat center;
	}

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

/* .con_top
----------------------------------------------------------- */
#main .con_top {
	background: url(../hotspa/images/bg_top.jpg) no-repeat top left;
	margin-bottom: 40px;
	width: 940px;
	margin-top: 30px;
	}
#main .con_top h3 {
	padding: 20px 0 0 21px;
	}
#main .con_top p {
	width: 317px;
	margin: 50px 0 0 21px;
	}
#main .con_top dl.time {
	width:843px;
	background:#ac9595;
	color:#FFF;
	padding:18px 0 18px 27px;
	margin:25px auto 0;
}
#main .con_top dl.time dt {
	font-weight:bold;
	margin-bottom:3px;
	font-size:105%;
}	

/* .con_spa
----------------------------------------------------------- */
#main .con_spa {
	clear: both;
	margin-bottom: 40px;
	overflow: hidden;
	}

#main #man {
	background: url(../hotspa/images/bg_man.jpg) no-repeat left top;
	}
#main #won {
	background: url(../hotspa/images/bg_wom.jpg) no-repeat right top;
	overflow: hidden;
	clear: both;
	}
#won .con_spa_wrap{
	float: right;
}

#main .con_spa .box_spa {
	overflow: hidden;
	margin-bottom: 35px;
	}
#main #man h3{
	margin: 0;
	}
#main #won h3{
	margin: 7px 17px 0 0px;
	}

#main .con_spa .box_spa .det_spa {
	overflow: hidden;
	height: 378px;
	width: 823px;
	}
#main .con_spa .box_spa .det_spa .tit_spa{
	width: 158px;
	overflow: hidden;
	}
#main .con_spa .box_spa .det_spa .tit_spa h4{
	float: left;
	}
#main .con_spa .box_spa .det_spa .tit_spa .txt_spa{
	float: left;
	margin-right: 15px;
	}
#main .con_spa .box_spa .det_spa .pict{
	width: 628px;
	}

/*するが*/
#suruga .det_spa .tit_spa{
	background: url(../hotspa/images/st_bg_suruga.png) no-repeat top;
	padding: 28px 0 0 37px;
	height: 350px
	}
/*やんも*/
#yanmo .det_spa .tit_spa{
	background: url(../hotspa/images/st_bg_yanmo.png) no-repeat top;
	padding: 28px 0 0 37px;
	height: 350px
	}
/*さがみ*/
#sagami .det_spa .tit_spa{
	background: url(../hotspa/images/st_bg_sagami.png) no-repeat top;
	padding: 28px 0 0 37px;
	height: 350px
	}
/*うらら*/
#urara .det_spa .tit_spa{
	background: url(../hotspa/images/st_bg_urara.png) no-repeat top;
	padding: 28px 0 0 37px;
	height: 350px
	}
/*スライダー*/
#main .bx-wrapper {
	position: relative;
	}
#main .bx-pager {
	overflow: hidden;
	margin-top: 10px;
	position: absolute;
	top: 320px;
	left: 20px;
	z-index: 100000;
	}	
#main .bx-pager .bx-pager-item {
	float: left;
	margin-right: 5px;
	}
#main .bx-pager .bx-pager-item img{
	border:3px solid #fff;
	width: 24px;
	height: 24px;
	}
#main .bx-pager .active img{
	border:3px solid #270707;
	}
	
/* .con_det
----------------------------------------------------------- */
#main .con_det {
	overflow: hidden;
	clear: both;
	margin-top: 60px;
	padding-bottom: 60px;
	}
#main .con_det div{
	width: 940px;
	margin: 10px auto 30px auto; 
	}
#main .con_det .con_sen .tbl_basic th{
	width: 20%;
	}
#main .con_det .con_dat p{
	background: url(../hotspa/images/bg_data.jpg) no-repeat left top;
	}
#main .con_det .con_sen table.tbl_basic {
	width:940px;
}
#main .con_det .con_sen table.tbl_basic tr th,
#main .con_det .con_sen table.tbl_basic tr td {
	padding-top:8px;
	padding-bottom:8px;
}



/*スライドショー1*/
/*=== 画像の表示エリア ================================= */
.slide-show_spa01 {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 628px;
  height     : 374px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-show_spa01 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 16s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide-show_spa01 img:nth-of-type(1) { animation-delay: 0s }
.slide-show_spa01 img:nth-of-type(2) { animation-delay: 4s }
.slide-show_spa01 img:nth-of-type(3) { animation-delay: 8s }
.slide-show_spa01 img:nth-of-type(4) { animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}


/*スライドショー2*/
/*=== 画像の表示エリア ================================= */
.slide-show_spa02 {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 628px;
  height     : 374px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-show_spa02 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 16s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide-show_spa02 img:nth-of-type(1) { animation-delay: 0s }
.slide-show_spa02 img:nth-of-type(2) { animation-delay: 4s }
.slide-show_spa02 img:nth-of-type(3) { animation-delay: 8s }
.slide-show_spa02 img:nth-of-type(4) { animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}


/*スライドショー3*/
/*=== 画像の表示エリア ================================= */
.slide-show_spa03 {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 628px;
  height     : 374px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-show_spa03 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 8s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide-show_spa03 img:nth-of-type(1) { animation-delay: 0s }
.slide-show_spa03 img:nth-of-type(2) { animation-delay: 4s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}


/*スライドショー4*/
/*=== 画像の表示エリア ================================= */
.slide-show_spa04 {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 628px;
  height     : 374px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide-show_spa04 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 8s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide-show_spa04 img:nth-of-type(1) { animation-delay: 0s }
.slide-show_spa04 img:nth-of-type(2) { animation-delay: 4s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}




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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}