@charset "UTF-8";
/*初期設定
----------------------------------------------------*/
body {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-family: "メイリオ", Meiryo,Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Geneva, Arial, sans-serif;
  }
img {
  max-width: 100%;
  height: auto;
  }
  
 a:hover img.btnon {
	 opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
 }
 
 ul, li {
	 margin:0;
	 padding:0;
	 list-style:none;
 }
 

  
.ie8 img{
  width: auto;
  }
/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    }
.clearfix:after {
    clear: both;
    }
.clearfix {
    *zoom: 1;
    }

/*layout
----------------------------------------------------*/
.wrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  }
.topwrapper{
  width: 100%;
  margin: 0;
  overflow: hidden;
  }
.centerwrapper{
  width: 98%;
  margin: 0 auto;
  }
header {
	padding: 0;
	width: 100%;
}
header h1 {
  display:block;
  margin: 15px auto;
  text-align: center;
  line-height:30px;
  }
  header h1 img.logol {
	width:21%;
}
header h1 img.logor {
	width:79%;
}
header h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  }
header h2 a {
	margin: 0;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	display: block;
	background:  #000;
}
header h2 a:hover {
	background:  #666;
}
.menuwrapper{
  width: 100%;
  margin: 0;
  background: #00a73f;
  overflow: hidden;
  clear: both;
  }
.slwrapper {
	margin: 0 0 15px 0;
	padding: 20px 0;
	background: #e8e8e8;
	text-align: center;
}
.bannerwrapper {
	margin: 0;
	padding: 10px 0;
	background: #f4c60b;
	text-align: center;
}
.bannerwrapper a {
	display:block;
	margin: 0 1%;
	padding: 0;
	width: 31%;
	float:left;
	text-align:center;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.snswrapper {
	margin: 0;
	padding: 5px 15px;
	background: #269f40;
	text-align: center;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
.snswrapper a {
	color:#FFF;
	text-decoration:none;
}
.snswrapper a:hover {
	color:#FFF;
	text-decoration:underline;
}
#content {
  margin: 0 10px 20px;
  }
#content h1 {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1.1;
  font-family: 'Trocchi', serif;
  }
#content h2 {
  padding: 0 0 0 10px;
  border-left: 3px solid #000;
  line-height: 1.1;
  font-size: 2em;
  font-weight: normal;
  }
  


#footer {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  background: url(../img/bg_footer.png) repeat-x left bottom;
  }
.gotop {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.ad {
	margin:0;
	padding: 10px 0;
	font-size:12px;
	line-height:18px;
}
.ad a {
	color:#000;
	text-decoration:none;
}
.copy {
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 35px;
	font-size: 10px;
	color: #fff;
}

/* menu ------------------*/
nav#menu-box {
  text-align: center;
  clear: both;
  }
#menu{
    display: none;
  }
nav#menu-box ul {
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
#menu li{
    width: 100%;
    list-style-type: none;
  }
#menu li a{
  display: block;
  margin: 0;
  padding: 10px 0 10px;
  background: #028734;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #035e25;
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #00a73f;
}
#toggle a{
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 0 13px;
  border-bottom: 1px solid #026829;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #00a73f;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
  
  
  .title {
	text-align:center;
	font-size:22px;
	line-height:24px;
	font-weight:400;
	color:#999999;
	margin-top:30px;
	margin-bottom:15px;
}
  .title-btm {
	width:100%;
	height:4px;
	background:url(../img/sha.png) ;
	margin-bottom:30px;
}
.subtit {
	display:block;
	background:url(../img/sha.png);
	padding:10px;
	margin:15px auto;
	width:auto;
	color:#333;
	font-size:18px;
	line-height:22px;
	text-align:left;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}
.bg-ippan {background:#E50065; color:#FFF;}
.bg-fitness {background:#0075C2; color:#FFF;}
.bg-junior {background:#EE7800; color:#FFF;}
.bg-green {background:#01A73E; color:#FFF;}
.pink {color:#E50065;}
.blue {color:#0075C2;}
.yellow {color:#EE7800;}
.green {color:#01A73E;}
.white {color:#FFF;}
.red14b {color:#FF6500; font-size:14px; font-weight:bold;}
.brown14b {color:#713907; font-size:14px; font-weight:bold;}
.brown10b {color:#713907; font-size:10px; font-weight:bold;}

.left { margin:0 auto; width:100%; }
.sl {display:block;width:640px;float:left;margin-right:10px;margin-bottom:10px;}
.left2 { display:block; clear:right;}
.right { float:left; width:50%; }
.right2 { float:left; clear:right;margin-right:5px; }
.left50 { float:none; width:100%; }
.right50 { float:none; width:100%; }

.px10 { font-size:10px; line-height:14px; font-weight:normal; }
.px12 { font-size:12px; line-height:18px; font-weight:normal; }
.px16 { font-size:16px; line-height:24px; font-weight:normal; }
.bold {font-weight:800;}
.mleft20 {margin-left:20px;}

.arrlink {
	color: #333;
	text-decoration: none;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	background-image: url(../img/arr_gr.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	display: block;
	background-position: 2px;
	margin-bottom: 5px;
	clear:both;
}
a.arrlink:hover {
	color: #269F40;
	text-decoration: underline;
}




.comment {
	background:#F8EFD3;
	padding:10px;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	margin-top:10px;
	margin-bottom:10px;
}
.comment img { width:100%; }
.hiramatsu {
	background:url(../img/hiramatsu.png) 10px bottom no-repeat #F8EFD3;
	padding-left:180px;
}
.arakawa {
	background:url(../img/arakawa.png) right bottom no-repeat #F8EFD3;
	padding-bottom:90px;
}
.morikawa {
	background:url(../img/morikawa.png) right bottom no-repeat #F8EFD3;
	padding-right:140px;
}
.manabe {
	background:url(../img/manabe.png) right bottom no-repeat #F8EFD3;
	padding-right:140px;
}
.kobayashi {
	background:url(../img/kobayashi.png) left bottom no-repeat #F8EFD3;
	padding-left:145px;
}


/* top ------------------*/  
.btn-taiken {
	text-align:center;
	margin:15px auto;
}
.top-tit {
	text-align:center;
	font-size:22px;
	line-height:24px;
	font-weight:400;
	color:#999999;
	margin-top:30px;
	margin-bottom:30px;
}
.sub {
	display:block;
	font-size:14px;
	line-height:30px;
	font-weight:200;
}
.mokuteki3top img  {
	width:100%;
}
.mokuteki3 img  {
	width:33.3%;
}
.about5 a {
/*	margin:0 2.5px;*/
	display:block;
	width:31%;
	margin:0 1.1%;
	float:left;
}
#adt1 {
	padding:10px;
	border:solid 4px #37ABD0;
	background:url(../img/bg-bd-bl.png);
	margin-bottom:30px;
}
#adt2 {
	padding:10px;
	border:solid 4px #FDCF00;
	background:url(../img/bg-bd-y.png);
	margin-bottom:30px;
}
#adt3 {
	padding:10px;
	border:solid 4px #83C635;
	background:url(../img/bg-bd-gr.png);
	margin-bottom:30px;
}
#adt4 {
	padding:10px;
	border:solid 4px #FF6800;
	background:url(../img/bg-bd-or.png);
	margin-bottom:30px;
}
#adt5 {
	padding:10px;
	border:solid 4px #DE668C;
	background:url(../img/bg-bd-pk.png);
	margin-bottom:30px;
}
#adt6 {
	padding:10px;
	border:solid 4px #0074c1;
	background:url(../img/bg-bd-mz.png);
	margin-bottom:30px;
}
.adt-tit {
	font-size:1.6em;
	line-height:2.0em;
	font-weight:600;
}
.right40 {
	display:block;
	float:right;
	width:40%;
	margin: 0 0 10px 10px;
}
a.btn-more {
	display:inline-block;
	padding: 4px;
	margin: 5px auto;
	background:#666;
	color:#fff;
	text-decoration:none;
	text-align:center;
}


.snswrapper img {
	margin: 10px;
}
.newswrapper {
	margin: 0 0 30px;
	padding: 15px;
	background: #e8e8e8;
}
.newswrapper iframe {
	width: 100%;
}

.block2 li {
	width:50%;
	float:left;
}

.topblock1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.topblock1 div {
	margin: 3%;
	padding: 0;
	display: block;
	float: none;
}
.block1bg1 { background: #279f41;}
.block1bg2 { background: #27629f;}
.block1bg3 { background: #d04a3c;}


.topblock2 {
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
.topblock2 div {
	margin: 3% 3% 2%;
	padding: 0;
	float: left;
	width: 94%;
	text-align: center;
}
.topblock2 div span br {display: none;}
.topblock2 div p {
	margin: 0;
	padding: 0;
	height:80px; 
	text-align: left;
}
.topblock2 div span {
	font-size: 1.563em;
	line-height: 1.5em;
	color: #00a73f;
}
.topblock2 .syosai {
    margin: 0 auto;
	padding: 5px;
	background: #00a73f;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
}

iframe.topics {
	height:400px;
}


/*--------------コース案内----------------*/
.course-green {
	display:block;
	padding: 4px 10px;
	border-left:solid 6px #01A73E;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a.course-i {
	display:block;
	padding: 4px 10px;
	border-left:solid 6px #E50065;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a:hover.course-i, a.current {
	background:#FFE0E1;
}
a.course-f {
	display:block;
	padding: 4px 10px;
	border-left:solid 6px #0075C2;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a:hover.course-f, a.current-f {
	background:#A5C9F9;
}
a.course-j {
	display:block;
	padding: 4px 10px;
	border-left:solid 6px #EE7800;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a:hover.course-j, a.current-j {
	background:#FFDDBE;
}
.course-i span, .course-f span, .course-j span {
	display:block;
	font-size:14px;
	font-weight:normal;
	margin-left:20px;
	line-height:20px;
}

.course-unit,  .review-unit li {
	margin:10px 0;
}

table.course {
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
}
table.course td {
	padding:4px;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	
}

table.course td.btmbd01 {
	border-bottom:solid 2px #666666;
}
.r-mark {
	margin-top:10px;
}
.sq-white {
	background:#FFF;
	padding:5px;
	margin:5px;
	float:left;
	text-align:center;
}

.pcimg {display:none;}

/*------------規約-------------*/
#wk-kiyaku {
	display:block;
	width:100%;
	height:500px;
	position:relative;
	overflow:scroll;
	border:dotted 1px #999;
}
#wk-kiyaku .inner {
	display:block;
	position:absolute;
	width:90%;
	margin:15px auto;
	background:#FFF;
}

.sl {
	max-width: 100%;
	display: block;
}

/*--------QA----------*/
/*　Q&A
-------------------------*/
.s_question{
	color: #972F02;
	font-size: 16px;
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.8);
	line-height: 150%;
	padding:10px;
	margin:15px auto;
	width:auto;
	color:#333;
	font-size:18px;
	line-height:22px;
	text-align:left;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
	background: url(../img/sha.png);
	
}

.s_question:hover{
	color: #E50065;
	cursor:pointer;
}

.s_answer{
	background: url(../img/a.png) no-repeat 5px 10px;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
	line-height: 1.6em;
	display: none;
	margin-bottom: 30px;
	padding: 15px 15px 15px 30px;
	border:dotted 1px #999;
}

img.youi {
	display:block;
	width:50%;
	margin:0 auto 15px;
}
.youi {
	margin-bottom:15px;
}
.youi1{
	padding:25px 10px 20px 125px;
	background:url(../img/youi1.jpg) left top no-repeat;
}
.youi2{
	padding:25px 10px 20px 125px;
	background:url(../img/youi2.jpg) left top no-repeat;
}
.youi3{
	padding:25px 10px 20px 125px;
	background:url(../img/youi3.jpg) left top no-repeat;
}
.youi4{
	padding:25px 10px 20px 125px;
	background:url(../img/youi4.jpg) left top no-repeat;
}
.youi5{
	padding:25px 10px 20px 125px;
	background:url(../img/youi5.jpg) left top no-repeat;
}

.president {
	width:100%;
	margin-top:15px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:800;
	font-size:14px;
}
.president img {
	max-width:300px;
}
.profile {
	text-align:left;width:90%;margin:10px auto;
	font-size:12px;
	font-weight:normal;
}

.staff li {
	width:100%;
	background:#E4E3D4;
	margin-bottom:15px;
}

.staff-tit {
	padding:4px 4px 4px 12px;
	font-size:16px;
	line-height:22px;
}
.coach {
	background:#043A7E;
	color:#FFF;
}
.front {
	background:#EE4E00;
	color:#FFF;
}
.staff-comment {
	padding:4px;
	line-height:18px;
}

.form-table th, .form-table td {
	display:block;
	width:98%;
	padding:1%;
	line-height:2.5em;
}
.form-table tr {
	border-bottom: solid 1px #999;
}
.form-table input.text100, .form-table textarea {
	width:80%;
}
.corp-table th {
	text-align:center;
	font-weight:100;
	width:15%;
	display:block;
	margin-bottom:10px;
	float:left;
}
.corp-table td {
	padding-left:15px;
	display:block;
	border-left:solid 3px #ccc;
	margin-bottom:10px;
	float:left;
	clear:right;
}
.corp-table a {
	color:#333;
	text-decoration:none;
}
.corp-table a:hover {
	color:#333;
	text-decoration:underline;
}



@media only screen and (max-width: 640px) {
/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }
.block2 li {
	width:100%;
	float:none;
}	  

	  
}


/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {

header h1 {
 display:block;
	float:left;
	width:468px;
}
header h1 img {
	float:left;
}
header h1 img.logol {
	width:96px;
}
header h1 img.logor {
	width:353px;
}
header h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  float: right;
  }
header h2 a {
	margin: 0;
	padding: 8px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	display: block;
	background: #000;
}
.bannerwrapper a {
	width:100px;
	margin: 0 3px;
}


/* menu ------------------*/
nav#menu-box {
  margin: 0 auto;
  max-width: 480px;
  text-align: center;
  clear: both;
  background: #00a73f;
  }
#menu{
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 0;
}
nav#menu-box ul {
	margin: 0;
	display: table;
}
#menu li{
  float: left;
  width: 33.33%;
  margin: 0;
  display: table-cell;
}

#menu li a{
  padding: 15px 0;
  background: #00a73f;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
#toggle{ 
 display: none;
}

.centerwrapper{
  max-width: 960px;
  margin: 0 auto;
  }


/* top ------------------*/ 
.topblock1 {
	margin: 0 0 10px ;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.topblock1 div {
	margin: 0 1.041666666%;
	padding: 0;
	float: left;
	width: 31.25%;
}
.block1bg1 { background: #279f41;}
.block1bg2 { background: #27629f;}
.block1bg3 { background: #d04a3c;}

.topblock2 {
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
.topblock2 div {
	margin: 0 1.041666666% 25px;
	padding: 0;
	float: left;
	width: 31.25%;
	text-align: center;
}
.topblock2 div span br {display: block;}
.topblock2 div p {
	margin: 0;
	padding: 0;
	min-height:90px; 
	text-align: left;
}
.topblock2 div span {
	font-size: 1.563em;
	line-height: 1.5em;
	color: #00a73f;
}
.topblock2 .syosai {
    margin: 0 auto;
	padding: 5px;
	background: #00a73f;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
}

	 .profile {
	text-align:left;width:350px;margin:10px auto;
	font-size:12px;
	font-weight:normal;
}


}/* /480 */ 
  


/* min-width: 768px
=============================================================*/  
@media only screen and (min-width: 768px) {
  .wrapper {
      margin-bottom: 20px;
        }
.left, .left2 { float:left; margin-right:10px;margin-bottom:10px;width:auto;  }
.left50 { float:left; width:50%; }
.right,.right2 { float:right; width:auto;}
img.img30 {width:30%;}
.pcimg {display:block;}

/* menu ------------------*/
nav#menu-box {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
  clear: both;
  background: #00a73f;
  }  
#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  float: left;
  max-width: 16.666%;
  margin: 0;
  padding: 0;
}
#menu li a{
  padding: 25px 0;
  background: #00a73f;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
#toggle{ 
 display: none;
}

/* top ------------------*/

iframe.topics {
	height:260px;
}

.topblock2 {
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
}
.topblock2 div {
	margin: 0 1.041666666% 10px;
	padding: 0;
	float: left;
	width: 17.916666666%;
	max-width: 172px;
	text-align: center;
}
.topblock2 div span br {display: block;}
.topblock2 div p {
	margin: 0 0 10px 0;
	padding: 0;
	min-height:100px; 
	text-align: left;
}
.topblock2 div span {
	font-size: 1.563em;
	line-height: 1.5em;
	color: #00a73f;
}
.topblock2 .syosai {
    margin: 0 auto;
	padding: 5px;
	background: #00a73f;
	color: #fff;
	text-decoration:none;
	font-size: 12px;
}

.bannerwrapper img {
	margin: 0 5px;
	padding: 0;
	max-width: 100%;
}

.mokuteki3top img  {
	width:33.3%;
}
.about5 a {
/*	margin:0 2.5px;*/
	display:block;
	width:155px;
	margin:0 2.5px;
	float:left;
}
.right40 {
	display:block;
	float:right;
	width:200px;
	margin: 0 0 10px 10px;
}



/*------コース案内-------*/
.course-i span, .course-f span, .course-j span {
	font-size:14px;
	font-weight:normal;
	margin-left:60px;
	display:inline-block;
}

.r-mark {
	float:right;
	margin-top:0;
}

.course-unit, .review-unit li {
	width:32%;
	margin:10px 0.5% 10px 0;
	float:left;
}
.course-unit td img {
	max-width:305px;
}

.course-unit2 {
	width:66.5%;
	margin:10px 0 10px;
	float:left;
}
.course-unitr,  .review-unit li:nth-child(3n) {
	width:33%;
	margin:10px 0 10px;
	float:left;
}
.arakawa {
	background:url(../img/arakawa.png) right bottom no-repeat #F8EFD3;
	padding-right:180px;
	padding-bottom:20px;
}

.comment img { width:auto; }

img.youi {
	display:block;
	width:22%;
	margin:0 3% 15px 0;
	float:left;
}
.youi {
	margin-bottom:15px;
	margin-left:25%;
}




.staff li {
	width:32%;
	margin-right:2%;
	height:480px;
	float:left;
}
.staff li:nth-child(3n) {
	margin-right:0;
}


.form-table th {
	display:block;
	width:30%;
	float:left;
}
.form-table td {
	width:auto;
	float:left;
	clear:right;
}
.form-table input, .form-table textarea {
	max-width:100%;
}
.form-table td.btn {
	display:block;
	float:none;
	text-align:center;
}






}/* /768 */