@charset "UTF-8";

/*													【 Webページレイアウト - index 】
==========================================================================================================================*/

/* Link style
------------------------------------------------------------------- */
a { color: #DF0011; text-decoration: underline; font-weight:bold; /* ***  for Mac IE hotspot *** */ outline: underline #DF0011; }
a:hover { color: #FF4250; text-decoration: underline; font-weight:bold; /* ***  for Mac IE hotspot *** */ outline: underline #FF4250; }


/* Common
------------------------------------------------------------------- */
body { margin: 0; color: #333; line-height: 130%; background:#FFF; }
#Wrapper { width: 900px; margin:auto; text-align:left; overflow:auto; background:#FFF; }
#mainback{background:url(../image/mainback.jpg)repeat-x;height: 1414px;/*height: 1557px;*//*height: 771px;*//*height: 1426px;*/}
#backback{background:url(../image/mainback.jpg)repeat-x;}/*height: 1414px;}

/* table
------------------------------------------------------------------- */
/* form */
table.tbl01 { width:100%; color:#666; }
table.tbl01 tr { background:#FFF; }
table.tbl01 tr:nth-child(2n) { background:#F9F9F9; }
table.tbl01 th { background:#333; padding:5px; color:#FFF; border-right:1px solid #EEE; text-align:right; color:#FFF; }
table.tbl01 td { padding:15px 20px; }
/* tbl02 */
table.tbl02 { width:100%; }
table.tbl02 tr { background:#FFF; border-bottom:1px solid #FFF; }
table.tbl02 tr:nth-child(2n) { background:#F9F9F9; }
table.tbl02 th { background:#EEE; padding:5px; color:#333; font-weight:bold; border-right:1px solid #EEE; text-align:center; }
table.tbl02 td { padding:10px; }
/* tbl03 */
table.tbl03 { width:100%; color:#666; }
table.tbl03 tr { background:#F9F9F9; }
table.tbl03 tr:nth-child(2n) { background:#FFF; }
table.tbl03 th { padding:10px 20px; border-right:1px solid #EEE; font-weight:bold; }
table.tbl03 td { padding:10px 20px; }

/* Header
------------------------------------------------------------------- */

/*ベース*/
#Header { width: 100%; height: 250px; background: url(../image/h_bg.jpg) left top repeat-x; margin-bottom:10px; }
#Header_in { width: 900px; height: 250px; position: relative; color:#FFF; margin:auto; }
/* copy */
#Header #copy { width:573px; height:13px; position:absolute; top:24px; left:2px; text-indent:-9000em; background:url(../image/h_copy.jpg) left top no-repeat; }
/* h1 */
#Header h1 a { display:block; width:586px; height:126px; position:absolute; top:51px; left:0; text-indent:-9000em; background:url(../image/h1.jpg) left top no-repeat; }
/* tel_area */
#info_area { width:273px; height:60px; position:absolute; top:89px; right:0; }
#info_area address { text-indent:-9000em; width:271px; height:23px; background:url(../image/h_tel.jpg) left top no-repeat; margin-bottom:8px; }
/* ul sub */
#Header ul.sub { width:190px; height:12px; position:absolute; top:35px; right:0; }
#Header ul.sub li a { height:12px; position:absolute; top:0; text-indent:-9000em; }
#Header ul.sub li.n01 a { display:block; width:64px; left:0; background:url(../image/h_nav01.jpg) left top no-repeat; }
#Header ul.sub li.n02 a { display:block; width:79px; right:0; background:url(../image/h_nav02.jpg) left top no-repeat; }
/* navigation
------------------------------------------------------------------- */
#nav { width:900px; height:49px; position:absolute; left:0; bottom:12px; }
#nav li a { position:absolute; display:block; top:0; height:49px; }
#nav li.n01 a { left:0; width:87px; background:url(../image/nav01bg.jpg) left top no-repeat; }
#nav li.n02 a { left:87px; width:114px; background:url(../image/nav02bg.jpg) left top no-repeat; }
#nav li.n03 a { left:201px; width:91px; background:url(../image/nav03bg.jpg) left top no-repeat; }
#nav li.n04 a { left:292px; width:102px; background:url(../image/nav04bg.jpg) left top no-repeat; }
#nav li.n05 a { left:394px; width:100px; background:url(../image/nav05bg.jpg) left top no-repeat; }
#nav li.n06 a { left:494px; width:114px; background:url(../image/nav06bg.jpg) left top no-repeat; }
#nav li.n07 a { left:608px; width:133px; background:url(../image/nav07bg.jpg) left top no-repeat; }
#nav li.n08 a { left:741px; width:91px; background:url(../image/nav08bg.jpg) left top no-repeat; }
#nav li.n09 a { right:0; width:68px; background:url(../image/nav09bg.jpg) left top no-repeat; }
#nav li.ac { text-indent:-9000em; }

#top_kengaku { width:900px; height:170px; text-indent:-9000em; background:url(../image/img02.jpg) left top no-repeat; text-indent:-9000em; padding-bottom: 27px; }


/* Left
------------------------------------------------------------------- */

#Left { float:left; width: 590px; margin-top: 10px; }

/* Right
------------------------------------------------------------------- */

/*Right*/
#Right { float:right; width: 270px; text-align:center; overflow:auto; }
/*IE6 hack*/
* html #Right { float:right; width: 270px;margin-left:2px; text-align:center; }

/* インドアビュー
------------------------------------------------------------------- */
#indoor{
	margin: 0px;
    margin-top: 20px;
    background-image: url(../image/indoor-bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 80px;
}


/* トップページinfo
------------------------------------------------------------------- */
.info { width:100%; margin:30px auto 30px; background-color:#fff; }
.info .waku { border:3px solid red; padding:20px 40px 5px; }
.info .waku h3 { font-size:20px; font-weight:bold; margin-bottom:15px; line-height:25px; letter-spacing:1px; margin-top: 0; }
.info .waku h3 span { font-size:14px; }
.info .waku p { font-size:16px; line-height:25px; }
.info .waku p span { border-bottom:1px solid #000; font-weight:bold; }

.info .waku .info_btn { text-align:right; font-size:16px; margin-bottom:15px; }
.info .waku .info_btn span { background: #d8af1d; padding: 10px;}
.info .waku .info_btn a { text-decoration:none; color:#000; color: #fff; font-size: 14px; }
.info .waku .info_btn a:hover { opacity:0.6; }

.info .waku .flex { display:-webkit-box; display:-ms-flexbox; display:flex; }
.info .waku .flex ul { width:45%; margin: 0 15px 10px; padding: 0; }
.info .waku .flex ul li { list-style:none; font-size:15px; line-height:30px; }

.info .waku02 { border:3px solid #ccc; padding:20px 40px 5px; }

/* Cnt1-キャンペーン
------------------------------------------------------------------- */

/*タイトル*/
#Cnt1_tit { width: 588px; height: 26px; padding-top:4px; background: url(../image/subtit_bg.jpg) left top repeat-x; display: block; }
#Cnt1 { width:588px; min-height:315px; border:1px solid #999; border-top:none; position:relative; }

/*「続きはこちら」*/
#Cnt1 .more a { position: absolute; bottom: 5px; right: 20px; color:#666; }
#Cnt1 .more a:hover { color:#999; }


/* Cnt2-トピックス
------------------------------------------------------------------- */

/*タイトル*/
#Cnt2_tit { width: 588px; height: 26px; padding-top:4px; background: url(../image/subtit_bg.jpg) left top repeat-x; display: block; }
#Cnt2 { width:588px; height:405px; border:1px solid #999; border-top:none; position:relative; }


/* Cnt3-ご入会案内
------------------------------------------------------------------- */

/*タイトル*/
#Cnt3_tit { width: 268px; height: 26px; padding-top:4px; background: url(../image/subtit_bg.jpg) left top repeat-x; display: block; text-align:left; }
#Cnt3 { width:268px; height:265px; border:1px solid #999; border-top:none; position:relative;margin-top: 10px; }

/*「ご入会はこちら」ボタン*/
.Join a { position:absolute; left:9px; bottom:10px; width:250px; height:62px; display:block; background: url(../image/banner_1.jpg) left top no-repeat; text-indent: -9000em; margin:auto; }
.Join a:hover { background-position:left bottom; }


/* Cnt4-バナー
------------------------------------------------------------------- */

/*バナーハイライト*/
#Banner img:hover{ filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* Cnt5-お問い合わせ
------------------------------------------------------------------- */

/*タイトル*/
#Cnt4_tit { width: 222px; height: 17px; padding-top:3px; background: #999; text-align:center; border-bottom:1px solid #FFF; margin:auto; color:#FFF; }
#Cnt4 { width: 220px; height: 160px; border:1px solid #999; margin:auto; }


/* Cnt5-ファミリー
------------------------------------------------------------------- */

/*タイトル*/
#Cnt5_tit { width: 588px; height: 26px; padding-top:4px; background: url(../image/subtit_bg.jpg) left top repeat-x; display: block; }
#Cnt5 { width:588px; height:300px; border:1px solid #999; border-top:none; position:relative; }



/* Footer
------------------------------------------------------------------- */

/*ベース*/
#Footer { width: 100%; height: 110px; background: url(../image/foot_bg.gif) left top repeat-x; position:relative; }
#Footer_in { width: 900px; height: 110px; position:absolute; left:50%; top:0; color:#FFF; margin-left:-450px; }

/*Page Top*/
#Pagetop a { position:absolute; top: -25px; right: 15px; width: 100px; height: 25px; background: url(../image/pagetop.gif) left top no-repeat; text-indent: -9000em; }
#Pagetop a:hover { position:absolute; top: -24px; }

/*Footer Navi*/
#F_Navi { position:relative; margin:auto; width: 900px; height: 16px; padding-top:10px; padding-bottom:8px; border-bottom:1px dashed #FFF; }
#F_Navi li { float:left; }
#F_Navi li a { float:left; margin-left:5px; padding-left:5px; border-left:1px solid #FFF; color:#FFF; text-decoration:none; }
#F_Navi li:first-child a { border-left:none; margin-left:40px; }
#F_Navi li a:hover { text-decoration:underline; }

/*Footer Banner,Text,Copyright*/

#F_banner { position:absolute; bottom: 10px; left: 15px; width: 112px; height: 55px; background: url(../image/f_banner.jpg) left top no-repeat; text-indent: -9000em; }
#F_txt { position:absolute; bottom: 12px; left: 140px; text-align:left; }
#F_copyright { position:absolute; bottom: 10px; right: 10px; }


/*													【 下層ページ - facilities(施設案内) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#guide_tit{ width:590px; height:30px; background: url(../image/guide_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }


/* Cnt1-施設案内8つ
------------------------------------------------------------------- */

.guide h3{ border-left:10px solid #FFE500; padding-left:10px; font-weight:bold; }
.guide a{ color:#333; text-decoration:none; }
.guide a:hover{ color:#333; text-decoration:none; }

/* サイドナビゲーション
------------------------------------------------------------------- */

#guide_navi_tit { width:265px; height:20px; padding-left:5px; padding-top:5px; background:#333; color:#FFF; margin:auto; text-align:left; }

#guide_navi { width:265px; margin:0 auto; text-align:left; }
#guide_navi li { width:265px; font-weight:bold; margin:10px 0; padding-bottom:10px; border-bottom:1px dotted #999; }
#guide_navi li a { width:265px; color:#333; text-decoration:none; }
#guide_navi li a:hover { color:#999; text-decoration:underline; }


/*													【 下層ページ - Charge(料金案内) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#charge_tit{ width:270px; height:30px; background: url(../image/charge_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

/* Cnt1-料金案内テーブル
------------------------------------------------------------------- */

.charge h3{ border-left:10px solid #FFE500; padding-left:10px; font-weight:bold; text-decoration:underline; }
.charge a{ color:#333; text-decoration:underline; }
.charge a:hover{ color:#333; text-decoration:underline; }

/* グループファミリーコース */
#charge_new { width:588px; }
#charge_new td { border:1px solid #CCC; text-align:left; padding-left:20px; }
#charge_new td.line { height:2px; padding:0; }
#charge_new th { border:1px solid #CCC; text-align:center; }

/* ↓テーブルCSSリニューアル前から引用 */
#charge  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#charge td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
#charge tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 7px;
}
#charge th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* サイドナビゲーション
------------------------------------------------------------------- */

#charge_navi_tit { width:265px; height:20px; padding-left:5px; padding-top:5px; background:#333; color:#FFF; margin:auto; text-align:left; }

#charge_navi { width:265px; margin:0 auto; text-align:left; }
#charge_navi li { font-weight:bold; margin:10px 0; padding-bottom:10px; border-bottom:1px dotted #999; }
#charge_navi li a { color:#333; text-decoration:none; }
#charge_navi li a:hover { color:#999; text-decoration:underline; }


/*													【 下層ページ - Program(プログラム) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#program_tit{ width:270px; height:30px; background: url(../image/program_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

/* Cnt1-料金案内テーブル
------------------------------------------------------------------- */

.program h3{ border-left:10px solid #FFE500; padding-left:10px; font-weight:bold; text-decoration:underline; }
.program a{ color:#333; text-decoration:underline; }
.program a:hover{ color:#333; text-decoration:underline; }

/* ↓テーブルCSSリニューアル前から引用 */
#program1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#program2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#program3 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#program4 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#program5 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
#program6 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
td  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
tr  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 7px;
}
th  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* サイドナビゲーション
------------------------------------------------------------------- */

#program_navi_tit { width:275px; height:20px; padding-left:5px; padding-top:5px; background:#333; color:#FFF; margin:auto; text-align:left; }

#program_navi { width:280px; margin:0 auto; text-align:left; margin-top:20px; padding-bottom:20px; border-bottom:1px dotted #999; overflow:auto; }
#program_navi li { float:left; background:#000; }
#program_navi img:hover{ filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/*													【 下層ページ - Schedule(スケジュール) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#schedule_tit{ width:270px; height:30px; background: url(../image/schedule_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

.schedule h3{ font-weight:bold; }


/*													【 下層ページ - Access(交通アクセス) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#access_tit{ width:270px; height:30px; background: url(../image/access_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

.access h3{ border-left:10px solid #FFE500; padding-left:10px; font-weight:bold; text-decoration:underline; }
.access a{ color:#333; text-decoration:underline; }
.access a:hover{ color:#666; text-decoration:underline; }

/* ↓google map CSSリニューアル前から引用 */
#map_canvas {
    width: 590px;
    height: 398px;
    border: solid 1px #CCCCCC;
}


/*													【 下層ページ - SiteMap(サイトマップ) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#sitemap_tit{ width:270px; height:30px; background: url(../image/sitemap_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }


/*													【 下層ページ - Privacy Policy(プライバシーポリシー) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#privacy_tit{ width:270px; height:30px; background: url(../image/privacy_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }


/*													【 下層ページ - Campagin(キャンペーン) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#cam_tit{ width:270px; height:30px; background: url(../image/cam_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

.web_form h3 { margin-top: 50px; border-left: 10px solid #FFE500; padding-left: 10px; font-weight: bold; text-decoration: underline;}
.web_form span.kome { font-weight: bold; text-decoration: underline; }

/*													【 下層ページ - Iquiry(お問い合わせ) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#contact_tit{ width:270px; height:30px; background: url(../image/contact_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }

.contact h3{ border-left:10px solid #FFE500; padding-left:10px; font-weight:bold; text-decoration:underline; }
.contact a{ color:#333; text-decoration:underline; }
.contact a:hover{ color:#666; text-decoration:underline; }

/* ↓フォーム CSSリニューアル前から引用 */
.form_text {
	font-size: 11px;
	color: #F00;
}

.form2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}



/*													【 下層ページ - Join(入会案内) 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#join_tit{ width:270px; height:32px; background: url(../image/join_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }





/*													【 公開後更新分 】
==========================================================================================================================*/

/* 年末年始営業について
------------------------------------------------------------------- */

/*タイトル*/
#Cnt0_tit { width: 588px; height: 26px; padding-top:4px; background: url(../image/subtit_bg.jpg) left top repeat-x; display: block; }
#Cnt0 { width:588px; height:240px; border:1px solid #999; border-top:none; position:relative; }


/*													【 下層ページ - キッズスクール 】
==========================================================================================================================*/

/* Title
------------------------------------------------------------------- */

#kids_tit{ width:270px; height:30px; background: url(../image/kids_tit.jpg) left top no-repeat; display: block; text-indent: -9000em; }



/* WEB入会予約バナー */
#contact_web {  width:78px; height:auto; padding:30px 5px 0 3px; position:fixed; right:0; top:250px; }

/* メールからのお問い合わせバナー */
#contact_mail {  width:78px; height:auto; padding:30px 5px 0 3px; position:fixed; right:0; top:380px; }

/* Facebook */
#facebook { width:75px; height:78px; padding:30px 5px 0 3px; position:fixed; right:0; top:540px; color:#FFF; background: url(../image/fb_bg.jpg) left top no-repeat; z-index:2; }
#facebook .fb-like { margin-left:2px; margin-top:5px; }



/* お問い合わせ */
#contact form table {
    width: 100%;
}
#contact form table tr,th {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contact form table td {
	line-height: 26px;
	min-width: 100px;
	padding: 20px 50px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contact form table input[type="text"] {
    padding: 6px 10px;
    width: 250px;
}
#contact form table input[type="radio"] {
}
#contact form table textarea {
    height: 200px;
    padding: 6px 10px;
    width: 350px;
}