@charset "utf-8";

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/* reset ---------------- */
#contents {font-size: 100%;}
#contents table{ border-top: 1px none #bbbbbb; border-left: 1px none #bbbbbb; border-bottom-style: none; border-right-style: none; }
#contents table th,
#contents table td{ padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; font-size: 14px; line-height: 1.2em; border-bottom: 1px none #bbbbbb; border-right: 1px none #bbbbbb; border-top-style: none; border-left-style: none; background-color: transparent; }


/* 初期設 ---------------- */
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#contents{ line-height: 1.8em; }
ul.col2 li{ width: 50%; }
ul.col3 li{ width: 33%; }
ul.col3 li:first-child{width: 34%;}
ul.col4 li{ width: 25%; }
ul.col5 li{ width: 20%; }
ul.col6 li{ width: 17%; }
ul.col6 li:nth-child(3n){ width: 16%;}

.alph{ font-family: 'ubuntu', sans-serif; font-weight: 700; }
.atten{ font-size: 12px; }

#contents table.sch_def{}
#contents table.sch_def tr th{ background-color: #79BF96; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #FFFFFF; padding-left: 30px; line-height: 1.8em; padding-right: 30px; }
#contents table.sch_def tr td{ background-color: #FBFBFB; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; line-height: 1.8em; padding-right: 30px; }
#contents table.sch_def tr:nth-child(2n) th{ background-color: #65B988; }
#contents table.sch_def tr:nth-child(2n) td{ background-color: #EEEEEE; }
#contents table.sch_def tr td strong{ font-size: 20px; color: #009E20; margin-right: 12px; }
#contents table.sch_def tr td.item_name,#contents table.sch_def tr th.item_name{ background-color: #717171; color: #FFFFFF; font-weight: bold; }

a.exp_link{ background-color: #5A95DD; display: block; padding-top: 16px; padding-bottom: 16px; padding-left: 50px; padding-right: 50px; margin-left: auto; margin-right: auto; width: 580px; }
a.exp_link:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left center; background-size: 11px auto; width: 16px; height: 26px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }

.tofaq{ clear: both; text-align: center; border-top: 1px solid #87C7A2; padding-top: 30px; }
.tofaq a{ background-color: #FFFFFF; display: inline-block; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; border-left: 1px solid #009C42; border-right: 1px solid #009C42; border-bottom: 1px solid #009C42; border-top: 1px solid #29B866; }
.tofaq a:before{ content: ''; background-image: url(../images/school/com/comm_arr_01.png); background-position: left 4px; background-size: 11px auto; width: 16px; height: 22px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; }

#contentsInner input.myp_subm[type="image"]{ background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 40px; margin-top: 34px; margin-bottom: 38px; background-image: url(../images/school/com/comm_arr_02.png); background-repeat: no-repeat; background-size: 9px auto; background-position: 26px center; }
#contentsInner input.form_subm[type="image"]{background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 50px; padding-right: 40px; margin-top: 34px; margin-bottom: 38px; background-image: url(../images/school/com/comm_arr_02.png); background-repeat: no-repeat; background-size: 9px auto; background-position: 26px center; }
#contents input.form_subm[type="submit"] { background-color: #20CD69; border-radius: 0px; border-style: none; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; cursor: pointer; margin-top: 16px; }


/* menu
------------------------------------------------------------------------- */
ul#school_nav{ width: 1000px; margin-right: auto; margin-left: auto; overflow: hidden; }
ul#school_nav li{ width: 200px; border-right: 1px solid #20cd69; float: left; position: relative; display: inline-block; margin-bottom: 8px; margin-top: 8px; }
ul#school_nav li:first-child{ border-left: 1px solid #20cd69; }
ul#school_nav li a{ text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; position: relative; }

.school_top ul#school_nav li:nth-child(1) a{ background-color: #009C42; color: #FFFFFF; }
.school_top ul#school_nav li:nth-child(1) a:after{ content: "▼"; color: #009C42; width: 22px; height: 22px; display: block; position: absolute; left: 50%; font-size: 22px; text-align: center; margin-left: -11px; bottom: -12px; }
.school_range ul#school_nav li:nth-child(4) a{ background-color: #009C42; color: #FFFFFF; }
.school_range ul#school_nav li:nth-child(4) a:after{ content: "▼"; color: #009C42; width: 22px; height: 22px; display: block; position: absolute; left: 50%; font-size: 22px; text-align: center; margin-left: -11px; bottom: -12px; }
.school_lesson ul#school_nav li:nth-child(3) a{ background-color: #009C42; color: #FFFFFF; }
.school_lesson ul#school_nav li:nth-child(3) a:after{ content: "▼"; color: #009C42; width: 22px; height: 22px; display: block; position: absolute; left: 50%; font-size: 22px; text-align: center; margin-left: -11px; bottom: -12px; }
.school_about ul#school_nav li:nth-child(2) a{ background-color: #009C42; color: #FFFFFF; }
.school_about ul#school_nav li:nth-child(2) a:after{ content: "▼"; color: #009C42; width: 22px; height: 22px; display: block; position: absolute; left: 50%; font-size: 22px; text-align: center; margin-left: -11px; bottom: -12px; }
.school_event ul#school_nav li:nth-child(5) a{ background-color: #009C42; color: #FFFFFF; }
.school_event ul#school_nav li:nth-child(5) a:after{ content: "▼"; color: #009C42; width: 22px; height: 22px; display: block; position: absolute; left: 50%; font-size: 22px; text-align: center; margin-left: -11px; bottom: -12px; }




/* content-comm
------------------------------------------------------------------------- */
.school_cont{ width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden; }



/* ログインフローティング
------------------------------------------------------------------------- */
#obje_detail_floating { display: none; background-color: #9D9D9D; color: #FFFFFF; position: fixed; top: 250px; right: 0; padding-top: 14px; padding-right: 14px; padding-left: 14px; padding-bottom: 14px; width: 200px; }
#obje_detail_floating h3 { padding-bottom: 20px; }
#obje_detail_floating span{ font-size: 14px; line-height: 1.4em; }
#obje_detail_floating a#btn_close { display: block; position: absolute; top: -12px; right: 5px; }

#obje_detail_floating a.btn_form{ background-color: #666666; display: block; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
#obje_detail_floating a.btn_form:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left 2px; background-size: 9px auto; width: 12px; height: 16px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 6px; }




/* トップ
------------------------------------------------------------------------- */

.school_top .slide_box {width: 100%; height: 100%; overflow: hidden;}
.school_top .slide_all {width: 1000px; margin: 0 auto; height: 420px; position: relative;}
.school_top .slide_wrap {width: 3000px; position: absolute; left: 50%; margin-left: -1500px;}
.school_top .slide_body {width: 100%;}
.school_top .slide { width: 1000px; height: 420px; display: block; position: relative; }
.school_top .slide img { width: 100%; vertical-align: bottom; position: absolute; left: 0px; top: 0px; }
.school_top .overlayer{ width: 100%; height: 420px; background-image: url(/assets/images/school/top/slide_layer.png); background-repeat: no-repeat; background-position: center top; position: absolute; left: 0px; top: 142px; }
.school_top .slide_all:after{ content: ''; width: 1000px; height: 420px; background-color: rgba(255,255,255,0.93); position: absolute; top: 0px; left: 1000px; }
.school_top .slide_all:before{ content: ''; width: 1000px; height: 420px; background-color: rgba(255,255,255,0.93); position: absolute; top: 0px; left: -1000px; z-index: 9999; }


.school_top .slide  a.slalink{ background-color: #FFFFFF; border-radius: 50px; padding-top: 10px; padding-bottom: 10px; display: block; color: #009C42; text-align: center; clear: both; float: right; padding-left: 40px; padding-right: 40px; position: absolute; font-size: 18px; border: 1px solid #039A4B; }
.school_top .slide  a.slalink:before { content: ''; width: 18px; height: 18px; background-image: url(../images/school/com/comm_arr_01.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }

.school_top .slide#slnum_01 a.slalink{ right: 33px; top: 319px; }
.school_top .slide#slnum_02 a.slalink{ right: 86px; top: 270px; }
.school_top .slide#slnum_03 a.slalink{ right: 102px; top: 354px; }
.school_top .slide#slnum_04 a.slalink{ right: 102px; top: 354px; }
.school_top .slide#slnum_05 a.slalink{ right: 30px; top: 350px; }
.school_top .slide#slnum_06 a.slalink{ right: 17px; top: 357px; }
.school_top .slide#slnum_17cat a.slalink{ right: 102px; top: 354px; }
.school_top .slide#slnum_17lesHawaii a.slalink{ right: 17px; top: 357px; }
.school_top .slide#slnum_17jal a.slalink{ right: 17px; top: 357px; }
.school_top .slide#slnum_17compe09 a.slalink{ right: 102px; top: 354px; }
.school_top .slide#slnum_18les_okinawa a.slalink{ right: 102px; top: 354px; }
.school_top .slide#slnum_18cat a.slalink{ right: 120px; top: 354px; }
.school_top .slide#slnum_18mori a.slalink{ right: 100px; top: 354px; }
.school_top .slide#slnum_18lady a.slalink{ right: 430px; top: 177px; }


dl#top_3lesson dt{ padding-top: 30px; text-align: center; }
dl#top_3lesson dd{}
dl#top_3lesson dd ul{ overflow: hidden; padding-top: 36px; width: 1000px; }
dl#top_3lesson dd ul li{ background-color: #5A95DD; width: 317px; float: left; text-align: center; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; color: #FFFFFF; position: relative; min-height: 259px; margin-left: 25px; }
dl#top_3lesson dd ul li:first-child{ width: 316px; margin-left: 0px; }
dl#top_3lesson dd ul li h3{ display: block; padding-bottom: 12px; }
dl#top_3lesson dd ul li span{ display: block; text-align: left; }
dl#top_3lesson dd ul li a.tolesson{ background-color: #FFFFFF; border-radius: 50px; padding-top: 14px; padding-bottom: 14px; display: block; color: #5A95DD; position: absolute; bottom: 25px; width: 268px; font-weight: bold; font-size: 15px; }
dl#top_3lesson dd ul li a.tolesson:before{ content: ''; width: 22px; height: 20px; background-image: url(../images/school/com/comm_arr_03.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }

dl#top_news{ width: 710px; float: left; padding-top: 70px; padding-bottom: 50px; } 
dl#top_news dt{ border-bottom: 1px solid #9ECEB2; padding-bottom: 18px; }
dl#top_news dt .alph{ color: #009C42; vertical-align: bottom; }
dl#top_news dt img{ margin-right: 16px; }
dl#top_news dt a.news_link{ font-size: 12px; color: #FFFFFF; background-color: #009C42; display: inline; padding-left: 20px; padding-right: 20px; float: right; margin-right: 15px; vertical-align: top; font-weight: bold; margin-top: 10px; }
dl#top_news dt a.news_link:before{ content: ''; width: 18px; height: 18px; background-image: url(../images/school/com/comm_arr_02.png); background-repeat: no-repeat; display: inline-block; background-size: 8px auto; vertical-align: bottom; }
dl#top_news dd{ padding-top: 22px; }
dl#top_news dd ul{}
dl#top_news dd ul li{ font-size: 12px; padding-bottom: 8px; }
dl#top_news dd ul li a{}
dl#top_news dd ul li .yymmdd{ width: 80px; display: inline-block; float: left;}
dl#top_news dd ul li .news_txt{ width: 710px; display: block; padding-left: 90px; }



dl#top_search{ width: 226px; float: right; padding-top: 80px; padding-bottom: 50px; }
dl#top_search dt{ padding-bottom: 6px;}
dl#top_search dt .alph{ color: #009C42; vertical-align: bottom; }
dl#top_search dt img{ margin-right: 10px; }
dl#top_search dd ul{ width: 226px; height: 197px; display: block; background-image: url(../images/school/top/schtop_07.png); background-repeat: no-repeat; background-position: left top; position: relative; }
dl#top_search dd ul li { width: 72px; height: 18px; position: absolute; }
dl#top_search dd ul li a{}
dl#top_search dd ul li img{ width: 72px; height: auto; }
dl#top_search dd ul li.area_tohoku{ top: 35px; left: 82px; }
dl#top_search dd ul li.area_kanto{ top: 100px; left: 139px; }
dl#top_search dd ul li.area_chubu{ top: 140px; left: 108px; }
dl#top_search dd ul li.area_kinki{ top: 71px; left: 54px; }
dl#top_search dd ul li.area_chugoku{ top: 99px; left: 16px; }
dl#top_search dd ul li.area_kyushu{ top: 153px; left: 16px; }

dl#top_event{ padding-top: 20px; padding-bottom: 50px; clear: both; overflow: hidden; }
dl#top_event dt{ border-bottom: 1px solid #9ECEB2; padding-bottom: 18px; text-align: center; }
dl#top_event dt .alph{ color: #009C42; display: block; padding-top: 6px; }
dl#top_event dd{}
dl#top_event dd ul{}
dl#top_event dd ul li{ width: 50%; float: left; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; border-right: 1px solid #9ECEB2; overflow: hidden; border-bottom: 1px solid #9ECEB2; }
dl#top_event dd ul li:nth-child(2n){ border-right-style: none; }
dl#top_event dd ul li .thm_img{ width: 160px; float: left; }
dl#top_event dd ul li .thm_img img{ width: 100%; height: auto; }
dl#top_event dd ul li .event_txt{ width: 280px; float: right; font-size: 12px; line-height: 1.6em}
dl#top_event dd ul li .event_txt a.event_name{ display: block; font-weight: bold; line-height: 1.4em; color: #5C5C5C; font-size: 14px; padding-bottom: 10px; padding-top: 10px; }
dl#top_event dd ul li .event_txt span{}
dl#top_event dd ul li .event_txt img.event_genr{ margin-right: 14px; }
dl#top_event dd ul li  a.toevent{ background-color: #FFFFFF; border-radius: 50px; padding-top: 6px; padding-bottom: 6px; display: block; color: #009C42; border: 1px solid #009C42; width: 190px; text-align: center; margin-top: 20px; clear: both; float: right; margin-right: 95px; }
dl#top_event dd ul li  a.toevent:before { content: ''; width: 18px; height: 18px; background-image: url(../images/school/com/comm_arr_01.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }

/* 各練習場
------------------------------------------------------------------------- */
ul#range_nav{ overflow: hidden; width: 100%; display: block; position: absolute; bottom: 0px; }
ul#range_nav li{ float: left; border-left: 1px solid #8A8A8A; height: 60px; }
ul#range_nav li:first-child{ border-left-style: none; }
ul#range_nav li a{ background-color: #737373; display: block; color: #FFFFFF; width: 100%; height: 100%; position: relative; padding-top: 19px; }
ul#range_nav li a:hover{ color: #FFFFFF; }
ul#range_nav li.onpage a{ background-color: #5A95DD; }
ul#range_nav.col5 li a{ font-size: 13px; }

#range_prof { background-repeat: no-repeat; background-position: center top; height: 285px; }
#range_prof .school_cont{ text-align: center; height: 285px; padding-top: 50px; position: relative; }
#range_prof .school_cont dl{ display: inline-block; text-align: left; }
#range_prof .school_cont dl dt{ background-color: #20CD69; font-size: 26px; color: #FFFFFF; padding-left: 40px; padding-top: 8px; padding-bottom: 8px; line-height: 1.2em; overflow: hidden; }
#range_prof .school_cont dl dt a{ display: inline-block; color: #FFFFFF; font-size: 14px; background-color: #149C4D; float: right; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 16px; margin-left: 50px; line-height: 1.4em; }
#range_prof .school_cont dl dt a:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left top; background-size: 8px auto; width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; }
#range_prof .school_cont dl dt .rang_name{ float: left; }


#range_prof .school_cont dl dd{ background-color: #FFFFFF; padding-left: 40px; padding-top: 14px; padding-bottom: 14px; padding-right: 40px; }
#range_prof .school_cont dl dd table{ }
#range_prof .school_cont dl dd table th{ color: #20CD69; padding-top: 5px; padding-bottom: 5px; padding-right: 30px; border-right: 1px solid #e1e1e1; }
#range_prof .school_cont dl dd table td{ padding-top: 5px; padding-bottom: 5px; padding-left: 30px; }
#range_prof .school_cont dl dd table td a.toaccess{ color: #FFFFFF; background-color: #B7B7B7; font-size: 12px; padding-left: 10px; padding-right: 10px; margin-left: 12px; }

/* お知らせ*/
dl#range_news dt{ padding-top: 40px; text-align: center; }
dl#range_news dd{}
dl#range_news dd ul{ overflow: hidden; padding-top: 24px; width: 1000px; }
dl#range_news dd ul li{ padding-bottom: 20px; border-bottom: 1px dotted #D3D3D3; margin-bottom: 36px; width: 220px; float: left; margin-right: 30px; display: block; }
dl#range_news dd ul li .news_jenr{ padding-bottom: 10px; }
dl#range_news dd ul li .news_thm{ margin-bottom: 16px; width: 220px; height: 120px; display: block; }
dl#range_news dd ul li .news_thm a{ background-repeat: no-repeat; background-position: -1px -1px; width: 218px; height: 118px; display: block; border: 1px solid #E9E9E9;  background-size:cover; }
dl#range_news dd ul li .updyymmdd{ font-size: 10px; font-weight: bold; color: #777777; padding-bottom: 10px; }
dl#range_news dd ul li .news_rttl{ font-weight: bold; padding-bottom: 6px;}
dl#range_news dd ul li .news_rttl:before{ }
dl#range_news dd ul li .news_rtxt{ padding-bottom: 10px; height: 72px; overflow: hidden; font-size: 12px; }
dl#range_news dd ul li a.more_kh{  }
dl#range_news dd ul li a:visited.more_kh { color: #B5A290; }
dl#range_news dd .nonews{ text-align: center; padding-top: 30px; }

dl#range_news dd table.sch_def{ width: 510px; float: left; }
dl#range_news dd table.sch_def tr th{ padding-left: 10px; text-align: left; padding-right: 10px; font-size: 12px; }
dl#range_news dd table.sch_def tr td{ padding-left: 10px; padding-right: 10px; font-size: 12px;}

dl#ag_news dt{ padding-top: 40px; text-align: center; }
dl#ag_news dd{}
dl#ag_news dd ul{ overflow: hidden; padding-top: 24px; width: 1000px; text-align: center; }
dl#ag_news dd ul li{ padding-bottom: 20px; border-bottom: 1px dotted #D3D3D3; margin-bottom: 36px; width: 470px; margin-right: 15px; display: inline-block; text-align: left; margin-left: 15px; }
dl#ag_news dd ul li .news_jenr{ padding-bottom: 10px; }
dl#ag_news dd ul li .news_thm{ margin-bottom: 16px; width: 470px; height: 89px; display: block; }
dl#ag_news dd ul li .news_thm a{ height: 89px; display: block; }
dl#ag_news dd ul li .updyymmdd{ font-size: 10px; font-weight: bold; color: #777777; padding-bottom: 10px; }
dl#ag_news dd ul li .news_rttl{ font-weight: bold; padding-bottom: 6px;}
dl#ag_news dd ul li .news_rttl:before{ }
dl#ag_news dd ul li .news_rtxt{ padding-bottom: 10px; height: 72px; overflow: hidden; font-size: 12px; }
dl#ag_news dd ul li a:visited.more_kh { color: #B5A290; }


ul#from_ag{ overflow: hidden; padding-top: 50px; width: 1000px; text-align: center; margin-top: 60px; position: relative; }
ul#from_ag:empty{ display: none; } 
ul#from_ag li{ padding-bottom: 20px; border-bottom: 1px dotted #D3D3D3; width: 470px; display: inline-block; text-align: left; margin-left: 12px; margin-right: 12px; height: 290px; }
ul#from_ag li:first-child:before{ content: ''; background-image: url(/assets/images/school/com/rangecomm_top_02.png); background-repeat: no-repeat; background-position: left top; display: block; width: 439px; height: 26px; position: absolute; top: 0px; left: 0px; right: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; }
ul#from_ag li .news_jenr{ padding-bottom: 10px; }
ul#from_ag li .news_thm{ margin-bottom: 16px; width: 470px; height: 89px; }
ul#from_ag li .news_thm a{ height: 89px;  }
ul#from_ag li .updyymmdd{ font-size: 10px; font-weight: bold; color: #777777; padding-bottom: 10px; }
ul#from_ag li .news_rttl{ font-weight: bold; padding-bottom: 6px;}
ul#from_ag li .news_rttl:before{ }
ul#from_ag li .news_rtxt{ padding-bottom: 10px; height: 72px; overflow: hidden; font-size: 12px; }
ul#from_ag li a:visited.more_kh { color: #B5A290; }



/*イレギュラー*/
dl#range_irreg dt{ padding-top: 40px; text-align: center; }
dl#range_irreg dt .intr_txt{ text-align: center; display: block; padding-bottom: 40px; }
dl#range_irreg dd{ padding-top: 30px; }
dl#range_irreg dd strong{ font-size: 18px; color: #149C4D; padding-bottom: 14px; display: inline-block; }
dl#range_irreg dd .atten{ display: inline-block; margin-left: 15px; }

dl#range_irreg dd table.sch_def{ margin-top: 10px; margin-bottom: 29px; }
dl#range_irreg dd table.sch_def tr th{ padding-left: 10px; text-align: left; padding-right: 10px; }
dl#range_irreg dd table.sch_def tr td{ padding-left: 10px; padding-right: 10px;  }
dl#range_irreg dd table.sch_def tr td .price_name{ display: inline-block; color: #838383; min-width: 170px; margin-right: 16px; font-size: 14px; }
dl#range_irreg dd table.sch_def tr td .prive_yen{ display: inline-block; font-weight: bold; color: #139440; font-size: 18px;}



/*レッスン系*/
.lesson_box{ text-align: center; padding-top: 40px;}
dl.lesson_box dt{ }
dl.lesson_box dt .alph{ color: #009C42; display: block; font-size: 15px; padding-top: 4px; }
dl.lesson_box dd{ padding-top: 22px; padding-bottom: 60px; }
dl.lesson_box dd a.lesson_link{ background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; margin-top: 7px; }
dl.lesson_box dd a.lesson_link:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left 2px; background-size: 9px auto; width: 16px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }
dl.lesson_box dd ul#special_list{ border-left-color: #F1F1F1; border-right-color: #F1F1F1; border-top-color: #F1F1F1; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-left-width: 8px; border-right-width: 8px; border-top-width: 8px; }
dl.lesson_box dd ul#special_list li{ border-bottom: 8px solid #F1F1F1; text-align: left; }
dl.lesson_box dd ul#special_list li strong{ color: #009C42; font-size: 20px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; display: block; border-left: 10px solid #2D9A43; padding-left: 20px; }
dl.lesson_box dd .atten{ }

dl.lesson_box dd .after3month{ padding-top: 20px; }
dl.lesson_box dd .after3month strong{ display: block; color: #5A95DD; font-size: 20px; padding-bottom: 10px; }
dl.lesson_box dd .after3month em{ font-style: normal; color: #009E20; font-weight: bold; font-size: 16px; }
dl.lesson_box dd .after3month .atten_box{ color: #009E59; border: 1px solid #009E20; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; display: inline-block; margin-top: 30px; margin-bottom: 38px; }

#contents dl.lesson_box dd table.sch_def{ margin-top: 30px; margin-bottom: 30px; }

dl.lesson_box dd.bl_box { border-bottom: 1px solid #A9BED8; border-top: 1px solid #A9BED8; padding-bottom: 28px; padding-top: 20px; margin-top: 20px; margin-bottom: 60px; }
dl.lesson_box dd.bl_box strong{ color: #5A95DD; font-size: 18px; }
dl.lesson_box dd.bl_box em{ color: #5A95DD; font-style: normal; }
dl.lesson_box dd.bl_box img:nth-of-type(2n-1){ margin-right: 37px; }

dl.lesson_box dd.bl_box a.exp_link{ margin-top: 30px; }
dl.lesson_box dd.bl_box a.exp_link img:first-child{ margin-right: 0px; }

dl.lesson_box dd.bl_box .kyukai_box{ padding-bottom: 10px; text-align: left; } 
dl.lesson_box dd.bl_box .kyukai_box h4{ color: #787878; font-size: 22px; padding-top: 10px; padding-bottom: 14px; }
dl.lesson_box dd.bl_box .kyukai_box strong{ display: block; font-size: 18px; color: #5A95DD; padding-bottom: 6px; }


ul.inst_box{ overflow: hidden; padding-top: 6px; padding-bottom: 40px; }
ul.inst_box li{ overflow: hidden; border-bottom: 1px dotted #A6A6A6; padding-top: 46px; padding-bottom: 16px; }
ul.inst_box li img.inst_face{ width: 166px; margin-right: 20px; float: left; }
ul.inst_box li .inst_prof{ float: left; width: 814px; display: block; }
ul.inst_box li .inst_prof dl.inst_comment{ padding-top: 25px; }
ul.inst_box li .inst_prof dl.inst_comment dt{ border-bottom: 1px solid #929292; padding-bottom: 6px; }
ul.inst_box li .inst_prof dl.inst_comment dt:before{ content: '■'; color: #65B988; margin-right: 4px; }
ul.inst_box li .inst_prof dl.inst_comment dd{ color: #5B5B5B; padding-top: 12px; padding-bottom: 26px;  }
ul.inst_box li:last-child{ border-bottom-style: none; }

#contents ul.inst_box li .inst_prof table.sch_def th{ text-align: left; font-weight: normal; }
#contents ul.inst_box li .inst_prof table.sch_def th.item_name{ font-size: 18px; }
.gr_box{ background-color: #E9E9E9; padding-top: 18px; padding-bottom: 18px; }
.gr_box .tel_txt{color: #444;font-weight: bold; text-align: center;}
.gr_box .tel_txt span{display: inline-block; background-color: #5a95dd; color: #fff; padding: 10px 50px; font-size: 30px; line-height: 1em;}

ul.week_box{ border-bottom: 14px solid #5A95DD; text-align: center; margin-top: 50px; overflow:hidden;}
ul.week_box li{ display: inline-block; background-color: #9A9A9A; font-size: 18px; color: #FFFFFF; padding-top: 10px; padding-bottom: 8px; padding-left: 18px; padding-right: 18px; font-weight: bold; cursor: pointer; }
ul.week_box li.select{background:#5a95dd;}

.timetab_box .day_box{ overflow: hidden; padding-top: 30px; padding-bottom: 30px; }
.hide { display: none;}


div.schoollist_detail_schelabel { display: block; float: left; color: #444444; background-image: url(/assets/images/school/com/rangecomm_sche_01.png); background-repeat: repeat; }
div.schoollist_detail_schelabel span { display: block; font-size: 12px; font-weight: bold; height: 40px; }

div.schoollist_detail_daily { display: block; float: left; font-size: 0; height: 600px; position: relative; background: none; background-position: top left; background-image: url(/assets/images/school/com/rangecomm_sche_01.png); border-left: 1px solid #f0f0f0; }
div.schoollist_detail_dailylabel_wrap {
	width:100%;
	display:block;
	font-size:0;
}
div.schoollist_detail_dailylabel_wrap div:first-child {
	margin-left:10%;
}
div.schoollist_detail_item { font-size: 16px; color: #444444; float: left; font-weight: bold; text-align: center; display: block; line-height: 1.0em; padding-bottom: 10px; }
div.schoollist_detail_item:after{ content: '▼'; display: block; line-height: 1em; font-size: 12px; color: #BCBCBC; }
 
div.schoollist_detail_dailylabel1 {
	width:30%;
}
div.schoollist_detail_dailylabel2 {
	width:60%;
}
div.schoollist_detail_dailylabel3 {
	width:90%;
}
span.schoollist_detail_scheslot { font-size: 12px; display: table; width: 92%; height: 40px; position: absolute; background: #E4E4E4; letter-spacing: -0.5px; text-align: center; font-weight: bold; line-height: 14px; padding-top: 2px; color: #444444; margin-left: 2%; margin-right: 6%; border-radius: 4px; }
.indoor span.schoollist_detail_scheslot{ height:33px;}


/* レーン数毎寸法 */

.lane1 div.schoollist_detail_schelabel{width: 10%;}
.lane1 div.schoollist_detail_daily{ width: 90%;}
.lane1 div.schoollist_detail_item{width: 100%;}

.lane2 div.schoollist_detail_schelabel{width: 5%;}
.lane2 div.schoollist_detail_daily{ width: 45%;}
.lane2 div.schoollist_detail_item{width: 50%;}

.lane3 div.schoollist_detail_schelabel{width: 5%;}
.lane3 div.schoollist_detail_daily{ width: 28%;}
.lane3 div.schoollist_detail_item{width: 33%;}

.lane4 div.schoollist_detail_schelabel{width: 5%;}
.lane4 div.schoollist_detail_daily{ width: 20%;}
.lane4 div.schoollist_detail_item{width: 25%;}


/* クラスレベル別カラー */
span.schoollist_detail_scheslot.l1 { background:#a5daeb; }
span.schoollist_detail_scheslot.l2 { background:#9fd8da; }
span.schoollist_detail_scheslot.l3 { background:#a3e0c7; }
span.schoollist_detail_scheslot.lp { background:#efb0c3; }
span.schoollist_detail_scheslot.lps { background:#f4a3a3; }
span.schoollist_detail_scheslot.lj { background:#f2b2a1; }
span.schoollist_detail_scheslot.la { background:#e6e8a7; }
span.schoollist_detail_scheslot.lpr { background:#f3c96f; }
span.schoollist_detail_scheslot.empty { background:#aaaaaa; color:#ffffff; }
/* クラス時間オプション */
span.schoollist_detail_scheslot.h115 { height:50px; }
span.schoollist_detail_scheslot.h130 { height:60px; }
span.schoollist_detail_scheslot.h200 { height:80px; }
span.schoollist_detail_scheslot.h215 { height:90px; }
span.schoollist_detail_scheslot.h230 { height:100px; }
span.schoollist_detail_scheslot.h245 { height:110px; }
span.schoollist_detail_scheslot.h300 { height:120px; }
span.schoollist_detail_scheslot.h315 { height:130px; }
span.schoollist_detail_scheslot.h330 { height:140px; }
span.schoollist_detail_scheslot.h345 { height:150px; }
span.schoollist_detail_scheslot.h400 { height:160px; }
span.schoollist_detail_scheslot.h415 { height:170px; }
span.schoollist_detail_scheslot.h430 { height:180px; }
span.schoollist_detail_scheslot.h445 { height:190px; }
span.schoollist_detail_scheslot.h500 { height:200px; }
span.schoollist_detail_scheslot.h515 { height:210px; }
span.schoollist_detail_scheslot.h530 { height:220px; }
span.schoollist_detail_scheslot.h545 { height:230px; }
span.schoollist_detail_scheslot.h600 { height:240px; }
span.schoollist_detail_scheslot.h730 { height:300px; }

/* スタート時間オプション */
.st0800{top:0px;}
.st0815{top:10px;}
.st0830{top:20px;}
.st0845{top:30px;}
.st0900{top:40px;}
.st0915{top:50px;}
.st0930{top:60px;}
.st0945{top:70px;}
.st1000{top:80px;}
.st1015{top:90px;}
.st1030{top:100px;}
.st1045{top:110px;}
.st1100{top:120px;}
.st1115{top:130px;}
.st1130{top:140px;}
.st1145{top:150px;}
.st1200{top:160px;}
.st1215{top:170px;}
.st1230{top:180px;}
.st1245{top:190px;}
.st1300{top:200px;}
.st1315{top:210px;}
.st1330{top:220px;}
.st1345{top:230px;}
.st1400{top:240px;}
.st1415{top:250px;}
.st1430{top:260px;}
.st1445{top:270px;}
.st1500{top:280px;}
.st1515{top:290px;}
.st1530{top:300px;}
.st1545{top:310px;}
.st1600{top:320px;}
.st1615{top:330px;}
.st1630{top:340px;}
.st1645{top:350px;}
.st1700{top:360px;}
.st1715{top:370px;}
.st1730{top:380px;}
.st1745{top:390px;}
.st1800{top:400px;}
.st1815{top:410px;}
.st1830{top:420px;}
.st1845{top:430px;}
.st1900{top:440px;}
.st1915{top:450px;}
.st1930{top:460px;}
.st1945{top:470px;}
.st2000{top:480px;}
.st2015{top:490px;}
.st2030{top:500px;}
.st2045{top:510px;}
.st2100{top:520px;}
.st2115{top:530px;}
.st2130{top:540px;}
.st2145{top:550px;}
.st2200{top:560px;}
.st2215{top:570px;}
.st2230{top:580px;}
.st2245{top:590px;}
.st2300{top:600px;}

span.schoollist_detail_scheslot>span {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
}
span.schoollist_detail_scheslot>span>span {
	display:block;
	font-weight:normal;
}


#detail_box{ padding-top: 40px; }
#detail_box h3{ font-size: 22px; padding-bottom: 18px; color: #5A95DD; }
#detail_box .txt_box{ padding-bottom: 30px; overflow: hidden; }
#detail_box .txt_box a{ color: #013B83;}
#detail_box .txt_box a:visited{ color: #5C95DB; }
#detail_box .txt_box table.range_def{ margin-top: 0px; margin-bottom: 24px; width: 490px; border: 1px solid #D9D5C2;}
#detail_box .txt_box table.range_def tr th{ border-right: 1px solid #807E71; line-height: 16px; white-space: nowrap; }
#detail_box .txt_box table.range_def tr td{ border-right: 1px solid #BDB8A3; line-height: 16px;}
#detail_box .txt_box .outline{ margin-top: 30px; }
#detail_box .txt_box .outline h4{ color: #5DA03F; font-size: 14px; letter-spacing: 0.1em; padding-bottom: 6px; }
a.zoombef { border: 7px solid #EDECE8; float: right; margin-left: 30px; margin-bottom: 30px; margin-top: 40px; }
a.zoombef img{ width: 440px; height: auto; }



/* スクールリスト
------------------------------------------------------------------------- */
ul#area_nav{ overflow: hidden; width: 100%; display: block; position: absolute; bottom: 0px; }
ul#area_nav li{ float: left; border-left: 1px solid #8A8A8A; height: 60px; }
ul#area_nav li:first-child{ border-left-style: none; }
ul#area_nav li a{ background-color: #737373; display: block; color: #FFFFFF; width: 100%; height: 100%; position: relative; padding-top: 19px; }
ul#area_nav li a:hover{ color: #FFFFFF; }
ul#area_nav li.onpage a{ background-color: #5A95DD; }


#range_area { background-repeat: no-repeat; background-position: center top; height: 385px; background-image: url(/assets/images/school/schoollist/schelist_kvis.jpg); }
#range_area .school_cont{ text-align: center; height: 385px; position: relative; }
#range_area .school_cont dl{ height: 325px; width: 1000px; }
#range_area .school_cont dl dt{ display: block; width: 260px; height: 100px; position: absolute; top: 125px; left: 50px; }
#range_area .school_cont dl dd{ width: 680px; position: absolute; height: 325px; top: 0px; right: 0px;  }

#range_area .school_cont dl dd ul{ width: 430px; height: 325px; display: block; background-image: url(/assets/images/school/schoollist/schlist_02.png); background-repeat: no-repeat; background-position: 92px 20px; }
#range_area .school_cont dl dd ul li { width: 72px; height: 18px; position: absolute; }
#range_area .school_cont dl dd ul li a{}
#range_area .school_cont dl dd ul li img{ width: 90px; height: auto; }
#range_area .school_cont dl dd ul li.area_tohoku{ top: 104px; left: 211px; }
#range_area .school_cont dl dd ul li.area_kanto{ top: 213px; left: 308px; }
#range_area .school_cont dl dd ul li.area_chubu{ top: 268px; left: 200px; }
#range_area .school_cont dl dd ul li.area_kinki{ top: 156px; left: 145px; }
#range_area .school_cont dl dd ul li.area_chugoku{ top: 187px; left: 53px; }
#range_area .school_cont dl dd ul li.area_kyushu{ top: 248px; left: 6px; }


dl.pract_box{ overflow: hidden; padding-top: 30px; float: left; }
dl.pract_box dt{ color: #434343; display: block; padding-left: 4px; letter-spacing: 0.1em; border-bottom: 1px solid #CDCDCD; padding-bottom: 8px; }
dl.pract_box dt:before{ content: '▼'; color: #949494; }
dl.pract_box dd{ padding-top: 18px; }
dl.pract_box dd ul{ display: block; overflow: hidden; }
dl.pract_box dd ul li{ display: block; overflow: hidden; width: 485px; float: left; padding-bottom: 30px; }
dl.pract_box dd ul li .range_list{ padding-left: 20px; width: 300px; float: left; overflow: hidden;}
dl.pract_box dd ul li .range_list h3 { font-weight: normal; padding-bottom: 8px; }
dl.pract_box dd ul li .range_list h3 a{ font-weight: normal; font-size: 18px; }
dl.pract_box dd ul li .range_list .add_box{ font-size: 12px; display: block; }
h2.name_set{ margin-right: 12px; }
dl.pract_box dd ul li .range_img{ float: left; display: block; }
dl.pract_box dd ul li .range_img a{ width: 180px; display: block; }
dl.pract_box dd ul li .range_img a img{ width: 180px; height: auto; }

dl.pract_box dd ul li .range_list a.more_kh{ border: 1px solid #009C42; border-radius: 26px; padding-left: 30px; padding-right: 30px; padding-top: 8px; padding-bottom: 8px; display: block; text-align: center; width: 185px; bottom: 0px; margin-top: 14px; }
dl.pract_box dd ul li .range_list a.more_kh:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_01.png); background-position: left 2px; background-size: 9px auto; width: 16px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }

dl.pract_box dd ul li:nth-child(2n){ margin-left: 30px; }

dl.pract_box.spot1{ width: 485px; }
dl.pract_box.spot1.sep_left{ margin-right: 30px; }
dl.pract_box.spot2-{ width:1000px; }


/* 学習システム
------------------------------------------------------------------------- */

#point3_area { background-repeat: no-repeat; background-position: center top; height: 385px; }
#point3_area .school_cont{ text-align: center; height: 385px; position: relative; }
#point3_area .school_cont dl{ width: 1000px; height: 385px; padding-top: 50px; }
#point3_area .school_cont dl dt{}
#point3_area .school_cont dl dd{ padding-top: 30px; }

#point3_area .school_cont dl dd ul{ padding-left: 25px; padding-right: 25px; overflow: hidden; display: block; }
#point3_area .school_cont dl dd ul li { width: 300px; display: block; float: left; margin-left: 25px; height: 200px; position: relative; margin-bottom: 30px; }
#point3_area .school_cont dl dd ul li:first-child{ margin-left: 0px;}
#point3_area .school_cont dl dd ul li a{ width: 100%; background-color: #FFFFFF; height: 100%; display: block; padding-top: 26px; padding-right: 32px; padding-bottom: 24px; padding-left: 32px; text-align: left; color: #5A95DD; }
#point3_area .school_cont dl dd ul li a:hover{ text-decoration: none; }
#point3_area .school_cont dl dd ul li a img{ display: block; margin-left: auto; margin-right: auto; padding-bottom: 18px; }
#point3_area .school_cont dl dd ul li a span{  }
#point3_area .school_cont dl dd ul li:after{ content: '▼'; width: 40px; height: 40px; position: absolute; bottom: -38px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; left: 0px; right: 0px; font-size: 40px; display: block; color: #FFFFFF; }
#point3_area .school_cont dl dd ul li a:before{ content: ''; width: 22px; height: 22px; position: absolute; display: block; background-image: url(../images/school/com/comm_arr_03.png); background-repeat: no-repeat; background-size: 13px auto; top: 32px; left: 35px; }
#point3_area .school_cont dl dd ul li:first-child a:before{ top: 35px; left: 48px; }
#point3_area .school_cont dl dd ul li#onpage a{ background-color: #5A95DD; color: #FFFFFF; }
#point3_area .school_cont dl dd ul li#onpage:after{ color: #5A95DD; }
#point3_area .school_cont dl dd ul li#onpage a:before{ background-image: url(../images/school/com/comm_arr_02.png); }


dl#lesson_aga{ padding-top: 50px; }
dl#lesson_aga dt{ text-align: center; }
dl#lesson_aga dt span{ display: block; padding-top: 26px; }
dl#lesson_aga dd{ padding-top: 44px; }
dl#lesson_aga dd ul#level_box{ overflow: hidden; padding-left: 25px; padding-right: 25px; background-image: url(../images/school/lesson/lesson_aga_07.png); background-repeat: no-repeat; background-position: 225px 16px; }
dl#lesson_aga dd ul#level_box li{ width: 288px; margin-left: 43px; float: left; text-align: left; font-size: 12px; }
dl#lesson_aga dd ul#level_box li img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
dl#lesson_aga dd ul#level_box li:first-child{ margin-left: 0px;}
dl#lesson_aga dd .level3_about{ border: 1px solid #2C9A42; clear: both; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 40px; overflow: hidden; }
dl#lesson_aga dd .level3_about strong{ color: #2C9A42; font-size: 16px; font-weight: normal; display: block; }
dl#lesson_aga dd .level3_about em{ color: #2C9A42; font-weight: normal; font-style: normal; display: block; font-size: 14px; }
dl#lesson_aga dd .level3_about .lr_box{ padding-top: 16px; }
dl#lesson_aga dd .level3_about .whalf_box{ width: 50%; float: left; padding-left: 3%; font-size: 12px; }
dl#lesson_aga dd .level3_about .whalf_box:first-child{ padding-left: 0%;} 
dl#lesson_aga dd .torange_box{ text-align: center; padding-top: 60px; padding-bottom: 38px; }

dl#lesson_aga dd .torange_box a.torange{ background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; margin-top: 30px; }
dl#lesson_aga dd .torange_box a.torange:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left 2px; background-size: 9px auto; width: 16px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }


#lesson_premium{ padding-top: 50px; }
#lesson_premium ul#point1-2{ overflow: hidden; padding-left: 25px; padding-right: 25px; background-image: url(/assets/images/school/lesson/lesson_prm_03.png); background-repeat: no-repeat; background-position: center center; }
#lesson_premium ul#point1-2 li{ width: 437px; height: 272px; border: 14px solid #F1F1F1; float: left; margin-left: 76px; position: relative; text-align: left; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
#lesson_premium ul#point1-2 li:first-child{ margin-left: 0px; }
#lesson_premium ul#point1-2 li .point_num{ position: absolute; top: -14px; left: 18px; }
#lesson_premium ul#point1-2 li h3{ text-align: center; padding-bottom: 25px; }
#lesson_premium ul#point1-2 li span{  }
#lesson_premium ul#point1-2 li .atten{ color: #009C42; padding-top: 20px; }

#lesson_premium .comments{ text-align: center; padding-top: 35px; }
#lesson_premium .comments strong{ color: #009C42; }

#lesson_premium dl#premium_ol{ padding-top: 50px; padding-bottom: 40px; }
#lesson_premium dl#premium_ol dt{ text-align: center; }
#lesson_premium dl#premium_ol dt .alph{ color: #009C42; display: block; font-size: 15px; padding-top: 4px; }
#lesson_premium dl#premium_ol dd{ padding-top: 22px; }

#lesson_premium dl#premium_ol dd .month4{ margin-top: 40px; }
#lesson_premium dl#premium_ol dd .month4 strong{ text-align: center; display: block; font-size: 24px; color: rgba(0,156,66,1.00); }
#lesson_premium dl#premium_ol dd .month4 .m4_box{ padding-top: 20px; }
#lesson_premium dl#premium_ol dd .month4 img{ display: block; margin-top: 30px; }
#lesson_premium dl#premium_ol dd .month4 .atten{ color: rgba(0,156,66,1.00); padding-top: 10px; }

#lesson_adv{ padding-top: 50px; }
#lesson_adv ul#point1-2-3{ overflow: hidden; padding-left: 25px; padding-right: 25px; background-repeat: no-repeat; background-position: center center; }
#lesson_adv ul#point1-2-3 li{ width: 290px; height: 375px; border: 14px solid #F1F1F1; float: left; margin-left: 40px; position: relative; text-align: left; padding-top: 40px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; }
#lesson_adv ul#point1-2-3 li:first-child{ margin-left: 0px; }
#lesson_adv ul#point1-2-3 li .point_num{ position: absolute; top: -14px; left: 18px; }
#lesson_adv ul#point1-2-3 li h3{ text-align: center; padding-bottom: 25px; }
#lesson_adv ul#point1-2-3 li span{ width: 100%; display: block; }
#lesson_adv ul#point1-2-3 li .atten{ color: #009C42; padding-top: 20px; }
#lesson_adv .comments{ text-align: center; padding-top: 35px; }

#lesson_adv dl#premium_ol{ padding-top: 50px; padding-bottom: 40px; }
#lesson_adv dl#premium_ol dt{ text-align: center; }
#lesson_adv dl#premium_ol dt .alph{ color: #009C42; display: block; font-size: 15px; padding-top: 4px; }
#lesson_adv dl#premium_ol dd{ padding-top: 22px; }



/* ゴルフスクールとは
------------------------------------------------------------------------- */

#about_concept { background-repeat: no-repeat; background-position: center top; height: 385px; }
#about_concept .school_cont{ text-align: center; height: 385px; position: relative; padding-left: 25px; padding-right: 25px; }
#about_concept .school_cont .concept_img{ float: right; padding-top: 34px; }
#about_concept .school_cont .concept_messagge{ float: left; width: 600px; padding-top: 50px; text-align: left; }
#about_concept .school_cont .concept_messagge h2{ color: #009C42; font-size: 24px; font-weight: normal; line-height: 1.5em; padding-bottom: 20px; }
#about_concept .school_cont .concept_messagge span{ line-height: 2em; }



dl#about_cont{ padding-top: 50px; }
dl#about_cont dt{ text-align: center; }
dl#about_cont dt span{ display: block; padding-top: 26px; }
dl#about_cont dd{ padding-top: 44px; }
dl#about_cont dd ul#merit_box{ overflow: hidden; background-color: #F1F1F1; padding-bottom: 25px; }
dl#about_cont dd ul#merit_box li{ width: 300px; margin-left: 25px; float: left; text-align: center; background-color: #FFFFFF; margin-top: 25px; height: 250px; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; }
dl#about_cont dd ul#merit_box li img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
dl#about_cont dd ul#merit_box li h3{ color: #2C9A42; font-size: 20px; font-weight: normal; line-height: 1.6em; display: block; padding-bottom: 12px; }

dl.range_course{ width: 475px; text-align: center; padding-top: 70px; padding-bottom: 80px; } 
dl.range_course dt{ padding-top: 24px; padding-bottom: 24px; color: #FFFFFF; position: relative; margin-bottom: 30px; } 
dl.range_course dt:after{ content: '▼'; width: 30px; height: 30px; display: block; position: absolute; font-size: 54px; left: 0px; right: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; bottom: -30px; }
dl.range_course dt img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 18px; }
dl.range_course dd{ padding-top: 12px; text-align: left; }
dl.range_course dd ul{ padding-top: 30px; }
dl.range_course dd ul li{ padding-bottom: 35px; text-align: left; overflow: hidden; }
dl.range_course dd ul li h4{ font-size: 18px; float: left; display: block; width: 270px; padding-bottom: 12px; border-top: 3px solid #D4D4D4; padding-top: 24px; }
dl.range_course dd ul li img{ float: right; }
dl.range_course dd ul li span{ display: block; float: left; width: 270px; }


dl.range_course#range_les{ float: left; }
dl.range_course#range_les dt.range_less{ background-color: #6EBDC2; }
dl.range_course#range_les dt.range_less:after{ color: #6EBDC2; }
dl.range_course#range_les dd ul li h4{ color: #2E99A0; }

dl.range_course#course_les{ float: right; }
dl.range_course#course_les dt.range_less{ background-color: #CF8CAD; }
dl.range_course#course_les dt.range_less:after{ color: #CF8CAD; }
dl.range_course#course_les dd ul li h4{ color: #b85083; }


/* ニュースページ
------------------------------------------------------------------------- */

dl#news_box{ width: 100%; float: left; padding-top: 30px; padding-bottom: 50px; } 
dl#news_box dt{ border-bottom: 1px solid #9ECEB2; padding-bottom: 18px; }
dl#news_box dt .alph{ color: #009C42; vertical-align: bottom; }
dl#news_box dt img{ margin-right: 16px; }
dl#news_box dt a.news_link{ font-size: 12px; color: #FFFFFF; background-color: #009C42; display: inline; padding-left: 20px; padding-right: 20px; float: right; margin-right: 15px; vertical-align: top; font-weight: bold; margin-top: 10px; }
dl#news_box dt a.news_link:before{ content: ''; width: 18px; height: 18px; background-image: url(../images/school/com/comm_arr_02.png); background-repeat: no-repeat; display: inline-block; background-size: 8px auto; vertical-align: bottom; }
dl#news_box dd{ padding-top: 22px; }
dl#news_box dd ul{}
dl#news_box dd ul li{ font-size: 12px; padding-bottom: 8px; }
dl#news_box dd ul li a{}
dl#news_box dd ul li .news_txt{ width: 1000px; display: block; padding-left: 90px; }
dl#news_box dd ul li .yymmdd{ width: 80px; display: inline-block; float: left; }



/* イベントページ
------------------------------------------------------------------------- */


#event_name { background-repeat: no-repeat; background-position: center top; height: 385px; background-image: url(/assets/images/school/event/event_kvis.jpg); }
#event_name .school_cont{ text-align: center; padding-top: 55px; }


.school_event #contentsInner{margin-top: -215px; background-color: #FFFFFF; padding-bottom: 50px; padding-left: 35px; padding-top: 30px; padding-right: 35px; }
ul#event_list{ }

ul#event_list li{ overflow: hidden; border-bottom: 1px solid #DFDFDF; padding-bottom: 30px; margin-bottom: 30px; text-align: left; }
ul#event_list li .thm_img{ float: right; }
ul#event_list li .thm_img img{ width: 100%; height: auto; }
ul#event_list li .event_txt{ width: 720px; line-height: 1.6em; padding-right: 30px; float: left; }
ul#event_list li .event_txt .event_name{ display: block; font-weight: bold; line-height: 1.4em; color: #5C5C5C; font-size: 18px; padding-bottom: 12px; padding-top: 12px; }
ul#event_list li .event_txt span{}
ul#event_list li .event_txt img.event_genr{ margin-right: 14px; }
ul#event_list li  a.toevent{ background-color: #A3A3A3; border-radius: 50px; padding-top: 6px; padding-bottom: 6px; display: block; color: #FFFFFF; width: 200px; text-align: center; margin-top: 17px; margin-right: 20px; float: left; }
ul#event_list li  a.toevent:before { content: ''; width: 18px; height: 18px; background-image: url(/assets/images/school/com/comm_arr_02.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }
ul#event_list li  a.tosupp{ background-color: #7EAC8F; border-radius: 50px; padding-top: 6px; padding-bottom: 6px; display: block; color: #FFFFFF; width: 200px; text-align: center; margin-top: 17px; float: left; }
ul#event_list li  a.tosupp:before { content: ''; width: 18px; height: 18px; background-image: url(/assets/images/school/com/comm_arr_02.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }
ul#event_list li  a.toform{ background-color: #5A95DD; border-radius: 50px; padding-top: 6px; padding-bottom: 6px; display: block; color: #FFFFFF; width: 200px; text-align: center; margin-top: 17px; float: left; }
ul#event_list li  a.toform:before { content: ''; width: 18px; height: 18px; background-image: url(/assets/images/school/com/comm_arr_02.png); background-repeat: no-repeat; display: inline-block; background-size: 10px auto; vertical-align: bottom; }


ul#event_list li .event_txt .comments{ font-size: 12px; display: block; padding-top: 8px; }
ul#event_list li.ev_compe .event_txt .event_name,
ul#event_list li.ev_compe .event_txt .comments{ color: #00B0BB; }
ul#event_list li.ev_kansen .event_txt .event_name,
ul#event_list li.ev_kansen .event_txt .comments{ color: #a14c00; }
ul#event_list li.ev_lesson .event_txt .event_name,
ul#event_list li.ev_lesson .event_txt .comments{ color: #B1638A; }
#event_detail{text-align: center; }
#event_detail a.exp_link{ color: #FFFFFF; font-size: 25px; width: auto; display: inline-block; margin-bottom: 10px; }



/* スクール体験フォーム
------------------------------------------------------------------------- */
#expe_ttl { background-repeat: no-repeat; background-position: center top; height: 255px; }
#expe_ttl .school_cont{ text-align: center; height: 255px; position: relative; }
#expe_ttl .school_cont dl{ height: 82px; position: absolute; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; top: 0px; bottom: 0px; background-color: #20CD69; left: 0px; right: 0px; width: 500px; padding-top: 24px; }
#expe_ttl .school_cont dl dt{}
#expe_ttl .school_cont dl dd{ padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #FFFFFF; }

#expe_cont { padding-top: 40px; text-align: center; }
#expe_cont .form_box{ border: 1px solid #dadada; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 30px; }

#expe_cont .form_box table tr td input,
#expe_cont .form_box table tr td textarea,
#expe_cont .form_box table tr td select
{ padding: 6px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; }
#expe_cont .form_box table tr td ul.check_box{ width: 100%; }
#expe_cont .form_box table tr td ul.check_box li{ width: 25%; float: left; }
#expe_cont .form_box table tr td input[type="checkbox"]{ margin-right: 10px; vertical-align: middle; width: 16px; height: 16px; }
#expe_cont .form_box table tr th{white-space: nowrap;}

#expe_cont  a.form_subm{ background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; margin-top: 34px; margin-bottom: 38px; }
#expe_cont  a.form_subm:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left 2px; background-size: 9px auto; width: 16px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }
.pm_nes{ color: #FF7474; }
.inai5{ font-size: 12px; }


/* マイページ・ログイン
------------------------------------------------------------------------- */
#myin_ttl { background-repeat: no-repeat; background-position: center top; height: 255px; }
#myin_ttl .school_cont{ text-align: center; height: 255px; position: relative; }
#myin_ttl .school_cont dl{ height: 150px; position: absolute; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; top: 0px; bottom: 0px; background-color: #20CD69; left: 0px; right: 0px; width: 500px; padding-top: 24px; }
#myin_ttl .school_cont dl dt{}
#myin_ttl .school_cont dl dd{ padding-top: 20px; padding-left: 10px; padding-right: 10px; color: #FFFFFF; }

#myin_cont { padding-top: 40px; text-align: center; }
#myin_cont .form_box{ border: 1px solid #dadada; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 30px; }

#myin_cont .form_box table tr td input,
#myin_cont .form_box table tr td textarea,
#myin_cont .form_box table tr td select
{ padding: 6px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; }
#myin_cont .form_box table tr td ul.check_box{ width: 100%; }
#myin_cont .form_box table tr td ul.check_box li{ width: 25%; float: left; }
#myin_cont .form_box table tr td input[type="checkbox"]{ margin-right: 10px; vertical-align: middle; width: 16px; height: 16px; }
#myin_cont .form_box .logatten_box{ overflow: hidden; border-top: 1px solid #dadada; padding-top: 20px; padding-bottom: 16px; text-align: left; padding-left: 20px; padding-right: 20px; }
#myin_cont .form_box .logatten_box .atten_img{ float: left; margin-right: 20px; }
#myin_cont .form_box .logatten_box .atten{ color: #C05151; }
#myin_cont .form_box .error_txt{ color: #FF1414; margin-top: 30px; }


#myin_cont  a.myp_subm{ background-color: #666666; display: inline-block; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px; margin-top: 34px; margin-bottom: 38px; }
#myin_cont  a.myp_subm:before{ content: ''; background-image: url(/assets/images/school/com/comm_arr_02.png); background-position: left 2px; background-size: 9px auto; width: 16px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; }



#myin_cont .regi_box { padding-top: 46px; font-size: 16px;  }
#myin_cont .regi_box strong{ color: #c05151; font-weight: normal; display: block; padding-bottom: 6px; }
#myin_cont .regi_box a.myp_subm{ display: block; width: 250px; margin-left: auto; margin-right: auto; }



/* マイページ内
------------------------------------------------------------------------- */
#account_line { background-color: #696969; width: 100%; padding-top: 4px; padding-bottom: 4px; color: #FFFFFF; overflow: hidden; }
#account_line #user_name{ float: left; background-image: url(/assets/images/school/mypage/myp_05.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; }
#account_line a.info_change{ font-size: 12px; float: left; background-color: #8D8D8D; color: #FFFFFF; padding-left: 8px; padding-right: 8px; margin-left: 18px; }
#account_line a.btn_logout{ float: right; background-color: #009C42; color: #FFFFFF; padding-left: 14px; padding-right: 14px; }

#nextlesson_line{ background-color: #20CD69; width: 100%; padding-top: 8px; padding-bottom: 8px; }
#nextlesson_line dl.school_cont{ border: 1px solid #FFFFFF; overflow: hidden; color: #FFFFFF; }
#nextlesson_line dl.school_cont dt{ width: 14%; float: left; font-size: 12px; text-align: center; padding-top: 8px; }
#nextlesson_line dl.school_cont dd{ width: 86%; float: left; font-size: 18px; border-left: 1px solid #FFFFFF; padding-left: 26px; padding-top: 8px; padding-bottom: 8px; }
#nextlesson_line dl.school_cont dd .level_box{ float: left; }
#nextlesson_line dl.school_cont dd .level_box .next_month:after{ content:'月';}
#nextlesson_line dl.school_cont dd .level_box .next_day:after{ content:'日';}
#nextlesson_line dl.school_cont dd .level_box .next_num:before{ content:'/ LEVEL';}
#nextlesson_line dl.school_cont dd .level_box .next_month:empty:after{ content:'';}
#nextlesson_line dl.school_cont dd .level_box .next_day:empty:after{ content:'';}
#nextlesson_line dl.school_cont dd .level_box .next_num:empty:before{ content:'';}


#nextlesson_line dl.school_cont dd ul.res_btn{ float: right; }
#nextlesson_line dl.school_cont dd ul.res_btn li{ float: left; padding-right: 20px; }
#nextlesson_line dl.school_cont dd ul.res_btn li a{ color: #FFFFFF; font-size: 14px; padding-left: 26px; background-position: left center; background-repeat: no-repeat; }
#nextlesson_line dl.school_cont dd ul.res_btn li:first-child a{ background-image: url(/assets/images/school/mypage/myp_icon_06.png); }
#nextlesson_line dl.school_cont dd ul.res_btn li:last-child a{ background-image: url(/assets/images/school/mypage/myp_icon_07.png); }


#mypmenu_line{ width: 100%; padding-top: 4px; padding-bottom: 8px; }
#mypmenu_line ul.school_cont{ overflow: hidden; text-align: center; letter-spacing: -.40em; padding-top: 12px; }
#mypmenu_line ul.school_cont li{ text-align: center; border-right: 1px solid #20CD69; display: inline-block; border-bottom: 1px solid #20CD69; border-top: 1px solid #20CD69; letter-spacing: normal; }
#mypmenu_line ul.school_cont li:first-child{ border-left: 1px solid #20CD69; }
#mypmenu_line ul.school_cont li a{ font-size: 13px; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; }
#mypmenu_line ul.school_cont li a:before{ content:'';}


#myp_larea{ width: 585px; float: left; padding-top: 36px; padding-right: 40px; }
#myp_rarea{ width: 415px; float: left; background-color: #F8F6EF; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 32px; margin-bottom: 32px; }
#myp_swingbox{ border: 6px solid #20CD69; display: block; clear: both; overflow: hidden; margin-bottom: 40px; }
#myp_100per{ width: 100% ;padding-top: 20px; }
.myp_mess{ color: #D76262; font-size: 14px; padding-bottom: 36px; text-align: center; }
.myp_mess strong{ background-color: #D76262; color: #FFFFFF; display: block; font-size: 18px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 10px; }

a.myp_defbtn{ display: inline-block; background-color: #20CD69; color: #FFFFFF!important; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 8px; padding-bottom: 8px; margin-top: 16px; border: 1px solid #20CD69; }
a.myp_defbtn:before{ content:'→ ';}

a.myp_corrbtn{ display: inline-block; background-color: #FFFFFF; color: #20CD69!important; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 8px; padding-bottom: 8px; margin-top: 16px; border: 1px solid #20CD69; }
a.myp_corrbtn:before{ content:'→ ';}

dl.myp_status{}
dl.myp_status dt{ padding-bottom: 16px; color: #00B24B; font-size: 20px; }
dl.myp_status dt img{ margin-right: 10px; vertical-align: middle; }
dl.myp_status dd{ padding-bottom: 40px; text-align: center; }
dl.myp_status dd .intr_txt{ padding-bottom: 10px; text-align: left; }
dl.myp_status dd .intr_txt em{ color: #00B24B; font-style: normal; margin-right: 10px; }

dl.myp_status dd h3{ text-align: left; }

ul.score_list{ border-top: 6px solid #DBDBDB; border-bottom: 6px solid #DBDBDB; overflow: hidden; }
ul.score_list li{ border-right: 6px solid #DBDBDB; width: 50%; float: left; text-align: center; background-color: #FFFFFF; padding-top: 8px; padding-bottom: 14px; }
ul.score_list li:first-child{ border-left: 6px solid #DBDBDB;}
ul.score_list li .score_num{ display: block; color: #00B24B; font-size: 60px; line-height: 0.9em; font-family: 'ubuntu', sans-serif; font-weight: 500;}
ul.score_list li.max_width{ width: 100%; text-align: center; }
ul.score_list li.max_width input{ margin-left: auto; margin-right: auto; }


ul.raijo_list{ border: 6px solid #DBDBDB; overflow: hidden; }
ul.raijo_list li{ border-top-color: #dbdbdb; border-top-style: solid; background-color: #FFFFFF; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; font-size: 12px; line-height: 1.6em; text-align: left; }
ul.raijo_list li:first-child{ border-top-style: none; }
ul.raijo_list li .yymmdd{ color: #00B24B; display: block; font-weight: bold; }

#myp_larea dl.myp_status dd h3{ font-weight: normal; font-size: 16px; padding-bottom: 6px; }
#myp_larea dl.myp_status dd h3:before{ content:'▼ ';}
#myp_larea dl.myp_status dt a.add_less { display: inline-block; float: right; color: #FFFFFF; font-size: 14px; background-color: #20CD69; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-top: 4px; }
#myp_larea dl.myp_status dt a.add_less:before{ content:'→ ';}
#myp_larea dl.myp_status dt small{ display: inline-block; font-size: 12px; margin-left: 10px; }

#myp_100per dl.myp_status dd h3{ font-weight: normal; font-size: 16px; padding-bottom: 6px; }
#myp_100per dl.myp_status dd h3:before{ content:'▼ ';}


#contents dl.myp_status table.month_cal{ border: 6px solid #DBDBDB; margin-bottom: 20px; }
#contents dl.myp_status table.month_cal th,#contents dl.myp_status table.month_cal td{ text-align: center; height: 32px; vertical-align: middle; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
#contents dl.myp_status table.month_cal th{ background-color: #929292; color: #FFFFFF; height: 40px; }
#contents dl.myp_status table.month_cal th:nth-child(1){ background-color: #CA849F; }
#contents dl.myp_status table.month_cal th:nth-child(7){ background-color: #7fa9dc; }
#contents dl.myp_status table.month_cal td a.open_lesson{ color: #333333; cursor: default; }
#contents dl.myp_status table.month_cal td a.open_lesson:hover{ text-decoration: none; }
#contents dl.myp_status table.month_cal td.active a.open_lesson{ width: 100%; height: 100%; display: block; color: #FFFFFF; background-image: -webkit-linear-gradient(270deg,rgba(30,195,26,1.00) 0%,rgba(21,177,19,1.00) 44.05%,rgba(17,169,15,1.00) 49.74%,rgba(20,174,17,1.00) 100%); background-image: linear-gradient(180deg,rgba(30,195,26,1.00) 0%,rgba(21,177,19,1.00) 44.05%,rgba(17,169,15,1.00) 49.74%,rgba(20,174,17,1.00) 100%); cursor: pointer; padding-top: 8px; }
#contents dl.myp_status table.month_cal td{ background-color: #F5F5F5; }
#contents dl.myp_status table.month_cal td.active{ background-color: #FFFFFF; }


#myp_swingbox dl.myp_status{ width: 50%; float: left; padding-top: 18px; padding-right: 26px; padding-left: 26px; }
#myp_swingbox dl.myp_status:first-child{ border-right: 1px solid #20CD69; }
#myp_swingbox dl.myp_status dd .thm_box{ display: block; overflow: hidden; }
#myp_swingbox dl.myp_status dd .thm_box a{ display: block; text-align: left; overflow: hidden;}
#myp_swingbox dl.myp_status dd .thm_box#mov_sec img{ width: 140px; }
#myp_swingbox dl.myp_status dd .thm_box#img_sec img{ width: 100%; height: auto; }


#contents dl.myp_status table.visit_list{ border: 6px solid #DBDBDB; margin-bottom: 0px; margin-top: 16px; }
#contents dl.myp_status table.visit_list th,#contents dl.myp_status table.visit_list td{ text-align: center; height: 32px; vertical-align: middle; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
#contents dl.myp_status table.visit_list th{ background-color: #929292; color: #FFFFFF; height: 40px; }
#contents dl.myp_status table.visit_list td{ text-align: left; padding-left: 20px; padding-right: 20px; }
#contents dl.myp_status table.visit_list tr td input,
#contents dl.myp_status table.visit_list tr td textarea,
#contents dl.myp_status table.visit_list tr td select
{ padding-top: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; margin-top: 10px; margin-bottom: 10px; }
#contents dl.myp_status table.visit_list tr td.avg_name{ color: #009C42; font-size: 20px; padding-top: 8px; padding-bottom: 8px; text-align: right; }
#contents dl.myp_status table.visit_list tr td.avg_score{ background-color: #00B24B; color: #FFFFFF; font-size: 32px; font-family: 'ubuntu', sans-serif; font-weight: 500; text-align: center; }
#contents dl.myp_status table.visit_list tr td.avg_name:after{ content: ' ▶'; font-size: 12px; vertical-align: middle; }

#contents dl.myp_status table.visit_list tr td:last-child{ width: 270px; }
#contents dl.myp_status table.visit_list tr:nth-child(2n) td{ background-color: #EFEFEF; }


#contents dl.myp_status table.info_change{ border: 6px solid #DBDBDB; margin-bottom: 0px; margin-top: 16px; }
#contents dl.myp_status table.info_change th,#contents dl.myp_status table.visit_list td{ text-align: center; height: 32px; vertical-align: middle; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
#contents dl.myp_status table.info_change th{ background-color: #929292; color: #FFFFFF; height: 40px; white-space: nowrap; padding-left: 20px; padding-right: 20px; }
#contents dl.myp_status table.info_change td{ text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 14px; padding-bottom: 14px; }
#contents dl.myp_status table.info_change tr td input,
#contents dl.myp_status table.info_change tr td textarea,
#contents dl.myp_status table.info_change tr td select
{ padding-top: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 10px; vertical-align: middle; }
#contents dl.myp_status table.info_change tr td.avg_name{ color: #009C42; font-size: 20px; padding-top: 8px; padding-bottom: 8px; text-align: right; }
#contents dl.myp_status table.info_change tr td.avg_score{ background-color: #00B24B; color: #FFFFFF; font-size: 32px; font-family: 'ubuntu', sans-serif; font-weight: 500; text-align: center; }
#contents dl.myp_status table.info_change tr td.avg_name:after{ content: ' ▶'; font-size: 12px; vertical-align: middle; }
#contents dl.myp_status table.info_change tr:nth-child(2n) td{ background-color: #EFEFEF; }
#contents dl.myp_status table.info_change td input[type="submit"] { background-color: #20CD69; border-radius: 0px; border-style: none; color: #FFFFFF; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; cursor: pointer; }
#contents dl.myp_status table.info_change td.subm_box{ text-align: center; }


#contents dl.myp_status table.event_entry{ border: 6px solid #DBDBDB; margin-bottom: 0px; margin-top: 16px; }
#contents dl.myp_status table.event_entry th,#contents dl.myp_status table.event_entry td{ text-align: center; vertical-align: middle; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
#contents dl.myp_status table.event_entry th{ background-color: #929292; color: #FFFFFF; height: 40px; }
#contents dl.myp_status table.event_entry td{ text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 14px; padding-bottom: 14px; }
#contents dl.myp_status table.event_entry tr td input,
#contents dl.myp_status table.event_entry tr td textarea,
#contents dl.myp_status table.event_entry tr td select
{ padding-top: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; margin-top: 10px; margin-bottom: 10px; }

#contents dl.myp_status table.event_entry tr td:last-child{ width: 320px; text-align: center; }
#contents dl.myp_status table.event_entry tr:nth-child(2n) td{ background-color: #EFEFEF; }


#contents dl.myp_status table.event_entry tr td a.myp_defbtn{ width: 120px; margin-top: 0px; padding-left: 0px; padding-right: 0px; }
#contents dl.myp_status table.event_entry tr td a.myp_corrbtn{ width: 120px; margin-right: 12px; margin-top: 0px; padding-left: 0px; padding-right: 0px; }

#contents dl.myp_status dd { overflow: hidden; }
#contents dl.myp_status dd .swing_news{ text-align: center; display: block; border: 1px solid #C4C4C4; padding-top: 10px; padding-bottom: 10px; margin-bottom: 14px; }
#contents dl.myp_status dd .swing_news:before{ content: '更新情報 '; display: inline-block; background-color: #8E8E8E; padding-left: 16px; padding-right: 16px; color: #FFFFFF; font-size: 12px; letter-spacing: 0.1em; margin-right: 16px; }
#contents dl.myp_status dd .swing_news .yymmdd{ color: #00B24B; display: inline-block; margin-right: 10px; font-weight: bold; }
#contents dl.myp_status dd .swing_img{ text-align: left; padding-top: 16px; width: 48%; float: left; overflow: hidden; padding-bottom: 30px; }
#contents dl.myp_status dd .swing_img h4{ font-size: 16px; font-weight: normal; border-left: 4px solid #00B24B; padding-left: 12px; margin-bottom: 12px; }
#contents dl.myp_status dd .swing_img a{ width: 100%; height: auto; display: block; }
#contents dl.myp_status dd .swing_img a img{ width: 100%; }
#contents dl.myp_status dd .swing_img a img[src$="spacer.gif"]{ display: none; }

#contents dl.myp_status dd .swing_img#base_box{ margin-right: 4%; }

#contents dl.myp_status dd .swing_img input,
#contents dl.myp_status dd .swing_img textarea,
#contents dl.myp_status dd .swing_img select
{ padding-top: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; margin-top: 10px; margin-bottom: 10px; }

#contents dl.myp_status dd .memo_box{ clear: both; padding-top: 30px; border-top: 1px solid #C4C4C4; display: block; }

#contents dl.myp_status dd .swing_mov{ text-align: left; padding-top: 16px; overflow: hidden; }
#contents dl.myp_status dd .swing_mov h4{ font-size: 16px; font-weight: normal; border-left: 4px solid #00B24B; padding-left: 12px; margin-bottom: 12px; }
#contents dl.myp_status dd .swing_mov a{ width: 100%; height: auto; display: block; }
#contents dl.myp_status dd .swing_mov a img{ width: 100%; }
#contents dl.myp_status dd .swing_mov#base_box{ margin-right: 4%; }

#contents dl.myp_status dd .swing_mov input,
#contents dl.myp_status dd .swing_mov textarea,
#contents dl.myp_status dd .swing_mov select
{ padding-top: 2px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; color: #6A6A6A; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; background-color: #FFFFFF; margin-right: 6px; margin-left: 6px; margin-top: 10px; margin-bottom: 10px; }


#contents dl.myp_status dd .swing_mov .mov_thm{ padding-top: 16px; clear: both; }
#contents dl.myp_status dd .swing_mov .mov_thm a{ overflow: hidden; color: #FFFFFF; }
#contents dl.myp_status dd .swing_mov .mov_thm a img{ height: auto; width: 25%; display: block; float: left; border-right: 1px solid #FFFFFF; }
#contents dl.myp_status dd .swing_mov select{ display: inline-block; float: left; }
#contents dl.myp_status dd .swing_mov a.myp_defbtn{ display: inline-block; width: 190px; margin-top: 9px; padding-top: 2px; padding-bottom: 2px; vertical-align: bottom; margin-bottom: 0px; float: left; margin-left: 12px; }




/*マイページモーダル*/

#main_cont{ width: 100%; }
/* ## modal ## */

.mdl_area { display: none; width: 70%; position: absolute; left: 30%; background-color: #838383; border: 6px solid #DBDBDB; box-shadow: 0 2px 0 rgba(0,0,0,0.2); text-align: center; height: auto; }
.mdl_area h1 { background-color: #00B24B; padding-top: 10px; padding-right: 15px; padding-left: 15px; font-size: 19.2px; letter-spacing: -0.5px; font-weight: bold; text-align: left; color: #FFFFFF; line-height: 28px; text-align: center; padding-bottom: 10px; }
.mdl_area h1 span {
	font-size:75%;
}
/* スケジュール用 */
.mdl_area .modal_schedulebox { text-align: center; padding-top: 12px; padding-right: 15px; padding-left: 15px; padding-bottom: 12px; font-size: 19.2px; line-height: 1.3; color: #333333; font-weight: bold; letter-spacing: -0.5px; position: relative; border-bottom: #f0f0f0 1px solid; background: #ffffff; }
.mdl_area .modal_schedulebox_name {
	font-size:60%;
}
.mdl_area .modal_schedulebox .com_btn_double { margin: 0px; display: block; padding-bottom: 10px; }
.mdl_area .modal_schedulebox .com_btn { font-size: 14px; line-height: 1.2; padding: 7px 10px 5px 10px; background-color: #20CD69; color: #FFFFFF; font-weight: normal; display: inline-block; width: 230px; margin-top: 10px; }
.mdl_area .modal_schedulebox .com_btn:before{content:'→ ';}
.modal_modalbg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
	z-index:1999;
}


/* ##### 共通 ##### */

.schedule_infocard {
	line-height:1.5;
}
.com_infocard .schedule_schoolname {
	font-size:50%;
}
.com_infocard .schedule_day {
	font-size:75%;
}
.com_infocard h1 {
	display:block;
	height:34px;
	padding:2px 10px 0px 10px;
	margin-bottom:15px;
	line-height:32px;
	color:#666666;
	background:#f2f2f2;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.modal_lessondetail{ font-size: 24px; }
.modal_lessondetail .com_btn_weak { line-height: 1em; background-color: #9C9C9C; display: inline-block; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; color: #FFFFFF; margin-top: 10px; font-size: 60%; margin-bottom: 24px; }


.cancel_target{ font-size: 24px; border: 6px solid #DBDBDB; padding-top: 16px; padding-bottom: 16px; color: #009C42; }
.cancel_target .schedule_schoolname,.schedule_modal_infoName{ color: #414141; }

.transfer_target{ font-size: 24px; border: 6px solid #DBDBDB; padding-bottom: 16px; color: #009C42; }
.transfer_target .schedule_schoolname,.schedule_modal_infoName{ color: #414141; }
.transfer_target h3{ background-color: #8A8A8A; color: #FFFFFF; text-align: center!important; padding-top: 6px; margin-top: 0px; margin-bottom: 16px; }
.transfer_target h3:nth-of-type(2){ margin-top: 30px; }

/* ## 候補 ## */
.schedule_modal_c { position: relative; background: #ffffff; color: #333333; overflow:scroll; }
.schedule_modal_info { font-size: 18px; display: block; float: left; width: auto; line-height: 20px; padding-top: 12px; padding-bottom: 12px; }
.schedule_modal_infoName {
	display:block;
	font-size:12px;
	line-height:12px;
	padding-bottom:2px;
	letter-spacing:-0.5px;
}
.schedule_modal_c_more {
	display:block;
	position:absolute;
	width:100%;
	height:50px;
	background-color:rgba(42,174,216,0.85);
	text-align:center;
	font-size:14px;
	padding-top:2px;
	line-height:48px;
	bottom:44px;
	left:0;
	z-index:5000;
}
.schedule_modal_c_more span {
	color:#FFFFFF;
	font-weight:bold;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}
@-mox-keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}

.schedule_modal_c li { padding: 4px 15px 3px 15px; line-height: 28px; font-size: 19.2px; font-weight: bold; border-bottom: #f0f0f0 1px solid; overflow: hidden; }
.schedule_modal_c li a.com_minibtn { float: right; font-size: 14px; line-height: 1.2; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; background-color: #20CD69; color: #FFFFFF; font-weight: normal; display: inline-block; width: 230px; margin-top: 10px; }
.schedule_modal_c li a.com_minibtn:before{content:'→ ';}



/* ## よくある質問目次用 ## */

#faq_box { overflow: hidden; margin-top: 32px; }
#faq_box h3{ border-bottom: 1px solid #9ECEB2; padding-bottom: 18px; font-size: 24px; line-height: 1em; }
#faq_box h3 .alph{ color: #009C42; vertical-align: bottom; font-size: 16px; margin-left: 14px; }
#faq_box h3 img{ margin-right: 16px; }

#faq_box h4{ color: #009C42; font-size: 26px; padding-top: 24px; padding-bottom: 20px; } 
#faq_box a.exp_link{ color: #FFFFFF; margin-top: 32px; font-size: 20px; width: auto; display: inline-block; }

.faqBox{ padding-left: 16px; padding-right: 16px; }

 
.faqBox dt { font-size: 14px; border-top: 1px solid #E0E0E0; margin-top: 10px; padding: 10px 30px 0 10px; font-weight: bold; position: relative; color: #00B73F; cursor: pointer; }
.faqBox#faq_s01 dt{ border-top-style: none; }

.faqBox dt:after {
	content:"＋";
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	padding:10px;
}
.faqBox dt.on:after {
	content:"－"
}
.faqBox dd {
	padding:10px 10px 0 10px;
	display:none;	
}
.faqBox dd li { margin-left: 20px; }
.faqBox dd li a {  }
.faqBox dd li a:before{ content: '→ '; color: #9A9A9A; }

/* ## よくある質問内容用 ## */
.qa_top-zone_a {
	padding:10px;
}
.qa_top-zone_a h3 {
	font-weight:bold;
	font-size:16px;
	padding-bottom:1em;
}

/* ## 詳細 ## */
.remarks_blk {
	width:680px; 
	margin: 10px auto 0px auto;
}
.remarks {
	text-align:left;
}