@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: #e83608;
    text-align: center; }
  /* line 90, ../scss/style.scss */
  body h1 {
    background: url(../img/top/mainimage.jpg) no-repeat top center;
    height: 464px;
    text-indent: -9999px; }
  /* line 97, ../scss/style.scss */
  body #nav {
    width: 100%;
    height: 50px;
    background: url(../img/nav/nav_bg01.gif) repeat-x;
    position: absolute;
    z-index: 99999; }
    /* line 104, ../scss/style.scss */
    body #nav ul {
      width: 1200px;
      margin: 0 auto;
      padding-left: 240px;
      background: url(../img/nav/nav_bg02.gif) center top no-repeat; }
      /* line 110, ../scss/style.scss */
      body #nav ul li {
        width: 150px;
        display: table-cell;
        position: relative; }
        /* line 115, ../scss/style.scss */
        body #nav ul li .subMenu {
          width: 250px;
          padding: 0;
          position: absolute;
          top: 50px;
          left: 0;
          font-family: "メイリオ", Meiryo;
          color: #fff;
          background: none; }
          /* line 125, ../scss/style.scss */
          body #nav ul li .subMenu li {
            width: 238px;
            height: 20px;
            padding: 8px 0 0 12px;
            background: url(../img/nav/nav_arrow_right1.png) 227px 5px no-repeat #838383;
            border-top: 1px solid #c4c4c4;
            border-bottom: 1px solid #303030;
            display: block;
            cursor: pointer; }
            /* line 135, ../scss/style.scss */
            body #nav ul li .subMenu li.close {
              background: url(../img/nav/nav_arrow_up.png) 227px 5px no-repeat #838383; }
            /* line 138, ../scss/style.scss */
            body #nav ul li .subMenu li.open {
              background: url(../img/nav/nav_arrow_down.png) 227px 5px no-repeat #838383; }
            /* line 142, ../scss/style.scss */
            body #nav ul li .subMenu li a {
              color: #fff;
              text-decoration: none;
              display: block; }
          /* line 149, ../scss/style.scss */
          body #nav ul li .subMenu .subMenu2 {
            width: 250px;
            padding: 0;
            font-size: 13px;
            background: none; }
            /* line 155, ../scss/style.scss */
            body #nav ul li .subMenu .subMenu2 li {
              width: 228px;
              padding: 8px 0 0 22px;
              background: url(../img/nav/nav_arrow_right2.png) 227px 5px no-repeat #dbdbdb;
              border-top: 1px solid #c4c4c4;
              border-bottom: 1px solid #949393;
              display: block; }
              /* line 163, ../scss/style.scss */
              body #nav ul li .subMenu .subMenu2 li a {
                color: #303030;
                font-weight: bold;
                display: block; }
        /* line 172, ../scss/style.scss */
        body #nav ul li .long {
          width: 308px; }
          /* line 175, ../scss/style.scss */
          body #nav ul li .long li {
            width: 288px;
            background: url(../img/nav/nav_arrow_right1.png) 277px 5px no-repeat #838383; }
  /* line 183, ../scss/style.scss */
  body .fixed {
    width: 100%;
    position: fixed !important;
    top: -424px;
    z-index: 99996; }
  /* line 191, ../scss/style.scss */
  body #snsWrap {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 35px;
    z-index: 99999; }
    /* line 198, ../scss/style.scss */
    body #snsWrap #sns {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
      /* line 203, ../scss/style.scss */
      body #snsWrap #sns .snsInner {
        padding: 10px 0;
        float: right; }
        /* line 207, ../scss/style.scss */
        body #snsWrap #sns .snsInner li {
          float: left;
          width: 110px; }
  /* line 214, ../scss/style.scss */
  body .snsBg {
    width: 100%;
    height: 40px;
    background: url(../img/common/sns_Bg.png) repeat;
    position: absolute;
    top: 35px;
    z-index: 99998; }
    /* line 222, ../scss/style.scss */
    body .snsBg div {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
  /* line 228, ../scss/style.scss */
  body .sns-fixed {
    position: fixed !important;
    top: 0 !important; }
  /* line 234, ../scss/style.scss */
  body #topPage {
    background: #e1e1e1;
    margin-top: 50px; }
    /* line 238, ../scss/style.scss */
    body #topPage #cntArea {
      width: 960px;
      margin: 0 auto; }
      /* line 243, ../scss/style.scss */
      body #topPage #cntArea .info {
        padding: 45px 20px 40px;
        background: url(../img/top/info_bg01.gif) repeat-y; }
        /* line 247, ../scss/style.scss */
        body #topPage #cntArea .info .news {
          width: 530px;
          float: left; }
          /* line 251, ../scss/style.scss */
          body #topPage #cntArea .info .news dl {
            width: 530px;
            padding: 20px 0;
            border-top: 1px solid #bc202b;
            border-bottom: 1px solid #bc202b;
            float: left; }
            /* line 258, ../scss/style.scss */
            body #topPage #cntArea .info .news dl dt {
              width: 85px;
              margin-right: 15px;
              line-height: 28px;
              float: left; }
            /* line 264, ../scss/style.scss */
            body #topPage #cntArea .info .news dl dd {
              width: 430px;
              line-height: 28px;
              float: left; }
              /* line 269, ../scss/style.scss */
              body #topPage #cntArea .info .news dl dd a {
                color: #bc202b;
                text-decoration: underline; }
                /* line 273, ../scss/style.scss */
                body #topPage #cntArea .info .news dl dd a:hover {
                  color: #bc202b;
                  text-decoration: none; }
        /* line 282, ../scss/style.scss */
        body #topPage #cntArea .info .pickup {
          width: 360px;
          margin-left: 30px;
          float: left; }
      /* line 290, ../scss/style.scss */
      body #topPage #cntArea .event {
        background: #000;
        padding: 45px 20px 40px; }
        /* line 294, ../scss/style.scss */
        body #topPage #cntArea .event h2 {
          text-align: center;
          border-bottom: 1px solid #debd8e;
          margin-bottom: 20px; }
        /* line 300, ../scss/style.scss */
        body #topPage #cntArea .event ul {
          width: 921px; }
          /* line 303, ../scss/style.scss */
          body #topPage #cntArea .event ul li {
            display: inline-block;
            margin-right: 15px; }
            /* line 307, ../scss/style.scss */
            body #topPage #cntArea .event ul li.kill {
              margin: 0; }
      /* line 312, ../scss/style.scss */
      body #topPage #cntArea .cntInner {
        background: #fff;
        padding-bottom: 50px; }
        /* line 316, ../scss/style.scss */
        body #topPage #cntArea .cntInner h2 {
          padding: 35px 0 15px;
          text-align: center; }
        /* line 325, ../scss/style.scss */
        body #topPage #cntArea .cntInner .point .bx-wrapper {
          width: 802px;
          height: 232px;
          padding-bottom: 18px; }
          /* line 331, ../scss/style.scss */
          body #topPage #cntArea .cntInner .point .bx-wrapper .bx-controls-direction a {
            width: 29px;
            height: 42px;
            margin-top: -32px; }
            /* line 336, ../scss/style.scss */
            body #topPage #cntArea .cntInner .point .bx-wrapper .bx-controls-direction a.bx-prev {
              left: -52px;
              background: url(../img/top/point_prev.gif) no-repeat; }
            /* line 340, ../scss/style.scss */
            body #topPage #cntArea .cntInner .point .bx-wrapper .bx-controls-direction a.bx-next {
              right: -52px;
              background: url(../img/top/point_next.gif) no-repeat; }
        /* line 348, ../scss/style.scss */
        body #topPage #cntArea .cntInner .point #bx-pager {
          width: 600px;
          margin: 0 auto; }
          /* line 352, ../scss/style.scss */
          body #topPage #cntArea .cntInner .point #bx-pager img {
            margin-right: 15px; }
            /* line 355, ../scss/style.scss */
            body #topPage #cntArea .cntInner .point #bx-pager img.kill {
              margin: 0; }
        /* line 362, ../scss/style.scss */
        body #topPage #cntArea .cntInner .enjoy .inner {
          min-height: 340px;
          padding: 0 0 0 80px;
          background: url(../img/top/enjoy_img01.jpg) 518px 0 no-repeat; }
        /* line 371, ../scss/style.scss */
        body #topPage #cntArea .cntInner .user-guide .inner {
          padding: 0 0 0 354px;
          background: url(../img/top/user-guide_img01.jpg) 40px 0 no-repeat; }
          /* line 375, ../scss/style.scss */
          body #topPage #cntArea .cntInner .user-guide .inner li {
            width: 184px;
            padding-right: 12px;
            display: inline-block;
            text-align: right; }
            /* line 381, ../scss/style.scss */
            body #topPage #cntArea .cntInner .user-guide .inner li p {
              padding: 15px 0 30px 0; }
              /* line 384, ../scss/style.scss */
              body #topPage #cntArea .cntInner .user-guide .inner li p a {
                padding-left: 20px;
                background: url(../img/top/world_arrow_off.gif) 0 1px no-repeat;
                color: #000;
                font-size: 13px;
                text-decoration: underline; }
                /* line 391, ../scss/style.scss */
                body #topPage #cntArea .cntInner .user-guide .inner li p a:hover {
                  background: url(../img/top/world_arrow_on.gif) 0 1px no-repeat;
                  color: #bc202b; }
            /* line 398, ../scss/style.scss */
            body #topPage #cntArea .cntInner .user-guide .inner li .kill {
              padding-right: 0; }
        /* line 407, ../scss/style.scss */
        body #topPage #cntArea .cntInner .gamedata ul {
          padding-left: 20px; }
          /* line 410, ../scss/style.scss */
          body #topPage #cntArea .cntInner .gamedata ul li {
            width: 294px;
            padding: 0 15px 0 0;
            display: inline-block;
            text-align: right; }
            /* line 416, ../scss/style.scss */
            body #topPage #cntArea .cntInner .gamedata ul li.kill {
              padding: 0; }
            /* line 420, ../scss/style.scss */
            body #topPage #cntArea .cntInner .gamedata ul li p {
              padding: 15px 20px 30px 0; }
              /* line 423, ../scss/style.scss */
              body #topPage #cntArea .cntInner .gamedata ul li p a {
                padding-left: 20px;
                background: url(../img/top/world_arrow_off.gif) 0 1px no-repeat;
                color: #000;
                font-size: 13px;
                text-decoration: underline; }
                /* line 430, ../scss/style.scss */
                body #topPage #cntArea .cntInner .gamedata ul li p a:hover {
                  background: url(../img/top/world_arrow_on.gif) 0 1px no-repeat;
                  color: #bc202b; }
        /* line 441, ../scss/style.scss */
        body #topPage #cntArea .cntInner .world {
          padding: 0 20px; }
          /* line 444, ../scss/style.scss */
          body #topPage #cntArea .cntInner .world ul {
            width: 921px; }
            /* line 447, ../scss/style.scss */
            body #topPage #cntArea .cntInner .world ul li {
              display: inline-block;
              margin-right: 14px;
              position: relative; }
              /* line 452, ../scss/style.scss */
              body #topPage #cntArea .cntInner .world ul li.kill {
                margin: 0; }
              /* line 454, ../scss/style.scss */
              body #topPage #cntArea .cntInner .world ul li p {
                position: absolute;
                bottom: 20px;
                right: 20px;
                font-size: 13px; }
                /* line 460, ../scss/style.scss */
                body #topPage #cntArea .cntInner .world ul li p a {
                  background: url(../img/top/world_arrow_off.gif) 0 1px no-repeat;
                  padding-left: 20px;
                  color: #000;
                  text-decoration: underline; }
                  /* line 466, ../scss/style.scss */
                  body #topPage #cntArea .cntInner .world ul li p a:hover {
                    background: url(../img/top/world_arrow_on.gif) 0 1px no-repeat;
                    color: #bc202b; }
        /* line 478, ../scss/style.scss */
        body #topPage #cntArea .cntInner .wallpaper .inner {
          min-height: 309px;
          padding: 0 0 0 80px;
          background: url(../img/top/wallpaper_img01.jpg) 518px 0 no-repeat; }
  /* line 489, ../scss/style.scss */
  body #media {
    background: #000;
    border-top: 2px groove #333;
    text-align: center; }
    /* line 494, ../scss/style.scss */
    body #media h2 {
      padding: 40px 0 14px; }
    /* line 498, ../scss/style.scss */
    body #media ul {
      width: 920px;
      margin: 0 auto;
      padding-bottom: 40px; }
      /* line 503, ../scss/style.scss */
      body #media ul li {
        display: inline-block;
        margin-right: 15px; }
        /* line 507, ../scss/style.scss */
        body #media ul li.kill {
          margin-right: 0; }
  /* line 515, ../scss/style.scss */
  body #footer {
    background: #000;
    border-top: 2px groove #333; }
    /* line 519, ../scss/style.scss */
    body #footer h2 {
      text-align: center;
      padding: 30px 0; }
    /* line 524, ../scss/style.scss */
    body #footer ul {
      width: 921px;
      margin: 0 auto; }
      /* line 528, ../scss/style.scss */
      body #footer ul li {
        width: 294px;
        margin-right: 14px;
        display: inline-block; }
        /* line 533, ../scss/style.scss */
        body #footer ul li.kill {
          margin: 0; }
        /* line 535, ../scss/style.scss */
        body #footer ul li h3 {
          padding: 20px 0 15px; }
        /* line 538, ../scss/style.scss */
        body #footer ul li p {
          color: #fff;
          line-height: 22px; }
    /* line 545, ../scss/style.scss */
    body #footer .startRO {
      text-align: center;
      padding: 40px 0; }
      /* line 549, ../scss/style.scss */
      body #footer .startRO p {
        padding-top: 20px; }
        /* line 552, ../scss/style.scss */
        body #footer .startRO p a {
          text-decoration: underline;
          color: #fff; }
          /* line 556, ../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 567, ../scss/style.scss */
    body #footer .line {
      text-align: center; }
    /* line 571, ../scss/style.scss */
    body #footer .f-sns {
      width: 654px;
      padding: 40px 0; }
      /* line 575, ../scss/style.scss */
      body #footer .f-sns li {
        margin-right: 55px; }
    /* line 580, ../scss/style.scss */
    body #footer .credit {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #5a5a5a;
      padding: 15px 0 80px; }
  /* line 590, ../scss/style.scss */
  body .reTop {
    position: fixed;
    bottom: 20px;
    right: 20px; }
  /* line 597, ../scss/style.scss */
  body .page {
    width: 100%;
    height: 90px;
    position: absolute;
    top: 35px;
    z-index: 99999; }
    /* line 604, ../scss/style.scss */
    body .page .snsWrap {
      top: 0; }
    /* line 605, ../scss/style.scss */
    body .page .snsBg {
      top: 0; }
    /* line 606, ../scss/style.scss */
    body .page #nav {
      top: 40px; }
    /* line 608, ../scss/style.scss */
    body .page #snsWrap {
      top: 0; }
  /* line 612, ../scss/style.scss */
  body .page-fixed {
    width: 100%;
    position: fixed !important;
    top: 0 !important; }

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

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

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

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

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