@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: #008086;
    text-align: center; }
  /* line 90, ../scss/style.scss */
  body h1 {
    background: url(../img/top/mainimage.jpg) no-repeat top center;
    height: 504px;
    text-indent: -9999px; }
  /* line 97, ../scss/style.scss */
  body #nav {
    width: 100%;
    height: 60px;
    background: url(../img/nav/nav_bg01.gif) repeat-x;
    position: absolute;
    z-index: 99999; }
    /* line 104, ../scss/style.scss */
    body #nav ul {
      width: 960px;
      margin: 0 auto; }
      /* line 108, ../scss/style.scss */
      body #nav ul li {
        width: 150px;
        display: table-cell;
        position: relative; }
        /* line 113, ../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 123, ../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 133, ../scss/style.scss */
            body #nav ul li .subMenu li.close {
              background: url(../img/nav/nav_arrow_up.png) 227px 5px no-repeat #838383; }
            /* line 136, ../scss/style.scss */
            body #nav ul li .subMenu li.open {
              background: url(../img/nav/nav_arrow_down.png) 227px 5px no-repeat #838383; }
            /* line 140, ../scss/style.scss */
            body #nav ul li .subMenu li a {
              color: #fff;
              text-decoration: none;
              display: block; }
          /* line 147, ../scss/style.scss */
          body #nav ul li .subMenu .subMenu2 {
            width: 250px;
            padding: 0;
            font-size: 13px;
            background: none; }
            /* line 153, ../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 161, ../scss/style.scss */
              body #nav ul li .subMenu .subMenu2 li a {
                color: #303030;
                font-weight: bold;
                display: block; }
        /* line 170, ../scss/style.scss */
        body #nav ul li .long {
          width: 308px; }
          /* line 173, ../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 181, ../scss/style.scss */
  body .fixed {
    width: 100%;
    position: fixed !important;
    top: -464px;
    z-index: 99996; }
  /* line 189, ../scss/style.scss */
  body #snsWrap {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 35px;
    z-index: 99999; }
    /* line 196, ../scss/style.scss */
    body #snsWrap #sns {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
      /* line 201, ../scss/style.scss */
      body #snsWrap #sns .snsInner {
        padding: 10px 0;
        float: right; }
        /* line 205, ../scss/style.scss */
        body #snsWrap #sns .snsInner li {
          float: left;
          width: 110px; }
  /* line 212, ../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 220, ../scss/style.scss */
    body .snsBg div {
      width: 960px;
      height: 40px;
      margin: 0 auto; }
  /* line 226, ../scss/style.scss */
  body .sns-fixed {
    position: fixed !important;
    top: 0 !important; }
  /* line 232, ../scss/style.scss */
  body #topPage {
    background: #e1e1e1;
    margin-top: 50px; }
    /* line 236, ../scss/style.scss */
    body #topPage #cntArea {
      width: 960px;
      margin: 0 auto;
      background: #fff; }
      /* line 242, ../scss/style.scss */
      body #topPage #cntArea .info {
        padding: 45px 20px 40px;
        background: url(../img/top/info_bg01.gif) repeat-y; }
        /* line 246, ../scss/style.scss */
        body #topPage #cntArea .info .news {
          width: 530px;
          float: left; }
          /* line 250, ../scss/style.scss */
          body #topPage #cntArea .info .news dl {
            width: 530px;
            min-height: 78px;
            padding: 20px 0;
            border-top: 1px solid #017d85;
            border-bottom: 1px solid #017d85;
            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: #017d85;
                text-decoration: underline; }
                /* line 273, ../scss/style.scss */
                body #topPage #cntArea .info .news dl dd a:hover {
                  color: #017d85;
                  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 {
        padding-bottom: 50px; }
        /* line 315, ../scss/style.scss */
        body #topPage #cntArea .cntInner h2 {
          padding: 35px 0 15px;
          text-align: center; }
        /* line 324, ../scss/style.scss */
        body #topPage #cntArea .cntInner .point .bx-wrapper {
          width: 802px;
          height: 232px;
          padding-bottom: 18px; }
          /* line 330, ../scss/style.scss */
          body #topPage #cntArea .cntInner .point .bx-wrapper .bx-controls-direction a {
            width: 29px;
            height: 42px;
            margin-top: -32px; }
            /* line 335, ../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 339, ../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 347, ../scss/style.scss */
        body #topPage #cntArea .cntInner .point #bx-pager {
          width: 600px;
          margin: 0 auto; }
          /* line 351, ../scss/style.scss */
          body #topPage #cntArea .cntInner .point #bx-pager img {
            margin-right: 15px; }
            /* line 354, ../scss/style.scss */
            body #topPage #cntArea .cntInner .point #bx-pager img.kill {
              margin: 0; }
        /* line 361, ../scss/style.scss */
        body #topPage #cntArea .cntInner .enjoy .inner {
          height: 1502px;
          background: url(../img/top/enjoy_img01.jpg) no-repeat;
          position: relative; }
          /* line 366, ../scss/style.scss */
          body #topPage #cntArea .cntInner .enjoy .inner div {
            position: absolute;
            top: 1402px;
            left: 721px; }
        /* line 376, ../scss/style.scss */
        body #topPage #cntArea .cntInner .attraction ul {
          width: 800px;
          margin: 0 auto; }
          /* line 380, ../scss/style.scss */
          body #topPage #cntArea .cntInner .attraction ul li {
            width: 185px;
            margin: 0 15px 0 0;
            display: inline-block;
            vertical-align: top; }
            /* line 386, ../scss/style.scss */
            body #topPage #cntArea .cntInner .attraction ul li div {
              margin-bottom: 10px; }
            /* line 390, ../scss/style.scss */
            body #topPage #cntArea .cntInner .attraction ul li p {
              font-size: 14px;
              line-height: 22px; }
            /* line 395, ../scss/style.scss */
            body #topPage #cntArea .cntInner .attraction ul li.kill {
              margin: 0; }
        /* line 404, ../scss/style.scss */
        body #topPage #cntArea .cntInner .start .inner {
          width: 800px;
          margin: 0 auto; }
        /* line 409, ../scss/style.scss */
        body #topPage #cntArea .cntInner .start p {
          width: 390px;
          margin-right: 10px;
          line-height: 25px; }
        /* line 418, ../scss/style.scss */
        body #topPage #cntArea .cntInner .howto .inner {
          width: 800px;
          margin: 0 auto; }
          /* line 422, ../scss/style.scss */
          body #topPage #cntArea .cntInner .howto .inner ul {
            margin-left: 20px; }
            /* line 425, ../scss/style.scss */
            body #topPage #cntArea .cntInner .howto .inner ul li {
              width: 185px;
              display: inline-block;
              vertical-align: top;
              margin-right: 15px; }
              /* line 431, ../scss/style.scss */
              body #topPage #cntArea .cntInner .howto .inner ul li p {
                padding-top: 8px;
                font-size: 14px;
                line-height: 22px; }
              /* line 437, ../scss/style.scss */
              body #topPage #cntArea .cntInner .howto .inner ul li.kill {
                margin-right: 0; }
        /* line 447, ../scss/style.scss */
        body #topPage #cntArea .cntInner .wallpaper .inner {
          min-height: 280px;
          padding: 0 0 0 550px;
          background: url(../img/top/wallpaper_img01.jpg) 80px 0 no-repeat; }
        /* line 456, ../scss/style.scss */
        body #topPage #cntArea .cntInner .precautions ul {
          width: 800px;
          margin: 0 auto;
          font-size: 12px;
          line-height: 20px; }
  /* line 468, ../scss/style.scss */
  body #media {
    background: #000;
    border-top: 2px groove #333;
    text-align: center; }
    /* line 473, ../scss/style.scss */
    body #media h2 {
      padding: 40px 0 14px; }
    /* line 477, ../scss/style.scss */
    body #media ul {
      width: 920px;
      margin: 0 auto;
      padding-bottom: 40px; }
      /* line 482, ../scss/style.scss */
      body #media ul li {
        display: inline-block;
        margin-right: 15px; }
        /* line 486, ../scss/style.scss */
        body #media ul li.kill {
          margin-right: 0; }
  /* line 494, ../scss/style.scss */
  body #footer {
    background: black url(../img/footer/footer_bg.gif) repeat-x; }
    /* line 497, ../scss/style.scss */
    body #footer h2 {
      text-align: center;
      padding: 30px 0; }
    /* line 502, ../scss/style.scss */
    body #footer ul {
      width: 921px;
      margin: 0 auto; }
      /* line 506, ../scss/style.scss */
      body #footer ul li {
        width: 294px;
        margin-right: 14px;
        display: inline-block;
        vertical-align: top; }
        /* line 512, ../scss/style.scss */
        body #footer ul li.kill {
          margin: 0; }
        /* line 514, ../scss/style.scss */
        body #footer ul li h3 {
          padding: 20px 0 15px; }
        /* line 517, ../scss/style.scss */
        body #footer ul li p {
          color: #fff;
          line-height: 22px; }
    /* line 524, ../scss/style.scss */
    body #footer .startRO {
      text-align: center;
      padding: 40px 0; }
      /* line 528, ../scss/style.scss */
      body #footer .startRO p {
        padding-top: 20px; }
        /* line 531, ../scss/style.scss */
        body #footer .startRO p a {
          text-decoration: underline;
          color: #fff; }
          /* line 535, ../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 546, ../scss/style.scss */
    body #footer .line {
      text-align: center; }
    /* line 550, ../scss/style.scss */
    body #footer .f-sns {
      width: 654px;
      padding: 40px 0; }
      /* line 554, ../scss/style.scss */
      body #footer .f-sns li {
        margin-right: 55px; }
    /* line 559, ../scss/style.scss */
    body #footer .credit {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #5a5a5a;
      padding: 15px 0 80px; }
  /* line 569, ../scss/style.scss */
  body .reTop {
    position: fixed;
    bottom: 20px;
    right: 20px; }
  /* line 576, ../scss/style.scss */
  body .page {
    width: 100%;
    height: 90px;
    position: absolute;
    top: 35px;
    z-index: 99999; }
    /* line 583, ../scss/style.scss */
    body .page .snsWrap {
      top: 0; }
    /* line 584, ../scss/style.scss */
    body .page .snsBg {
      top: 0; }
    /* line 585, ../scss/style.scss */
    body .page #nav {
      top: 40px; }
    /* line 587, ../scss/style.scss */
    body .page #snsWrap {
      top: 0; }
  /* line 591, ../scss/style.scss */
  body .page-fixed {
    width: 100%;
    position: fixed !important;
    top: 0 !important; }

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

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

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

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

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


body #topPage #cntArea .cntInner .reload{
	border-top:#d5d5d5 1px solid;
	padding:20px 0 0 0;
	margin:20px 40px;
}k