/* CSS Document */


/*上部映像、メインメニューの上下ライン */
#top-main_upper {
   border-top: solid #cccccc 1px;
   border-bottom: solid #cccccc 1px;
}

/*
#goukaku-move {
   position: absolute;
   top: 0px;
   left: 0px;
}*/


/*whats、募集全体のスタイリング */
#whats-boshyu-set {
   clear: both;
   height: 350px;
}
#whats-set {
   width: 510px;
   float: left;
   height: 330px;
}
#whats-text-set {
   width: 470px;
   height: 268px;
   padding: 15px 25px 15px 15px;
   background-color: #E4E4E4;
   overflow:auto;
}
.whats-text {
   line-height: 1.4em;
   padding-bottom: 6px;
   border-bottom: dashed #999999 1px;
   margin-bottom: 8px;
}
.whats-text-hidari {
   float: left;
   width: 90px;
}
.whats-text-migi{
   float: right;
   width: 315px;
   padding-right: 45px;
   background-image: url(../img/top/new-mark.gif);
   background-repeat: no-repeat;
   background-position: 325px 0;
}
.whats-text-migi-non{
   float: right;
   width: 315px;
   padding-right: 45px;
}
#top-boshyu {
   float: right;
}



/*開講コース紹介セット */
#top-kaikou {
   clear: both;
   height: 332px;
   border: solid #cccccc 1px;
   padding: 9px;
   margin-bottom: 20px;
}
#top-kaikou img {
   display: block;
   float: left;

}


/*開講ナビゲーションここから */
/*ナビゲーションのポジション */
#top-kaikou-nav {
  margin-top: 8px;
  margin-bottom: 20px;
}

/*開講ナビゲーション全体のスタイリング */
ul#top-kaikou-nav_ul, ul#top-kaikou-nav_ul li,ul#top-kaikou-nav_ul li a {
   margin: 0;
   padding: 0;
   display: block;
   height: 30px;
}
/*開講ナビゲーション項目に共通のスタイリング */
ul#top-kaikou-nav_ul li {
   float: left; /*項目を横並びにする */
}
ul#top-kaikou-nav_ul li a {
   overflow: hidden; /*クリッカブル領域の外にはみ出してしまうアウトライン点線を隠す */
   text-indent: -100000em; /*テキストを画面左側に追いやって見えなくする（オフレフト） */
}
/*開講ナビゲーション項目それぞれのスタイリング */
ul#top-kaikou-nav_ul li#top-kaikou-nav_shougaku {
   background: url(../img/top/top-kaikou-nav_shougaku-on.gif) no-repeat;
   width: 142px;
   border-right: solid #FFFFFF 1px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_shougaku a {
   background: url(../img/top/top-kaikou-nav_shougaku-off.gif) no-repeat;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_tyuugaku {
   background: url(../img/top/top-kaikou-nav_tyuugaku-on.gif) no-repeat;
   width: 142px;
   border-right: solid #FFFFFF 1px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_tyuugaku a {
   background: url(../img/top/top-kaikou-nav_tyuugaku-off.gif) no-repeat;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_koukou {
   background: url(../img/top/top-kaikou-nav_koukou-on.gif) no-repeat;
   width: 142px;
   border-right: solid #FFFFFF 1px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_koukou a {
   background: url(../img/top/top-kaikou-nav_koukou-off.gif) no-repeat;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_super {
   background: url(../img/top/top-kaikou-nav_super-on.gif) no-repeat;
   width: 143px;
   border-right: solid #FFFFFF 1px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_super a {
   background: url(../img/top/top-kaikou-nav_super-off.gif) no-repeat;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_wallaby {
   background: url(../img/top/top-kaikou-nav_lepton-on.gif) no-repeat;
   width: 143px;
   border-right: solid #FFFFFF 1px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_wallaby a {
   background: url(../img/top/top-kaikou-nav_lepton-off.gif) no-repeat;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_wakuwaku {
   background: url(../img/top/top-kaikou-nav_wakuwaku-on.gif) no-repeat;
   width: 143px;
}
ul#top-kaikou-nav_ul li#top-kaikou-nav_wakuwaku a {
   background: url(../img/top/top-kaikou-nav_wakuwaku-off.gif) no-repeat;
}

ul#top-kaikou-nav_ul li a:hover {
   background-image: none !important;  /*ロールオーバー時に項目の背景画像を隠す */
}
/*開講ナビゲーションここまで */



/*メインナビゲーションここから */
/*ナビゲーションのポジション */
#top-nav_set {
   position: absolute;
   top: 5px;
   left: 618px;
}
/*メインナビゲーション全体のスタイリング */
ul#top-nav_ul, ul#top-nav_ul li,ul#top-nav_ul li a {
   margin: 0;
   padding: 0;
   display: block;
   height: 58px;
}
/*メインナビゲーション項目に共通のスタイリング */
ul#top-nav_ul li {
   width: 242px; /*項目に含めた画像それぞれの幅は242px */
}
ul#top-nav_ul li a {
   overflow: hidden; /*クリッカブル領域の外にはみ出してしまうアウトライン点線を隠す */
   text-indent: -100000em; /*テキストを画面左側に追いやって見えなくする（オフレフト） */
}
/*メインナビゲーション項目それぞれのスタイリング */
ul#top-nav_ul li#top-nav_gj-towa {
   background: url(../img/top/top_main-nav_gj-toha-on.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_gj-towa a {
   background: url(../img/top/top_main-nav_gj-toha-off.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_gj-hosyou {
   background: url(../img/top/top_main-nav_gj-hosyou-on.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_gj-hosyou a {
   background: url(../img/top/top_main-nav_gj-hosyou-off.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_up-rei {
   background: url(../img/top/top_main-nav_up-rei-on.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_up-rei a {
   background: url(../img/top/top_main-nav_up-rei-off.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_kaikou {
   background: url(../img/top/top_main-nav_kaikou-on.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_kaikou a {
   background: url(../img/top/top_main-nav_kaikou-off.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_kyoushitu {
   background: url(../img/top/top_main-nav_kyoushitu-on.jpg) no-repeat;
}
ul#top-nav_ul li#top-nav_kyoushitu a {
   background: url(../img/top/top_main-nav_kyoushitu-off.jpg) no-repeat;
}

ul#top-nav_ul li a:hover {
   background-image: none !important;  /*ロールオーバー時に項目の背景画像を隠す */
}
/*メインナビゲーションここまで */
