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

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



/*----------------------------------------------------
	.m_page		ページメニュー
----------------------------------------------------*/
#contents .m_page li {
	width:200px;
}
#contents .m_page li.m_top a {
	background: url(../hotspring/images/menu_top.jpg) 0 0 repeat;
}
#contents .m_page li.m_bok a {
	background: url(../hotspring/images/menu_takinoyu.jpg) 0 0 repeat;
}
#contents .m_page li.m_gen a {
	background: url(../hotspring/images/menu_isonoyu.jpg) 0 0 repeat;
}
#contents .m_page li.m_pri a {
	background: url(../hotspring/images/menu_private.jpg) 0 0 repeat;
}
#contents .m_page li.m_one a {
	background: url(../hotspring/images/menu_oneday.jpg) 0 0 repeat;
}

#hotspring .m_page li a:hover ,
#hotspring.m_top .m_page li.m_top a ,
#hotspring.m_bok .m_page li.m_bok a ,
#hotspring.m_gen .m_page li.m_gen a ,
#hotspring.m_pri .m_page li.m_pri a ,
#hotspring.m_one .m_page li.m_one a {
	background-position:left 60px;
}


/*----------------------------------------------------
	.subnav		サブナビ
----------------------------------------------------*/

/*	トップ
----------------------------------------------------*/
.m_top #contents .subnav li.sb_01 a {
	background: url(../hotspring/images/top/sb_01.gif) 0 0 no-repeat;
}

.m_top #contents .subnav li.sb_02 a {
	background: url(../hotspring/images/top/sb_02.gif) 0 0 no-repeat;
}

.m_top #contents .subnav li.sb_03 a {
	background: url(../hotspring/images/top/sb_03.gif) 0 0 no-repeat;
}

.m_top #contents .subnav li.sb_04 a {
	background: url(../hotspring/images/top/sb_04.gif) 0 0 no-repeat;
}

.m_top #contents .subnav li a:hover,
.m_top #contents .subnav li a.active {
	background-position: -130px 0;
}


/*	忘帰洞
----------------------------------------------------*/
.m_bok #contents .subnav li.sb_01 a {
	background: url(../hotspring/images/boukido/sb_01.gif) 0 0 no-repeat;
}

.m_bok #contents .subnav li.sb_02 a {
	background: url(../hotspring/images/boukido/sb_02.gif) 0 0 no-repeat;
}

.m_bok #contents .subnav li.sb_03 a {
	background: url(../hotspring/images/boukido/sb_03.gif) 0 0 no-repeat;
}

.m_bok #contents .subnav li a:hover,
.m_bok #contents .subnav li a.active {
	background-position: -130px 0;
}

/*	天然洞窟風呂 玄武洞 
----------------------------------------------------*/
.m_gen #contents .subnav li.sb_01 a {
	background: url(../hotspring/images/genbudo/sb_01.gif) 0 0 no-repeat;
}

.m_gen #contents .subnav li.sb_02 a {
	background: url(../hotspring/images/genbudo/sb_02.gif) 0 0 no-repeat;
}

.m_gen #contents .subnav li a:hover,
.m_gen #contents .subnav li a.active {
	background-position: -130px 0;
}


/*	貸切露天風呂
----------------------------------------------------*/
.m_pri #contents .subnav li.sb_01 a {
	background: url(../hotspring/images/private/sb_01.gif) 0 0 no-repeat;
}

.m_pri #contents .subnav li.sb_02 a {
	background: url(../hotspring/images/private/sb_02.gif) 0 0 no-repeat;
}

.m_pri #contents .subnav li.sb_03 a {
	background: url(../hotspring/images/private/sb_03.gif) 0 0 no-repeat;
}

.m_pri #contents .subnav li.sb_04 a {
	background: url(../hotspring/images/private/sb_04.gif) 0 0 no-repeat;
}

.m_pri #contents .subnav li a:hover,
.m_pri #contents .subnav li a.active {
	background-position: -130px 0;
}


/*	日帰り温泉
----------------------------------------------------*/
.m_one #contents .subnav li.sb_01 a {
	background: url(../hotspring/images/oneday/sb_01.gif) 0 0 no-repeat;
}

.m_one #contents .subnav li.sb_02 a {
	background: url(../hotspring/images/oneday/sb_02.gif) 0 0 no-repeat;
}

.m_one #contents .subnav li.sb_03 a {
	background: url(../hotspring/images/oneday/sb_03.gif) 0 0 no-repeat;
}

.m_one #contents .subnav li.sb_04 a {
	background: url(../hotspring/images/oneday/sb_04.gif) 0 0 no-repeat;
}

.m_one #contents .subnav li a:hover,
.m_one #contents .subnav li a.active {
	background-position: -130px 0;
}


/* -----------------------------------------------------------

	index.php

----------------------------------------------------------- */

/* -----------------------------------------------------------
	#con_slide
----------------------------------------------------------- */
#hotspring #con_slide {
	height:440px;
	position:relative;
	z-index:1;
}
#hotspring.m_top #con_slide ,
#homepage #main_visial ,
#homepage #main_visial_top {
	height: 440px;
}
#hotspring.m_top #con_slide #pager a {
	display:block;
	z-index:999;
	position:absolute;
	top: 190px;
}
#hotspring.m_top #con_slide .prev {
	left:20px;
}
#hotspring.m_top #con_slide #pager {
	width:1000px;
	position:relative;
	margin:0 auto;
	z-index:10;
}
#hotspring.m_top #con_slide #pager a {
	display:block;
	z-index:10;
	font-size:1px;
	line-height:0;
	width:70px;
	height:100px;
	text-indent:-9999px;
}
#hotspring.m_top #con_slide #pager a.prev {
	background: url(../images/home/main_buttoons.png) left top no-repeat;
}

#hotspring.m_top #con_slide .next {
	right:20px;
}
#hotspring.m_top #con_slide #pager a.next {
	background: url(../images/home/main_buttoons.png) right top no-repeat;
}


#hotspring #con_slide h2 {
	height: 320px;
	position:relative;
	margin: 0 auto;
	text-align: center;
	padding: 120px 0 0 0;
	z-index:5;
}
#hotspring #con_slide .sc_area {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:0;
}
#hotspring #con_slide .txt_scroll {
	position: absolute;
	top: 265px;
	right: 100px;
	z-index: 999;
}


/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
#hotspring.m_top #contents .con_intro {
	background: url(../hotspring/images/top/bg_multiple_spa.jpg) center top no-repeat ;
	position:relative;
	margin:0 auto;
	padding-bottom:70px;
}
#hotspring.m_top #contents .con_intro h3 {
	text-indent:-9999px;
	font-size:1px;
	line-height:0;
}
/* box_multiple */
#hotspring.m_top #contents .con_intro .box_multiple {
	width:1000px;
	margin:0 auto;
	height:743px;
	position:relative;
}
#hotspring.m_top #contents .con_intro .box_multiple h4 {
	position:absolute;
	right:8px;
	top:300px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li {
	position:absolute;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn1 {
	left:296px;
	top:95px;
	width:205px;
	height:172px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn2f {
	left:624px;
	top:490px;
	width:160px;
	height:135px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn2t {
	left:400px;
	top:562px;
	width:160px;
	height:135px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn3 {
	left:19px;
	top:126px;
	width:160px;
	height:135px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn4 {
	left:0px;
	top:395px;
	width:160px;
	height:135px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn5 {
	left:535px;
	top:216px;
	width:165px;
	height:140px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn6 {
	left:706px;
	top:320px;
	width:165px;
	height:140px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn7 {
	left:241px;
	top:276px;
	width:125px;
	height:35px;
}
#hotspring.m_top #contents .con_intro .box_multiple ul li.btn8 {
	left:160px;
	top:643px;
	width:205px;
	height:35px;
}

/* box_rally */
#hotspring.m_top #contents .con_intro .box_rally {
	width:1000px;
	position:relative;
	z-index:1;
	min-height:300px;
	color:#fff;
	margin:0 auto;
}
#hotspring.m_top #contents .con_intro .box_rally .left {
	width:636px;
}

#hotspring.m_top #contents .con_intro .box_rally .left .st {
	width:636px;
	padding:0 0 20px 0;
	overflow:hidden;
}
#hotspring.m_top #contents .con_intro .box_rally .left .st p.photo {
	float:left;
	width:179px;
}
#hotspring.m_top #contents .con_intro .box_rally .left .st .detail {
	float:left;
	width:454px;
}
#hotspring.m_top #contents .con_intro .box_rally .left .st .detail h4 {
	padding:0 0 11px 0;
}
#hotspring.m_top #contents .con_intro .box_rally .left .st .detail p.btnlink {
	text-align:right;
	padding:12px 0 0 0;
}

#hotspring.m_top #contents .con_intro .box_rally .left .kakenagashi {
	width:600px;
	overflow:hidden;
	padding:8px 15px;
	border:1px dotted #b8baba;
}
#hotspring.m_top #contents .con_intro .box_rally .left .kakenagashi h4 {
	float:left;
	width:77px;
}
#hotspring.m_top #contents .con_intro .box_rally .left .kakenagashi .detail {
	float:left;
	width:522px;
}
#hotspring.m_top #contents .con_intro .box_rally .left .kakenagashi .detail h5 {
	padding:8px 0 12px 0;
}
#hotspring.m_top #contents .con_intro .box_rally .left .kakenagashi .detail p.txt strong {
	color:#fe8a8a;
}

#hotspring.m_top #contents .con_intro .box_rally .movie {
	float:left;
	width:364px;
	padding:22px 0 0 0;
}
#hotspring.m_top #contents .con_intro .box_rally .movie p.btn {
	position:absolute;
	left:630px;
	top:0;
	z-index:10;
}
#hotspring.m_top #contents .con_intro .box_rally .movie p.movieimage {
	position:absolute;
	top:26px;
	left:650px;
	z-index:5;
}


/* -----------------------------------------------------------
	.con_springinfo
----------------------------------------------------------- */
#hotspring.m_top #contents .con_springinfo {
	margin:0 auto;
	padding:60px 0 0 0;
}
#hotspring.m_top #contents .con_springinfo h3 {
	text-align:center;
}
#hotspring.m_top #contents .con_springinfo p.txt {
	text-align:center;
	padding:19px 0 28px 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo {
	margin:0 auto;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spainfo  {
	padding:70px 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea p.photo {
	float:left;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail {
	float:left;
}

/* #spa1 */
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa1 ,
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa3 {
	background: url(../hotspring/images/top/bg_genbu.jpg) center top;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa1 .spainfo ,
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa3 .spainfo {
	background: url(../hotspring/images/top/bg_genbu_head.jpg) center top repeat-x;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa1 p.photo {
	width:736px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa1 .spaarea .detail {
	width:264px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail h4 {
	padding:0 0 24px 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.txt {
	padding:0 0 56px 0;
	text-align:left;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.txt_bou {
	padding:0 0 25px 0;
	text-align:left;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.txt_ei {
	text-align:left;
	font-weight: bold;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.txt_ei_bou {
	padding:0 0 25px 0;
	text-align:left;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.txt_ei02 {
	padding:0 0 25px 0;
	text-align:left;
	font-weight: bold;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.btnlink {
	padding:0 0 24px 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo .spaarea .detail p.rice2 {
	font-size:85%;
}


/* #spa2 */
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2f .spainfo {
	padding:70px 0 20px 0;
	background: url(../hotspring/images/top/bg_iso.jpg) center top repeat-x;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2s .spainfo {
	padding:0 0 70px 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2f .photo ,
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2s .photo {
	float:right;
	width:635px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2f .detail ,
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa2s .detail {
	width:335px;
	float:right;
	padding:0 30px 0 0;
}

/* #spa3 */

#hotspring.m_top #contents .con_springinfo .box_spainfo#spa3 p.photo {
	width:745px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa3 .spaarea .detail {
	width:255px;
}

/* #spa4 */
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa4 .spainfo {
	background: url(../hotspring/images/top/bg_iso.jpg) center top repeat-x;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa4 p.photo {
	float:right;
	width:670px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa4 .spaarea .detail {
	float:right;
	width:285px;
	padding:0 45px 0 0;
}

/* #spa5 */
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa5 p.photo {
	width:740px;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa5 .spaarea .detail {
	width:260px;
}

/* #spa6 */
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa6 .spaarea .detail {
	width:255px;
	padding:0 35px 0 0;
}
#hotspring.m_top #contents .con_springinfo .box_spainfo#spa6 p.photo {
	width:710px;
}


/* -----------------------------------------------------------
	.con_stamp
----------------------------------------------------------- */
#hotspring.m_top #contents .con_stamp {
	margin:0 auto;
	background: url(../hotspring/images/top/bg_rally.jpg) center top;
	padding:0 0 70px 0;
}
#hotspring.m_top #contents .con_stamp h3 {
	background: url(../hotspring/images/top/bg_rally_head.jpg) center top repeat-x;
	padding:70px 0 15px 0;
	text-align:center;
}
#hotspring.m_top #contents .con_stamp p.txt {
	text-align:center;
	padding:0 0 15px 0;
}
#hotspring.m_top #contents .con_stamp p.image {
	text-align:center;
	padding:0 0 40px 0;
}
#hotspring.m_top #contents .con_stamp .box_flow {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#hotspring.m_top #contents .con_stamp .box_flow dl {
	float:left;
	width:252px;
}
#hotspring.m_top #contents .con_stamp .box_flow dl.step1 ,
#hotspring.m_top #contents .con_stamp .box_flow dl.step2 {
	padding:0 60px 0 10px;
	background: url(../hotspring/images/top/img_rightarrow.png) right 48px no-repeat;
}
#hotspring.m_top #contents .con_stamp .box_flow dl dt {
	text-align:center;
	padding:0 0 15px 0;
}
#hotspring.m_top #contents .con_stamp .box_flow dl dd {
	padding:0 0 0 35px;
}

#hotspring.m_top #contents .con_stamp .box_flow dl.step1 dd {
	background: url(../hotspring/images/top/ic_step1.jpg) left top no-repeat;
}
#hotspring.m_top #contents .con_stamp .box_flow dl.step2 dd {
	background: url(../hotspring/images/top/ic_step2.jpg) left top no-repeat;
}#hotspring.m_top #contents .con_stamp .box_flow dl.step3 dd {
	background: url(../hotspring/images/top/ic_step3.jpg) left top no-repeat;
}
#hotspring.m_top #contents .con_stamp .box_flow dl.step3 {
	padding:0 0 0 10px;
}

/* -----------------------------------------------------------
	.con_useinfo
----------------------------------------------------------- */
#hotspring.m_top #contents .con_useinfo {
	margin:0 auto;
	padding:70px 0;
	background: url(../hotspring/images/top/bg_iso.jpg) center top repeat-x;
}
#hotspring.m_top #contents .con_useinfo h3 {
	text-align:center;
	padding:0 0 50px 0;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo {
	width:903px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 50px 97px;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo h4 {
	float:left;
	width:50px;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo .detail {
	float:left;
	width:850px;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo .detail h5 {
	font-size:115%;
	padding:0 0 9px 0;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo .detail p.txt {
	padding:0 0 17px 0;
}
#hotspring.m_top #contents .con_useinfo .box_useinfo .detail ul li {
	text-indent:-1em;
	padding:0 0 0 1em;
}

#hotspring.m_top #contents .con_useinfo .box_kounou {
	width:903px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 50px 97px;
}
#hotspring.m_top #contents .con_useinfo .box_kounou h4 {
	float:left;
	width:50px;
}
#hotspring.m_top #contents .con_useinfo .box_kounou .detail {
	float:left;
	width:850px;
}
#hotspring.m_top #contents .con_useinfo .box_kounou .detail table {
	width:98%;
}
#hotspring.m_top #contents .con_useinfo .box_kounou .detail table th ,
#hotspring.m_top #contents .con_useinfo .box_kounou .detail table td {
	padding:8px 14px;
	border:1px solid #fff;
	border-collapse:collapse;
}
#hotspring.m_top #contents .con_useinfo .box_kounou .detail table th {
	background:#dde8ed;
	text-align:center;
	vertical-align:middle;
}


/* -----------------------------------------------------------

	takinoyu.php

----------------------------------------------------------- */

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#hotspring.m_bok #contents {
	background: url(../hotspring/images/boukido/bg_main.jpg) center top no-repeat #000000;
}
/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#hotspring.m_bok #contents ,
#hotspring.m_gen #contents {
	padding:20px 0 70px 0;
	color:#fff;
}
#hotspring.m_bok #contents #topicpath li a,
#hotspring.m_gen #contents #topicpath li a {
	background: url(../images/ic_topicpath.png) right center no-repeat;
}

#hotspring.m_bok #contents a ,
#hotspring.m_gen #contents a {
	color:#fff;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
#hotspring.m_bok .con_intro {
	margin:0 auto;
	width:1000px;
	padding:10px 0 140px 0;
}
/* .box_intro */
#hotspring.m_bok .con_intro .box_intro {
	width:1000px;
	overflow:hidden;
	text-align:left;
	padding:0 0 48px 0;
}
#hotspring.m_bok .con_intro .box_intro h2 {
	float:right;
	width:126px;
	padding:8px 0 0 0;
}
#hotspring.m_bok .con_intro .box_intro p {
	float:right;
	width:874px;
}

/* .box_yuudai */
#hotspring.m_bok .con_intro .box_yuudai {
	width:1000px;
	overflow:hidden;
	padding:0 0 40px 0;
}
#hotspring.m_bok .con_intro .box_yuudai h3 {
	float:left;
	width:116px;
	padding:0 0 0 33px;
}
#hotspring.m_bok .con_intro .box_yuudai .detail {
	float:left;
	width:825px;
}
#hotspring.m_bok .con_intro .box_yuudai .detail p.txt {
	padding:0 0 20px 0;
}
#hotspring.m_bok .con_intro .box_yuudai .detail p.txt_ei {
	text-align: left;
	font-size: 15px;
	padding-top: 9px;
	color: #F0EAAB;
}

/* .movie */
#hotspring.m_bok .box_movie {
	margin: 0 auto;
	width: 640px;
	position: relative;
	padding: 10px;
	text-align: center;
	background: #e8e7e7;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px#000;
	box-shadow: 0 0 10px #000;
}

#hotspring.m_bok .box_movie .btn {
	position: absolute;
	right: -60px;
    top: -70px;
}

#hotspring.m_bok.box_movie .wrp_movie {
	margin: 0 auto;
	width: 640px;
	height: 360px;
}

#hotspring.m_bok .con_intro .image {
	text-align: center;
}


#hotspring.m_bok .con_intro .movie .txt {
	text-align: center;
	padding: 50px 0 28px 0;
}
#hotspring.m_bok .con_intro .movie p.image {
	padding:0 0 0 19px;
}

/* -----------------------------------------------------------
	.con_indoor
----------------------------------------------------------- */
#hotspring .con_indoor{
	text-align: center;
	margin: 0 auto 100px;
}


/* -----------------------------------------------------------
	#con_gallery
----------------------------------------------------------- */
#hotspring #con_gallery {
	width:1000px;
	padding:0 0 110px 0;
	margin:0 auto;
}

#hotspring #con_gallery h3 {
	text-align:center;
	padding:0 0 32px 0;
}
#hotspring #con_gallery p.txt {
	text-align:center;
	padding:0 0 33px 0;
}

#hotspring #con_gallery #con_slide {
	height:600px;
}
#hotspring #con_gallery .flexslider {
	width:750px;
	height:580px;
	margin:0 auto;
	padding:0 0 15px 0;
}


#hotspring #con_gallery .flexslider ul.slides {
	overflow:hidden;
	height:500px;
}
#hotspring #con_gallery .flexslider ul.slides li {
	display:none;
}

#hotspring #con_gallery p.rice {
	width:750px;
	margin:0 auto;
}


/*	.flexsliderサムネ
----------------------------------------------------*/
#hotspring #con_gallery .flexslider .flex-control-nav{
	position:absolute;
	left:123px;
	top:528px;
	width:755px;
}
#hotspring #con_gallery .flexslider .flex-control-nav li{
	float:left;
	width:94px;
}
#hotspring #con_gallery .flexslider .flex-control-nav li a {
	display:block;
	width:78px;
	height:54px;
	font-size:1px;
	line-height:0;
	cursor:pointer;
	border:3px solid #b0b0b0;
	text-indent:-9999px;
}
#hotspring #con_gallery .flexslider .flex-control-nav li a:hover,
#hotspring #con_gallery .flexslider .flex-control-nav li a.flex-active {
	border:3px solid #be0000;
}

/* 各サムネイル画像指定（忘帰洞） */
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb1 a {
	background: url(../hotspring/images/boukido/btn_sumb1.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb2 a {
	background: url(../hotspring/images/boukido/btn_sumb2.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb3 a {
	background: url(../hotspring/images/boukido/btn_sumb3.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb4 a {
	background: url(../hotspring/images/boukido/btn_sumb4.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb5 a {
	background: url(../hotspring/images/boukido/btn_sumb5.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb6 a {
	background: url(../hotspring/images/boukido/btn_sumb6.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb7 a {
	background: url(../hotspring/images/boukido/btn_sumb7.jpg) left top no-repeat;
}
#hotspring.m_bok #con_gallery .flexslider .flex-control-nav li.sumb8 a {
	background: url(../hotspring/images/boukido/btn_sumb8.jpg) left top no-repeat;
}


/* 各サムネイル画像指定（房起動） */
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb1 a {
	background: url(../hotspring/images/genbudo/btn_sumb1.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb2 a {
	background: url(../hotspring/images/genbudo/btn_sumb2.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb3 a {
	background: url(../hotspring/images/genbudo/btn_sumb3.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb4 a {
	background: url(../hotspring/images/genbudo/btn_sumb4.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb5 a {
	background: url(../hotspring/images/genbudo/btn_sumb5.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb6 a {
	background: url(../hotspring/images/genbudo/btn_sumb6.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb7 a {
	background: url(../hotspring/images/genbudo/btn_sumb7.jpg) left top no-repeat;
}
#hotspring.m_gen #con_gallery .flexslider .flex-control-nav li.sumb8 a {
	background: url(../hotspring/images/genbudo/btn_sumb8.jpg) left top no-repeat;
}


/*	.flexsliderページャー
----------------------------------------------------*/
#hotspring #con_gallery .flexslider .flex-direction-nav{
}
#hotspring #con_gallery .flexslider .flex-direction-nav a {
	display: block;
	z-index: 999;
	text-indent:-9999px;
	font-size:1px;
	line-height:0;
	width:70px;
	height:100px;
	position: absolute;
	top: 260px;
}
#hotspring #con_gallery .flexslider .flex-direction-nav a.flex-prev {
	background: url(../images/home/main_buttoons.png) left top no-repeat;
	left:20px;
}
#hotspring #con_gallery .flexslider .flex-direction-nav a.flex-next {
	background: url(../images/home/main_buttoons.png) right top no-repeat;
	right:20px;
}


/* con_slide */
#hotspring #con_galler #con_slide {
	height:600px;
	position:relative;
	z-index:1;
}
#hotspring #con_galler #con_slide #thum {
	position:absolute;
	left:123px;
	top:525px;
	width:750px;
}
#hotspring #con_galler #con_slide #thum ul {
	width:750px;
	overflow:hidden;
}
#hotspring #con_galler #con_slide #thum li {
	float:left;
	width:95px;
}
#hotspring #con_galler #con_slide #thum li a {
	display:block;
	width:80px;
	cursor:pointer;
	height:54px;
	border:3px solid #b0b0b0;
}
#hotspring #con_galler #con_slide #thum li a.active {
	border:3px solid #be0000;
}

/* pager */
#hotspring #con_galler #con_slide #pager a {
	display:block;
	z-index:999;
	position:absolute;
	top: 260px;
}
#hotspring #con_galler #con_slide .prev {
	left:20px;
}
#hotspring #con_galler #con_slide .next {
	right:20px;
}

#hotspring #con_galler #con_gallery .rice {
	width:750px;
	margin:0 auto;
}


/* -----------------------------------------------------------

	isonoyu.php

----------------------------------------------------------- */

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#hotspring.m_gen #contents {
	background: url(../hotspring/images/genbudo/bg_main.jpg) center top no-repeat #000000;
	color:#fff;
}
#hotspring.m_gen #contents a {
	color:#fff;
}


/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
#hotspring.m_gen .con_intro {
	margin:0 auto;
	width:1000px;
	padding:10px 0 140px 0;
}
/* .box_intro */
#hotspring.m_gen .con_intro .box_intro {
	width:1000px;
	overflow:hidden;
	text-align:left;
	padding:0 0 48px 0;
}
#hotspring.m_gen .con_intro .box_intro h2 {
	float:right;
	width:126px;
	padding:8px 0 0 0;
}
#hotspring.m_gen .con_intro .box_intro p {
	float:right;
	width:874px;
}

/* .box_yuudai */
#hotspring.m_gen .con_intro .box_info {
	width:1000px;
	overflow:hidden;
	padding:0 0 40px 0;
}
#hotspring.m_gen .con_intro .box_info p.txt {
	padding:0 0 20px 0;
}
#hotspring.m_gen .con_intro .box_info p.txt_ei {
	text-align: left;
	font-size: 15px;
	padding-top: 9px;
	color: #F0EAAB;
}

/* -----------------------------------------------------------

	oneday.php

----------------------------------------------------------- */

/* -----------------------------------------------------------
	#con_slide
----------------------------------------------------------- */
#hotspring.m_one #con_slide h2 {
	width: 100%;
	height: 320px;
	margin: 0 auto;
	text-align: center;
	padding: 120px 0 0 0;
	background: url(../hotspring/images/oneday/img_main.jpg) no-repeat top center;
}

/* -----------------------------------------------------------
	.con_points
----------------------------------------------------------- */
#hotspring.m_one .con_points {
	background: url(../hotspring/images/bg_points.gif) center top repeat-x;
	margin:0 auto;
	padding:0 0 45px 0;
	color: #101010;
}
#hotspring.m_one .con_points h3 {
	text-align:center;
	padding:0 0 32px 0;
}
#hotspring.m_one .con_points .box_points {
	margin:0 auto;
}
#hotspring.m_one .con_points .box_points ul {
	width:650px;
	overflow:hidden;
	margin: 0 auto;
}
#hotspring.m_one .con_points .box_points ul li {
	float:left;
	width:300px;
	padding:0 50px 0 0;
	margin:0;
}
#hotspring.m_one .con_points .box_points ul li.end {
	padding:0;
}
#hotspring.m_one .con_points .box_points ul li h4 {
	padding:0 0 4px 0;
}
#hotspring.m_one .con_points .box_points ul li p.photo {
	padding:0 0 10px 0;
}
#hotspring.m_one .con_points .box_points ul li p.btn_detail {
	padding:18px 0 0 0 ;
	text-align:right;
}

/* -----------------------------------------------------------
	.con_hot_spring  ホテル浦島の温泉
----------------------------------------------------------- */
#hotspring.m_one .con_hot_spring {
	width: 100%;
	background: #232323;
	padding: 55px 0 70px;
	color: #FFF;
}
#hotspring.m_one .con_hot_spring h3 {
	text-align: center;
}
#hotspring.m_one .con_hot_spring p.txt {
	text-align: center;
	margin-bottom: 35px;
}
#hotspring.m_one .con_hot_spring ul.cave_type {
	width: 537px;
	margin: 0 auto 35px;
	overflow: hidden;
}
#hotspring.m_one .con_hot_spring ul.cave_type li {
	float: left;
	padding-right: 17px;
	line-height: 0;
}
#hotspring.m_one .con_hot_spring ul.cave_type li.last {
	padding-right: 0;
}
#hotspring.m_one .con_hot_spring ul.bath_type {
	width: 795px;
	margin: 0 auto 35px;
	overflow: hidden;
}
#hotspring.m_one .con_hot_spring ul.bath_type li {
	float: left;
	padding-right: 17px;
	line-height: 0;
}
#hotspring.m_one .con_hot_spring ul.bath_type li.last {
	padding-right: 0;
}

#hotspring.m_one .con_hot_spring p.btn {
	text-align: center;
	line-height: 0;
}

/* -----------------------------------------------------------
	.con_day_use  日帰り利用のご案内
----------------------------------------------------------- */
#hotspring.m_one .con_day_use {
	width: 100%;
	padding: 75px 0 35px;
	overflow: hidden;
}
#hotspring.m_one .con_day_use h3 {
	text-align: center;
	margin-bottom: 40px;
}

/*--- テーブル設定 */
#hotspring table.infotable {
	width: 768px;
	height: auto;
	font-weight:normal;
}
#hotspring table.infotable th {
	width: 200px;
}
#hotspring table.infotable th {
/*	width: 140px;*/
	border: 1px solid #fff;
	text-align: center;
	padding: 10px;
/*	padding: 5px 10px 5px 10px;*/
	background: #dde8ed;
	color:#000;
	font-weight:normal;
}

#hotspring table.infotable .left {
	text-align: left;
	padding: 5px 15px;
}

#hotspring table.infotable td {
	background: #f7f7f7;
	border: 1px solid #312516;
	padding: 5px 15px;
	text-align: center;
	text-align: left;
	border: 1px solid #fff;
	color:#000;
	font-weight:normal;
}

#hotspring.m_one .con_day_use dl {
	width: 810px;
	margin: 0 auto 35px;
}
#hotspring.m_one .con_day_use dt {
	float: left;
}
#hotspring.m_one .con_day_use dd {
	padding-left: 40px;
}

#hotspring.m_one .con_day_use dl.box_acc_how dd {
	color: #000;
}

#hotspring.m_one .con_day_use dl.box_acc_how dd p {
	margin-bottom: 15px;
}
#hotspring.m_one .con_day_use dl.box_acc_how dd p.photo {
	float: left;
	padding-right: 15px;
}
#hotspring.m_one .con_day_use dl.box_acc_how dd p.btn {
	text-align: right;
}

/*--- 営業時間のご案内 */
#hotspring .hot_time {
	width: 795px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 35px;
}
#hotspring .hot_annai {
    font-size: 18px;
    padding: 14px 0 5px
}
#hotspring .atten {
    padding-top: 5px
}
#hotspring .hot_time table.infotable {
	width: 795px;
	height: auto;
	font-weight:normal;
}
#hotspring .hot_time table.infotable th {
	width: 200px;
}
#hotspring .hot_time table.infotable th {
/*	width: 140px;*/
	border: 1px solid #fff;
	text-align: center;
	padding: 10px;
/*	padding: 5px 10px 5px 10px;*/
	background: #e3e7e9;
	color:#000;
	font-weight:normal;
}

#hotspring .hot_time table.infotable .left {
	text-align: left;
	padding: 5px 15px;
}

#hotspring .hot_time table.infotable td {
	background: #f7f7f7;
	border: 1px solid #312516;
	padding: 5px 15px;
	text-align: center;
	text-align: left;
	border: 1px solid #fff;
	color:#000;
	font-weight:normal;
}

/* -----------------------------------------------------------
	.con_day_use  日帰り利用のご案内
----------------------------------------------------------- */
#hotspring.m_one .con_short_stay {
	width: 100%;
	background: url(../hotspring/images/bg_hotspa_gray.gif) top left repeat;
	overflow: hidden;
	color: #000;
}
#hotspring.m_one .con_short_stay .box_short_wrapper {
	background: url(../hotspring/images/bg_grayline.png) top left repeat-x;
	width: 100%;
	padding: 65px 0 0;
}

#hotspring.m_one .con_short_stay .box_short_wrapper h3 {
	text-align: center;
	line-height: 0;
	margin-bottom: 15px;
}
#hotspring.m_one .con_short_stay .box_short_wrapper p {
	text-align: center;
	margin-bottom: 40px;
}
#hotspring.m_one .con_short_stay .box_short_stay {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto 30px;
}
#hotspring.m_one .con_short_stay .box_short_stay .con_l {
	float: left;
	width: 526px;
}
#hotspring.m_one .con_short_stay .box_short_stay .con_r {
	float: right;
	width: 430px;
}
#hotspring.m_one .con_short_stay .box_short_stay .con_r p {
	text-align: left;
	margin-bottom: 25px;
}
/*--- テーブル設定 */
#hotspring.m_one .con_short_stay .box_short_stay .con_r table.infotable {
	width: 430px;
	height: auto;
	font-weight:normal;
	margin-bottom: 95px;
}
#hotspring.m_one .con_short_stay .box_short_stay .con_r table.infotable th {
	width: 150px;
}

#hotspring.m_one .con_short_stay .box_short_stay .con_r p.btn {
	text-align: right;
}
/* -----------------------------------------------------------
	.con_short_menu  下メニュー
----------------------------------------------------------- */
#hotspring.m_one .con_short_menu {
	width: 100%;
	background: url(../hotspring/images/bg_grayline.png) repeat-x left top;
	padding: 65px 0 40px;
}

/* -----------------------------------------------------------

	private.php

----------------------------------------------------------- */

/* -----------------------------------------------------------
	#con_slide
----------------------------------------------------------- */
#hotspring.m_pri #con_slide h2 {
	width: 100%;
	height: 320px;
	margin: 0 auto;
	text-align: center;
	padding: 120px 0 0 0;
	background: url(../hotspring/images/private/img_main.jpg) no-repeat top center;
}

/* -----------------------------------------------------------
	.con_points
----------------------------------------------------------- */
#hotspring.m_pri .con_points {
	background: url(../hotspring/images/bg_points.gif) center top repeat-x;
	margin:0 auto;
	padding:0 0 45px 0;
	color: #101010;
}
#hotspring.m_pri .con_points h3 {
	text-align:center;
	padding:0 0 32px 0;
}
#hotspring.m_pri .con_points .box_points {
	width:1000px;
	margin:0 auto;
}
#hotspring.m_pri .con_points .box_points ul {
	width:1000px;
	overflow:hidden;
}
#hotspring.m_pri .con_points .box_points ul li {
	float:left;
	width:300px;
	padding:0 50px 0 0;
	margin:0;
}
#hotspring.m_pri .con_points .box_points ul li.end {
	padding:0;
}
#hotspring.m_pri .con_points .box_points ul li h4 {
	padding:0 0 4px 0;
}
#hotspring.m_pri .con_points .box_points ul li p.photo {
	padding:0 0 10px 0;
}
#hotspring.m_pri .con_points .box_points ul li p.btn_detail {
	padding:18px 0 0 0 ;
	text-align:right;
}

/* -----------------------------------------------------------
	.con_hot_spring  ホテル浦島の温泉
----------------------------------------------------------- */
#hotspring.m_pri .con_hot_spring {
	width: 100%;
	background: #232323;
	padding: 55px 0 70px;
	color: #fff;
}
#hotspring.m_pri .con_hot_spring h3 {
	text-align: center;
}
#hotspring.m_pri .con_hot_spring p.txt {
	text-align: center;
	margin-bottom: 35px;
}
#hotspring.m_pri .con_hot_spring ul.cave_type {
	width: 260px;
	margin: 0 auto ;
	overflow: hidden;
}
#hotspring.m_pri .con_hot_spring ul.cave_type li {
	float: left;
	line-height: 0;
}
#hotspring.m_pri .con_hot_spring ul.cave_type li.last {
	padding-right: 0;
}

/* -----------------------------------------------------------
	.con_senjyo  貸切露天風呂 千畳
----------------------------------------------------------- */
#hotspring.m_pri .con_senjyo {
	background: url(../hotspring/images/bg_hotspa_gray.gif) top left repeat;
	overflow: hidden;
	width: 100%;
	padding: 60px 0 0;
	color: #000;
}
#hotspring.m_pri .con_senjyo h3 {
	text-align: center;
	margin-bottom: 40px;
}

#hotspring.m_pri .con_senjyo ul {
	width: 1000px;
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: center;
}
#hotspring.m_pri .con_senjyo ul li {
	float: left;
	width: 500px;
}

#hotspring.m_pri .con_senjyo .box_senjyo {
	width: 1000px;
	margin: 0 auto 35px;
	overflow: hidden;
}

#hotspring.m_pri .con_senjyo .box_senjyo .con_l {
	float: left;
	width: 470px;
}

#hotspring.m_pri .con_senjyo .box_senjyo .con_r {
	float: right;
}
/*--- テーブル設定 */
#hotspring.m_pri .con_senjyo .box_senjyo .con_r table.infotable {
	width: 525px;
	height: auto;
	font-weight:normal;
}
#hotspring.m_pri .con_senjyo .box_senjyo .con_r table.infotable th {
	width: 140px;
}

#hotspring.m_pri .box_inner_contact {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #DBD8D8;
	overflow: hidden;
	padding: 20px 0 20px 35px;
	width: 840px;
	margin: 0 auto 80px;
}
#hotspring.m_pri .box_inner_contact p {
    float: left;
    line-height: 0;
    margin-right: 25px;
}

/* -----------------------------------------------------------
	.con_nagisa	なぎさ通り貸切風呂
----------------------------------------------------------- */
#hotspring.m_pri .con_nagisa {
	width: 100%;
	background: url(../hotspring/images/bg_grayline.png) repeat-x left top;
	padding: 100px 0 40px;
	color: #000;
}

#hotspring.m_pri .con_nagisa h3 {
	text-align: center;
	margin-bottom: 27px;
}
#hotspring.m_pri .con_nagisa .box_nagisa p {
	width: 484px;
	margin: 0 auto 30px;
}
/*--- テーブル設定 */
#hotspring.m_pri .con_nagisa table.infotable {
	width: 525px;
	height: auto;
	font-weight:normal;
	margin: 0 auto 35px;
}
#hotspring.m_pri .con_nagisa table.infotable th {
	width: 140px;
}




































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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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