/*--Base------------------------------------------------------------*/
html,body {
  width: 100%;
  height: 100%;
　　
}

html {
  height: 100%;
  overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
 }
img {
  border: none;
  vertical-align: middle;
}
ul,ol {
  list-style: none;
        font-size:90%;
}
/*--Text------------------------------------------------------------*/
body {
  font-size: 88%;
  font-weight: normal;
  line-height: 1.5;
  font-family: "Meiryo", sans-serif;
        background-image:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/blu-stripes.png?t=1404874852");
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
h1{
  font-size:4em;
}

h2{
　margin:5px;
  background-color:#8E94B8;
   //height:30px;
  padding:5px !important;
  padding-right:0;
  //padding-left:50px !important;
  color:#000000!important;
  font-size:large;;
  margin:0;
  border-bottom:3px solid #F94B66;
background: #8e94b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlOTRiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #8e94b8 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8e94b8), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #8e94b8 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #8e94b8 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #8e94b8 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to right,  #8e94b8 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e94b8', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-8 */



}
/*h2{
  background-image: url("title-0.gif");
  background-repeat:no-repeat;
  background-size:contain !important; 
  width:686px;
  height:30px;
  padding:5px !important;
  padding-left:50px !important;
  color:#ffffff;
  font-size:large;;
  margin-bottom:0;
}*/

h2:before{
  content:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/ball-icon.png?t=1404874842");
  position:relative;
  left:0;
  top:5px;
  padding-right:5px;
}

h3{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #09123c), color-stop(0.00, #0e3e8d));
background: -webkit-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -moz-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -o-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -ms-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: linear-gradient(to bottom, #0e3e8d 0%, #09123c 90%);
color:#d3d3d3!important;
height:30px!important;
margin:0 !important;
padding:0px !important;
padding-bottom: 10px!important;
font-size: 110%;
}

h3:before{
  content:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/btnicon.png?t=1404878141");
  position:relative;
  left:5px;
  top:5px;
  padding-right:10px;
   }


/*small{
  //border-left:5px solid #000000;
 
}*/
/*--Link------------------------------------------------------------*/
a:link{
  text-decoration:none;
}
/*a,
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}*/
/*a:hover,
a:active {
  color: #777777;
}*/
a:focus {
  outline: none;
}
/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
  display: block;
}
/*--sample----------------------------------------------------------*/
/*--layout----------------------------------------------------------*/
#wrapper {
  width: 100%;
  position:relative;
        
}
#navigation{

  width:100%;
  height:50px; 
}


#box{
  width:100%;
  z-index:1;
  margin:0;
  padding:0;


}
#main{
  float:left !important;
  width:79% !important;
  border:1px solid #2e8b57;
  height:100%;
  background-color:#ffffff;
  border-right: none;
}
#sub{
 float:left !important;
 width:20%;
 height:100%;
 border:1px solid #2e8b57;
  background-color:#ffffff;
}

#header {
      background-color:#0a2459;
      min-width: 960px ;
      height:150px;
}
#header header {
       width:960px;
       margin: 0 auto;
       height:150px;
       /*border:1px solid #000000;*/
       background-image:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/bghead01.png?t=1404871702");
       background-repeat:no-repeat;
       
 }


#header_header_boxright{
  width:100%;
  height: 166px;
  position:relative;
  left:600px;
  background-image:url("batter1.png");
  background-repeat:no-repeat;
  border:1px solid #dddddd;
  z-index:1;
}

#eyecatch{
 width:960px;
 border:1px solid #000000;
 margin:0 auto;
}
        
#contents {
  margin: 0 auto;
           min-width: 960px;
        //border:1px solid #000000;
        //min-height:2000px;/*サンプル用に高さ設定してあります。*/
}
#footer {
  border-top: 5px solid #0A2459;
  min-width: 960px;
  clear:both;
　position:relative;
 }
#footer footer {
  margin: 0 auto;
  height: 120px;/*サンプル用に高さ設定してあります。*/
}


#header header,
#contents,
#footer footer {
  width: 960px;/*センター固定 or リキッドレイアウトの変更(リキッドレイアウトにする場合はwidthを100%に変更)*/
}
/*--common----------------------------------------------------------*/
#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p {
  padding:10px;
}
/*.top_pic{
 width:300px;
 height:166px;
 float:right;
}*/


.headtext-l{
 border:none;
 color:#8e94b8;
 text-align:left;
 float:left;
}
.headtext-r{
  text-align:right;
 
}
.btngroup{
 position:relative;
 left:35%;
 width:654px;
 height:54px;
}
.btn_head{
 background-image:url("btnhead.png");
 width:210px;
 height:60px;
 float:left;
}


.midasi-l{
  font-size:0.2em;
  display:inline-block;
  height:50px;
  background-image:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/mlogo.png?t=1404874828");
  width:300px;
  background-repeat:no-repeat;
  text-indent:-9999px;
  margin:0;
  padding:0;
}
.midasi-l a{
  display:block;
}
.midasi-l-logokana{
  position:relative;
  top:-5px;
  left:-330px;
}
.midasi-r{
 position:relative;
 top:0;
 left:650px;
 margin:0;
 padding:0;
 
}
.midasi-r p{
    font-size:120%;
    text-align:left;
    line-height:0;
    padding:0;
    margin:0;
  background:transparent;

    
}
.midasi-r-top{
  text-align:right;
  color:#8e94b8;
  /*width:100px;
  height:10px;
  display:block; 
  position:relative;*/
  
}
small.arrow_right:before{
  width:5px;
    
}
.arrow_right:before{
  content:'';
  height:0;
  width:0; 
  display:inline-block; 
  border:5px transparent solid; 
  border-right-width:0; 
  border-left-color:#8e94b8; 
  /*position:absolute; 
  top:0px; 
  left:0px;*/
}
small.arrow_right a{
  color: #8e94b8;
  text-decoration: none;
}

.top_pic{
 background-image:url("omake.png");
 width:300px;
 height:166px;
}

#nav {
 width: 950px;
 margin: 0;
 padding: 0;
 background:#ffcccc;
 border: 1px solid #2f2f2f;
}
#nav:after {
  content: ""; 
  display: block; 
  clear: both;
}

#nav ul {
        list-style-type: none;
      
}

#nav ul.cc-nav-level-0 {
        width: 100%;
        *zoom: 1; /*forIE6,7*/
        margin: 0;
        padding: 0;
 
 
}
#nav ul.cc-nav-level-0:after {
        content: "";
        display: block;
        clear: both;
}
#nav ul.cc-nav-level-0 li {
        float: left;
        *zoom: 1; /*forIE6,7*/
        white-space: nowrap;
        width:135px;
       background-image:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/navbtn.png?t=1404877554")!important;
       background-repeat:no-repeat !important;
       background-size:140px 60px;
       overflow:hidden;
}
#nav ul.cc-nav-level-0 li:nth-child(4) {
        width:140px;
        text-align:center !important;
              
}
#nav ul.cc-nav-level-0 li:last-child {
        float: left;
        *zoom: 1; /*forIE6,7*/
        white-space: nowrap;
        border-right:none;
}
#nav ul.cc-nav-level-0 li ul {
        visibility: hidden;
        position: absolute;
        margin: 0;
        padding:0;
        z-index: 1 !important;
}
#nav ul.cc-nav-level-0 li:hover > ul {
        visibility: visible;
}
#nav ul.cc-nav-level-0 li ul li {
        width:136px !important;
        clear: left;
        position: relative;
}



#nav ul.cc-nav-level-0 li ul li ul {
        top: 0;
        left: 100%;
}
#nav ul.cc-nav-level-0 li a {
        display:block;      
        //background-color:#8E94B8;
        border-right: 1px solid #2f2f2f;
        padding: 1.2em;
        color:#e6e6fa;
        text-align: center;
        text-decoration: none;
background: #8e94b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiM4ZTk0YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiMwYTI0NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8e94b8 37%, #0a2459 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#8e94b8), color-stop(89%,#0a2459)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8e94b8 37%,#0a2459 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8e94b8 37%,#0a2459 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8e94b8 37%,#0a2459 89%); /* IE10+ */
background: linear-gradient(to bottom,  #8e94b8 37%,#0a2459 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e94b8', endColorstr='#0a2459',GradientType=0 ); /* IE6-8 */


}
* html #nav ul.cc-nav-level-0 li a { /*forIE6*/
        zoom: 1;
}
#nav ul.cc-nav-level-0 li a:hover {
        background-color:#ffddcc;
       opacity:0.6;
       color: #ffff00;
}
#nav ul.cc-nav-level-0 li a.cc-nav-current{
        background:#696969;
        font-weight:bolder;
        color: #ffff00;
        filter: alpha(opacity=6);
        -ms-filter: "alpha(opacity=90)";
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;

}
#nav ul.cc-nav-level-0 li ul li a {
        text-align: left;
}

#nav ul.cc-nav-level-1 a,#nav ul.cc-nav-level-2 a {
        background: #ffddcc;
        filter: alpha(opacity=9);
        -ms-filter: "alpha(opacity=90)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        text-align: center;
}

#nav ul.cc-nav-level-1 a.cc-nav-current,#nav ul.cc-nav-level-2 a.cc-nav-current {
        background: #323232;
}



/*
Back to top button 
*/
#back-top {
    position: fixed;
    bottom: 15%;
    right: 5%;}
#back-top span {
    width: 66px;
    height: 60px;
    display: block;}



#viewer {
  margin: 0 auto;
  width: 680px;
  height:200px;
  text-align: left;
  overflow: hidden;
  position: relative;
}

#viewer img {
  top: 0;
  left: 0;
  position: absolute;
}

#footer footer　ul{
  width:640px;
  height:30px;
  margin:0 auto;
  font-size:80%;
  list-style-type:none;
}
#footer footer ul li{
  float:left;
  border-left:2px dotted #000000;
  margin:5px;
  padding-left:5px;
  width:115px;
  text-align:center;
}
#footer footer ul li a{
  color: #333333;
  text-decoration:none;
}

.footer_clear{
  clear:both;
}

.footer_left{
 position:relative;
 left:10px;
}
div.footer_left h4>a{
  color: #333333;
  text-decoration: none;
}

div.footer_left h4,div.footer_left p{
  margin:0;
  padding:0;
  text-align:left;
}

#footer footer div{
  float:left;
}
#footer small{
 text-align:right;
 border:none;
 position:absolute;
 left:60%;

}
.school_top{
  width:330px;
  height:80px;
  border:1px dotted #000000;
  margin:0;
  overflow:hidden;
　 }


div.school_top h3{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #09123c), color-stop(0.00, #0e3e8d));
background: -webkit-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -moz-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -o-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: -ms-linear-gradient(top, #0e3e8d 0%, #09123c 90%);
background: linear-gradient(to bottom, #0e3e8d 0%, #09123c 90%);
color:#ffcccc;
height:35px!important;
margin:0 !important;
padding:0!important;
position: relative;
top:-5px;
font-size: 110%;
color:#d3d3d3;
}

div.school_top h3:before{
  content:url("https://u.jimcdn.com/cms/o/sc6ecdb97c6ca9eaa/userlayout/img/btnicon.png?t=1404878141");
  position:relative;
  left:5px;
  top:5px;
  padding-right:5px;
   }


.lessonbox{
 width:200px;
 height:50px;
 background-color:#dc143c;
 margin:0 auto;
}
.lesson{
 width:200px;
 height:50px;
}
.lesson  {
 display:block;
 text-decoration:none;
 color:#000000;
 text-align:center;
 width:200px;
 height:50px;
}
.free_lesson{
 width:259px;
 height:42px;
 background-image:url("btn_freelesson.png");
}
#bgl{
  background-image: url();
  background-repeat: no-repeat;
  position:absolute;
  top: 241px;
  left: 0;
  width:265px;
  height:100%;
  overflow:hidden;
  z-index:0;
}
#bgr{
  background-image: url();
  background-repeat: no-repeat;
  position:absolute;
  top: 241px;
  left: 82%;
  width:265px;
  height:100%;
  z-index:0;
}

.left{
  float:left;
}
.right{
  float:right;
}