@charset "utf-8";


/* kouhoku
***************************************************************** */


.kouhoku #content #main h2 {
	color: #193365;
	padding-left: 30px;
	background: url(../_common_img/icn_h2_deep.gif) no-repeat 0 0;
	margin: 0 0 20px -30px;
	display: block;
}

.kouhoku #content #main p.lead {
	color: #FFF;
}


/* div#main
***************************************************************** */


#content #main {
	width: 481px;
	margin-left: 251px;
}

#content #main p.lead {
	margin: -140px 0 0 20px;
	font-weight: normal;
}


/* section
------------------------ */

#content #main .section {
	padding-left: 20px;
	border-left: 1px solid #193365;
	_height: 1%;
	min-height: 1%;
	position: relative;
}

#content #main .section div {
	position: relative;
	width: 460px;
}

#content #main .section div h3.index {
	padding: 0 2em 0 0;
	background: url(../_common_img/icn_h3_deep.gif) no-repeat 100% 5px;
	text-align: right;
	position: absolute;
	top: 10px;
	left: -160px;
	_left: -163px;
	margin: 0;
	width: 8em;
	height: 20px;
	font-size: 110%;
}

.kouhoku *:first-child+html #content #main .section div h3.index {
	left: -163px;
}

#content #main .section div img {
	vertical-align: bottom;
}

#content #main .section div p {
	background: #FFFFFF;
	padding: 10px;
	margin: 0 0 20px 0;
}


/* reserve
------------------------ */

.kouhoku #content #main .reserve p.phone {
	display: none;
}

.kouhoku #content #main .reserve p.click {
	text-indent: -9999px;
	background: url(../facilities/_img/img_reserve.gif) no-repeat 0 0;
	position: relative;
	width: 460px;
	height: 110px;
	padding: 0;
	margin: 0 0 0 20px;
}

.kouhoku #content #main .reserve p.click a {
	display: block;
	width: 147px;
	height: 96px;
	position: absolute;
	top: 8px;
	right: 5px;
	background: url(../facilities/_img/img_click.gif) no-repeat 0 0;
	-moz-outline-style: none;
	overflow: hidden;
}
.kouhoku #content #main .reserve p.click a:hover {
	background: url(../facilities/_img/img_click_on.gif) no-repeat 0 0;
}

.kouhoku #content #main .reserve p.notice {
	font-size:80%;
	text-align: left;
	margin: 0 0 0 40px;
}

/* reserve_campaign
------------------------ */

.kouhoku #content #main .reserve_campaign p.phone {
	display: none;
}

.kouhoku #content #main .reserve_campaign p.click {
	text-indent: -9999px;
	background: url(../facilities/_img/img_reserve.gif) no-repeat 0 0;
	position: relative;
	width: 460px;
	height: 110px;
	padding: 0;
	margin: 0 0 0 20px;
}

.kouhoku #content #main .reserve_campaign p.click a {
	display: block;
	width: 147px;
	height: 96px;
	position: absolute;
	top: 8px;
	right: 5px;
	background: url(../facilities/_img/img_click.gif) no-repeat 0 0;
	-moz-outline-style: none;
	overflow: hidden;
}
.kouhoku #content #main .reserve_campaign p.click a:hover {
	background: url(../facilities/_img/img_click_on.gif) no-repeat 0 0;
}

.kouhoku #content #main .reserve_campaign p.notice {
	display: block;
	font-size:80%;
	text-align: left;
	margin: 0 0 0 40px;
}

/* side_click
------------------------ */

#subContent p.side_click a {
	display: block;
	height: 96px;
	width: 147px;
	-moz-outline-style: none;
	overflow: hidden;
}

#subContent .side_click a {
	background: url(../facilities/_img/img_click_on.gif) no-repeat 0 0;
}

#subContent p.side_click a:hover {
	text-indent: -9999px;
}

#subContent p.side_click p:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}

/* side_click_campaign
------------------------ */

#subContent p.side_click_campaign a {
	display: block;
	height: 96px;
	width: 147px;
	-moz-outline-style: none;
	overflow: hidden;
}

#subContent .side_click_campaign a {
	background: url(../facilities/_img/img_click_on.gif) no-repeat 0 0;
}

#subContent p.side_click_campaign a:hover {
	text-indent: -9999px;
}

#subContent p.side_click_campaign p:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}


/* time
***************************************************************** */


.kouhoku #content #main #time {
	width: 460px;
	margin-bottom: 10px;
}

#content #main #time table.time {
	margin-top: 10px;
}

#content #main #time table{
	border-bottom: 1px solid #2FCACE;
}

#content #main #time table td{
}

#content #main #time table tr td.bottom{
	border-bottom: none
}

#content #main #time table th.daytime{
	background: #2FCACE;
	color: #FFF;
	padding: 5px;
	width: 153px;
	border-left: 1px solid #89E7E6;
	font-weight: bold;
}

#content #main #time table th.regular{
	background: #2FCACE;
	color: #FFF;
	padding: 5px;
	width: 153px;
	border-left: 1px solid #89E7E6;
	font-weight: bold;
}

#content #main #time table th.premium{
	background: #2FCACE;
	color: #FFF;
	padding: 5px;
	width: 153px;
	border-left: 1px solid #89E7E6;
	font-weight: bold;
}

#content #main #time table td{
	vertical-align: top;
	border-left: 1px solid #89E7E6;
}

#content #main #time table td.left{
	vertical-align: top;
	border-left: none;
}

#content #main #time table td.leftbottom{
	vertical-align: top;
	border: none;
}

#content #main #time table tr.program td{
	background: #D9F7F7;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #0184AF;
	height: 40px;
	border-bottom: 1px dotted #89E7E6;
}

#content #main #time table td dl{
	margin-top: -1px;
}

#content #main #time table td dl.regular{
	margin-top: -1px;
}

#content #main #time table td dl dt{
	font-weight: bold;
	background: #EAFBFB;
	border-top: 1px dotted #89E7E6;
	padding: 5px;
}

#content #main #time table td dl dt.b-none{
	font-weight: bold;
	background: #EAFBFB;
	border: none;
	padding: 5px;
}

#content #main #time table td dl dd{
	line-height: 1.5;
	padding: 5px;
}

#content #main #time table td dl dd span{
	color: #F60;
}

#content #main #time table td dl dd em{
	font-size: 110%;
	color: #F60;
}

.kouhoku #content #time table td.price {
	color: #F60;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px dotted #89E7E6;
}

#content #main #time table td.priceleft{
	color: #F60;
	font-weight: bold;
	vertical-align: top;
	border-top: none;
	border-left: none;
	border-bottom: 1px dotted #89E7E6;
}


.kouhoku #content #main #time table dl dt span {
	font-weight: normal;
	font-size: 80%;
}

/* time2
***************************************************************** */


.kouhoku #content #main #time {
	width: 460px;	
	margin-bottom: 10px;
}

#content #main #time table.time2{
	border-bottom: 1px solid #FF9900;
}

#content #main #time table.time2 td{
}

#content #main #time table.time2 tr td.bottom{
	border-bottom: none
}

#content #main #time table.time2 th.sunday{
	background: #FF9900;
	color: #FFF;
	padding: 5px;
	width: 230px;
	border-left: 1px solid #FFCC66;
	font-weight: bold;
}

#content #main #time table.time2 th.flex{
	background: #FF9900;
	color: #FFF;
	padding: 5px;
	width: 230px;
	border-left: 1px solid #FFCC66;
	font-weight: bold;
}

#content #main #time table.time2 td{
	vertical-align: top;
	border-left: 1px solid #FFCC66;
}

#content #main #time table.time2 td.left{
	vertical-align: top;
	border-left: none;
}

#content #main #time table.time2 td.leftbottom{
	vertical-align: top;
	border: none;
}

#content #main #time table.time2 td dl{
	margin-bottom: 0;
}

#content #main #time table.time2 td dl dt{
	font-weight: bold;
	background: #FFFFCC;
	border-top: 1px dotted #FFCC66;
	padding: 5px;
}

#content #main #time table.time2 td dl dt.b-none{
	font-weight: bold;
	background: #FFFFCC;
	border: none;
	padding: 5px;
}

#content #main #time table.time2 td dl dd{
	line-height: 1.5;
	padding: 5px;
}

#content #main #time table.time2 td dl dd span{
	color: #F60;
}

#content #main #time table.time2 td dl dd em{
	font-size: 110%;
	color: #F60;
}

#content #main #time table.time2 td dl dd p{
	margin: 0;
}

.kouhoku #content #time table.time2 td.price {
	color: #F60;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px dotted #FFCC66;
}

#content #main #time table.time2 td.priceleft{
	color: #F60;
	font-weight: bold;
	vertical-align: top;
	border-top: none;
	border-left: none;
	border-bottom: 1px dotted #FFCC66;
}


.kouhoku #content #main #time table.time2 dl dt span {
	font-weight: normal;
	font-size: 80%;
}

.kouhoku #content #main #time table.time2 .new {
	background: #FFF;
	color: #F60;
	font-size: x-small;
	padding: 1px 2px;
	font-weight: normal;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-right: 5px;
}


/* newmember
------------------------ */

#content #main .section div.newmember {
	width: 460px;
	height: 191px;
	background: url(../facilities/_img/img_kou_newmember.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#content #main .section div.newmember p {
	display: none;
}



/* facilities
***************************************************************** */

/* facilities
------------------------ */
#content #main .section div.fitness-area p,
#content #main .section div.studio p,
#content #main .section div.pool p,
#content #main .section div.confortable-area p {
	background-color: #F0F0F0;
}

#content #main .section div.fitness-area img,
#content #main .section div.studio img,
#content #main .section div.pool img,
#content #main .section div.confortable-area img {
	border-bottom: 1px dotted #999999;
}


/* facilities
***************************************************************** */

/* facilities
------------------------ */
#content #main .section div.fitness-area p,
#content #main .section div.studio p,
#content #main .section div.pool p,
#content #main .section div.confortable-area p {
	background-color: #F0F0F0;
}

#content #main .section div.fitness-area img,
#content #main .section div.studio img,
#content #main .section div.pool img,
#content #main .section div.confortable-area img {
	border-bottom: 1px dotted #999999;
}


/* quality
------------------------ */

#content #main .section div.quality {
	width: 460px;
	height: 244px;
	background: url(../facilities/_img/img_water-quality.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#content #main .section div.quality div.text {
	position: relative;
	top: 50px;
	left: 165px;
	width: 280px;
}


/* support-system
------------------------ */

.kouhoku #content #main div.support-system p,
.kouhoku #content #main div.support-system_nayami p,
.kouhoku #content #main div.support-system_nagare dl,
.kouhoku #content #main div.support-system_nagare p,
.kouhoku #content #main div.support-system_now1 p,
.kouhoku #content #main div.support-system_now3 p {
	display: none;
}


.kouhoku #content #main div.support-system {
	background: url(../facilities/_img/img_support_start.gif) no-repeat 0 0;
	width: 460px;
	height: 152px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.support-system_nayami {
	background: url(../facilities/_img/img_support_nayami.gif) no-repeat 0 0;
	width: 460px;
	height: 327px;
	margin-bottom: 20px;
}

.kouhoku #content #main div.support-system_nagare {
	background: url(../facilities/_img/img_support_nagare.gif) no-repeat 0 0;
	width: 460px;
	height: 366px;
	margin-bottom: 30px;
	border-top: 1px dotted #999999;
}

.kouhoku #content #main div.support-system_now1 {
	background: url(../facilities/_img/img_support_now1.gif) no-repeat 0 0;
	width: 460px;
	height: 130px;
	margin-bottom: 5px;
}

.kouhoku #content #main div.support-system_now3 {
	background: url(../facilities/_img/img_support_now3.gif) no-repeat 0 0;
	width: 460px;
	height: 130px;
	margin-bottom: 10px;
}


/* program
***************************************************************** */

/* new-program
------------------------ */

.kouhoku #content #main div.new-program {
	width: 220px;
	border: 1px solid #19376D;
	margin-right: 8px;
	margin-bottom: 30px;
	float: left;
	font-size: 90%;
}
.kouhoku #content #main div.new-program  h3{
	margin: 0;
}

.kouhoku #content #main div.new-program div.ex {
	padding: 5px 0 5px 7px;
	border-bottom: 1px dotted #999999;
	width: 210px;
}

.kouhoku #content #main div.new-program div.contents {
	padding: 5px 0 0 7px;
	width: 210px;
	color: #33CCCC;
	font-weight: bold;
}

.kouhoku #content #main div.new-program div.contents span.small {
	color: #33CCCC;
	font-weight: normal;
	font-size: 90%;
}

.kouhoku #content #main div.new-program div.time {
	padding: 3px 0 0 7px;
	width: 210px;
}

.kouhoku #content #main div.new-program div.pay {
	padding: 3px 0 0 7px;
	width: 210px;
	color: #FF0000;
	text-align: right;
}


/* inbody
------------------------ */

.kouhoku #content #main div.inbody {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.inbody div.image {
	width: 149px;
	height: 357px;
	float: left;
}

.kouhoku #content #main div.inbody div.text {
	width: 300px;
	margin-left: 11px;
	height: 357px;
	float: left;
}

.kouhoku #content #main div.inbody .title {
	font-weight: bold;
	font-size: 120%;
}



/* studio-program
------------------------ */

.kouhoku #content #main div.studio-program {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.studio-program div.contents {
	width: 140px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.kouhoku #content #main div.studio-program div.contents ul {
	margin: 0;
}

.kouhoku #content #main div.studio-program div.contents li {
	margin: 0 0 5px 0;
	list-style: none;
	background-color: #EAFBFB;
	width: 120px;
	padding: 5px;
}

.kouhoku #content #main div.studio-program div.contents-large {
	width: 410px;
	height: 210px;
	background-color: #EAFBFB;
	clear: left;
	margin-bottom: 30px;
}

.kouhoku #content #main div.studio-program div.contents-large p {
	background-color: #EAFBFB;
	margin: 0px;
}

.kouhoku #content #main div.studio-program div.contents-large .title {
	font-weight: bold;
	font-size: 120%;
}

.kouhoku #content #main div.studio-program div.contents-large img {
	float: left;
	margin-right: 7px;
}

/* pool-program
------------------------ */

.kouhoku #content #main div.pool-program {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.pool-program div.contents {
	width: 140px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.kouhoku #content #main div.pool-program div.contents ul {
	margin: 0;
}


.kouhoku #content #main div.pool-program div.contents li {
	margin: 0 0 5px 0;
	list-style: none;
	background-color: #EAFBFB;
	width: 120px;
	padding: 5px;
}

.kouhoku #content #main div.pool-program div.contents-large {
	width: 410px;
	height: 210px;
	background-color: #EAFBFB;
	clear: left;
}

.kouhoku #content #main div.pool-program div.contents-large p {
	background-color: #EAFBFB;
	margin: 0px;
}

.kouhoku #content #main div.pool-program div.contents-large .title {
	font-weight: bold;
	font-size: 120%;
}


/* program-pdf
------------------------ */

#content div.program-pdf a {
	clear:both;
}

#content div.program-pdf a {
	display: block;
	height: 38px;
	width: 450px;
	-moz-outline-style: none;
	overflow: hidden;
	margin-top: 50px;
}

#content div.program-pdf a {
	background: url(../facilities/_img/btn_program_on.gif) no-repeat 0 0;
}

#content div.program-pdf a:hover {
	text-indent: -9999px;
}


#content div.program-pdf-top a {
	display: block;
	height: 38px;
	width: 450px;
	-moz-outline-style: none;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}
#content div.program-pdf-top a {
	background: url(../facilities/_img/btn_program_on.gif) no-repeat 0 0;
}

#content div.program-pdf-top a:hover {
	text-indent: -9999px;
}


/* campaign
***************************************************************** */

/* one-pay_campaign
------------------------ */

.kouhoku #content #main div.one-pay_start p,
.kouhoku #content #main div.one-pay_experience p,
.kouhoku #content #main div.one-pay_apply p,
.kouhoku #content #main div.fee_free p {
	display: none;
}

.kouhoku #content #main div.one-pay_campaign {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.one-pay_start {
	width: 460px;
	height: 337px;
	background: url(../facilities/_img/img1paystart-normal.jpg) no-repeat 0 0;
	margin-bottom: 30px;
}

.kouhoku #content #main div.one-pay_experience {
	width: 460px;
	height: 382px;
	background: url(../facilities/_img/pho_1pay.jpg) no-repeat 0 0;
	margin-bottom: 0px;
}

.kouhoku #content #main div.fee_free {
	width: 460px;
	height: 100px;
	background: url(../facilities/_img/img_fee0.gif) no-repeat 0 0;
	margin-bottom: 30px;
}

/* supervaam
------------------------ */

.kouhoku #content #main div.supervaam {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.supervaam div.image {
	width: 117px;
	height: 180px;
	float: left;
}

.kouhoku #content #main div.supervaam div.text {
	width: 332px;
	margin-left: 11px;
	float: left;
}

.kouhoku #content #main div.supervaam .title {
	font-weight: bold;
	font-size: 120%;
}

.kouhoku #content #main div.supervaam span.comment {
	font-weight: bold;
	color: #2FCACE;
}

div.space {
	border-top: 1px #999999 dotted;
	margin: 80px 0 30px 0;
}

/* fee
------------------------ */

.kouhoku #content #main div.fee {
	width: 460px;
	margin-bottom: 30px;
}

.kouhoku #content #main div.fee .title {
	font-weight: bold;
	font-size: 120%;
}

.kouhoku #content #main div.fee span.comment {
	font-weight: bold;
	color: #2FCACE;
}

/* one-pay_apply
------------------------ */

.kouhoku #content #main div.one-pay_apply {
	width: 460px;
	height: 166px;
	background: url(../facilities/_img/img_1pay_apply.gif) no-repeat 0 0;
}

.kouhoku #content #main div.one-pay_apply a {
	display: block;
	width: 147px;
	height: 96px;
	position: absolute;
	top: 65px;
	right: 10px;
	background: url(../facilities/_img/btn_1pay_apply.gif) no-repeat 0 0;
	-moz-outline-style: none;
	overflow: hidden;
	text-indent: -9999px;
}
.kouhoku #content #main div.one-pay_apply a:hover {
	background: url(../facilities/_img/btn_1pay_apply_on.gif) no-repeat 0 0;
}

/* side_click_campaign
------------------------ */

#subContent p.side_click_campaign a {
	display: block;
	height: 96px;
	width: 147px;
	-moz-outline-style: none;
	overflow: hidden;
}

#subContent .side_click_campaign a {
	background: url(../facilities/_img/btn_1pay_apply_on.gif) no-repeat 0 0;
}

#subContent p.side_click_campaign a:hover {
	text-indent: -9999px;
}

#subContent p.side_click_campaign p:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}



/* deadline
------------------------ */

.kouhoku #content #main div.deadline{
	width: 430px;
	height: 37px;
	background: url(../facilities/_img/img_1pay_deadline.gif) no-repeat 0 0;
	margin: 10px 15px 30px 15px;
	text-indent: -9999px;
}
