@charset "UTF-8";
/* CSS Document */

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

トップ
スライドショー部分

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

#slideshowArea{
	position: relative;
	min-height: 470px;
}
#slideshow {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index:0;
}
#slideshow ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#slideshow ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
#slideshow ul li img {
	width: 100%;
	height: auto;
	min-width: 1278px;
}
#slideshowAreaInner{
	width: 1020px;
	margin-left: -510px;
	left: 50%;
	position : absolute;
	z-index:998;
	top: 50%;
	margin-top: -160px;
	height: 321px;
}
/*------------------------------


キャンペーン

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

#cpArea{
	background: url(../images/campaign_bg.png);
	padding: 20px 0 15px;
	width: 645px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: 20px;
	text-align:center;
}
#cp-bnrArea{
	padding: 0 15px;
	display: inline-block;
	display: block; 	
}
#cp-bnrArea:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#cp-bnrArea a{
	display: block;
	float: left;
	margin-right:10px;
}
#cp-bnrArea a.end{
	margin-right: 0;
}
#cpTtl{
	margin-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
/*-----------------
バナーひとつの場合
-----------------*/
#cpArea1{
	background: url(../images/campaign_bg.png);
	padding: 10px 0;
	width: auto;
	position: absolute;
	left: 50%;
	margin-left: 150px;
	bottom: 20px;
	text-align:center;
}

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


トップリンク

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

#topLinkAreaWrap{
	background-color: #fff;
}
#topLinkArea{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	display: inline-block;
	display: block;
	}
#topLinkArea:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#topLinkArea a{
	display: block;
	border: 1px solid #C9C9C9;
	background: url(../images/link_bg.gif) no-repeat right;
	padding: 10px;
	width: 463px;
	background-color: #FFFFFF;
}
#topLinkArea a:hover{
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity: 0.60; /* FireFox */
	filter: alpha(opacity=60); /* IE */
}
/*#topLinkArea a.left{
	float: left;
	margin-right: 10px;
}
#topLinkArea a.end{
	float: left;
	margin-right: 0px;
}*/
#topLinkArea a.right{
	float: right;
}
#topLinkArea a.left{
	float: left;
}

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

トップ
コンテンツ

------------------------------*/
.contentsboxWrap{
	background-color: #FFFFFF;
}


/*------------------------------
施設のご案内
------------------------------*/
.contentsboxWrap#guide{
	margin-top: 50px;
}
.contentsbox .tenpo-mei{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 30px;
}
#guide dl{
	text-align: left;
	margin: 0 0 20px 0;
 	display: inline-block;
	display: block; 	
}
#guide dl:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#guide dl dt{
	float: left;
	font-weight: bold;
	vertical-align: top;
	width: 90px;
}
#guide dl dd{
	float: left;
}
#guide .intro
{
	font-size: 22px;
	font-weight: bold;
	color: #343434;
	padding-bottom: 26px;
	border-top:dotted 1px #a1a1a1;
	padding-top: 20px;
	margin-top: 12px;
}
#guide .picArea
{
	max-width: 980px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#guideList{
	padding-top: 16px;
	display: inline-block;
	display: block;

}
#guideList:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#guideList li{
	float: left;
	display: inline-block;
	display: block;
	margin-bottom: 20px;
}
#guideList li a:hover {
	opacity: 0.6;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}
#guideList  li:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.guideListBox{
	width: 265px;
	margin-right: 40px;
	margin-top: 10px;
	float: left;
}
#guideList li .guideListBox dt{
	width: auto;
	font-weight:bold;
	margin-bottom:5px;
	color: #028dd6;
}
#guideList li .guideListBox dd{
	line-height: 1.5em;
}
#guideList li .photo{
	display: block;
	float: left;
	margin-right: 10px;
}

/*------------------------------
お知らせ
------------------------------*/
.contentsboxWrap#info{
	background: url(../images/bg_info.jpg) no-repeat left top #FFFFFF;
	min-height: 360px;
}
#infoList{
	border-bottom: 1px dotted #C9C9C9;
	padding-bottom:30px;
	margin-bottom: 15px;
	margin-left: 250px;
}
#infoList li{
	padding: 10px 0 10px 130px;
	line-height:1.5em;
	position: relative;
}
#infoList li a{
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 110px;
	padding-top: 2px;
	
}
#infoList li .data{
	position: absolute;
	left: 0;
	top: 10px;
}
#infoList li .data .day{
	font-weight: bold;
}
#infoList li .iconWrap{
	position: absolute;
	left: 95px;
}
#infoList .icon{
	position: absolute;
	top: 2px;
	left: 105px;
}
#infoList li .type{
	position: absolute;
	top: 0;
	left: 0;
}
.contentsboxWrap#info .moreBtn{
	text-align: right;
}
.contentsboxWrap#info .schedule
{
	margin-top: 50px;
	margin-left: 250px;
	padding: 34px 24px;
	background-color: #ededed;
	position: relative;
	font-size: 12px;
	line-height: 1.7;
}
.contentsboxWrap#info .schedule .scheduleBtn
{
	position: absolute;
	top: 15px;
	right: 285px;
	width: 260px;
	height: 55px;
	display: table;
}
.contentsboxWrap#info .schedule .nextscheduleBtn
{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 260px;
	height: 55px;
	display: table;
}
.contentsboxWrap#info .schedule .nextscheduleBtn a,
.contentsboxWrap#info .schedule .scheduleBtn a
{
	display: table-cell;
	vertical-align: middle;
	height: 55px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	width: 260px;
	background-color: #0092db;
	color: #ffffff;
}
.contentsboxWrap#info .schedule a:hover
{
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity: 0.60; /* FireFox */
	filter: alpha(opacity=60); /* IE */
}
.pcmask
{
	display: none;
}
/*------------------------------
アクセス
------------------------------*/
.contentsboxWrap#access{
	height: 230px;
	padding-top: 40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-image:url(../images/map_bg.png);
}
.contentsboxWrap#access dl{
	margin-bottom: 20px;
 	display: inline-block;
	 display: block; 	
	color: #353535;
}
.contentsboxWrap#access dl:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.contentsboxWrap#access dl dt{
	font-weight: bold;
	padding-right:20px;
	float:left
}
.contentsboxWrap #access dl dd{
	float:left
}

#guidanceArea dl dt{width: 25%  !important;}
/*------------------------------
キッズスクール
------------------------------*/
.contentsboxWrap#kids{
	margin-top: 40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(../images/bg_kids.jpg);
}
#kids .readBox
{
	width: 50%;
	float: right;
	padding-top: 30px;
	padding-bottom: 120px;
}
#kids .readBox .title
{
	margin-bottom: 20px;
	color: #0092da;
	font-weight: bold;
	line-height: 1.5;
}
#kids .readBox .text
{
	margin-bottom: 20px;
	line-height: 1.9;
}
#kids .point
{
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 100px;
	padding-top: 30px;
}
#kids .point .pointBox p
{
	line-height: 1.9;
}

#kids .point .pointBox
{
	width: 306px;
	float: left;
	margin-right: 30px;
}
#kids .point .end
{
	margin-right: 0;
}
#kids .point .pointBox .title
{
	background-color: #e5f4fb;
	color: #0092da;
	font-weight: bold;
	margin-bottom: 12px;
	position: relative;
	width: 100%;
	height: 50px;
	display: table;
}
#kids .point .pointBox .title p
{
	padding-left: 65px;
	padding-right: 12px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
#kids .point .pointBox .title .ball
{
	position: absolute;
	left: 5px;
	top: -10px;
}
/*------------------------------
大人スクール
------------------------------*/
.contentsboxWrap#adult{
	margin-top: 40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	background-image:url(../images/bg_adult.jpg);
}
#adult .readBox
{
	width: 50%;
	float: left;
	padding-top: 30px;
	padding-bottom: 120px;
}
#adult .readBox .title
{
	margin-bottom: 20px;
	color: #e94465;
	font-weight: bold;
	line-height: 1.5;
}
#adult .readBox .text
{
	margin-bottom: 20px;
	line-height: 1.9;
}
#adult .point
{
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 100px;
	padding-top: 30px;
}
#adult .point .pointBox
{
	width: 306px;
	float: left;
	margin-right: 30px;
}
#adult .point .pointBox p
{
	line-height: 1.9;
}

#adult .point .end
{
	margin-right: 0;
}
#adult .point .pointBox .title
{
	background-color: #fce8ec;
	color: #e94465;
	font-weight: bold;
	margin-bottom: 12px;
	width: 100%;
	height: 50px;
	position: relative;
	display: table;
}
#adult .point .pointBox .title p
{
	padding-left: 65px;
	padding-right: 12px;
	height: 50px;
	display: table-cell;
	line-height: 1.2;
	vertical-align: middle;
}
#adult .point .pointBox .title .ball
{
	position: absolute;
	left: 5px;
	top: -10px;
}
/*------------------------------
コーチ
------------------------------*/
.contentsboxWrap#coach{
	padding-top: 40px;
	margin-bottom: 60px;
}
#coach .person
{
	width: 50%;
	float: left;
}
#coach .person .imgs
{
	float: left;
	width: 165px;
	margin-right: 30px;
}
#coach .person .txtArea
{
	float: left;
	width: 250px;
}
#coach .person .txtArea p
{
	line-height: 1.8;
	margin-bottom: 8px;
}
#coach .person .txtArea .name
{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 20px;
}
#coach .person .txtArea .title
{
	font-size: 12px;
	margin-bottom: 4px;
	line-height: 1.4;
}
/*------------------------------
バナー
------------------------------*/
#bnrArea{
	width: 980px;
	margin:0 auto;
	padding-top: 20px;
}
#bnrArea{
	width: 980px;
	margin:0 auto;
	
}
#bnrArea ul:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#bnrArea ul{
	margin-bottom: 20px;
	display: inline-block;
	display: block; 	
}
#bnrArea ul li{
	float: left;
}
#bnrArea img{
	max-width: 100%;
}
#bnrArea .bnr-left{
	margin-right: 20px;
}
/*------------------------------
バナー
------------------------------*/
.sub-price{}
.sub-price .price-num{font-size: 35px;}