@charset "UTF-8";
/**
 * style.css
 *
 * 1.0 - Class/Elements
 * 2.0 - Header
 * 3.0 - Footer
 * 4.0 - Top
 *   4.1 - main
 *   4.2 - topPage(common)
 * 5.0 - lower-page
 * 8.0 - login
 * 9.0 - library
 * 10.0 - worldmap
 * 11.0 - faq
 * 12.0 - pickup-contents
 * 13.0 - update-history
 * ----------------------------------------------------------------------------
 */
/**
 * 2.0 Elements/Class
 * ----------------------------------------------------------------------------
 */
/* Class
----------------------------------*/
/* line 30, ../scss/style.scss */
.flL {
  float: left; }

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

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

/* line 40, ../scss/style.scss */
.alL {
  text-align: left; }

/* line 43, ../scss/style.scss */
.alR {
  text-align: right; }

/* line 46, ../scss/style.scss */
.alC {
  text-align: center; }

/* line 49, ../scss/style.scss */
.clearfix {
  zoom: 1;
  _height: 1%; }
  /* line 52, ../scss/style.scss */
  .clearfix:after {
    content: "";
    display: block;
    clear: both; }

/* line 59, ../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;
  -webkit-transition: all .15s;
  transition: all .15s; }
/* line 68, ../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;
  -webkit-transition: all .15s;
  transition: all .15s; }

/* line 78, ../scss/style.scss */
.mb10 {
  margin-bottom: 10px; }

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

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

/* line 87, ../scss/style.scss */
.mb30 {
  margin-bottom: 30px; }

/* line 90, ../scss/style.scss */
.mb35 {
  margin-bottom: 35px; }

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

/* line 96, ../scss/style.scss */
.mb60 {
  margin-bottom: 60px; }

/* line 99, ../scss/style.scss */
.mb50 {
  margin-bottom: 50px; }

/* line 103, ../scss/style.scss */
.mr7 {
  margin-right: 7px !important; }

/* line 106, ../scss/style.scss */
.mr8 {
  margin-right: 8px !important; }

/* line 109, ../scss/style.scss */
.mr51 {
  margin-right: 51px !important; }

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

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

/* line 122, ../scss/style.scss */
h3 {
  margin-bottom: 30px;
  text-align: center; }

/* line 127, ../scss/style.scss */
.reTop {
  position: fixed;
  bottom: 20px;
  right: 20px; }

/* line 132, ../scss/style.scss */
.page {
  width: 100%;
  height: 90px;
  position: absolute;
  top: 35px;
  z-index: 9998; }
  /* line 138, ../scss/style.scss */
  .page .snsWrap, .page .snsBg {
    top: 0; }
  /* line 141, ../scss/style.scss */
  .page #nav {
    top: 40px; }
  /* line 144, ../scss/style.scss */
  .page #snsWrap {
    top: 0; }

/* line 148, ../scss/style.scss */
.hatena-bookmark-bookmark-panel {
  z-index: 9999; }

/* line 151, ../scss/style.scss */
.page-fixed {
  width: 100%;
  position: fixed !important;
  top: 0 !important; }

/* line 156, ../scss/style.scss */
.breadcrumbWrap {
  width: 100%;
  background-color: #f0e9e8; }
  /* line 159, ../scss/style.scss */
  .breadcrumbWrap #breadcrumbs {
    margin: 0 auto;
    width: 960px;
    height: 30px;
    font-size: 0;
    line-height: 30px; }
    /* line 165, ../scss/style.scss */
    .breadcrumbWrap #breadcrumbs li {
      display: inline-block;
      color: #ae3e48;
      font-size: 14px; }
      /* line 169, ../scss/style.scss */
      .breadcrumbWrap #breadcrumbs li a {
        color: #000;
        text-decoration: none; }
        /* line 172, ../scss/style.scss */
        .breadcrumbWrap #breadcrumbs li a:hover {
          filter: alpha(opacity=70);
          opacity: 0.7;
          -ms-filter: "alpha(opacity=70)";
          -khtml-opacity: 0.7;
          -moz-opacity: 0.7; }

/* Elements
----------------------------------*/
/* line 186, ../scss/style.scss */
body {
  width: 100%;
  min-width: 1000px;
  font-size: 16px;
  line-height: 30px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/**
 * 2.0 Header
 * ----------------------------------------------------------------------------
 */
/* line 204, ../scss/style.scss */
body #gungho {
  width: 100%;
  height: 31px;
  background: #fff;
  border-bottom: 4px solid #ccc; }
  /* line 209, ../scss/style.scss */
  body #gungho .inner {
    width: 1000px;
    height: 31px;
    margin: 0 auto;
    position: relative; }
    /* line 214, ../scss/style.scss */
    body #gungho .inner #ragnarok {
      position: absolute;
      top: 0;
      left: 0; }
    /* line 219, ../scss/style.scss */
    body #gungho .inner #roInfo {
      position: absolute;
      overflow: hidden;
      top: 0;
      right: 0;
      font-size: 12px;
      line-height: 31px; }
      /* line 226, ../scss/style.scss */
      body #gungho .inner #roInfo li {
        float: left;
        margin-right: 15px; }
        /* line 229, ../scss/style.scss */
        body #gungho .inner #roInfo li a {
          color: #555; }
/* line 236, ../scss/style.scss */
body #nav {
  width: 100%;
  height: 50px;
  background: url(../img/common/nav_bg.gif) repeat-x;
  position: absolute;
  z-index: 9998; }
  /* line 243, ../scss/style.scss */
  body #nav .mainMenu {
    margin: 0 auto;
    width: 962px;
    text-align: center;
    font-size: 0;
    overflow: hidden; }
    /* line 249, ../scss/style.scss */
    body #nav .mainMenu li {
      height: 50px;
      position: relative;
      float: left; }
      /* line 253, ../scss/style.scss */
      body #nav .mainMenu li a {
        background-repeat: no-repeat;
        background-size: 100%;
        display: block; }
        /* line 259, ../scss/style.scss */
        body #nav .mainMenu li a img:hover {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          opacity: 0;
          -webkit-transition: 0.15s;
          -moz-transition: 0.15s;
          -ms-transition: 0.15s;
          transition: 0.15s; }
      /* line 266, ../scss/style.scss */
      body #nav .mainMenu li ul.subMenu {
        width: 250px;
        padding: 0;
        position: absolute;
        top: 50px;
        left: 0;
        font-family: "メイリオ", Meiryo;
        color: #fff;
        background: none; }
        /* line 275, ../scss/style.scss */
        body #nav .mainMenu li ul.subMenu li {
          width: 238px;
          height: 20px;
          padding: 8px 0 0 12px;
          background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #888;
          border-top: 1px solid #b7b7b7;
          border-bottom: 1px solid #000;
          display: block;
          font-size: 13px;
          line-height: 14px;
          text-align: left;
          cursor: pointer; }
          /* line 288, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li:hover {
            background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #999; }
          /* line 292, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li.close {
            background: url(../img/common/nav_arrow_down.png) 227px 3px no-repeat #888; }
          /* line 295, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li.open {
            background: url(../img/common/nav_arrow_up.png) 227px 3px no-repeat #888; }
          /* line 298, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu li a {
            width: 238px;
            height: 21px;
            margin: -9px 0 0 -12px;
            padding: 9px 0 0 12px;
            color: #fff;
            text-decoration: none;
            display: block; }
        /* line 308, ../scss/style.scss */
        body #nav .mainMenu li ul.subMenu .subMenu2 {
          width: 250px;
          padding: 0;
          font-size: 12px;
          background: none; }
          /* line 313, ../scss/style.scss */
          body #nav .mainMenu li ul.subMenu .subMenu2 li {
            display: block;
            width: auto;
            height: auto;
            padding: 0;
            border-top: 1px solid #e3e1e1;
            border-bottom: 1px solid #888;
            font-size: 12px; }
            /* line 321, ../scss/style.scss */
            body #nav .mainMenu li ul.subMenu .subMenu2 li a {
              width: 228px;
              height: auto;
              margin: 0;
              padding: 8px 0 8px 22px;
              background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #c1c1c1;
              color: #303030;
              display: block; }
              /* line 330, ../scss/style.scss */
              body #nav .mainMenu li ul.subMenu .subMenu2 li a:hover {
                background: url(../img/common/nav_arrow_right1.png) 227px 5px no-repeat #d1d1d1; }
      /* line 338, ../scss/style.scss */
      body #nav .mainMenu li .long {
        width: 308px; }
        /* line 340, ../scss/style.scss */
        body #nav .mainMenu li .long li {
          width: 288px;
          background: url(../img/common/nav_arrow_right1.png) 277px 5px no-repeat #838383; }
/* line 348, ../scss/style.scss */
body .fixed {
  width: 100%;
  position: fixed !important;
  z-index: 9996; }
/* line 353, ../scss/style.scss */
body #snsWrap {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 35px;
  z-index: 9998; }
  /* line 359, ../scss/style.scss */
  body #snsWrap #sns {
    overflow: hidden;
    width: 960px;
    height: 40px;
    margin: 0 auto; }
    /* line 364, ../scss/style.scss */
    body #snsWrap #sns .snsInner {
      padding: 10px 0;
      float: right; }
      /* line 367, ../scss/style.scss */
      body #snsWrap #sns .snsInner li {
        float: left;
        width: 110px; }
/* line 374, ../scss/style.scss */
body .snsBg {
  width: 100%;
  height: 40px;
  background: url(../img/common/sns_Bg.png) repeat;
  border-bottom: 1px solid #c9bea5;
  position: absolute;
  top: 35px;
  z-index: 9997; }
  /* line 382, ../scss/style.scss */
  body .snsBg div {
    width: 960px;
    height: 40px;
    margin: 0 auto; }
/* line 388, ../scss/style.scss */
body .sns-fixed {
  position: fixed !important;
  top: 0 !important; }

/**
 * 3.0 Footer
 * ----------------------------------------------------------------------------
 */
/* line 404, ../scss/style.scss */
body #footer {
  padding-top: 30px;
  background: #000;
  border-top: 2px solid #c9bea5; }
  /* line 408, ../scss/style.scss */
  body #footer h2 {
    text-align: center;
    padding: 15px 0; }
  /* line 412, ../scss/style.scss */
  body #footer ul {
    width: 940px;
    margin: 30px auto 0;
    font-size: 0; }
    /* line 416, ../scss/style.scss */
    body #footer ul li {
      width: 306px;
      margin-left: 11px;
      display: inline-block;
      vertical-align: top; }
      /* line 421, ../scss/style.scss */
      body #footer ul li:first-child {
        margin-left: 0; }
        /* line 423, ../scss/style.scss */
        body #footer ul li:first-child .thumb img {
          width: auto;
          height: auto; }
      /* line 428, ../scss/style.scss */
      body #footer ul li .thumb {
        width: 306px;
        height: 320px;
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
        /* line 434, ../scss/style.scss */
        body #footer ul li .thumb img {
          width: 100%;
          height: auto; }
      /* line 439, ../scss/style.scss */
      body #footer ul li h3 {
        margin-left: -12px; }
      /* line 442, ../scss/style.scss */
      body #footer ul li p {
        color: #fff;
        font-size: 14px;
        line-height: 22px; }
  /* line 449, ../scss/style.scss */
  body #footer .startRO {
    text-align: center;
    padding: 40px 0; }
    /* line 452, ../scss/style.scss */
    body #footer .startRO p {
      padding-top: 10px;
      font-size: 14px; }
      /* line 455, ../scss/style.scss */
      body #footer .startRO p a {
        text-decoration: underline;
        color: #fff; }
        /* line 458, ../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 468, ../scss/style.scss */
  body #footer .line {
    text-align: center; }
  /* line 471, ../scss/style.scss */
  body #footer .f-sns {
    margin: 0 auto;
    padding: 35px 0;
    width: 655px;
    font-size: 0; }
    /* line 476, ../scss/style.scss */
    body #footer .f-sns li {
      display: inline-block;
      margin-left: 55px;
      width: 300px; }
      /* line 480, ../scss/style.scss */
      body #footer .f-sns li:first-child {
        margin-left: 0; }
  /* line 485, ../scss/style.scss */
  body #footer .credit {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #5a5a5a;
    padding: 15px 0 80px; }

/**
 * 4.0 Top
 * ----------------------------------------------------------------------------
 */
 /* 4.1 main
----------------------------------*/
/* line 507, ../scss/style.scss */
body #mainIMG {
  background: #00bab8;
  text-align: center;
  position: relative;
  /* slider */
  /* slider */ }
  /* line 513, ../scss/style.scss */
  body #mainIMG .top_slider {
    width: 384px;
    position: absolute;
    top: 171px;
    left: 50%;
    margin-left: -192px; }
  /* line 520, ../scss/style.scss */
  body #mainIMG #slider1prev {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 279px;
    left: 50%;
    margin-left: -185px;
    z-index: 1000; }
    /* line 530, ../scss/style.scss */
    body #mainIMG #slider1prev a {
      width: 40px;
      height: 40px;
      background: url(../img/top/slider_arrowL.png) no-repeat 0 0;
      display: block;
      position: relative;
      text-indent: -9999px; }
  /* line 539, ../scss/style.scss */
  body #mainIMG #slider1next {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 279px;
    left: 50%;
    margin-left: 145px;
    z-index: 1000; }
    /* line 549, ../scss/style.scss */
    body #mainIMG #slider1next a {
      width: 40px;
      height: 40px;
      background: url(../img/top/slider_arrowR.png) no-repeat 0 0;
      display: block;
      position: relative;
      text-indent: -9999px; }
  /* line 558, ../scss/style.scss */
  body #mainIMG .slider-frame {
    width: 430px;
    height: 290px;
    background: url(../img/top/slider_frame.png) no-repeat 0 0;
    position: absolute;
    top: 154px;
    left: 50%;
    margin-left: -215px; }
  /* line 569, ../scss/style.scss */
  body #mainIMG .topBtn01 {
    width: 960px;
    position: absolute;
    top: 464px;
    left: 50%;
    margin-left: -480px; }
    /* line 576, ../scss/style.scss */
    body #mainIMG .topBtn01 ul {
      width: 960px;
      margin-bottom: 15px;
      overflow: hidden; }
      /* line 581, ../scss/style.scss */
      body #mainIMG .topBtn01 ul li {
        margin-left: 10px;
        float: left; }
        /* line 585, ../scss/style.scss */
        body #mainIMG .topBtn01 ul li:first-child {
          margin-left: 0; }
        /* line 589, ../scss/style.scss */
        body #mainIMG .topBtn01 ul li:nth-child(2) {
          margin-left: 30px; }
/* line 596, ../scss/style.scss */
body h1 {
  background: url("../img/top/mainIMG.jpg") no-repeat top center;
  height: 554px;
  text-indent: -9999px; }

/* line 603, ../scss/style.scss */
.sns_logo {
  float: left;
  margin-right: 25px; }

/* bgm */
/* line 609, ../scss/style.scss */
#bgm {
  padding: 10px 0;
  overflow: hidden;
  float: left; }
  /* line 614, ../scss/style.scss */
  #bgm ul {
    overflow: hidden;
    float: right;
    padding: 0 0 0 45px;
    background-image: url(../img/common/bgm_imgTtl.png);
    background-repeat: no-repeat;
    background-position: left center; }
    /* line 622, ../scss/style.scss */
    #bgm ul li {
      float: left;
      margin-right: 8px; }
      /* line 626, ../scss/style.scss */
      #bgm ul li a {
        display: block;
        width: 20px;
        height: 20px; }
        /* line 631, ../scss/style.scss */
        #bgm ul li a.on {
          background-position: 0px 20px; }
        /* line 635, ../scss/style.scss */
        #bgm ul li a:hover {
          -webkit-opacity: 0.7;
          -moz-opacity: 0.7;
          -ms-opacity: 0.7;
          opacity: 0.7; }
      /* line 641, ../scss/style.scss */
      #bgm ul li#bgm_btn1 a {
        background-image: url(../img/common/bgm_img01.png); }
      /* line 642, ../scss/style.scss */
      #bgm ul li#bgm_btn2 a {
        background-image: url(../img/common/bgm_img02.png); }
      /* line 643, ../scss/style.scss */
      #bgm ul li#bgm_btn3 a {
        background-image: url(../img/common/bgm_img03.png); }
      /* line 644, ../scss/style.scss */
      #bgm ul li#bgm_btn4 a {
        background-image: url(../img/common/bgm_img04.png); }
      /* line 645, ../scss/style.scss */
      #bgm ul li#bgm_btn5 a {
        background-image: url(../img/common/bgm_img05.png); }
      /* line 646, ../scss/style.scss */
      #bgm ul li#bgm_btn6 a {
        background-image: url(../img/common/bgm_imgOff.png);
        width: 32px; }

 /* 4.2 topPage(common)
----------------------------------*/
/* line 657, ../scss/style.scss */
body #topPage .topTxt01 {
  padding: 40px 0;
  text-align: center; }
/* line 662, ../scss/style.scss */
body #topPage .cnt-nav {
  padding: 50px 0 20px;
  background: #e3e3e3; }
  /* line 666, ../scss/style.scss */
  body #topPage .cnt-nav ul {
    width: 960px;
    margin: 0 auto;
    overflow: hidden; }
    /* line 671, ../scss/style.scss */
    body #topPage .cnt-nav ul li {
      margin-right: 40px;
      margin-bottom: 15px;
      float: left; }
      /* line 676, ../scss/style.scss */
      body #topPage .cnt-nav ul li:nth-child(2n) {
        margin-right: 0; }
/* line 683, ../scss/style.scss */
body #topPage .pickup_wrap {
  background: #dafbff;
  padding: 50px 0 1px; }
/* line 688, ../scss/style.scss */
body #topPage .info {
  padding: 50px 0 26px;
  background: #fbf4e2; }
  /* line 692, ../scss/style.scss */
  body #topPage .info ul {
    width: 840px;
    margin: 0 auto;
    overflow: hidden; }
    /* line 697, ../scss/style.scss */
    body #topPage .info ul li {
      margin-right: 32px;
      margin-bottom: 24px;
      float: left; }
      /* line 702, ../scss/style.scss */
      body #topPage .info ul li.last {
        margin-right: 0; }

/**
 * 5.0 lower-page
 * ----------------------------------------------------------------------------
 */
/* line 719, ../scss/style.scss */
body.lower-page {
  background: url(../img/common/cnt_bg01.gif) repeat; }
  /* line 722, ../scss/style.scss */
  body.lower-page .snsBg {
    background: #91d4d3; }
  /* line 726, ../scss/style.scss */
  body.lower-page .top-fixed {
    margin-top: 40px; }
  /* line 730, ../scss/style.scss */
  body.lower-page #topPage {
    margin-top: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 26px; }
    /* line 738, ../scss/style.scss */
    body.lower-page #topPage .bg01 {
      background: #e5ffff; }
    /* line 741, ../scss/style.scss */
    body.lower-page #topPage .bg02 {
      background: #ffffe8; }

/**
 * 8.0 login
 * ----------------------------------------------------------------------------
 */
/* line 764, ../scss/style.scss */
.login #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/login/mainIMG.jpg) no-repeat center #00bab8; }
/* line 774, ../scss/style.scss */
.login #topPage .box {
  width: 720px;
  margin: 0 auto;
  padding: 50px 240px 50px 0; }
  /* line 781, ../scss/style.scss */
  .login #topPage .box h3 + div {
    position: relative; }
    /* line 784, ../scss/style.scss */
    .login #topPage .box h3 + div .p1 {
      position: absolute;
      top: 328px;
      left: 421px; }
    /* line 789, ../scss/style.scss */
    .login #topPage .box h3 + div .p2 {
      position: absolute;
      top: 398px;
      left: 421px; }
    /* line 794, ../scss/style.scss */
    .login #topPage .box h3 + div .p3 {
      position: absolute;
      top: 350px;
      left: 441px; }
    /* line 799, ../scss/style.scss */
    .login #topPage .box h3 + div .p4 {
      position: absolute;
      top: 710px;
      left: 416px; }
  /* line 807, ../scss/style.scss */
  .login #topPage .box h4 {
    margin-bottom: 30px; }
  /* line 811, ../scss/style.scss */
  .login #topPage .box .qaBox1 {
    width: 680px;
    margin: 0 auto 30px;
    border-bottom: 2px dotted #b48c5c; }
    /* line 816, ../scss/style.scss */
    .login #topPage .box .qaBox1.last {
      margin-bottom: -30px;
      border: none; }
    /* line 821, ../scss/style.scss */
    .login #topPage .box .qaBox1 img {
      margin-bottom: 30px; }

/* line 829, ../scss/style.scss */
#login-nav {
  margin-right: -480px;
  padding: 18px;
  background: #fffdf4;
  border: 2px solid #dcd29b;
  border-radius: 3px;
  position: absolute;
  top: 350px;
  right: 50%; }
  /* line 839, ../scss/style.scss */
  #login-nav li {
    padding-bottom: 23px;
    margin-bottom: 7px;
    background: url(../img/login/side_arrow01.gif) no-repeat center bottom; }
    /* line 844, ../scss/style.scss */
    #login-nav li img {
      cursor: pointer; }
    /* line 848, ../scss/style.scss */
    #login-nav li.sec5 {
      padding-bottom: 0;
      margin-bottom: 0;
      background: none; }

/* line 855, ../scss/style.scss */
.login-fixed {
  position: fixed !important;
  top: 140px !important; }

/**
 * 9.0 library
 * ----------------------------------------------------------------------------
 */
/* line 876, ../scss/style.scss */
.library #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/library/mainIMG.jpg) no-repeat center #00bab8; }
/* line 884, ../scss/style.scss */
.library #topPage .section {
  padding: 50px 0; }
/* line 888, ../scss/style.scss */
.library #topPage .box {
  width: 580px;
  margin: 0 auto;
  padding: 0 360px 0 20px;
  color: #000; }
  /* line 894, ../scss/style.scss */
  .library #topPage .box ul {
    overflow: hidden;
    line-height: 0; }
    /* line 898, ../scss/style.scss */
    .library #topPage .box ul li {
      float: left;
      line-height: 0; }
      /* line 902, ../scss/style.scss */
      .library #topPage .box ul li:first-child {
        margin-right: 10px; }
  /* line 908, ../scss/style.scss */
  .library #topPage .box p {
    padding: 25px 0;
    line-height: 25px; }
    /* line 912, ../scss/style.scss */
    .library #topPage .box p.kome {
      padding: 0;
      font-size: 12px; }
  /* line 919, ../scss/style.scss */
  .library #topPage .box > div a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    opacity: 0.7; }
  /* line 924, ../scss/style.scss */
  .library #topPage .box.cnt1 {
    background: url(../img/library/cnt1_img01.gif) 640px 0 no-repeat; }
  /* line 927, ../scss/style.scss */
  .library #topPage .box.cnt2 {
    background: url(../img/library/cnt2_img01.gif) 640px 0 no-repeat;
    min-height: 360px; }
  /* line 931, ../scss/style.scss */
  .library #topPage .box.cnt3 {
    background: url(../img/library/cnt3_img01.gif) 640px 0 no-repeat;
    min-height: 440px; }

/**
 * 10.0 worldmap
 * ----------------------------------------------------------------------------
 */
/* line 955, ../scss/style.scss */
.worldmap #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/worldmap/mainIMG.jpg) no-repeat center #00bab8; }
/* line 963, ../scss/style.scss */
.worldmap #topPage .section {
  padding: 50px 0; }
/* line 967, ../scss/style.scss */
.worldmap #topPage .box {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  color: #000;
  overflow: hidden; }
  /* line 975, ../scss/style.scss */
  .worldmap #topPage .box > div a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    opacity: 0.7; }
  /* line 980, ../scss/style.scss */
  .worldmap #topPage .box .map-area {
    width: auto;
    padding: 0 20px 0 0;
    float: left; }
    /* line 985, ../scss/style.scss */
    .worldmap #topPage .box .map-area h4 {
      width: 670px;
      height: 50px;
      padding-left: 50px;
      background: url(../img/worldmap/h4_bg01.gif) no-repeat;
      color: #fff;
      font-size: 18px;
      line-height: 2.8em;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      transition: 0.2s; }
      /* line 995, ../scss/style.scss */
      .worldmap #topPage .box .map-area h4.alpha {
        color: #3C3C3C;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -ms-transition: 0s;
        transition: 0s; }
    /* line 1001, ../scss/style.scss */
    .worldmap #topPage .box .map-area .icon_star {
      -webkit-animation: spin 1.8s linear infinite;
      -moz-animation: spin 1.8s linear infinite;
      -ms-animation: spin 1.8s linear infinite;
      -o-animation: spin 1.8s linear infinite;
      animation: spin 1.8s linear infinite; }
  /* line 1011, ../scss/style.scss */
  .worldmap #topPage .box .world-list {
    width: 220px;
    float: left; }
    /* line 1015, ../scss/style.scss */
    .worldmap #topPage .box .world-list .tab-btn {
      overflow: hidden; }
      /* line 1018, ../scss/style.scss */
      .worldmap #topPage .box .world-list .tab-btn li {
        width: 70px;
        height: 50px;
        margin-left: 5px;
        display: block;
        float: left;
        cursor: pointer; }
        /* line 1026, ../scss/style.scss */
        .worldmap #topPage .box .world-list .tab-btn li:first-child {
          margin-left: 0; }
    /* line 1032, ../scss/style.scss */
    .worldmap #topPage .box .world-list .tab-list {
      width: 200px;
      padding: 0 8px;
      background: #fff;
      float: left;
      position: relative;
      overflow: hidden; }
      /* line 1040, ../scss/style.scss */
      .worldmap #topPage .box .world-list .tab-list.field {
        border: 2px solid #ee7502; }
        /* line 1043, ../scss/style.scss */
        .worldmap #topPage .box .world-list .tab-list.field li:hover {
          background: url(../img/worldmap/tab-list_arrow02.gif) left 15px no-repeat;
          color: #ee7502; }
      /* line 1048, ../scss/style.scss */
      .worldmap #topPage .box .world-list .tab-list.city {
        border: 2px solid #06b96b; }
        /* line 1051, ../scss/style.scss */
        .worldmap #topPage .box .world-list .tab-list.city li:hover {
          background: url(../img/worldmap/tab-list_arrow03.gif) left 15px no-repeat;
          color: #06b96b; }
      /* line 1056, ../scss/style.scss */
      .worldmap #topPage .box .world-list .tab-list.dungeon {
        border: 2px solid #0673b9; }
        /* line 1059, ../scss/style.scss */
        .worldmap #topPage .box .world-list .tab-list.dungeon li:hover {
          background: url(../img/worldmap/tab-list_arrow04.gif) left 15px no-repeat;
          color: #0673b9; }
      /* line 1065, ../scss/style.scss */
      .worldmap #topPage .box .world-list .tab-list li {
        padding: 14px 0 14px 20px;
        border-top: 2px dashed #bebebe;
        background: url(../img/worldmap/tab-list_arrow01.gif) left 15px no-repeat;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        cursor: pointer; }
        /* line 1074, ../scss/style.scss */
        .worldmap #topPage .box .world-list .tab-list li:first-child {
          border-top: none; }
    /* line 1080, ../scss/style.scss */
    .worldmap #topPage .box .world-list.l1 {
      height: 740px; }
      /* line 1083, ../scss/style.scss */
      .worldmap #topPage .box .world-list.l1 .tab-list {
        height: 736px; }
    /* line 1088, ../scss/style.scss */
    .worldmap #topPage .box .world-list.l2 {
      height: 550px; }
      /* line 1091, ../scss/style.scss */
      .worldmap #topPage .box .world-list.l2 .tab-list {
        height: 546px; }

/**
 * 11.0 faq
 * ----------------------------------------------------------------------------
 */
/* line 1116, ../scss/style.scss */
.faq #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/faq/mainIMG.jpg) no-repeat center #00bab8; }
/* line 1125, ../scss/style.scss */
.faq #topPage .box {
  width: 720px;
  margin: 0 auto;
  padding: 50px 240px 50px 0; }
  /* line 1130, ../scss/style.scss */
  .faq #topPage .box .inrBox {
    margin: 0 20px 30px;
    padding: 28px;
    border: #906e1c 2px solid;
    background: #fff;
    overflow: hidden;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.08em; }
    /* line 1141, ../scss/style.scss */
    .faq #topPage .box .inrBox div:first-child {
      width: 430px;
      margin-right: 30px; }
      /* line 1145, ../scss/style.scss */
      .faq #topPage .box .inrBox div:first-child p.question {
        margin-bottom: 28px;
        padding: 0 0 35px 70px;
        background: url(../img/faq/icon_q.gif) no-repeat;
        border-bottom: #b48c5c 2px dotted;
        font-size: 16px; }
      /* line 1152, ../scss/style.scss */
      .faq #topPage .box .inrBox div:first-child p.answer {
        padding: 0 0 5px 70px;
        background: url(../img/faq/icon_a.gif) no-repeat;
        font-size: 14px; }
  /* line 1160, ../scss/style.scss */
  .faq #topPage .box h4 {
    margin-bottom: 30px; }
  /* line 1164, ../scss/style.scss */
  .faq #topPage .box .qaBox1 {
    width: 680px;
    margin: 0 auto 30px;
    border-bottom: 2px dotted #b48c5c; }
    /* line 1169, ../scss/style.scss */
    .faq #topPage .box .qaBox1.last {
      margin-bottom: -30px;
      border: none; }
    /* line 1174, ../scss/style.scss */
    .faq #topPage .box .qaBox1 img {
      margin-bottom: 30px; }
/* line 1181, ../scss/style.scss */
.faq #login-nav {
  margin-right: -480px;
  padding: 18px;
  background: #fffdf4;
  border: 2px solid #dcd29b;
  border-radius: 3px;
  position: absolute;
  top: 350px;
  right: 50%; }
  /* line 1191, ../scss/style.scss */
  .faq #login-nav li {
    padding-bottom: 0;
    margin-bottom: 10px;
    background: none;
    line-height: 0; }
    /* line 1197, ../scss/style.scss */
    .faq #login-nav li.sec4 {
      margin-bottom: 0; }
/* line 1202, ../scss/style.scss */
.faq .login-fixed {
  position: fixed !important;
  top: 140px !important; }

/**
 * 12.0 pickup-contents
 * ----------------------------------------------------------------------------
 */
/* line 1221, ../scss/style.scss */
.pickup-contents #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/pickup-contents/mainIMG.jpg) no-repeat center #00bab8; }
/* line 1229, ../scss/style.scss */
.pickup-contents #topPage .section {
  padding: 50px 0; }
/* line 1233, ../scss/style.scss */
.pickup-contents #topPage .box {
  width: 960px;
  margin: 0 auto; }
  /* line 1237, ../scss/style.scss */
  .pickup-contents #topPage .box .ancList {
    width: 960px;
    min-height: 920px;
    padding: 35px 30px 21px 64px;
    background: url(../img/pickup-contents/cnt1_img02.png) no-repeat 1px top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 1244, ../scss/style.scss */
    .pickup-contents #topPage .box .ancList li {
      margin-bottom: 5px;
      line-height: 0; }
  /* line 1250, ../scss/style.scss */
  .pickup-contents #topPage .box .cnt_box {
    width: 920px;
    margin: 0 auto;
    padding: 30px;
    border: 2px solid #906e1c;
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 1259, ../scss/style.scss */
    .pickup-contents #topPage .box .cnt_box .point {
      padding-bottom: 20px;
      color: #b8263e;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5em; }
    /* line 1267, ../scss/style.scss */
    .pickup-contents #topPage .box .cnt_box .inr {
      min-height: 150px;
      padding-left: 250px;
      padding-bottom: 20px; }
      /* line 1272, ../scss/style.scss */
      .pickup-contents #topPage .box .cnt_box .inr h4 {
        padding-right: 120px;
        padding-bottom: 20px;
        border-bottom: 2px dotted #b48c5c;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 1282, ../scss/style.scss */
        .pickup-contents #topPage .box .cnt_box .inr h4 span {
          height: 30px;
          margin-right: 20px;
          padding: 0 10px;
          border: 1px solid #b8263e;
          display: inline-block;
          color: #b8263e;
          font-size: 14px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
        /* line 1293, ../scss/style.scss */
        .pickup-contents #topPage .box .cnt_box .inr h4 .icon {
          border-spacing: 5px 0;
          position: absolute;
          top: 0;
          right: -5px; }
          /* line 1299, ../scss/style.scss */
          .pickup-contents #topPage .box .cnt_box .inr h4 .icon li {
            display: table-cell; }
      /* line 1305, ../scss/style.scss */
      .pickup-contents #topPage .box .cnt_box .inr .txt {
        padding-top: 15px;
        line-height: 25px; }
    /* line 1311, ../scss/style.scss */
    .pickup-contents #topPage .box .cnt_box table {
      width: 100%;
      border: 1px solid #ff4a03;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 1316, ../scss/style.scss */
      .pickup-contents #topPage .box .cnt_box table th {
        width: 220px;
        padding: 10px 0;
        background: #fff0c2;
        border: 1px solid #ff4a03;
        color: #ff4a03;
        font-weight: bold; }
      /* line 1325, ../scss/style.scss */
      .pickup-contents #topPage .box .cnt_box table td {
        padding: 0 30px;
        border: 1px solid #ff4a03; }
    /* line 1331, ../scss/style.scss */
    .pickup-contents #topPage .box .cnt_box table * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    /* line 1335, ../scss/style.scss */
    .pickup-contents #topPage .box .cnt_box .link {
      padding-top: 20px;
      text-align: center; }
/* line 1354, ../scss/style.scss */
.pickup-contents #anc01, .pickup-contents #anc02, .pickup-contents #anc03, .pickup-contents #anc04, .pickup-contents #anc05, .pickup-contents #anc06, .pickup-contents #anc07, .pickup-contents #anc08, .pickup-contents #anc09, .pickup-contents #anc10, .pickup-contents #anc11, .pickup-contents #anc12, .pickup-contents #anc13, .pickup-contents #anc14, .pickup-contents #anc15, .pickup-contents #anc16, .pickup-contents #anc17, .pickup-contents #anc18, .pickup-contents #anc19, .pickup-contents #anc20, .pickup-contents #anc21, .pickup-contents #anc22, .pickup-contents #anc23, .pickup-contents #anc24, .pickup-contents #anc25, .pickup-contents #anc26, .pickup-contents #anc27, .pickup-contents #anc28, .pickup-contents #anc29, .pickup-contents #anc30, .pickup-contents #anc31, .pickup-contents #anc32, .pickup-contents #anc33, .pickup-contents #anc34, .pickup-contents #anc35, .pickup-contents #anc36 {
  margin-top: -90px;
  padding-top: 120px; }
/* line 1359, ../scss/style.scss */
.pickup-contents #anc01 {
  margin-top: -120px; }
/* line 1363, ../scss/style.scss */
.pickup-contents #anc025 {
  margin-top: 30px; }
/* line 1367, ../scss/style.scss */
.pickup-contents #anc305 {
  margin-top: 30px; }

/**
 * 13.0 update-history
 * ----------------------------------------------------------------------------
 */
/* line 1385, ../scss/style.scss */
.update-history #mainIMG h1 {
  height: 175px;
  margin: 41px 0 0;
  background: url(../img/update-history/mainIMG.jpg) no-repeat center #00bab8; }
/* line 1393, ../scss/style.scss */
.update-history #topPage .section {
  padding: 50px 0; }
  /* line 1396, ../scss/style.scss */
  .update-history #topPage .section .disNone {
    display: none !important; }
/* line 1401, ../scss/style.scss */
.update-history #topPage .box {
  width: 960px;
  margin: 0 auto; }
/* line 1406, ../scss/style.scss */
.update-history #topPage .cnt1 {
  width: 920px; }
  /* line 1410, ../scss/style.scss */
  .update-history #topPage .cnt1 #filterArea table {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 1416, ../scss/style.scss */
    .update-history #topPage .cnt1 #filterArea table tr th {
      width: 200px;
      border: 1px solid #ff4a03;
      background: #fff0c2;
      color: #ff4a03;
      font-size: 18px; }
    /* line 1424, ../scss/style.scss */
    .update-history #topPage .cnt1 #filterArea table tr td {
      padding: 6px;
      border: 1px solid #ff4a03;
      background: #fff;
      color: #000; }
      /* line 1430, ../scss/style.scss */
      .update-history #topPage .cnt1 #filterArea table tr td label {
        margin: 3px 35.5px 3px 10px;
        cursor: pointer; }
        /* line 1434, ../scss/style.scss */
        .update-history #topPage .cnt1 #filterArea table tr td label input {
          cursor: pointer; }
    /* line 1442, ../scss/style.scss */
    .update-history #topPage .cnt1 #filterArea table tr:first-child td label {
      margin: 3px 55px 3px 10px; }
  /* line 1450, ../scss/style.scss */
  .update-history #topPage .cnt1 #filterArea table * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 1454, ../scss/style.scss */
  .update-history #topPage .cnt1 #filterArea #btnArea {
    margin-top: 20px;
    text-align: center; }
    /* line 1458, ../scss/style.scss */
    .update-history #topPage .cnt1 #filterArea #btnArea #allCheck, .update-history #topPage .cnt1 #filterArea #btnArea #allClear {
      cursor: pointer;
      margin: 0 8px; }
/* line 1466, ../scss/style.scss */
.update-history #topPage .cnt2 {
  width: 920px; }
  /* line 1469, ../scss/style.scss */
  .update-history #topPage .cnt2 h3 {
    margin-left: -20px; }
  /* line 1473, ../scss/style.scss */
  .update-history #topPage .cnt2 .cnt_box {
    margin-bottom: 30px;
    border: 2px solid #ff4a03;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 1479, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    /* line 1481, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box .title {
      border-bottom: 1px solid #ff4a03;
      background: #fff0c2;
      color: #000;
      font-size: 18px;
      font-weight: bold;
      position: relative; }
      /* line 1489, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .title .date {
        padding: 8px 10px;
        border-right: 1px dotted #ff4a03;
        display: table-cell; }
      /* line 1495, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .title h4 {
        width: 610px;
        padding: 8px 10px;
        display: table-cell; }
      /* line 1501, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .title .category {
        display: table;
        border-spacing: 5px 0;
        position: absolute;
        top: 10px;
        right: 5px; }
        /* line 1508, ../scss/style.scss */
        .update-history #topPage .cnt2 .cnt_box .title .category li {
          height: 20px;
          padding: 2px 20px;
          border: 1px solid #ff4a03;
          background: #fff;
          display: table-cell;
          color: #ff4a03;
          font-size: 12px;
          line-height: 1; }
    /* line 1521, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box .text {
      padding: 20px;
      border-bottom: 1px solid #ff4a03;
      color: #000;
      font-size: 14px;
      line-height: 25px; }
    /* line 1529, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box .link {
      padding: 10px 0;
      border-bottom: 1px solid #ff4a03;
      text-align: center; }
    /* line 1537, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box .thumb li {
      width: 229px;
      border-left: 1px solid #ff4a03;
      display: table-cell;
      text-align: center; }
      /* line 1543, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .thumb li:first-child {
        border-left: none; }
      /* line 1547, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .thumb li img {
        margin: 20px 0; }
      /* line 1551, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .thumb li p {
        padding: 5px;
        border-top: 1px dotted #ff4a03;
        color: #000;
        font-size: 14px; }
    /* line 1560, ../scss/style.scss */
    .update-history #topPage .cnt2 .cnt_box .table1 {
      padding: 20px; }
      /* line 1563, ../scss/style.scss */
      .update-history #topPage .cnt2 .cnt_box .table1 table {
        width: 100%;
        border: 1px solid #ff4a03;
        font-size: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 1569, ../scss/style.scss */
        .update-history #topPage .cnt2 .cnt_box .table1 table * {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
        /* line 1573, ../scss/style.scss */
        .update-history #topPage .cnt2 .cnt_box .table1 table th {
          padding: 4px;
          background: #fff0c2;
          border: 1px solid #ff4a03;
          color: #ff4a03;
          font-weight: bold; }
        /* line 1581, ../scss/style.scss */
        .update-history #topPage .cnt2 .cnt_box .table1 table td {
          padding: 4px 16px;
          border: 1px solid #ff4a03;
          color: #000; }
  /* line 1590, ../scss/style.scss */
  .update-history #topPage .cnt2 .notFound {
    color: #000;
    font-size: 18px;
    text-align: center; }