@charset "utf-8";
/*---------------------------------------------
    リセットCSS（編集不要）
----------------------------------------------*/
html {
  height:100%;
  font-size:62.5%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {
  font-size:10px;
  font-size:1.0rem;
  font-weight:normal;
}
img,abbr,acronym,fieldset {border: 0;}
ul li {list-style-type: none;}
a,label {cursor:pointer;}
img {vertical-align:bottom;}

/*---------------------------------------------
   clearfix
----------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px }
* html .clearfix {height: 1px;}
.both { clear: both }
.of-h{overflow:hidden;}
/*---------------------------------------------
    float
----------------------------------------------*/
.fl-l{float:left;}
.fl-r{float:right;}
/*---------------------------------------------
   text-link
----------------------------------------------*/
body {font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}	
a {
  color: #1072b8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #FB8008;
}
a:hover img {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}
/*---------------------------------------------
  font-size
----------------------------------------------*/
.f11{font-size:110%!important;}
.f12{font-size:120%!important;}
.f13{font-size:130%!important;}
.f14{font-size:140%!important;}
.f15{font-size:150%!important;}
.f16{font-size:160%!important;}
.f17{font-size:170%!important;}
.f18{font-size:180%!important;}
.f19{font-size:190%!important;}
.f20{font-size:200%!important;}
.f21{font-size:210%!important;}
.f22{font-size:220%!important;}
.f23{font-size:230%!important;}

/*---------------------------------------------
  font-style
----------------------------------------------*/
.fB{font-weight:bold!important;}
.red{color:#F70000;}
/*---------------------------------------------
  margin  padding
----------------------------------------------*/
.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-40{margin-top:40px!important;}
.mt-50{margin-top:50px!important;}
.mb-0{margin-bottom:0!important;}
.mb-10{margin-bottom:10px!important;}
.mb-20{margin-bottom:20px!important;}
.pt-10{padding-top:10px!important;}
.pt-20{padding-top:20px!important;}
.pt-30{padding-top:30px!important;}
.pt-40{padding-top:40px!important;}
.pt-50{padding-top:50px!important;}
.pt-50{padding-top:50px!important;}
.pb-20{padding-bottom:20px!important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
/*---------------------------------------------
  position
-----------------------------------------------*/
.rlt{position:relative;}
/*---------------------------------------------
  contents 
----------------------------------------------*/
/*パンくずリスト*/
.pankuzu{
  background-color:#F9F9F9;
  height:34px;
}
.pankuzu ul{
  width:980px;
  margin:0 auto;
  line-height:34px;
}
.pankuzu ul li{display: inline-block;}
.pankuzu ul li:after{content:" > ";}
.pankuzu ul li:last-child:after{content:"";}
.pankuzu ul li.last:after{content:"";}
.logoArea p,.logoArea h1{display:inline-block;}
.logoArea h1{padding-left:10px;}
.logoArea p{
	padding:0px;
	margin: 0;
}
#mainContent {
  margin:10px auto 0px;
  padding: 30px 0 0px;
  position:relative;
}
#mainContent .btnGoToTop{
  position:absolute;
  bottom: 20px;
  right: 20px;
  font-size:140%;
}
#mainContent .btnGoToTop a{color:#000;}
#mainContent .btnGoToTop:after{
  content: "";
  background: url(../images/common/icon_top.png);
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-left: 5px;
}
#titleArea{
  display: table;
  width:100%;
  height:100px;
  background-color:#F4F4F4;
}
#titleArea h2.pageTit,#titleArea h1.pageTit{
  display: table-cell;
  width:960px;
  font-size:300%;
  vertical-align:middle;
}
#titleArea h2.pageTit span,#titleArea h1.pageTit span{
  border-left:#00AC97 7px solid;
  display:block;
  margin:0 auto;
  padding-left:15px;
  width:960px;
}
/*---------------------------------------------
    header
----------------------------------------------*/
.logoArea{
  width:980px;
  margin: 0 auto;
  padding: 20px 0;
}
/*-----------Global navigation-------------*/
#gn{border-bottom: #00AC97 3px solid;}
#gn ul{
  width:980px;
  margin:0 auto;
  overflow:hidden;
}
#gn ul li{
  float:left;
  border-left:#ccc 1px solid;
  width:163.3px;
  box-sizing: border-box;
  font-size:140%;
  font-weight:bold;
  text-align:center;
  padding: 6px 0 9px;
}
#gn ul li:last-child{
  border-right:#ccc 1px solid;
}
/* :last-child未対応ブラウザ用 */
#gn ul li.last{border-right:#ccc 1px solid;}
#gn ul li a{color:#00AC97;}
/*---------------------------------------------
    footer
----------------------------------------------*/
#footer {
  border-top:#00ac97 1px solid;
  background:#e7f3f0;
  padding:37px 0 0
}
.ftwrap {
  width:980px;
  margin:0 auto;
  overflow:hidden;
  border-left:solid 1px #CCC;
}
.ftnav dl {float:left;}
.ftnav ul {
  float:left;
  width:150px;
}
.ftnav li {margin:4px;}
.ftnav dl{
  border-left:solid 1px #CCC;
  padding:0 0 0 15px;
}
.ftnav dl.bn{border-left:none;}
.ftnav dt {
  font-size:140%;
  font-weight: bold;
  color: #00b49d;
}
.ftnav dt dd{font-size:120%;}
.privacy  {float:right;}
.privacy ul {
  overflow:hidden;
  padding:10px 15px 10px 10px;
  margin:0 0 5px 0;
}
.privacy li {float:right;}
.privacy li.txt {
  margin:10px 10px 0 0;
  font-size:1.0rem;
  font-size:10px;
}
#footerBtm{
  background-color:#333;
  margin-top:30px;
}
#footerBtm #copyright{
  width:980px;
  margin:0 auto;
  color:#FFF;
  padding:15px 0;
  font-size:120%;
}

/*---------------------------------------------
    フォーム
----------------------------------------------*/
#seikyu_contents {width:680px; margin: 0 auto;}
.form_area {width:100%;border-top:1px solid #ccccca;border-left:1px solid #ccccca; font-size: 14px;}
.form_area td{color:#333333;border-bottom:1px solid #ccccca;border-right:1px solid #ccccca;padding: 20px;}
.form_area th{background-color:#F4F4F4;border-bottom:1px solid #ccccca;border-right:1px solid #ccccca;
padding: 20px; width: 36%;}
input.len3 { width: 97%; padding: 5px;}
.btn_green { margin: 14px auto;}
.btn_green input[type="submit" i] { 
	width:300px;
	font-size: 15px;
  text-decoration: none;
  background: #00AC97;
  border: 2px solid #fff;
  color: #fff;
  width: 200px;
  margin: 0px auto;
  display: block;
  text-align: center;
  padding: 8px 10px 9px 10px;
  border-radius: 6px;
  font-weight: bold;
	cursor:pointer;
}
.btn_green input:hover {
  background: #00bb88;
  border: 2px solid #fff;
}
.mb10 { margin-bottom: 10px;}
#test_advertising_note,#advertising_preferred_time,.preferred {padding: 10px;}
.errorbg{background-color:#ffeeee;}
.error{color:#ff0000;padding-top:10px;}
/*---------------------------------------------
    塾 新規掲載申し込み
----------------------------------------------*/
#body_box{
  background-color: #FFFFFF;
}
#title_jyuku{
  font-size: 23px;
  font-weight: 900;
  margin-bottom: 10px;
}
#main_Box_jyuku{
  border: 2px solid #E0E0E0;
  border-radius: 10px;
  padding: 10px 35px 15px 35px;
  background-color: #F0F0F0
}
.form_area_jyuku{
  width: 100%;
  font-size: 14px;
}
.form_area_jyuku th {
  background-color: #F0F0F0;
  border-bottom: 2px solid #E0E0E0;
  padding: 20px;
  width: 30%;
  font-weight: 400;
}
.form_area_jyuku td {
  background-color: #F0F0F0;
  border-bottom: 2px solid #E0E0E0;
}
.form_area_jyuku .jy_text1 {
  font-size: 12px;
}
.form_area_jyuku .jy_text2 {
  font-size: 10px;
  color: #666666d1;
  margin: 2px;
}
.form_area_jyuku .text2_wrap{
  border-bottom: none !important;
  padding-bottom: 10px;
}
.form_area_jyuku .input input{
  width: 90%;
  padding: 7px;
}
.btn_green_jyuku input{
  width: 300px;
  font-size: 14px;
  text-decoration: none;
  background: #00ab95;
  border: 2px solid #00ab95;
  color: #fff;
  width: 260px;
  margin: 0px auto;
  display: block;
  text-align: center;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 6px;
  cursor: pointer;
}
.btn_white_jyuku input{
  font-size: 14px;
  background: #FFF;
  color: black;
  border: 1px solid #E0E0E0;
  width: 100%;
  padding: 10px 10px 10px 10px;
  cursor: pointer;
  display: block;
}
.btn_wrap_jyuku{
  text-align: center;
  margin: 30px 0 0 0;
}
.btn_wrap_jyuku .btn_left{
  display: inline-block;
  margin-left: -160px;
  margin-right: 25px;
}
.div_inline{display: inline-block !important;}
.text_center{text-align: center !important;}
.text_left{text-align: left !important;}
.font_bold{font-weight: bold !important;}
.font_size12{font-size: 12px !important;}
.font_size13{font-size: 13px !important;}
.font_size14{font-size: 14px !important;}
.font_size15{font-size: 15px !important;}
.font_size16{font-size: 16px !important;}
.font_size17{font-size: 17px !important;}
.font_size18{font-size: 18px !important;}
.font_size20{font-size: 20px !important;}
.font_size30{font-size: 30px !important;}
.padding_t20{padding-top: 20px !important;}
.padding_t30{padding-top: 30px !important;}
.padding_t45{padding-top: 45px !important;}
.padding_b10{padding-bottom: 10px !important;}
.padding_tb5{padding: 5px 0px !important;}
.padding_tb10{padding: 10px 0px !important;}
.padding_tb15{padding: 15px 0px !important;}
.margin_t25{margin-top: 25px !important;}
.margin_tb10{margin: 10px 0px !important;}
.witdh_100{width: 100% !important;}
.subscription_img1{
  max-width: 250px;
  height: auto;
}
.subscription_img3{
  max-width: 100px;
  height: auto;
}
.download_jyuku{
  width: 60%;
  margin: 0 auto;
}
.download_flow{
  border: 2px solid #CCCCCC;
  border-radius: 10px;
  padding: 10px 10px 15px 15px;
  background-color: #DCDCDC;
}
.download_jyuku_table{table-layout: fixed;}
.download_jyuku_table td{padding: 5px;}
.download_btn{
  text-decoration: none;
  background: #00ab95;
  border: 2px solid #00ab95;
  color: #fff;
  margin: 0px auto;
  display: block;
  text-align: center;
  -moz-border-radius: 6px;
  cursor: pointer;
  width: 100% !important;
  padding: 10px 0px !important;
  font-size: 12px !important;
}
.download_btn:hover {
  text-decoration: none !important;
  color:#FFF !important;
}
.img_btn:hover img{
  text-decoration: none !important;
  opacity: 1.0 !important;
}
.subscription_img_btn{
  max-width: 100%;
  height: auto;
}
.jyuku_input_btn{background: #00ab95 !important;}