body{
font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meieyo,メイリオ,sans-serif;
height:100%;
margin:0;
overflow-x:hidden;
background-color:#faf6ee;
}

#wrap{
width:960px;
height:100%;
margin:0px auto;
padding:0;

}

img{
vertical-align:bottom;
}

a{text-decoration:none;
color:inherit;
outline:none;}

ul{padding-left:25px;}

.center{
text-align:center;
}

.align-left{
text-align:left;
}


.hover:hover{
opacity:0.5;
filter:alpha(50);
}

/* タイトルタグ */
h1{
line-height:1;
margin:0 0 0 -7px;
padding:0;
}


h2{position:relative;
margin-bottom:70px;
}
h2:before{
border-top:1px solid;
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
z-index:-1;
box-shadow:1px 1px 3px gray;
}

h2 > span{
font-size:30px;
background-color:#faf6ee;
padding:0 15px;
text-shadow:1px 1px 6px gray;
}

h3{font-size:22px;}

h4{font-size:40px;
font-weight:normal;
margin:90px 0 20px;
color:#f9a41a;}

h4 span{
vertical-align:-3px;
font-size:49px;
}

h5{
font-size:22px;
margin:70px 0 40px;
color:#244c5f;
text-align:center;
text-shadow: 0 0 3px gray;}

h6{
font-size:20px;
color:#f9a41a;
margin:0;
border-bottom:3px solid #f9a41a;
}

h7{
font-size:21px;
color:#f9a41a;
//margin: 40px auto 0;
font-weight:bold;}

/*ヘッダー*/

#top-line{
background-color:#f9a41a;
height:6px;
margin:0px -320px 0px;
}

#header-left{
float:left;
margin:12px 0 8px 0 ;
line-height:1.7;
font-size:20px}

#header-right{
float:right;
margin:0;
padding:0;
}

#header-right > p{
font-size:15px;
line-height:1.1;
margin:4px 0 0;
}

#header-wrap:after{
content:"";
display:block;
clear:both;
}

#go-to-mobile{
color:#f9a41a;
font-weight:bold;
font-size:18px;
line-height:1.5em;
margin-bottom:3px;
display:inline-block;
}

.header-tel{
color:#244c5f;
font-weight:bold;
font-size:18px;

}

.sub-name{
margin:0;
padding:0;
font-weight:bold;
}


/* スライド */

#slide-gallery{
width:960px;
margin:0 -320px;
padding: 0 320px;
overflow:hidden;
height:270px;
position:relative;
}

#slide{
padding:0;
margin:0 0 0 -320px;
list-style-type:none;
width:3200px;
}

#slide li{
float:left;
}
#catchcopy{
position:absolute;
font-size:30px;
line-height:1.7;
color:#ffffff;
text-shadow:0 0 15px black;
margin:0;
top:38px;}

/* ぐろーばるなび */

ul#gNav{
width:100%;
display:table;
table-layout:fixed;
padding:0 320px;
margin:0 -320px 130px;
background-color:#f9a41a;
box-shadow:0 1px 8px gray;
}

#gNav li{
color:#ffffff;
font-size:15px;
font-weight:bold;
line-height:1.1;
display:table-cell;
text-align:center;
vertical-align:middle;
padding:0;
border-left:1px solid #ffffff;
}


#gNav li:last-child{
border-right:1px solid #ffffff;}

ul#gNav li a{
text-decoration:none;
display:block;
box-sizing:border-box;
padding:10px;
color:#ffffff;}

ul#gNav li:hover,
ul#gNav li.current{
background-color:#244c5f;
}
/* パネル */
.panel-wrap{
font-size:0;}
/* フォント0注意 */

.panel{
width:295px;
height:320px;
background-color:#ffffff;
display:inline-block;
margin:0 0 37.5px 0;
position:relative;
box-shadow:0 0 8px grey;
}


.panel-big{
width:627.5px;
height:320px;
background-color:#ffffff;
display:inline-block;
position:relative;
box-shadow:0 0 10px grey;

}

.customer-voice{
margin:0 37.5px 37.5px 37.5px;}

.trainer-voice{
margin:0 0 0 37.5px;}

.panel img{
position:absolute;
left:4px;
top:4px;}

.panel-big img{
position:absolute;
left:4px;
top:4px;}

.panel img.panel-beforeafter{
left:7px;
right:7px;
}

.panel img.panel-course{
top:16px;
}

.panel p{
position:absolute;
}

.panel-big p{
position:absolute;
}


p.btn{
font-size:19px;
font-weight:bold;
line-height:0.3;
color:#000000;
top:270px;
left:22px;
padding:0;
z-index:1;}

p.btn:before{
content:"";
border-bottom:6px solid yellow;
padding:0 68px;
position:absolute;
z-index:-1;
top:4px;}


p.customer-content{
font-size:13px;
line-height:1.4;
top:155px;
left:7px;
right:7px;}

.tom-content{
font-size:29px;
color:#ffffff;
//font-weight:bold;
margin:0;
top:150px;
left:210px;
}

.trainer-name{
font-size:17px;
font-weight:bold;
margin:0;
top:165px;
left:0;
right:0;
text-align:center}

.trainer-content{
font-size:17px;
margin:0px;
top:194px;
left:7px;
right:7px;}

.sankaku{
position:absolute;
border:12px solid transparent;
border-right:12px solid #f9a41a;
border-bottom:12px solid  #f9a41a;
bottom:0;
right:0;}

/* 四つの柱 */

.pillars-wrap{
margin-top:180px;
font-size:16px;}

.pillars{margin:0 0 30px;}

.pillars:after{
content:"";
clear:both;
display:block;}

.pillar-stretch{
width:135px;
height:265px;
background-image:url("../../images/pillar-stretch.jpg");
float:left;
margin:0 20px 0 150px;}

.pillar-stretch > p{
font-size:20px;
color:#ffffff;
margin:0;
padding-top:220px;}


.pillar-training{
width:135px;
height:265px;
background-image:url("../../images/pillar-training.jpg");
float:left;
margin:0 20px 0 20px;
}

.pillar-training p{
line-height:1em;
font-size:20px;
color:#ffffff;
margin:0;
padding-top:218px;}

.pillar-core{
width:135px;
height:265px;
background-image:url("../../images/pillar-core.jpg");
float:left;
margin:0 20px 0 20px;
}

.pillar-core p{
line-height:1em;
font-size:20px;
color:#ffffff;
margin:0;
padding-top:218px;}


.pillar-food{
width:135px;
height:265px;
background-image:url("../../images/pillar-food.jpg");
float:left;
margin:0 150px 0 20px;
	}

.pillar-food p{
font-size:20px;
color:#ffffff;
margin:0;
padding-top:220px;}


.btn2{
width:180px;
font-size:18px;
color:#ffffff;
padding:5px 6px;
background-color:#f9a41a;
border-radius:7px;
margin:55px auto;
box-shadow:0 0 8px gray
}



/* フッター */
footer{
color:#ffffff;
background-color:#f9a41a;
margin:130px -320px 0 -320px;
padding:1px 320px 30px 320px;}

footer:after{
content:"";
display:block;
clear:both;
}

#footer-left{
margin:0px;
float:left;}

#footer-right{
margin-top:34px;
float:right;
}

.footer-shopname{
font-size:28px;
margin-top:32	px;}
 .btn3{
 width:150px;
 margin-left:77px;
 background-color:#244c5f;
 padding:13px 0;
 border:1px solid #ffffff;
 box-shadow:0 0 13px gray;
 text-align:center;}
 

.footer-tel{
color:#244c5f;
font-size:30px;
font-weight:bold;
}

#copyright{
font-size:13px;
margin:0;
padding:0;
float:right;
}

/* 指導内容(program) */



table{
border: 2px solid #faf6ee;
margin:0 auto 40px;
text-align:center;
}

td,th{
border: 2px solid #faf6ee;
padding:4px;
text-align:center;
}

.width-618{
width:618px;
margin:0 auto;
}
.width-612{
width:612px;
margin:0 auto;
}
.width-590{
width:590px;
margin:0 auto;
}

.width-634{
width:634px;
margin:0 auto;
}

.pillars-small-heading{
font-size:22px;
text-shadow:none;}

.h2-small{
margin:100px 0 50px;
}

.h2-small:before{
box-shadow:none;
}

.caption-bottom{caption-side:bottom;
text-align:right;
font-size:14px;
line-height:1.7em}

.text-align-left{
text-align:left;
padding:0 20px;}


.go-to-beginner{
color:#244c5f;
font-weight:bold;
text-decoration:underline;
}

h5.food{
font-size:25px;
color:#000000;
position:relative;
margin:100px auto 20px;}


.food-content-table table{
border: 2px solid #f9a41a;
background-color:#ffffff;
box-shadow:0 0 6px gray;
}
.food-content-table th,
.food-content-table td{
border: 2px solid #f9a41a;
}
/* 初心者トレーニング指導 */
.beginner-counter-table{
margin:50px auto 80px;
}

.beginner-content-table table,
.beginner-content-table th,
.beginner-content-table td{
border: 2px solid #f9a41a;
}

/* 小学生トレーニング指導 */
.kid-content-table td{
font-size:13px;
line-height:1;}

/* トレーナー紹介 */
.trainer-width-850{
margin:0 auto;
width:850px;
padding-bottom:100px;
}

.trainer-width-850 p{
font-size:17px;
line-height:1.8em;
}

.trainer-ending h6{
text-align:right;
margin-top:40px;
}

.mission h6{
text-align:left;
}

.img-trainer-right{
float:right;
margin:0 0 0 30px;
}

.img-trainer-left{
float:left;
margin-right:30px;
}

.mission:after{
content:"";
clear:both;
display:block;
}

.trainer-ending:after{
content:"";
clear:both;
display:block;
padding-top:60px;
}

.emphasize{
font-weight:bold;
font-size:20px;
line-height:1.9;
}

/* 店内紹介 */
.exterior:after{
content:"";
clear:both;
display:block;}

 .img-exterior{
float:left;
 display:inline-block;}

.exterior-content{
float:left;
margin:10px 0 400px 0px;}


h7.floor{
margin:70px 0 0 160px;
}
.freeweight{
margin:40px 0 0 160px;}

.shower{
margin:40px 0 0 160px;
}

.supplement{
margin:40px 0 0 160px;
}

.floor-definition{
margin:0 0 1px 165px;
line-height:1;
}

.img-floor,
.img-supplement,
.img-shower,
.img-freeweight{
margin:3px auto 50px;
padding:25px 0px;
width:630px;
background-color:#ffffff;
box-shadow: 0 0 4px gray;}


.img-floor table,
.img-floor th,
.img-floor td{
border:1px solid #ffffff;
margin:0 auto;}


.img-freeweight table,
.img-freeweight th,
.img-freeweight td{
border:1px solid #ffffff;
margin:0 auto;}



.img-shower table,
.img-shower th,
.img-shower td{
border:1px solid #ffffff;
margin:0 auto;}


.img-supplement table,
.img-supplement th,
.img-supplement td{
border:1px solid #ffffff;
margin:0 auto;}

/* お客様の声 */
.customer-voice-content-table{
background-color:#ffffff;
margin:0 auto;
width:780px;
padding:65px 0 20px;
box-shadow:0 0 6px gray;
}

.customer-voice-content-table table,
.customer-voice-content-table td{
border: 2px solid #f9a41a;
padding:10px;}


.customer-voice-name{
background-color:#f9a41a;
text-align:center;
color:#ffffff;
font-weight:bold;}


.h5-customer-voice{
font-size:26px;
}

.other-customer{
margin-top:23px;
font-size:18px;
font-weight:bold;
text-align:center;
color:#244c5f;
text-decoration:underline;
}

/* ビフォーアフター写真 */

.customer-img-content-table table,
.customer-img-content-table td,
.customer-img-content-table th{
border: 1px #ffffff;
background-color:#ffffff;
padding:10px 20px;
}

.customer-img-content-table table{
box-shadow:0 0 8px gray;}


.gallery{
font-size:48px;
text-shadow:0 0 9px gray;
text-align:center;
margin:110px auto -18px;}


/* GAIA5つのメリット */

.lifestyle-wrap{
opacity:0.5;
filter:alpha(opacity=50);
content:"";
clear:both;
display:block;
}

.img-lifestyle{
float:left;	
margin:0 13px 10px 0;
}

.lifestyle-content{
margin:0 0 30px;
padding:0;
line-height:1.2em;}

.h4-merits{
margin-top:40px;
}

.h5-merits-content{
color:#f9a41a;
font-weight:normal;
font-size:23px;
text-align:left;
margin:10px 0 -18px 0;
text-shadow:none;}

.h5-merits-content span{
font-size:37px;
vertical-align:-3px;
}
/* リフォーム */
.h5-house{
color:#000000;
position:relative;
margin-bottom:70px;
}

.h5-house:before{
border-top:1px solid;
content:"";
position:absolute;
top:50%;
left:0;
width:100%;
z-index:-1;
box-shadow:1px 1px 3px gray;
}

.h5-house span{
font-size:28px;
font-weight:normal;
background-color:#faf6ee;
padding:0 15px;
text-shadow:1px 1px 6px gray;
}


.house-wrap{
position:relative;
padding:0;
margin-bottom:40px;
}
.house-wrap p{
position:absolute;
top:0px;
left:0;
right:0;
margin:auto;
font-weight:bold;
color:#244c5f;
}

.house-button{
color:#FFF;
padding:6px;
width:160px;
text-align:center;
margin:20px auto 5px;
background-color:#244c5f;
box-shadow:0 0 3px gray;}

.h5-gaia-way{
font-size:25px;
background-color:#faf6ee;
width:520px;
margin:0 auto;
position:absolute;
top:-18px;
left:0;
right:0;
text-shadow:none;}

.gaia-way-content-wrap{
border:3px solid #244c5f;
border-radius:15px;
margin-top:100px;
padding:18px 13px 13px;
position:relative;
z-index:-1;}

.gaia-way-content-wrap p{
font-size:14px;
margin:0;
}

p.gaia-way-content{
margin:20px 0 0;
line-height:1em;
color:#244c5f;
font-size:19px;
font-weight:bold;}


/* GAIA式食事指導 */
.img-house-man{
float:left;
width:130px;
margin-right:25px;}


.house-man-img-wrap:after{
content:"";
display:block;
clear:both;
}

.h5-diet{
font-size:25px;
background-color:#faf6ee;
width:320px;
margin:0 auto;
position:absolute;
top:-18px;
left:0;
right:0;
text-shadow:none;}

.diet-content-wrap{
border:3px solid #244c5f;
border-radius:15px;
margin-top:100px;
padding:18px 13px 13px;
position:relative;
z-index:-1;}

.diet-content-wrap p{
font-size:14px;
margin:0;
}

p.diet-content{
margin:20px 0 0;
line-height:1em;
color:#244c5f;
font-size:19px;
font-weight:bold;
}

.go-to-muscle-detail{
font-size:14px;
color:#244c5f;
margin-top:80px;
line-height:1.2em;
text-align:center;}

.go-to-muscle-detail span{
font-size:18px;
text-decoration:underline;
font-weight:bold;
}

/* 詳しい筋肉づくりの話 */

.h5-muscle-detail{
color:#f9a41a;
font-size:25px;
text-shadow:none;
text-align:left;
margin-bottom:25px;	}

.muscle-small-heading{
color:#244c5f;
font-weight:bold;
margin-bottom:-17px;
}

ul.muscle-list{
list-style-type: upper-alpha;
font-weight:bold;}

ul.muscle-list li:first-child{
color:#ca6ad0;
}
ul.muscle-list li:nth-child(2){
color:#6a6ad0;
}
ul.muscle-list li:nth-child(3){
color:#6ad071;
}
ul.muscle-list li:nth-child(4){
color:#d0ca6a;
}

.content-a{
color:#ca6ad0;
margin:60px auto -17px;
font-weight:bold;
}
.content-b{
color:#6a6ad0;
margin-bottom:-17px;
font-weight:bold;
}

.content-c{
color:#6ad071;
margin-bottom:-17px;
font-weight:bold;
}

.content-d{
color:#d0ca6a;
margin-bottom:-17px;
font-weight:bold;
}

.img-muscle-detail{
display:block;
margin:0 auto;}
.muscle-method-list{
margin:50px auto;}

.muscle-method-list p{
line-height:1.3em;
margin:14px auto ;}

.muscle-detail-table{
font-size:13px;
border:1px solid #000000;
margin-top:80px;}

.muscle-detail-table td{
border:1px solid #000000;
line:height:1;
}

.muscle-detail-table td p{
margin:0 5px;
}

.caption-bottom{
position:relative;
text-align:right;}

/* コース料金 */

.course-table{
border:1px solid #244c5f;
background-color:#ffffff;
margin:40px auto 60px;
box-shadow:0 0 8px gray; }
.course-table td{
border:1px solid #244c5f;
padding:10px;
 }
 
.course-name{
color:#244c5f;
font-weight:bold;
background-color:#cfdde4;

}

.personal-training-detail{
margin:0;
text-align:left;
text-shadow:none;}

.personal-training-detail-table{
background-color:#ffffff;
width:100%;
border:1px solid #000000;
margin:5px auto 0px;
}

.personal-training-detail-table td{
border:1px solid #000000;
padding:2px 15px;}

.personal-training-detail-content{
background-color:#000000;
font-weight:bold;
color:#ffffff;
}

.course-wrap{
padding-bottom:65px;
box-shadow:0 7px 6px -6px gray;
}

.price-table-wrap table{
border:1px solid #f9a41a;
background-color:#ffffff;
box-shadow:0 0 6px gray;
}
.price-table-wrap td{
border:2px solid #f9a41a;

}

.price-table-wrap caption{
font-weight:bold;
color:#244c5f;
font-size:18px}

/* アクセス */

h5.h5-access{
margin:0 0 10px -490px;}
.coupon{
border:1px solid #cccccc;
border-collapse:separate;
border-spacing:2px;
font-size:15px;
background-color:#ffffff;
width:700px;
box-shadow:0 0 6px gray;
padding:0px;
}
/* クーポン */
.coupon td{
border:1px solid #cccccc;
border-collapse:separate;
padding:3px;
}
.coupon p{
margin:1px;
}
.coupon-top{
background-color:#f9a41a;
}
td.coupon-content{
text-align:left;
padding-left:60px;
}

p.coupon-highlight{
font-weight:bold;
font-size:22px;
line-height:1em;
color:red;
margin:12px;
}

h5.h5-coupon{
padding:100px 0 5px 0;
margin:0 0 0 -590px;}

/* 日焼けサロン */

.beach-img-wrap{
position:relative;
margin-top:-65px;}

.beach-img-wrap p{
position:absolute;
top:80px;
left:340px;
font-family:serif;
font-size:38px;
line-height:1.7;
color:#ffffff;
text-shadow:0 0 30px #244c5f;}
h4.machine{
margin-bottom:0;
}

table.machine td{
vertical-align:middle;
padding:0;
vertical-align:bottom;
}

p.machine-name{
color:#244c5f;
font-size:20px;
font-weight:bold;
}

table.tom-price{
border:1px solid #f9a41a;
background-color:#ffffff;
box-shadow:0 0 8px gray;
}
table.tom-price td{
border:1px solid #f9a41a;
padding:10px 20px;
}

p.tom-price{
margin:0 0 0 180px;
}

h5.tom-coupon{
text-align:left;
margin:130px 0 5px 170px}
table.tom-coupon{
border:1px solid #cccccc;
border-collapse:separate;
border-spacing:3px;
background-color:#ffffff;
box-shadow:0 0 6px gray;

}

table.tom-coupon td{
border:1px solid #cccccc;
border-collapse:separate;
padding:5px 20px;}


/* ページトップ */
#to-top{
width:0;
height:0;
position:fixed;
border:50px solid transparent;
border-bottom:50px solid  #f9a41a;
bottom:20px;
right:40px;
;}


color:#244c5f;
背景faf6ee
orange:#f9a41a;