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

/*--header------------------------ */
#pan{ position:absolute; top:67px; left:17%; width:150%; background:#111; }
#pan:before{ position:absolute; left:-20px; content:""; width:0; height:0; border-style:solid; border-width:0 0 37px 20px; border-color:transparent transparent #111 transparent; }
#pan ul{ width:500px; padding:10px 0 27px 20px;; font-size:13px; color:#fff; }
#pan li{ float:left; margin-right:10px; font-size:11px; }
#pan li a{ text-decoration:underline; }
#pan li a:hover{ text-decoration:underline; color:#999; }
#pan li:after{ content:"　>"; }
#pan li:last-child:after{ content:""; }
#pan  a{color:#fff; text-decoration:none;}
#pan  a:hover{color:#ccc; }


/*--contents------------------------ */
#slide{ height:190px; }
#menu #slide{ background:url(../img/bg_menu.jpg) no-repeat 100% 0; background-size:cover; }
#concept #slide{ background:url(../img/bg_concept.jpg) no-repeat 100% 0; background-size:cover; }
#guide #slide{ background:url(../img/bg_guide.jpg) no-repeat 100% 0; background-size:cover; }
#facilities #slide{ background:url(../img/bg_facilities.jpg) no-repeat 100% 0; background-size:cover; }
#qa #slide{ background:url(../img/bg_qa.jpg) no-repeat 100% 0; background-size:cover; }
#voice #slide{ background:url(../img/bg_voice.jpg) no-repeat 100% 0; background-size:cover; }
#access #slide{ background:url(../img/bg_access.jpg) no-repeat 100% 0; background-size:cover; }
#contact #slide{ background:url(../img/bg_contact.jpg) no-repeat 100% 0; background-size:cover; }

.pageTtl{ padding-top:70px; }
.con{ padding:60px 0 110px; }
#bgLead, .bgLead{ position:absolute; top:1px; left:-40px; z-index:0; }
.lead,.lead2{ position:relative; z-index:10; }

/*メニュー料金*/
/*#menu #basic{ background:url(../menu/img/bg_basic.png) no-repeat 50% 55px; }*/
#menu #body{ background:url(../menu/img/bg_body.png) no-repeat 50%  55px; }
#menu #athlete{ background:url(../menu/img/bg_athlete.png) no-repeat 50%  55px; }
/*#menu #lady{ background:url(../menu/img/bg_lady.png) no-repeat 50%  55px; }*/
#menu .group{ position:relative; }
#menu .groupTtl{ position:relative; z-index:10; height:57px; margin-bottom:0; background:url(../menu/img/bg_groupTtl.png) repeat-x; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }
#menu .group .explan{ position:relative; z-index:10; padding:35px 0 40px; font-size:15px; }
#menu #body.group .explan{ padding:30px 0 16px; }
#menu .group .contact{ position:absolute; top:10px; right:0; z-index:10; }
#menu .group .attention{ position:relative; z-index:10; margin:20px 0 10px; font-size:13px; }
#menu .group .menuTbl{ position:relative; z-index:10; width:1000px; margin-bottom:70px; background:rgba(255,255,255,0.8); border:1px solid #bbb;  border-collapse:collapse; }
#menu #basic .menuTbl{ margin-bottom:30px; }
#menu .group .menuTbl th,
#menu .group .menuTbl td{ padding:5px 20px; text-align:center; border:1px solid #bbb; }
#menu .group .menuTbl th{ background:rgba(105,104,104,0.6); color:#fff; }
#menu .group .menuTbl td.price{ text-align:right; }
#menu .group .menuTbl td.naiyo{ text-align:left; }
#menu .group .menuImgList{ position:absolute; top:35px; right:0; z-index:20; }
#menu .group .menuImgList li{ float:left; }
#menu .group .menuImgList li:first-child{ margin-right:10px; }
#menu .group .menuImgList li img{ border-radius:5px; }
#athlete .menuTbl{ margin-bottom:0!important; }
#athlete .txt{ margin-bottom:60px; }
#menu #lady .explan{ padding-bottom:0; }
#menu #lady .attention{ margin-bottom:160px; }
#menu .basic_ba{ width:985px; height:292px; padding:15px 0 0 15px; margin-bottom:70px; color:#fff; background:url(../menu/img/basic_ba.jpg) no-repeat; }

.menuTbl + .packAttr { margin:-20px auto 20px; font-size:13px; }

.bn_list{ margin:20px 0 15px; }
.bn_list li{ float:left; }
.bn_list li:first-child{ margin-right:40px; }

/*コンセプト*/
#concept #conceptCon .con{ height:690px; }
#concept .lead{ margin-bottom:30px; }
.shingitai{ position:absolute; top:80px; right:0; width:742px; height:699px; }
#bgConcept1{ position:absolute; top:20px; right:-208px; }
#bgConcept2{ position:absolute; bottom:0; left:-240px; }
.bg_kannon { position:absolute; right:-230px; top:0; z-index:0; width:550px }
.bg_kannon2 { position:absolute; left:50%; top:50%; z-index:0; margin-top:-450px; margin-left:-500px; }

#conceptCon .txt{ padding-left:10px; line-height:2.3; }
#trainer .staff2 { margin-top:30px; }
#imgTrainer{ position:relative; z-index:10; float:right; padding-right:66px; }
#imgTrainer2{ position:relative; z-index:11; float:left; padding-left:33px; padding-right:33px; }
#trainer .name{ padding-top:50px; }
#trainer .post{ margin-bottom:30px; font-size:12px; }
#trainer .txt{ margin-bottom:50px; } 
#trainer .history{ position:relative; z-index:10; margin-bottom:50px; border:5px solid #222; padding:20px 30px; background:#fff; }
/*#trainer .history .box{ float:left; width:430px; }
#trainer .history .box:first-child{ margin-right:50px; }*/
#trainer .history .box h4{ margin-bottom:10px; border-bottom:1px solid #222; }
#trainer .history .box h4 span{ padding-right:10px; font-size:16px; color:#000; }
#trainer .history .box span{ font-weight:bold; color:#993023; }
#trainer .history .box ul { margin-bottom:15px; }
#trainer .history .box ul:last-child { margin-bottom:0; }

#trainer .groupTtl{ position:relative; z-index:10; height:57px; margin-bottom:5px; background:url(../menu/img/bg_groupTtl.png) repeat-x; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }

#trainer .contest ul{ margin:20px 0 50px; position:relative; z-index:1; }
#trainer .contest li{ float:left; margin:0 20px 12px 0; }
#trainer .contest li:nth-child(4n){ margin-right:0; }
#trainer .ttlQa{ margin-bottom:10px; padding-left:40px; background:url(../qa/img/icon.png) no-repeat 0 35%; font-size:22px; }


#bgtrainer1{ position:absolute; top:-47px; right:-210px; z-index:0; }
#bgtrainer2{ position:absolute; bottom:0; left:-190px; }


/*入会案内*/
.guideList{ margin-bottom:90px; }
.guideList dt{ margin-top:-30px; }
.guideList .number{ float:left; margin:0; }
.ttlGuide{ float:right; width:840px; margin-top:30px; padding:14px 10px 1px; border-top:1px solid #111; border-bottom:1px solid #111; }
.guideList dd{ clear:both; padding-left:150px; background:url(../guide/img/arrow.png) repeat-y 43px 0; }
.guideList dd p{ padding:15px 0; line-height:2.2; }
.guideList #step1{ height:196px; }
.guideList #step1 .txt{ height:168px; background:url(../guide/img/img_01.png) 100% 0 no-repeat; }
.guideList #step2{ height:296px; }
.guideList #step2 .txt{ height:266px; background:url(../guide/img/img_02.png) 100% 0 no-repeat; }
.guideList #step3{ height:275px; }
.guideList #step3 .txt{ height:246px; background:url(../guide/img/img_03.png) 100% 0 no-repeat; }
.guideList #step3 .attention{ margin-top:-180px; }
.guideList #step3 .attention li{ margin-left:27px; font-size:12px; list-style:disc; }
.guideList #step4{ height:318px; }
.guideList #step4 .txt{ height:288px; background:url(../guide/img/img_04.png) 100% 0 no-repeat; }
.contactBox{ position:relative; z-index:10; width:620px; margin:0 auto; padding:25px 40px; background:#fff; border:1px solid #111; text-align:center; }
.contactBox .txt{ margin-bottom:25px; font-size:16px; }
.contactBox .tel{ width:350px; float:left; font-size:13px; }
.contactBox .mail{ float:right; }
#bgGuide{ position:absolute; bottom:0; left:-240px; z-index:1;}

.guideList dd p.sub_btn { margin:15px auto 0; padding:0 0 0 15px; line-height:1; box-sizing:border-box; }

.sub_btn a { display:inline-block; padding:10px 20px 10px 34px; text-align:center; color:#111; background-color:#fff; overflow:hidden; box-shadow:3px 3px 5px rgba(0,0,0,0.3);
background:url("../facilities/img/btn_bg.png") repeat left top;
text-decoration:none; position:relative; }
.sub_btn a:hover { box-shadow:none; }
.sub_btn a:before { content:""; position:absolute; top:0; left:0; width:14px; height:100%; background:url("../facilities/img/btn_bef.png") repeat-y left top; }


/*施設紹介*/
#facilities .lead{ margin-bottom:7px; }
#facilities .lead2{ margin-bottom:80px; }
#bgLead2{ position:absolute; top:-65px; left:-40px; z-index:0; }
#bgFacilities1{ position:absolute; top:-87px; right:-210px; z-index:0; }
#bgFacilities2{ position:absolute; bottom:0; left:-250px; z-index:-1; }

#facilities .machine_list { padding-bottom:80px; }
#facilities .machine_list li { display:inline-block; margin-left:45px; }
#facilities .machine_list li:first-child, #facilities .machine_list li:nth-child(4) { margin-left:0; }
#facilities .machine_list li:nth-child(n+4) { margin-top:30px; }
#facilities .machine_list li img { border:5px solid #fff; }

/*　マシンの紹介文などもらえたらこのcss使う
#facilities .machine_list li { width:800px; margin:0 auto; padding-bottom:90px; }
#facilities .box_l { float:left; }
#facilities .box_l img { border:5px solid #fff; }
#facilities .box_r { float:right; }
#facilities .box_r .machine_name { background-image:url(../facilities/img/ttl_bg.png); box-sizing:border-box; width:449px; font-size:22px; padding:5px 0 12px 40px; }
#facilities .box_r .machine_txt { width:450px; padding:20px 30px 60px; box-sizing:border-box; }
#facilities .box_r .point_box { background-image:url("../voice/img/bg_box.png"), url("../facilities/img/point_bg.png"); background-repeat:repeat, no-repeat; background-position:top left, right bottom; width:450px; box-sizing:border-box; padding:30px 20px 50px; position:relative; box-shadow:3px 4px 10px -1px #bbb; -moz-box-shadow:3px 4px 10px -1px #bbb; -webkit-box-shadow:3px 4px 10px -1px #bbb; }
#facilities .box_r .point_box:before { position:absolute; top:-30px; left:20px; content:url(../facilities/img/point.png); }
*/


/*よくある質問*/
#qa .ttlQa{ margin-bottom:30px; padding-left:40px; background:url(../qa/img/icon.png) no-repeat 0 35%; font-size:22px; }
.qaList{ margin-bottom:70px; }
.qaList.last{ margin-bottom:0; }
.qaList dt{ width:968px; height:62px; padding-left:32px; margin-bottom:20px; background:url(../qa/img/bg_q.png) repeat-y; box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); position:relative; z-index:10; }
.qaList dt p{ width:968px; height:62px; background:url(../qa/img/bg_q2.png) no-repeat 100% 100%; }
.qaList dt span { position:absolute; top:-20px; left:35px; display:block; height:49px; line-height:37px; padding:33px 0 0 95px; font-size:15px; background:url(../qa/img/q.png) no-repeat; }
.qaList dd{ margin:0 0 50px 114px; padding:10px 0 28px 65px; background:url(../qa/img/a.png) no-repeat 0 0; }
#bgQa1{ position:absolute; top:-57px; right:-210px; z-index:0; }
#bgQa2{ position:absolute; top:830px; right:-200px; z-index:0; }
#bgQa3{ position:absolute; bottom:0; left:-240px; z-index:0; }


/*お客様の声*/
#voice .con{ padding:60px 0; }
#voice .groupTtl{ position:relative; z-index:10; height:57px; margin-bottom:30px; background:url(../menu/img/bg_groupTtl.png) repeat-x; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }
.ttlVoice{ margin-bottom:10px; padding-left:40px; background:url(../qa/img/icon.png) no-repeat 0 35%; font-size:22px; }
#voice .lead{ margin-bottom:7px; }
#voice .group{ margin-bottom:30px; }
/*.voiceList li{ float:left; margin:0 20px 30px 0; background:url(../voice/img/bg_box.png); box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); position:relative; z-index:10; }
.voiceList li span{ display:block; width:270px; padding:55px 25px 0; background:url(../voice/img/bg_box2.png) no-repeat 100% 100%; }
.voiceList li:before{ position:absolute; top:0; left:0; content:"　"; width:320px; height:25px; background:url(../voice/img/deco.png); }*/

.voiceList li{ float:left; width:320px; margin:0 20px 30px 0; background:url(../voice/img/bg_box.png); position:relative; z-index:10; box-shadow:0 3px 3px rgba(0,0,0,0.3); }
.voiceList li .age { width:310px; height:25px; padding-right:10px; text-align:right; color:#fff; background:url(../voice/img/deco.png); }
.voiceList li .txt { background:url(../voice/img/bg_box2.png) no-repeat 100% 100%; }
.voiceList li .txt_box { padding:20px 20px 30px; }
.voiceList li .txt .txt_s { color:#a71807; padding-top:20px; }

.voiceList li:nth-child(3n){ margin-right:0; }
#bgVoice1{ position:absolute; top:-7px; right:-160px; z-index:0; }
#bgBasic{ position:absolute; bottom:-30px; right:-230px; z-index:0; }
#bgBody{ position:absolute; bottom:-30px; right:-60px; z-index:0; }
#bgAthlete{ position:absolute; bottom:-30px; right:-350px; z-index:0; }
#bgLady{ position:absolute; bottom:-30px; right:-90px; z-index:0; }

/*お問合わせ*/
#contact .txt{ margin-bottom:50px; font-size:16px; }
.dlList{ position:relative; z-index:100; margin-bottom:30px; }
.dlList dt,.dlList dd{ min-height:25px; padding:8px 10px 5px; margin-bottom:15px; }
.dlList dt{ float:left; width:220px; color:#fff; text-align:center; background-color:#222; box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); }
.dlList dd{ padding-left:270px;  }
.dlList dd.two{ line-height:50px; }
.dlList span{ color:#C00; }
.submit{ text-align:center; }
.submit input{ padding:8px 20px; background:#222; color:#fff; cursor:pointer; }

/*アクセス*/
#access .con .shopData{ width:450px; margin:0 auto 80px; padding-left:100px; }
#access .con .shopData p{ padding-left:70px; }
#access .con .name{ margin:20px 0 40px; font-size:22px; }
#access .con .address{ margin-bottom:15px; font-size:16px; background:url(../access/img/icon_add.png) no-repeat; line-height: 1.4; }
#access .con .tel{ margin-bottom:15px; font-size:16px; background:url(../access/img/icon_tel.png) no-repeat; line-height:40px;}
#access .con .train{ font-size:16px; background:url(../access/img/icon_train.png) no-repeat; line-height:40px;}
#access .con .bus { line-height:40px; background:rgba(0, 0, 0, 0) url("../access/img/icon_bus.png") no-repeat scroll 0 0; }
#map_canvas{ margin-bottom:30px; }
#bgAceess{ position:absolute; top:-390px; left:-230px; z-index:0; }
#access a{ text-decoration:none; }










