@charset "utf-8";

body{ background-color:#f9f9f6;font-family: "メイリオ",Meiryo,"MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,Arial,sans-serif;}
a{ color:#2e86b1; }
a:hover{ color:#da7600;}

.header .emg{margin:0 auto;}
#mainVis{ background-color:#f0efe8; height:280px;}
#mainVis .mainVisWrp{ width:950px; margin:0 auto;}
#mainVis .mainVisHd{ overflow:hidden;}
#mainVis .mainVisHd h1{ float:left; text-indent:-9999px; width:422px; height:32px; background:url(../img/sub_ttl.png) no-repeat;}
#mainVis .mainVisHd .ylogo{ float:right; text-indent:-9999px; width:136px; height:42px; background:url(../img/ylogo.png) no-repeat; margin-top:5px;}
#mainVis .mainVisCont{ width:950px; height:248px; background:url(../img/main_img.jpg) no-repeat; background-position:right bottom;}
#mainVis .mainVisCont h2{ text-indent:-9999px; background:url(../img/tx_title.png) no-repeat; width:577px; height:83px; margin-top:55px; float:left;}
#mainVis .mainVisCont .mainImg{ float:right; margin-top: 25px;}

.abtBns{ width:950px; margin:20px auto;}
.abtBns dt{ text-indent:-9999px; width:503px; height:28px; background:url(../img/about1.png) no-repeat; margin:40px auto 20px; margin}
.abtBns dd{ text-indent:-9999px; width:648px; height:46px; background:url(../img/about2.png) no-repeat; margin:5px auto 40px;}

.echKouza{ text-indent:-9999px; width:701px; height:71px; margin:10px auto 20px; background:url(../img/prgrm_text.png) no-repeat;}
.echMenu{ width:950px; margin:10px auto 30px;}
.echMenu ul{ overflow:hidden;}
.echMenu li{ float:left; margin-right:10px;}
.echMenu .grd4 {margin-right:0}
.echMenu li:last-child{ margin-right:0;}
.echMenu a{ display:block; text-indent:-9999px; background:url(../img/sprt_kzMenu.png) no-repeat; width:230px; height:70px;}
.echMenu .grd1 a{ background-position:0 0;}
.echMenu .grd1 a:hover{ background-position:0 -70px;}
.echMenu .grd2 a{ background-position:-230px 0;}
.echMenu .grd2 a:hover{ background-position:-230px -70px;}
.echMenu .grd3 a{ background-position:-460px 0;}
.echMenu .grd3 a:hover{ background-position:-460px -70px;}
.echMenu .grd4 a{ background-position:-690px 0;}
.echMenu .grd4 a:hover{ background-position:-690px -70px;}

/* each course*/
.kouzaKcr, .kouzaSho, .kouzaChu, .kouzaKo{ width:910px; margin:0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 3px #b7b7b7; -moz-box-shadow:0 0 3px #b7b7b7; box-shadow:0 0 3px #b7b7b7; background-color:#FFFFFF; padding:23px 20px 10px; margin-bottom:20px;}
.kouzTtl{ overflow:hidden; border-bottom:1px solid #e3e3d5; padding-bottom:18px;}
.kouzTtl h3{ text-indent:-9999px; float:left; width:200px;}
.kouzTtl p{ float:left; text-indent:-9999px; background:url(../img/sprt_ttl.png) no-repeat; width:668px; height:15px; margin:8px 0 0 17px;}
.kouzaKcr .kouzTtl h3{ background:url(../img/ttl_kcr.png) no-repeat;  height:28px;}
.kouzaKcr .kouzTtl p{ background-position:0 0;}
.kouzaSho .kouzTtl h3{ background:url(../img/ttl_sho.png) no-repeat; height:45px;}
.kouzaSho .kouzTtl p{ background-position:0 -16px; margin-top:14px;}
.kouzaChu .kouzTtl h3{ background:url(../img/ttl_chu.png) no-repeat; height:46px;}
.kouzaChu .kouzTtl p{ background-position:0 -32px; height:39px; margin-top:2px;}
.kouzaKo .kouzTtl h3{ background:url(../img/ttl_ko.png) no-repeat; height:46px;}
.kouzaKo .kouzTtl p{ background-position:0 -72px; margin-top:14px;}
.kouzaKo .ftrImg{ margin-bottom:10px;}

.contWrp{ margin:25px 0 10px; overflow:hidden;}
.contWrp .ftrImg{ float:left; }
.contWrp .feature{ float:left; overflow:hidden; margin-left:20px; width:650px;}
.contWrp .feature dl{ overflow:hidden;}
.contWrp .feature dl dt, dd{margin:0 10px 10px 0;}
.kouzaSho .feature dl dt, dd{margin:0 10px 10px 0;}
.contWrp .feature dl .ftr_1, .ftr_2, .ftr_3{ float:left; text-indent:-9999px; width:92px; height:36px; background:url(../img/sprt_fture.png) no-repeat;}
.contWrp .feature dl .ftr_2{ background-position:-92px 0;}
.contWrp .feature dl .ftr_3{ background-position:-188px 0;}
.contWrp .feature dl dd{ color:#222; font-size:90%; width:500px; height:45px;}
.kouzaSho .feature dl dd{height:40px;}
.contWrp .ftrBtm{ overflow:hidden;}
.contWrp .ftrBtm .notes{ float:left; font-size:78%; color:#666; width:500px; text-indent:-1em; padding-left:10px; margin-top:10px}
.contWrp .ftrBtm .notes p{ margin-bottom:5px;}
.contWrp .ftrBtm .btnDtl{ float:right; background:url(../img/btn_dtl.png) no-repeat; height:24px; padding: 2px 0; margin-top:40px;}
.contWrp .ftrBtm .btnDtl a{ font-size:90%; margin-left:30px;}

.gradeBtn{ width:920px; overflow:hidden; margin:15px 0;}
/* shougaku */
.kouzaSho .gradeBtn li{ float:left; width:128px; height:55px; margin-left:2px;}
.kouzaSho .gradeBtn a{ display:block; text-indent:-9999px; width:100%; height:100%; background:url(../img/sprt_grd_sho.png) no-repeat;}
.kouzaSho .gradeBtn .sho_grd0 a{background-position:0 0;}
.kouzaSho .gradeBtn .sho_grd0 a:hover{ background-position:0 -55px;}
.kouzaSho .gradeBtn .sho_grd1 a{ background-position:-128px 0;}
.kouzaSho .gradeBtn .sho_grd1 a:hover{ background-position:-128px -55px;}
.kouzaSho .gradeBtn .sho_grd2 a{ background-position:-256px 0;}
.kouzaSho .gradeBtn .sho_grd2 a:hover{ background-position:-256px -55px;}
.kouzaSho .gradeBtn .sho_grd3 a{ background-position:-384px 0;}
.kouzaSho .gradeBtn .sho_grd3 a:hover{ background-position:-384px -55px;}
.kouzaSho .gradeBtn .sho_grd4 a{ background-position:-512px 0;}
.kouzaSho .gradeBtn .sho_grd4 a:hover{ background-position:-512px -55px;}
.kouzaSho .gradeBtn .sho_grd5 a{ background-position:-640px 0;}
.kouzaSho .gradeBtn .sho_grd5 a:hover{ background-position:-640px -55px;}
.kouzaSho .gradeBtn .sho_grd6 a{ background-position:-768px 0;}
.kouzaSho .gradeBtn .sho_grd6 a:hover{ background-position:-768px -55px;}
/* chugaku */
.kouzaChu .gradeBtn li{ float:left; width:222px; height:63px; margin-left:5px;}
.kouzaChu .gradeBtn a{ display:block; float:left; text-indent:-9999px; width:100%; height:100%; background:url(../img/sprt_grd_chu.png) no-repeat;}
.kouzaChu .gradeBtn .chu_grdmy a{background-position:0 0;}
.kouzaChu .gradeBtn .chu_grdmy a:hover{ background-position:0 -63px;}
.kouzaChu .gradeBtn .chu_grd1 a{background-position:-223px 0;}
.kouzaChu .gradeBtn .chu_grd1 a:hover{ background-position:-223px -63px;}
.kouzaChu .gradeBtn .chu_grd2 a{background-position:-446px 0;}
.kouzaChu .gradeBtn .chu_grd2 a:hover{ background-position:-446px -63px;}
.kouzaChu .gradeBtn .chu_grd3 a{background-position:-669px 0;}
.kouzaChu .gradeBtn .chu_grd3 a:hover{ background-position:-669px -63px;}
/* koukou */
.kouzaKo .gradeBtn{ margin-top:0}
.kouzaKo .gradeBtn li{ float:left; width:222px; height:63px; margin-left:5px;}
.kouzaKo .gradeBtn a{ display:block; float:left; text-indent:-9999px; width:100%; height:100%; background:url(../img/sprt_grd_ko.png) no-repeat;}
.kouzaKo .gradeBtn .ko_grd1 a{background-position:0 0;}
.kouzaKo .gradeBtn .ko_grd1 a:hover{ background-position:0 -63px;}
.kouzaKo .gradeBtn .ko_grd2 a{background-position:-223px 0;}
.kouzaKo .gradeBtn .ko_grd2 a:hover{ background-position:-223px -63px;}
.kouzaKo .gradeBtn .ko_grdpre a{background-position:-446px 0;}
.kouzaKo .gradeBtn .ko_grdpre a:hover{ background-position:-446px -63px;}
.kouzaKo .gradeBtn .ko_grdclg a{background-position:-669px 0;}
.kouzaKo .gradeBtn .ko_grdclg a:hover{ background-position:-669px -63px;}
.kouzaKo .ftrBtm .btnDtl{ margin-top:0;}
/* other special*/
.otherSpcl{ width:960px; margin:0 auto;}
.otherSpcl h3{ text-indent:-9999px; background:url(../img/ttl_other.png) no-repeat; height:29px; margin:20px 0 10px 10px;}
.bnrSet{ overflow:hidden; padding:6px 0 6px 10px;}
.bnrSho, .bnrShima, .bnrBaby, .bnrPlay, .bnrIkuji, .bnrSimaToy{ float:left; margin-right:8px;}
.bnrBaby, .bnrSimaToy{margin-right:0;}
.bnrBase a{ display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 6px #ccc; -moz-box-shadow:0 0 6px #ccc;box-shadow:0 0 6px #ccc; background-color:#FFFFFF; padding:7px; width:295px; height:92px;}
.bnrBase a:hover{ background-color:#fffce8;}

.bnrImg{ float:left; margin-right:5px; padding:3px 0;}
.bnrCont{ float:left; width:200px; padding:8px 0;}
.bnrCont .bnrTtle{ text-indent:-9999px; background:url(../img/sprt_bnr_title.png) no-repeat 0 0; width:201px; height:17px; }
.bnrCont .bnrDsc{ font-size:78%; color:#333; line-height:1.4em; margin-top:10px;}
.bnrCont span{ display:inline-block; text-indent:-9999px; background:url(../img/bnr_arw.png) no-repeat; float:right; height:10px; margin-top:-5px;}
.bnrSimaToy .bnrCont span{ margin-top:3px;}

.bnrShima .bnrCont .bnrTtle{ background-position:0 -18px; height:18px;}
.bnrBaby .bnrCont{ padding:4px 0;}
.bnrBaby .bnrCont .bnrTtle{ background-position:0 -37px; height:24px;}
.bnrPlay .bnrCont .bnrTtle{ background-position:0 -62px; height:18px;}
.bnrIkuji .bnrCont .bnrTtle{ background-position:0 -81px;}
.bnrSimaToy .bnrCont .bnrTtle{ background-position:0 -102px; height:18px;}

.backTop{ width:950px; margin:0 auto; overflow:hidden;}
.backTop p{ float:right; width:200px; height:18px; padding:5px 0; margin:10px 0; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 5px #C0C0C0; -moz-box-shadow:0 0 5px #C0C0C0; box-shadow:0 0 5px #C0C0C0; background-color:#38aad3; padding:10px; }
.backTop p a{ font-size:88%; color:#fff; text-decoration:none;}
.backTop p a:hover{ text-decoration:underline;}
#footer { background-color:#fff;}
#footer #footer_upper{ width:950px; margin:0 auto; overflow:hidden; padding-top:20px;}
#footer #footer_upper .source{ float:right;}
#footer #footer_upper .kouzaBnr{ float:right; clear:both;}
#footer #footer_upper .kouzaBnr li{ float:left;}
#footer #footer_lower{ width:950px; margin:0 auto;} 

.cf:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* IE7,MacIE5 */
.cf { display: inline-block;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .cf { height: 1%;}
.cf { display: block;}