@charset "UTF-8";
/* line 7, ../scss/worldview.scss */
body h2 {
  text-align: center;
  padding: 45px 0 13px; }
/* line 11, ../scss/worldview.scss */
body h3 {
  text-align: center;
  padding-bottom: 38px; }
/* line 17, ../scss/worldview.scss */
body #prologue {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 21, ../scss/worldview.scss */
  body #prologue .cntArea {
    width: 960px;
    height: 835px;
    margin: 0 auto;
    background: url(../img/worldview/prologe_bgImg.jpg); }
/* line 30, ../scss/worldview.scss */
body #correlation {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 34, ../scss/worldview.scss */
  body #correlation .cntArea {
    width: 960px;
    margin: 0 auto;
    background: #fff; }
    /* line 39, ../scss/worldview.scss */
    body #correlation .cntArea h4 {
      text-align: center;
      padding-bottom: 19px; }
    /* line 44, ../scss/worldview.scss */
    body #correlation .cntArea .correlationWrap {
      padding: 0 20px 50px; }
      /* line 47, ../scss/worldview.scss */
      body #correlation .cntArea .correlationWrap .characterBox {
        width: 217px;
        float: left; }
        /* line 51, ../scss/worldview.scss */
        body #correlation .cntArea .correlationWrap .characterBox .characterArea {
          position: relative;
          width: 197px;
          height: 500px;
          margin: 0 10px; }
          /* line 57, ../scss/worldview.scss */
          body #correlation .cntArea .correlationWrap .characterBox .characterArea .character {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            padding-top: 10px; }
            /* line 65, ../scss/worldview.scss */
            body #correlation .cntArea .correlationWrap .characterBox .characterArea .character .photo {
              padding-bottom: 9px; }
            /* line 68, ../scss/worldview.scss */
            body #correlation .cntArea .correlationWrap .characterBox .characterArea .character .name {
              padding-bottom: 10px; }
            /* line 71, ../scss/worldview.scss */
            body #correlation .cntArea .correlationWrap .characterBox .characterArea .character .text {
              padding-bottom: 9px;
              text-align: left;
              width: 197px;
              height: 230px;
              margin: 0 auto;
              font-size: 13px;
              line-height: 22px;
              font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
      /* line 86, ../scss/worldview.scss */
      body #correlation .cntArea .correlationWrap .correlationBox {
        width: 681px;
        height: 552px;
        padding: 6px 0 0 6px;
        margin-left: 16px;
        background: url(../img/worldview/correlation_window.gif) no-repeat;
        float: left;
        position: relative; }
        /* line 95, ../scss/worldview.scss */
        body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow {
          width: 675px;
          height: 540px;
          overflow: hidden; }
          /* line 100, ../scss/worldview.scss */
          body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner {
            width: 2800px;
            height: 540px;
            margin-left: -1345px;
            background: url(../img/worldview/correlation_bgImg.jpg) no-repeat;
            position: relative; }
            /* line 108, ../scss/worldview.scss */
            body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li {
              cursor: pointer;
              position: absolute; }
              /* line 112, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c01 {
                top: 306px;
                left: 1129px; }
              /* line 113, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c02 {
                top: 392px;
                left: 863px; }
              /* line 114, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c03 {
                top: 395px;
                left: 1033px; }
              /* line 115, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c04 {
                top: 216px;
                left: 1339px; }
              /* line 116, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c05 {
                top: 114px;
                left: 1146px; }
              /* line 117, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c06 {
                top: 44px;
                left: 1344px; }
              /* line 118, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c07 {
                top: 52px;
                left: 1042px; }
              /* line 119, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c08 {
                top: 214px;
                left: 1044px; }
              /* line 120, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c09 {
                top: 48px;
                left: 863px; }
              /* line 121, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c10 {
                top: 218px;
                left: 862px; }
              /* line 122, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c11 {
                top: 106px;
                left: 59px; }
              /* line 123, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c12 {
                top: 76px;
                left: 340px; }
              /* line 124, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c13 {
                top: 33px;
                left: 194px; }
              /* line 125, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c14 {
                top: 350px;
                left: 50px; }
              /* line 126, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c15 {
                top: 363px;
                left: 353px; }
              /* line 127, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c16 {
                top: 394px;
                left: 1492px; }
              /* line 128, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c17 {
                top: 211px;
                left: 648px; }
              /* line 129, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c18 {
                top: 217px;
                left: 479px; }
              /* line 130, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c19 {
                top: 209px;
                left: 2115px; }
              /* line 131, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c20 {
                top: 399px;
                left: 2124px; }
              /* line 132, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c21 {
                top: 217px;
                left: 1900px; }
              /* line 133, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c22 {
                top: 215px;
                left: 2406px; }
              /* line 134, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c23 {
                top: 46px;
                left: 2581px; }
              /* line 135, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c24 {
                top: 216px;
                left: 2621px; }
              /* line 136, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c25 {
                top: 394px;
                left: 2352px; }
              /* line 137, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c26 {
                top: 291px;
                left: 2292px; }
              /* line 138, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c27 {
                top: 54px;
                left: 2290px; }
              /* line 139, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c28 {
                top: 48px;
                left: 2124px; }
              /* line 140, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li.c29 {
                top: 57px;
                left: 1911px; }
              /* line 142, ../scss/worldview.scss */
              body #correlation .cntArea .correlationWrap .correlationBox .correlationWindow .correlationInner ul li img:hover {
                opacity: 0.7;
                filter: alpha(opacity=70);
                /* ie lt 8 */
                -ms-filter: "alpha(opacity=70)";
                /* ie 8 */
                -moz-opacity: 0.7;
                /* FF lt 1.5, Netscape */
                -khtml-opacity: 0.7;
                /* Safari 1.x */
                zoom: 1; }
        /* line 155, ../scss/worldview.scss */
        body #correlation .cntArea .correlationWrap .correlationBox .Larrow {
          position: absolute;
          top: 245px;
          left: 0; }
        /* line 160, ../scss/worldview.scss */
        body #correlation .cntArea .correlationWrap .correlationBox .Rarrow {
          position: absolute;
          top: 245px;
          right: 0; }
/* line 171, ../scss/worldview.scss */
body #character-list {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 175, ../scss/worldview.scss */
  body #character-list .cntArea {
    width: 960px;
    margin: 0 auto;
    background: #fff; }
    /* line 180, ../scss/worldview.scss */
    body #character-list .cntArea h4 {
      text-align: center;
      padding-bottom: 19px; }
    /* line 185, ../scss/worldview.scss */
    body #character-list .cntArea .listArea {
      width: 920px;
      border-top: #9c9c9c solid 1px;
      margin: 0 auto;
      padding-bottom: 36px;
      overflow: hidden; }
      /* line 195, ../scss/worldview.scss */
      body #character-list .cntArea .listArea ul .mgR40 {
        margin-right: 40px; }
      /* line 197, ../scss/worldview.scss */
      body #character-list .cntArea .listArea ul li {
        width: 440px;
        height: 223px;
        border-bottom: #9c9c9c solid 1px;
        padding-top: 20px;
        float: left; }
        /* line 204, ../scss/worldview.scss */
        body #character-list .cntArea .listArea ul li .imgL {
          padding-right: 12px; }
        /* line 208, ../scss/worldview.scss */
        body #character-list .cntArea .listArea ul li .listTtl {
          padding-bottom: 15px; }
        /* line 212, ../scss/worldview.scss */
        body #character-list .cntArea .listArea ul li img {
          float: left; }
        /* line 216, ../scss/worldview.scss */
        body #character-list .cntArea .listArea ul li p {
          font-family: "ヒラギノ明朝 Pro W3","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
          font-size: 12px;
          line-height: 20px;
          text-align: justify;
          letter-spacing: -0.04em;
          font-weight: bold; }
/* line 232, ../scss/worldview.scss */
body #outline_vol01 {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 236, ../scss/worldview.scss */
  body #outline_vol01 .cntArea {
    width: 960px;
    height: 1998px;
    margin: 0 auto;
    background: url(../img/worldview/outline_vol01_bgImg.jpg);
    position: relative; }
    /* line 243, ../scss/worldview.scss */
    body #outline_vol01 .cntArea .next {
      position: absolute;
      bottom: 45px;
      right: 35px; }
    /* line 248, ../scss/worldview.scss */
    body #outline_vol01 .cntArea .prev {
      position: absolute;
      bottom: 45px;
      left: 35px; }
/* line 257, ../scss/worldview.scss */
body #outline_vol02 {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 261, ../scss/worldview.scss */
  body #outline_vol02 .cntArea {
    width: 960px;
    height: 2778px;
    margin: 0 auto;
    background: url(../img/worldview/outline_vol02_bgImg.jpg);
    position: relative; }
    /* line 268, ../scss/worldview.scss */
    body #outline_vol02 .cntArea .next {
      position: absolute;
      bottom: 45px;
      right: 35px; }
    /* line 273, ../scss/worldview.scss */
    body #outline_vol02 .cntArea .prev {
      position: absolute;
      bottom: 45px;
      left: 35px; }
/* line 282, ../scss/worldview.scss */
body #outline_vol03 {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 286, ../scss/worldview.scss */
  body #outline_vol03 .cntArea {
    width: 960px;
    height: 2063px;
    margin: 0 auto;
    background: url(../img/worldview/outline_vol03_bgImg.jpg);
    position: relative; }
    /* line 293, ../scss/worldview.scss */
    body #outline_vol03 .cntArea .next {
      position: absolute;
      bottom: 45px;
      right: 35px; }
    /* line 298, ../scss/worldview.scss */
    body #outline_vol03 .cntArea .prev {
      position: absolute;
      bottom: 45px;
      left: 35px; }
/* line 307, ../scss/worldview.scss */
body #outline_vol04 {
  margin-top: 90px;
  background: #e1e1e1; }
  /* line 311, ../scss/worldview.scss */
  body #outline_vol04 .cntArea {
    width: 960px;
    height: 2540px;
    margin: 0 auto;
    background: url(../img/worldview/outline_vol04_bgImg.jpg);
    position: relative; }
    /* line 318, ../scss/worldview.scss */
    body #outline_vol04 .cntArea .next {
      position: absolute;
      bottom: 45px;
      right: 35px; }
    /* line 323, ../scss/worldview.scss */
    body #outline_vol04 .cntArea .prev {
      position: absolute;
      bottom: 45px;
      left: 35px; }