/* CSS Document */

/*common*/
ul,ol,li,h1,h2,h3,h4,p,th,td,img,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; }
img{ border: 0 }
table{ border-collapse:collapse;}
ul{list-style:none;}
ul li{float:left;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt2{margin-top:2px;}
.mb30{margin-bottom:30px;}
.clear{clear:both;}
.floL{float:left;}
.floR{float:right;}
.limit{font-size:75%; color:#222222; text-align:center; margin-top:2px;}

/*IE6 png対応*/
.iepngfix{behavior: expression(IEPNGFIX.fix(this));}


body {font-family: "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin: 0; padding: 0; background:url(../img/back.gif) repeat-x;}


div#wrappe{background:url(../img/bg_kazari.gif) no-repeat; margin-left:auto; margin-right:auto; width:1000px; behavior: expression(IEPNGFIX.fix(this));}
div#wrappe #contents{background:url(../img/bg_contens.png) repeat-y; margin-left:auto; margin-right:auto; width:900px; padding:0 10px; behavior: expression(IEPNGFIX.fix(this));}
div#wrappe #contents p.pagetop{text-align:right; margin-top:10px; margin-right:20px;}

/*header*/
div#wrappe #contents #header{width:900px; position:relative; }
div#wrappe #contents #header #head_btn{ position:absolute; top:415px; left:380px; }
div#wrappe #contents #header #yoga{ position:absolute; top:347px; left:20px; width:280px; height:213px; background:url(../img/yoga.jpg) no-repeat; }
div#wrappe #contents #header #yoga #yoga_btnG{position:relative; width:280px;}
div#wrappe #contents #header #yoga #yoga_btnG img{position:absolute;}
div#wrappe #contents #header #yoga #yoga_btnG #yoga_logo{top:90px; left:21px;}
div#wrappe #contents #header #yoga #yoga_btnG #btn_point{top:151px; left:27px;}
div#wrappe #contents #header #yoga #yoga_btnG #btn_interview{top:151px; left:139px;}


/*checkG*/
div#wrappe #contents #checkG{width:893px; height:380px; padding:20px 0 0 7px; position:relative; background:url(../img/bg_check.jpg) no-repeat;}
div#wrappe #contents #checkG ul li{margin-right:9px;}
div#wrappe #contents #checkG p{position:absolute;}
div#wrappe #contents #checkG p#ch01{ top:320px; left:28px; clear:both; }
div#wrappe #contents #checkG p#ch02{ top:320px; left:322px; }
div#wrappe #contents #checkG p#ch03{ top:320px; left:615px; }


/*check01、02、03*/
div#wrappe #contents .check{ width:860px; padding:0 20px;}
div#wrappe #contents .check #ch01G{ background:url(../img/ch_back01.jpg) no-repeat; width:835px; height:591px; padding-top:25px; padding-left:25px; position:relative; }
div#wrappe #contents .check #ch01G #lead{ position:absolute; top:238px; left:25px; }
div#wrappe #contents .check #ch02G{ background:url(../img/ch_back02.jpg) no-repeat; width:810px; height:731px; padding:25px 25px 0 25px; }
div#wrappe #contents .check #ch03G{ background:url(../img/ch_back03.gif) no-repeat; width:830px; height:974px; padding:11px 15px 0 15px;}
div#wrappe #contents .check #ch03G #ch03_price{background:url(../img/ch03_back.gif) no-repeat; width:786px; height:603px; padding:0 21px;}
div#wrappe #contents .check #ch03G #ch03_price .setBox{margin:21px 0 24px 0; width:378px; overflow:hidden;}


/*interview*/
div#wrappe #contents #interview{width:880px; padding:0 10px;}
div#wrappe #contents #interview_box{background:url(../img/inter_back.gif) no-repeat; width:880px; height:1196px;}
div#wrappe #contents #interview_box .voice{background:url(../img/voi_back.gif) no-repeat; width:740px; height:258px; margin:0 auto 18px auto; padding:0 35px;}
div#wrappe #contents #interview_box .voice02{background:url(../img/voi_back02.gif) no-repeat; width:740px; height:243px; margin:0 auto 18px auto; padding:0 35px;}
div#wrappe #contents #interview_box .privacy{text-align:right; font-size:75%; color:#222222; margin:0 30px 20px 0; line-height:18px;}


/*step*/
div#wrappe #contents #step{ width:900px; height:1230px; position:relative; }
div#wrappe #contents #step p.s01{ position:absolute; top:65px; }
div#wrappe #contents #step p.s02{ position:absolute; top:90px; left:479px; }
div#wrappe #contents #step p.s03{ position:absolute; top:453px; }
div#wrappe #contents #step p.s04{ position:absolute; top:523px; left:479px; }
div#wrappe #contents #step p.s05{ position:absolute; top:959px; }
div#wrappe #contents #step p.step_btn{ position:absolute; top:1181px; left:351px; }


/*present*/
div#wrappe #contents #present{ background:url(../img/present_back.jpg) no-repeat; width:823px; height:241px; margin:30px 20px 0 20px; padding:72px 15px 0 22px; position:relative }
div#wrappe #contents #present p#pre_moji02{ position:absolute; top:215px; left:30px; }
div#wrappe #contents #present p#pre_btn{ position:absolute; top:235px; left:560px; }


/*image*/
div#wrappe #contents #image{width:860px; height:449px; background:url(../img/bg_image.jpg) no-repeat; padding:32px 20px 0 20px; position:relative;}
div#wrappe #contents #image ul{margin-top:10px; height:65px;}
div#wrappe #contents #image ul li{margin-right:6px;}
div#wrappe #contents #image .all{ clear:both; font-size:68%; color:#222222; margin-left:60px; padding-top:5px; }
div#wrappe #contents #image .name{ font-size:75%; line-height:15px; color:#222222; padding:15px 0; }
div#wrappe #contents #image .spf{position:absolute; top:343px; left:261px;} 
div#wrappe #contents #image #image_btn{ position:absolute; top:350px; left:20px; }


/*support*/
div#wrappe #contents #support{ width:860px; margin:0 20px;}
div#wrappe #contents #support_box{ width:820px; background:url(../img/bg_support.jpg) no-repeat; height:629px; padding:15px 20px 0 20px; }
div#wrappe #contents #support #support_box01{background:url(../img/support_back01.gif) no-repeat; width:389px; height:297px; padding:11px 0 0 11px; margin-right:20px; margin-bottom:20px;}
div#wrappe #contents #support #support_box02{background:url(../img/support_back02.gif) no-repeat; width:389px; height:297px; padding:11px 0 0 11px;}
div#wrappe #contents #support #support_box03{background:url(../img/support_back03.gif) no-repeat; width:809px; height:260px; margin-bottom:5px; padding:11px 0 0 11px;}


/*promise*/
div#wrappe #contents #promise{width:860px; padding:0 20px;}
div#wrappe #contents #promise ul{margin:15px 0 10px 0; height:81px;}
div#wrappe #contents #promise #txt_box{width:828px; border:solid 1px #afafaf; padding:10px 15px;}
div#wrappe #contents #promise .txt01{font-size:75%; line-height:17px; padding:0 14px; color:#222222;}
div#wrappe #contents #promise .txt02{font-size:11px; line-height:15px; text-indent:-1em; margin-left:1em; color:#222222;}
div#wrappe #contents #promise .line{ border: solid 1px #222222; padding:5px 15px; width:547px; }


/*footer*/
div#wrappe #contents #footer{background:url(../img/bg_foot.gif) no-repeat; width:860px; height:65px; padding:21px 20px 0 20px;}
div#wrappe #contents #footer ul{height:41px;}