@charset "UTF-8";
/*
 * top.css
 *
 *  version ---
 *  updated --- 2023/03/14
 */


@import "comic_app.css";


 /* !Slider -------------------------------------------------------------- */
#mainimg {
  width: 681px;
  height: 338px;
  float: left;
  position: relative;
  text-align: center;
  padding-left: 1px; }
  #mainimg #gallery {
    /* CSS3 Box Shadow */
    -webkit-box-shadow: 0 0 3px #AAAAAA;
    box-shadow: 0 0 3px #AAAAAA;
    /* CSS3 Rounded Corners */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid white;
    background: url(images/panel.jpg) repeat-x bottom center #ffffff;
    /* The width of the gallery */
    width: 680px;
    overflow: hidden; }
  #mainimg #slides {
    /* This is the slide area */
    height: 280px;
    margin-bottom: 1px;
    /* jQuery changes the width later on to the sum of the widths of all the slides. */
    width: 681px;
    overflow: hidden; }
  #mainimg .slide {
    float: left; }
  #mainimg #menu {
    /* This is the container for the thumbnails */
    height: 58px; }
  #mainimg ul {
    margin: 0px;
    padding: 0px; }
  #mainimg li {
    /* Every thumbnail is a li element */
    width: 226px;
    display: inline-block;
    list-style: none;
    height: 58px;
    overflow: hidden; }
    #mainimg li#thumb1.inact:hover {
      /* The inactive state, highlighted on mouse over */
      /*background:url(images/pic_bg.png) repeat;*/
      background-color: #7FCEF4; }
    #mainimg li#thumb2.inact:hover {
      /* The inactive state, highlighted on mouse over */
      /*background:url(images/pic_bg.png) repeat;*/
      background-color: #90C31F; }
    #mainimg li#thumb3.inact:hover {
      /* The inactive state, highlighted on mouse over */
      /*background:url(images/pic_bg.png) repeat;*/
      background-color: #FFF100; }
    #mainimg li#thumb1.act {
      /* The active state of the thumb */
      /*background:url(images/active_bg.png) no-repeat;*/
      background-color: #7FCEF4; }

li#thumb1.act:hover {
  /* The active state of the thumb */
  /*background:url(images/active_bg.png) no-repeat;*/
  background-color: #7FCEF4; }

#mainimg li#thumb2.act, li#thumb2.act:hover {
  /* The active state of the thumb */
  /*background:url(images/active_bg.png) no-repeat;*/
  background-color: #90C31F; }

#mainimg li#thumb3.act, li#thumb3.act:hover {
  /* The active state of the thumb */
  /*background:url(images/active_bg.png) no-repeat;*/
  background-color: #FFF100; }

#mainimg li.act a {
  cursor: default; }

#mainimg .fbar {
  /* The left-most vertical bar, next to the first thumbnail */
  width: 2px;
  background: url(images/divider.png) no-repeat right; }

#mainimg li a {
  display: block;
  /*background:url(images/divider.png) no-repeat right;*/
  height: 48px;
  padding-top: 2px; }

#mainimg a {
  color: #0196e3;
  text-decoration: none;
  outline: none; }
  #mainimg a img {
    border: none; }

a:visited {
  color: #0196e3;
  text-decoration: none;
  outline: none; }

#mainimg a:hover {
  text-decoration: underline; }

/* !TopPage -------------------------------------------------------------- */
h3 {
  line-height: 1; }

/*上段*/
#sectionLogin {
  width: 256px;
  height: 342px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #e5e5e5;
  float: right;
  behavior: url(/common/js/PIE.htc);
  position: relative; }
  #sectionLogin h3 {
    height: 23px;
    padding: 16px 0 0 13px;
    border-bottom: #646464 1px solid;
    margin-bottom: 15px; }

dl.loginTop {
  width: 226px;
  min-height: 106px;
  margin: 0 auto; }
  dl.loginTop dt {
    display: block; }
  dl.loginTop dd {
    display: block;
    margin-bottom: 8px; }
  dl.loginTop input[type=text], dl.loginTop input[type=password] {
    width: 216px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    padding: 5px 3px;
    font-size: 130%; }

#sectionLogin .btnLogin {
  text-align: center;
  display: block;
  margin: 0 auto;
  padding-top: 2px; }

#sectionLogin .msg {
  margin: 9px 5px 9px 15px; }

/*中段*/
#sectionPickup {
  width: 685px; }

.borderPickup {
  border: #c8c8c8 5px solid;
  width: 325px;
  height: 190px; }

.contents {
  width: 310px;
  float: left;
  margin-right: 10px;
  position: relative; }
  .contents h3 {
    margin-bottom: 10px; }
    .contents h3 img {
      vertical-align: bottom;
      margin-right: 20px; }
    .contents h3 a {
      font-size: 95%;
      text-decoration: underline; }
      .contents h3 a:hover {
        color: #FF5300;
        text-decoration: underline; }

.contents3rd, .contentsLast {
  width: 310px;
  float: left;
  margin-right: 0;
  position: relative; }

ul.contentsList {
  padding-bottom: 16px¥9;
  /* IE8 and below */
  *padding-bottom: 16px;
  /* IE7 and below */
  _padding-bottom: 16px;
  /* IE6 */ }

.contentsList li {
  display: inline;
  float: left;
  width: 291px;
  min-height: 107px;
  padding: 16px 9px;
  border: #a1a1a1 1px solid;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 0 16px 8px 0;
  line-height: 1.4;
  behavior: url(/common/js/PIE.htc);
  /*position: relative;*/ }
  .contentsList li:nth-child(3n+1) {
    clear: left; }
  .contentsList li:nth-child(3n) {
    margin-right: 0; }
  .contentsList li.end {
    float: right;
    margin-right: 0; }

.contentsList h4 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 115%; }

.contentsList p {
  font-size: 112%; }

.contentsList a {
  display: block;
  color: #333;
  text-decoration: none; }
  .contentsList a:visited {
    color: #333; }
  .contentsList a:hover, .contentsList a:active, .contentsList a:focus {
    color: #3F69AF; }

/*中段LargeBanner*/
.contentsLbanner ul {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0; }

.contentsLbanner li {
  width: 466px;
  float: left;
  padding: 0 18px 8px 0;
  white-space: nowrap; }
  .contentsLbanner li.right {
    padding-right: 0; }

/*中段LargeBanner フリーレイアウト用 2013-08-27変更*/
div.contentsLbanner2 {
  height: 540px;
  background-image: url(../contents/lbanner_back_01.jpg);
  background-position: 0 30px;
  background-repeat: no-repeat; }

.contentsLbanner2 ul {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0; }

.contentsLbanner2 li {
  padding: 0;
  padding: 0; }
  .contentsLbanner2 li.position01 {
    position: absolute;
    left: 86px;
    top: 1px; }
  .contentsLbanner2 li.position02 {
    position: absolute;
    left: 487px;
    top: 1px; }
  .contentsLbanner2 li.position03 {
    position: absolute;
    left: 1px;
    top: 175px; }
  .contentsLbanner2 li.position04 {
    position: absolute;
    left: 576px;
    top: 174px; }
  .contentsLbanner2 li.position05 {
    position: absolute;
    left: 85px;
    top: 350px; }
  .contentsLbanner2 li.position06 {
    position: absolute;
    left: 488px;
    top: 348px; }

.contentsLbanner2 h3 {
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC; }

/*中段コンテンツカテゴリ*/
.contentsCategoly h3 {
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC; }

.contentsCategoly ul {
  list-style: none;
  padding: 0;
  margin: 0 10px 15px 10px; }

.contentsCategoly li {
  width: 145px;
  float: left;
  padding: 0 8px 3px 0;
  white-space: nowrap;
  font-size: 125%; }

/*下段*/
#sectionSponsors {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #e5e5e5;
  padding: 20px 20px 3px;
  margin-bottom: 20px;
  behavior: url(/common/js/PIE.htc);
  position: relative; }

#companylist #sectionSponsors {
  background: #f5f5f5;
  padding: 0 5px 3px 13px; }

#sectionSponsors h3 {
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  text-align: center;
  position: relative; }
  #sectionSponsors h3 .h3link {
    position: absolute;
    width: 180px;
    right: 45px;
    top: 38px;
    text-align: right; }
  #sectionSponsors h3 a {
    font-size: 100%;
    text-decoration: underline; }
    #sectionSponsors h3 a:hover {
      color: #FF5300;
      text-decoration: underline; }

#sectionSponsors ul {
  padding-bottom: 17px;
  /* IE8 and below */
  *padding-bottom: 17px;
  /* IE7 and below */
  _padding-bottom: 17px;
  /* IE6 */ }

#sectionSponsors li {
  display: inline;
  width: 292px;
  height: 97px;
  float: left;
  margin: 0 15px 15px 0;
  margin: 0 11px 11px 0\9;
  /* IE8 */
  *margin: 0 11px 11px 0;
  /* IE7 */
  _margin: 0 11px 11px 0;
  /* IE6 */ }

head body #sectionSponsors li {
  margin: 0 11px 11px 0; }

#companylist #sectionSponsors li {
  margin: 0 8px 8px 0; }

#sectionSponsors li:nth-child(3n+1) {
  clear: both; }

#sectionSponsors li:nth-child(3n), #sectionSponsors li.end {
  margin-right: 0; }

/* !Main -------------------------------------------------------------- */
#mainL {
  width: 445px;
  height: 480px;
  margin: -16px 0 20px 15px;
  border-radius: 6px;
  background: #f5f5f5;
  float: left;
  behavior: url(/common/js/PIE.htc);
  position: relative;
  z-index: 99; }
  #mainL .msg {
    display: inline-block;
    text-align: left;
    line-height: 1.6;
    margin-top: 5em; }

#mainR {
  width: 445px;
  height: 480px;
  margin: -16px 15px 20px 0;
  border-radius: 6px;
  background: #f5f5f5;
  float: right;
  behavior: url(/common/js/PIE.htc);
  position: relative;
  z-index: 99; }

/* !Login -------------------------------------------------------------- */
dl.login {
  padding: 15px 20px;
  padding-bottom: 25px¥9;
  /* IE8 and below */
  *padding-bottom: 25px;
  /* IE7 and below */ }
  dl.login dt {
    float: left;
    width: 145px;
    text-align: right;
    margin-bottom: 20px;
    padding-top: 6px; }
  dl.login dd {
    display: inline;
    float: left;
    width: 230px;
    margin-left: 5px;
    margin-bottom: 20px;
    font-size: 115%; }

.ulJob {
  width: 324px;
  margin: 0 auto;
  border: #ccc 1px solid;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #fff;
  behavior: url(/common/js/PIE.htc);
  position: relative; }
  .ulJob li {
    border-bottom: #ccc 1px solid;
    padding: 4px; }
    .ulJob li.end {
      border: none; }
    .ulJob li em {
      display: block;
      text-align: left;
      font-size: 13px;
      padding: 1em .5em .35em; }

/* !forget email -------------------------------------------------------------- */
dl.forgetEmail {
  width: 690px;
  padding: 25px;
  margin: 0 auto; }
  dl.forgetEmail dt {
    display: inline;
    float: left;
    width: 130px;
    margin-bottom: 10px;
    font-size: 16px;
    padding-top: 3px; }
  dl.forgetEmail dd {
    display: inline;
    float: left;
    width: 535px;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    vertical-align: top;
    padding-bottom: 10px¥9;
    /* IE8 and below */
    *padding-bottom: 10px;
    /* IE7 and below */ }
    dl.forgetEmail dd span {
      display: inline-block;
      font-size: 67%;
      /*18px→12px*/
      width: 2.5em; }

/* !Twitter -------------------------------------------------------------- */
.areaTwitter {
  width: 316px;
  height: 368px;
  margin-bottom: 10px; }

/* SAND BOX */
div#loadmore, div#loadmore2 {
  margin-top: 2px;
  padding: 0;
  height: 30px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
  background: #67b928;
  font-size: 1.15em;
  background: url(../images/bg_more.gif) repeat-x scroll; }

div#loadmore:hover, div#loadmore2:hover {
  background: #51921e;
  color: #fff; }

div#loadmore a, div#loadmore2 a {
  display: block;
  color: #fff; }

div#loadmore a:hover, div#loadmore2 a:hover {
  display: block;
  color: #fff843; }

div#provider {
  margin: -20px 0 15px -1px;
  padding: 0;
  height: 30px;
  text-align: center; }

div#ichiran {
  margin: 5px 0 15px 5px;
  padding: 0;
  height: 30px;
  text-align: center; }

/* CONTENT BOX */
#cntbox {
  background-color: #dbecbe;
  width: 950px;
  height: 600px;
  margin: 15px 0 15px 0; }
  #cntbox .left {
    float: left;
    width: 125px;
    margin: 15px 0 15px 15px; }
  #cntbox .row {
    float: left;
    width: 795px;
    margin: 15px 0 0px 15px; }
  #cntbox .last {
    margin-bottom: 15px; }

/* お知らせ（年始年末や緊急サーバメンテナンスなど） */
#reminder {
  text-align: center;
  color: #333;
  border: #cccccc 1px solid;
  border-top: #cc0000 3px solid;
  margin: 12px 0 12px 0;
  padding: 10px 0 10px 0;
  font-size: 1.15em; }
  #reminder p {
    margin: 0 15px 0 15px; }
    #reminder p.title {
      font-weight: bold;
      font-size: 15px; }
    #reminder p.hours {
      margin: 3px 15px 0 15px;
      font-size: 13px;
      font-weight: bold; }
    #reminder p.text {
      margin: 3px 15px 0 15px;
      font-size: 13px; }

#reminder_m{
    display:none;
}

/* よりぬきLet's Try!国試 */
.ques__number {
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: 8px;
  border-bottom: #666 1px solid;
  padding-bottom: 3px; }

.ques__title {
  font-size: 13px;
  line-height: 1.6em;
  margin-bottom: 5px; }

ul.ansList {
  margin: 8px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding-right: 10px; }
  ul.ansList li {
    list-style-type: none;
    border: none;
    font-weight: bold;
    padding: 3px 15px 3px 0; }
    ul.ansList li input {
      margin-right: 3px; }

.answerbox {
  border-top: #999 1px solid;
  margin-top: 5px;
  padding-top: 3px; }

#answer {
  margin: 10px 0 5px 0;
  font-weight: bold; }

/* マンガリスト */
.manga_picture {
  text-align: center; }

.manga_picture_img {
  width: 171px;
  border: #ccc 1px solid;
  padding: 2px;
  background-color: #f7f7f7;
  margin-bottom: 3px; }

.renew_timing {
  text-align: center;
  font-size: 11px;
  color: #fd811d;
  line-height: 1.1em;
  margin: 2px 0 2px 0; }

.manga_title {
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
  margin: 3px 0 2px 0; }

.manga_kanshu {
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 1.4em; }

.manga_read {
  background: url(../images/bg_mangaselect.gif) repeat-x scroll;
  padding-top: 11px;
  text-align: center;
  margin: 8px 0 0 0; }

.partner--sub {
  float: right;
  padding-right: 18px;
  font-size: 13px;
  color: #444; }

/* MANGA-LIST */
ul.mangalist {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.mangalist li {
    width: 33%;
    float: left;
    margin: 0;
    position: relative;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid; }
    ul.mangalist li:nth-child(3n) {
      border-right: #ccc 1px solid; }
    ul.mangalist li:nth-child(n+7) {
      border-bottom: #ccc 1px solid; }
    ul.mangalist li a img {
      width: 100%; }

/* !display new icon
---------------------------------------------------------- */
.up {
  background: url(../../top/images/manga__up.png) right top no-repeat; }

.new {
  background: url(../../top/images/manga__new.png) right top no-repeat; }

.newflag {
  background: url(../../top/images/contents__up.png) right top no-repeat; }

/* TEDリスト */
.ted_box {
  margin: 5px 0 5px 0; }

.ted_picture {
  text-align: center; }

.ted_picture_img {
  width: 171px;
  border: #ccc 1px solid;
  padding: 2px;
  background-color: #f7f7f7;
  margin-bottom: 3px; }

.ted_title {
  font-size: 12px;
  color: #333;
  line-height: 16px;
  font-weight: bold; }

.ted_kanshu {
  font-size: 11px;
  color: #333;
  line-height: 1.4em; }

.ted_read {
  text-align: center;
  margin: 8px 0 10px 0;
  padding-bottom: 10px;
  border-bottom: #ccc 1px solid; }

/* 右カラムバナーリスト */
ul.right_bnr-list {
  margin: 15px 0 15px 0; }
  ul.right_bnr-list li {
    list-style-type: none; }
    ul.right_bnr-list li a img {
      margin-bottom: 10px; }

/* 2018.06.20 トップページマンガバナー関連 */
.kato {
  background: url("../images/manga__kato_off-fin.png"); }

.tokuda {
  background: url("../images/manga__tokuda_off-fin.png"); }

.shirono {
  background: url("../images/manga__shirono_off.png"); }

.kitano {
  background: url("../images/manga__kitano_off.png"); }

.takasu {
  background: url("../images/manga__takasu_off.png"); }

.ohki {
  background: url("../images/manga__ohki_off.png"); }

.akahoshi {
  background: url("../images/manga__akahoshi_off.png"); }

.hattori {
  background: url("../images/manga__hattori_off.png"); }

.kondo{
  background: url("../images/manga__kondo_off.png"); }

.ueno {
  background: url("../images/manga__waidai_off.png"); }

.waidai {
  background: url("../images/manga__waidai_off.png"); }

.sumi {
  background: url("../images/manga__sumi_off.png"); }

.sano {
  background: url("../images/manga__sano_off.png"); }

.kanehira {
  background: url("../images/manga__kanehira_off.png"); }

.kon {
  background: url("../images/manga__kon_off.png"); }

.yamanaka {
  background: url("../images/manga__yamanaka_off.png"); }

/* Rollover state */
.kato:hover {
  background: url("../images/manga__kato_on-fin.png"); }

.tokuda:hover {
  background: url("../images/manga__tokuda_on-fin.png"); }

.shirono:hover {
  background: url("../images/manga__shirono_on.png"); }

.kitano:hover {
  background: url("../images/manga__kitano_on.png"); }

.takasu:hover {
  background: url("../images/manga__takasu_on.png"); }

.ohki:hover {
  background: url("../images/manga__ohki_on.png"); }

.akahoshi:hover {
  background: url("../images/manga__akahoshi_on.png"); }

.hattori:hover {
  background: url("../images/manga__hattori_on.png"); }

.kondo:hover {
  background: url("../images/manga__kondo_on.png"); }

.ueno:hover {
  background: url("../images/manga__ueno_on.png"); }

.waidai:hover {
  background: url("../images/manga__waidai_on.png"); }


.sumi:hover {
  background: url("../images/manga__sumi_on.png"); }

.sano:hover {
  background: url("../images/manga__sano_on.png"); }

.kanehira:hover {
  background: url("../images/manga__kanehira_on.png"); }

.kon:hover {
  background: url("../images/manga__kon_on.png"); }

.yamanaka:hover {
  background: url("../images/manga__yamanaka_on.png"); }

.tokuda img, .shirono img, .akahoshi img, .hattori img, .kondo img, .kitano img, .takasu img, .ohki img, .ueno img, .waidai img, .sumi img, .sano img, .kanehira img, .yamanaka img, .kon img, .kato img {
  visibility: hidden; }

.tokuda img.up, .shirono img.up, .akahoshi img.up, .kondo img.up, .hattori img.up, .kitano img.up, .takasu img.up, .ohki img.up, .ueno .waidai img.up, .sumi img.up, .sano img.up, .kanehira img.up, .yamanaka img.up, .kon img.up, .kato img.up {
  visibility: visible; }

.mangalist li {
  position: relative;
  margin: 0; }
  .mangalist li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*# sourceMappingURL=../../../maps/top/css/top.css.map */