@charset "UTF-8";
/**
 * 開成教育セミナー
 *
 * トップページスタイル
 */
/* ==========================================================================
   スライドショー
   ========================================================================== */
#slide-wrap {
  height: 270px;
  position: relative;
}

#slide-list {
  height: 270px;
  overflow: hidden;
}

#slide-pager {
  /*margin:0 5px 0 2px;
  	position:absolute;
  	left:10px;
  	bottom:10px;*/
  position: relative;
  top: 8px;
  z-index: 100;
}

#slide-pager a {
  /*background: transparent url(/brand/css/img/pager_sprite.gif) no-repeat 0 0;*/
  background-color: #b0b0b0;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 5px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

#slide-pager a span {
  display: none;
}

#slide-pager a:hover,
#slide-pager a.selected {
  /*background: transparent url(/brand/css/img/pager_sprite.gif) no-repeat 0 -8px;*/
  background-color: #e60012;
}

/* ==========================================================================
   ターゲット
   ========================================================================== */
   #curriculum-area {
    margin-bottom: 40px;
    margin-right: -18px;
    margin-top: 35px; }
  
  #curriculum-area01 {
    margin-bottom: 5px;
    margin-right: -18px;
    margin-top: 35px; }
  
  #curriculum-area02 {
    margin-bottom: 0px;
    margin-right: -18px;
    margin-top: 13px;
    margin-left:120px;
    }
  
  #curriculum-area li {
    margin-right: 18px; }
  
  #curriculum-area01 li {
    margin-right: 18px; }
    
  #curriculum-area02 li {
    margin-right: 18px; }
  


/* ==========================================================================
   代ゼミサテラインの特徴！
   ========================================================================== */
#system-wrap {
  margin-top: 36px;
}
#system-wrap .boxttl02-wrap {
  position: relative;
}
#system-wrap .boxttl02-wrap .icon-feature {
  bottom: 0;
  position: absolute;
  right: 6px;
}
#system-wrap .inbox01-inner {
  padding: 20px;
}
#system-wrap .inbox01-inner .inbox01 {
  width: 331px;
  border-left: 1px solid #e60012;
}
#system-wrap .inbox01-inner .inbox01 .inbox01-inner {
  padding: 10px 15px;
}
#system-wrap .inbox01-inner .inbox01 .inbox01-inner h3 {
  margin-bottom: 5px;
}
#system-wrap .boxTargetHover {
  -webkit-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -moz-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -ms-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -o-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  position: relative;
  zoom: 1;
}
#system-wrap .boxTargetHover a {
  color: #e60012;
  text-decoration: none;
}

/* ==========================================================================
   これが代ゼミサテライン予備校のスーパー講師陣だ！
   ========================================================================== */
#about-wrap .inbox01-inner {
  padding: 20px 20px 20px;
}
#about-wrap .inbox01-inner .fl {
  width: 440px;
}
#about-wrap .inbox01-inner .fl h3 {
  margin-top: 20px;
}
#about-wrap .inbox01-inner .fl h4 {
  margin-top: 18px;
}
#about-wrap .inbox01-inner .fr {
  width: 214px;
}
#about-wrap #about-box-mov {
  margin-left: -11px;
  width: 708px;
  position: relative;
}
#about-wrap #about-box-mov .about-left {
  position: absolute;
  top: 162px;
  left: -22px;
  z-index: 999;
}
#about-wrap #about-box-mov .about-left img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  position: relative;
  zoom: 1;
}
#about-wrap #about-box-mov .about-right {
  position: absolute;
  top: 162px;
  right: -22px;
  z-index: 998;
}
#about-wrap #about-box-mov .about-right img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  position: relative;
  zoom: 1;
}
#about-wrap #about-box-mov ul {
  /*
  li.math {
    border-top:2px solid #006287;
  }
  li.english {
    border-top:2px solid #b21324;
  }
  li.language {
    border-top:2px solid #390073;
  }
  li.science {
    border-top:2px solid #ff6600;
  }
  li.history {
    border-top:2px solid #007b2e;
  }
  */
}
#about-wrap #about-box-mov ul li {
  background: #FFF;
  margin: 25px 11px 5px;
  position: relative;
  width: 184px;
  padding: 15px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  position: relative;
  zoom: 1;
}
#about-wrap #about-box-mov ul li p.type {
  position: absolute;
  top: 19px;
  right: 15px;
}
#about-wrap #about-box-mov ul li h5 a {
  font-weight: bold;
  font-size: 123.1%;
  text-decoration: none;
  margin-bottom: 5px;
}
#about-wrap #about-box-mov ul li h5 a span {
  font-size: 77%;
  margin-left: 5px;
}
#about-wrap #about-box-mov ul li h6 {
  font-weight: bold;
  color: #3b3b3b;
  font-size: 93%;
  margin-top: 5px;
  margin-bottom: 5px;
}
#about-wrap #about-box-mov ul li.boxTargetHover {
  -webkit-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -moz-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -ms-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  -o-box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  box-shadow: 0 0 7px rgba(230, 0, 18, 0.4);
  position: relative;
  zoom: 1;
}
#about-wrap #about-box-mov ul li.boxTargetHover h5 a {
  text-decoration: none;
  color: #e60012;
}
#about-wrap #matome-btn {
  text-align: center;
  background: #fbd9dc;
  padding: 15px 0;
}

/* ==========================================================================
   こんな高校生におすすめ！
   ========================================================================== */
#recommend-wrap .inbox01-inner {
  padding: 20px 20px 10px;
}
#recommend-wrap .inbox01-inner ul li {
  width: 214px;
  margin-right: 22px;
  margin-bottom: 10px;
}
#recommend-wrap .inbox01-inner ul li:nth-child(3) {
  margin-right: 0;
}

/* ==========================================================================
   イベント・トピックス
   ========================================================================== */
#event-wrap {
  margin-top: 25px;
}
#event-wrap .item-image {
  padding-right: 20px;
}
#event-wrap .item-image img {
  border: 1px solid #e6e6e6;
}
#event-wrap .inbox01-inner {
  padding: 20px;
}
#event-wrap .item-ltr {
  margin-bottom: 20px;
}
#event-wrap .item-ltr:last-child {
  margin-bottom: 0;
}
#event-wrap .icon-end {
  margin-left: 10px;
}
#event-wrap .icon-end img {
  vertical-align: middle;
}

.event-target {
  margin-top: 3px;
  margin-bottom: 7px;
}
.event-target li {
  margin-right: 1px;
}

/* ==========================================================================
   受験・進学のお役立ち情報
   ========================================================================== */
#blog-area {
  background: url(img/bg_pattern01.gif) repeat left top;
}

#blog-inner {
  position: relative;
}
#blog-inner h2 {
  margin-bottom: 20px;
}
#blog-inner .inbox01-inner {
  padding: 13px 20px 20px;
}
#blog-inner .inbox01 {
  width: 328px;
  margin-bottom: 0;
}
#blog-inner .inbox-2column {
  margin-bottom: 17px;
}
#blog-inner .inbox-2column .inbox01 {
  margin-right: 30px !important;
}
#blog-inner .inbox-2column .inbox01:nth-child(2n) {
  margin-right: 0  !important;
}

#blog-navigator {
  position: absolute;
  right: 19px;
  top: -23px;
}

#blog-btn {
  position: absolute;
  left: 250px;
  top: 16px;
}

/* 新着ブログ記事
   ========================================================================== */
/* ****************************************************************************

　webfont

-------------------------------------------------------------------------------*/
/* @license
 * MyFonts Webfont Build ID 2122548, 2012-03-05T04:00:58-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: DIN 1451 EF Mittel Neu by Elsner+Flake
 * URL: http://www.myfonts.com/fonts/ef/din-1451/ef-mittel-neu/
 * Copyright: Copyright of design and/or digital redesign and Trademark by Veronika Elsner, Guenther Flake GbR or its licensors. Copyright of digital font software by Veronika Elsner, Guenther Flake GbR. This font software may not be reproduced, modified, decoded, disc
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2122548
 *
 * c 2012 Bitstream Inc
 */
@font-face {
  font-family: 'DIN-Mittel';
  src: url("webfonts/206334_0_0.eot");
  src: url("webfonts/206334_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/206334_0_0.woff") format("woff"), url("webfonts/206334_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'DIN-Eng';
  src: url("webfonts/206337_0_0.eot");
  src: url("webfonts/206337_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/206337_0_0.woff") format("woff"), url("webfonts/206337_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'M+1cheavy';
  src: url("webfonts/migmix-1p-bold.eot");
  src: url("webfonts/migmix-1p-bold.eot?#iefix") format("embedded-opentype"), url("webfonts/migmix-1p-bold.woff") format("woff"), url("webfonts/migmix-1p-bold.ttf") format("truetype");
}

.article-newentry {
  margin-top: 20px;
  margin-bottom: 20px;
}
.article-newentry .article-date {
  background: url(img/date_slush.gif) no-repeat 13px top;
  color: #333;
  font-family: "DIN-Eng";
  float: left;
  line-height: 1.0 !important;
  min-height: 50px;
  position: relative;
  width: 61px;
  margin-top: 6px;
}
.article-newentry .article-month {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 230%;
  letter-spacing: -1px;
}
.article-newentry .article-days {
  position: absolute;
  right: 0;
  bottom: -10px;
  font-size: 386%;
  letter-spacing: -1px;
}
.article-newentry .article-detail {
  float: right;
  width: 217px;
}
.article-newentry .article-detail dd {
  color: #b0b0b0;
  line-height: 1.42 !important;
  text-align: left;
}

.article-newentry:last-child {
  margin-top: 20px;
  margin-bottom: 0;
}

/* おすすめブログ記事
   ========================================================================== */
.article-recommend {
  margin-top: 20px;
  margin-bottom: 20px;
}
.article-recommend .item-image {
  padding-right: 10px;
}
.article-recommend .item-image img {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: relative;
  zoom: 1;
  border: solid 1px #fff;
}
.article-recommend dd {
  color: #b0b0b0;
  line-height: 1.42 !important;
  text-align: left;
}

.article-recommend:last-child {
  margin-bottom: 0;
}

.list-blogbnr {
  margin-top: 6px; }
  .list-blogbnr li {
    background-color: #FFF;
    margin-top: 10px;
    padding: 0 4px; }
  .list-blogbnr li:last-child {
    margin-right: 0; }

/* ==========================================================================
   お知らせ
   ========================================================================== */
#info-area {
  margin-top: 44px;
}
#info-area .ttl01 {
  background-position: left 10px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 153.8%;
  padding-bottom: 5px;
}

#info-list li {
  margin-top: 10px;
  padding-left: 16.7em;
  position: relative;
  zoom: 1;
}
#info-list li a {
  margin-top: -2px;
  font-weight: normal;
}
#info-list li .info-date {
  position: absolute;
  left: 0;
  top: 0;
}
#info-list li .info-category {
  position: absolute;
  left: 7.5em;
  top: 1px;
}
#info-list li .info-linktxt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.paper {
  margin-top: 20px;
  position: relative; }
  .paper p {
    position: absolute;
    top: 9px;
    left: 380px;
    color: #646464; }
  .paper .f-year {
    font-family: "DIN-Eng";
    line-height: 1.0 !important;
    font-size: 230%;
    letter-spacing: -1px;
    margin-right: 5px;
    color: #333; }
  .paper .f-month {
    font-family: "DIN-Eng";
    line-height: 1.0 !important;
    font-size: 386%;
    letter-spacing: -1px;
    color: #e60012; }
  .paper .f-kanji {
    font-size: 169.2%;
    margin-right: 10px;
    color: #333; }