@charset "UTF-8";
/* line 5, ../scss/style.scss */
.flL {
  float: left; }

/* line 6, ../scss/style.scss */
.flR {
  float: right; }

/* line 9, ../scss/style.scss */
.clear {
  clear: both; }

/* line 12, ../scss/style.scss */
.clearfix {
  zoom: 1;
  _height: 1%; }

/* line 15, ../scss/style.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* line 22, ../scss/style.scss */
a img.btn {
  filter: alpha(opacity=100);
  opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0; }

/* line 29, ../scss/style.scss */
a:hover img.btn {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7; }

/* line 38, ../scss/style.scss */
body {
  width: 100%;
  min-width: 1000px;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  /* line 45, ../scss/style.scss */
  body #gungho {
    width: 100%;
    height: 31px;
    background: #fff;
    border-bottom: 4px solid #ccc; }
    /* line 51, ../scss/style.scss */
    body #gungho .inner {
      width: 1000px;
      height: 31px;
      margin: 0 auto;
      position: relative; }
      /* line 57, ../scss/style.scss */
      body #gungho .inner #ragnarok {
        position: absolute;
        top: 0;
        left: 0; }
      /* line 63, ../scss/style.scss */
      body #gungho .inner #roInfo {
        position: absolute;
        overflow: hidden;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 31px; }
        /* line 71, ../scss/style.scss */
        body #gungho .inner #roInfo li {
          float: left;
          margin-right: 15px; }
          /* line 75, ../scss/style.scss */
          body #gungho .inner #roInfo li a {
            color: #555; }
  /* line 86, ../scss/style.scss */
  body #mainIMG {
    background: white url(../img/top/top_hb.gif) bottom repeat-x;
    text-align: center; }
  /* line 90, ../scss/style.scss */
  body h1 {
    background: url(../img/top/mainIMG.jpg) no-repeat top center;
    height: 465px;
    padding-bottom: 20px;
    text-indent: -9999px; }
  /* line 98, ../scss/style.scss */
  body #nav {
    width: 100%;
    height: 80px;
    background: url(../img/nav/nav_shadow.png) bottom repeat-x;
    position: absolute;
    z-index: 99999; }
    /* line 105, ../scss/style.scss */
    body #nav ul {
      width: 904px;
      margin: 0 auto;
      padding: 9px 0 0; }
      /* line 110, ../scss/style.scss */
      body #nav ul li {
        width: 150px;
        display: table-cell;
        position: relative; }
        /* line 116, ../scss/style.scss */
        body #nav ul li div.pop1 {
          position: absolute;
          top: 58px;
          left: 78px; }
        /* line 121, ../scss/style.scss */
        body #nav ul li div.pop2 {
          position: absolute;
          top: 58px;
          left: 78px; }
        /* line 126, ../scss/style.scss */
        body #nav ul li div.pop3 {
          position: absolute;
          top: 58px;
          left: 78px; }
        /* line 131, ../scss/style.scss */
        body #nav ul li div.pop4 {
          position: absolute;
          top: 58px;
          left: 78px; }
        /* line 136, ../scss/style.scss */
        body #nav ul li div.pop5 {
          position: absolute;
          top: 58px;
          left: 78px; }
        /* line 142, ../scss/style.scss */
        body #nav ul li div img {
          width: 0px;
          height: 0px; }
  /* line 150, ../scss/style.scss */
  body .fixed {
    width: 100%;
    position: fixed !important;
    top: 46px;
    z-index: 99996; }
  /* line 158, ../scss/style.scss */
  body #snsWrap {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 35px;
    z-index: 99999; }
    /* line 165, ../scss/style.scss */
    body #snsWrap #sns {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
      /* line 170, ../scss/style.scss */
      body #snsWrap #sns .snsInner {
        padding: 10px 0;
        float: right; }
        /* line 174, ../scss/style.scss */
        body #snsWrap #sns .snsInner li {
          float: left;
          width: 110px; }
  /* line 181, ../scss/style.scss */
  body .snsBg {
    width: 100%;
    height: 46px;
    background: #000;
    z-index: 99998; }
    /* line 189, ../scss/style.scss */
    body .snsBg div {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
  /* line 195, ../scss/style.scss */
  body .sns-fixed {
    position: fixed !important;
    top: 0 !important; }
  /* line 201, ../scss/style.scss */
  body #topPage {
    height: 1983px;
    background: #f3efe4 url(../img/top/top_mainBG.jpg) center 50px no-repeat; }
    /* line 206, ../scss/style.scss */
    body #topPage #cntArea {
      width: 900px;
      margin: 0 auto; }
      /* line 211, ../scss/style.scss */
      body #topPage #cntArea ul {
        padding-top: 105px; }
        /* line 214, ../scss/style.scss */
        body #topPage #cntArea ul li {
          margin-bottom: 32px;
          position: relative; }
          /* line 218, ../scss/style.scss */
          body #topPage #cntArea ul li img {
            position: relative;
            z-index: 2; }
          /* line 227, ../scss/style.scss */
          body #topPage #cntArea ul li .moICON {
            position: absolute;
            top: 5px;
            left: 725px;
            z-index: 1; }
  /* line 241, ../scss/style.scss */
  body #story {
    margin-top: 75px;
    padding: 45px 0 85px;
    background: #f3efe4; }
    /* line 246, ../scss/style.scss */
    body #story #cntArea {
      background: url(../img/story/sty_bg.gif) center repeat-y; }
      /* line 249, ../scss/style.scss */
      body #story #cntArea .inner {
        background: url(../img/story/sty_bgBot.gif) center bottom no-repeat; }
        /* line 252, ../scss/style.scss */
        body #story #cntArea .inner .cntBox {
          background: url(../img/story/sty_bgTop.gif) center top no-repeat; }
          /* line 255, ../scss/style.scss */
          body #story #cntArea .inner .cntBox h2 {
            width: 904px;
            margin: 0 auto;
            padding: 66px 0 30px; }
          /* line 260, ../scss/style.scss */
          body #story #cntArea .inner .cntBox div {
            width: 980px;
            margin: 0 auto;
            padding: 0 0 65px; }
            /* line 265, ../scss/style.scss */
            body #story #cntArea .inner .cntBox div.sty1 {
              height: 5043px;
              background: url(../img/story/sty1_manga.jpg) no-repeat;
              text-indent: -9999px; }
            /* line 270, ../scss/style.scss */
            body #story #cntArea .inner .cntBox div.sty2 {
              height: 5363px;
              background: url(../img/story/sty2_manga.jpg) no-repeat;
              text-indent: -9999px; }
            /* line 275, ../scss/style.scss */
            body #story #cntArea .inner .cntBox div.sty3 {
              height: 4915px;
              background: url(../img/story/sty3_manga.jpg) no-repeat;
              text-indent: -9999px; }
            /* line 280, ../scss/style.scss */
            body #story #cntArea .inner .cntBox div.sty4 {
              height: 5179px;
              background: url(../img/story/sty4_manga.jpg) no-repeat;
              text-indent: -9999px; }
  /* line 292, ../scss/style.scss */
  body #footer {
    background: black url(../img/footer/footer_bg.gif) repeat-x; }
    /* line 295, ../scss/style.scss */
    body #footer h2 {
      text-align: center;
      padding: 30px 0; }
    /* line 300, ../scss/style.scss */
    body #footer ul {
      width: 921px;
      margin: 0 auto; }
      /* line 304, ../scss/style.scss */
      body #footer ul li {
        width: 294px;
        margin-right: 14px;
        display: inline-block;
        vertical-align: top; }
        /* line 310, ../scss/style.scss */
        body #footer ul li.kill {
          margin: 0; }
        /* line 312, ../scss/style.scss */
        body #footer ul li h3 {
          padding: 20px 0 15px; }
        /* line 315, ../scss/style.scss */
        body #footer ul li p {
          color: #fff;
          line-height: 22px; }
    /* line 322, ../scss/style.scss */
    body #footer .startRO {
      text-align: center;
      padding: 50px 0; }
      /* line 326, ../scss/style.scss */
      body #footer .startRO p {
        padding-top: 20px; }
        /* line 329, ../scss/style.scss */
        body #footer .startRO p a {
          text-decoration: underline;
          color: #fff; }
          /* line 333, ../scss/style.scss */
          body #footer .startRO p a:hover {
            filter: alpha(opacity=70);
            opacity: 0.7;
            -ms-filter: "alpha(opacity=70)";
            -khtml-opacity: 0.7;
            -moz-opacity: 0.7; }
    /* line 344, ../scss/style.scss */
    body #footer .line {
      text-align: center; }
    /* line 348, ../scss/style.scss */
    body #footer .f-sns {
      width: 690px;
      padding-top: 40px; }
      /* line 352, ../scss/style.scss */
      body #footer .f-sns li {
        margin-right: 92px; }
    /* line 357, ../scss/style.scss */
    body #footer .credit {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #5a5a5a;
      padding-bottom: 50px; }
  /* line 367, ../scss/style.scss */
  body .reTop {
    position: fixed;
    bottom: 20px;
    right: 20px; }

/* line 398, ../scss/style.scss */
.mb20 {
  margin-bottom: 20px; }

/* line 399, ../scss/style.scss */
.mb25 {
  margin-bottom: 25px; }

/* line 400, ../scss/style.scss */
.mb40 {
  margin-bottom: 40px; }

/* line 402, ../scss/style.scss */
.pt105 {
  padding-top: 105px !important; }

/* line 403, ../scss/style.scss */
.pb10 {
  padding-bottom: 10px !important; }

/* line 405, ../scss/style.scss */
.f10 {
  font-size: 10px; }