@charset "UTF-8";
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック  ", "MS PGothic", sans-serif; }

#wrapper {
  width: 100%;
  /* header */
  /* top_area */
  /* contents */ }
  #wrapper a:hover {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9; }
  #wrapper #header {
    position: fixed;
    clear: both;
    width: 100%;
    height: 59px;
    border-bottom: solid 1px #cdbf6a;
    background-color: #fff;
    z-index: 100000;
    /* header_main */ }
    #wrapper #header #header_main {
      overflow: hidden;
      width: 960px;
      margin: 0 auto;
      /* bgm */ }
      #wrapper #header #header_main #rag_logo {
        float: left;
        width: 84px;
        margin-right: 15px; }
      #wrapper #header #header_main #sns {
        overflow: hidden;
        float: left;
        padding-top: 19px; }
        #wrapper #header #header_main #sns li {
          float: left; }
          #wrapper #header #header_main #sns li.twitter {
            width: 95px; }
      #wrapper #header #header_main #bgm {
        overflow: hidden;
        float: right;
        margin-top: 8px;
        /* ul */ }
        #wrapper #header #header_main #bgm ul {
          overflow: hidden;
          float: right;
          margin-bottom: 5px;
          padding: 3px 0 3px 72px;
          background-image: url(../images/bgm.gif);
          background-repeat: no-repeat;
          background-position: left center;
          /* li */ }
          #wrapper #header #header_main #bgm ul li {
            float: left;
            margin-right: 8px; }
            #wrapper #header #header_main #bgm ul li a {
              display: block;
              width: 28px;
              height: 18px; }
              #wrapper #header #header_main #bgm ul li a.on {
                background-position: 0px 18px; }
            #wrapper #header #header_main #bgm ul li#bgm_btn1 a {
              background-image: url(../images/bgm_btn1.gif); }
            #wrapper #header #header_main #bgm ul li#bgm_btn2 a {
              background-image: url(../images/bgm_btn2.gif); }
            #wrapper #header #header_main #bgm ul li#bgm_btn3 a {
              background-image: url(../images/bgm_btn3.gif); }
            #wrapper #header #header_main #bgm ul li#bgm_btn4 a {
              width: 37px;
              margin-right: 0;
              background-image: url(../images/bgm_btn_off.gif); }
        #wrapper #header #header_main #bgm .songname {
          clear: both;
          text-align: right; }
  #wrapper #top_area {
    width: 100%;
    background-image: url(../images/bg03.jpg);
    background-color: #faf1ba;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-attachment: scroll;
    /* main */ }
    #wrapper #top_area #main {
      max-width: 1600px;
      margin: 0 auto;
      background-image: url(../images/bg01.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-attachment: scroll;
      /* top */ }
      #wrapper #top_area #main #top {
        display: block;
        clear: both;
        width: 960px;
        height: 1422px;
        margin: 0 auto;
        padding: 60px 0 0 0;
        /* logo */
        /* navi */
        /* movie */ }
        #wrapper #top_area #main #top #logo {
          margin-bottom: 51px; }
          #wrapper #top_area #main #top #logo img {
            width: 100%; }
        #wrapper #top_area #main #top #navi {
          position: relative;
          clear: both;
          width: 915px;
          height: 217px;
          margin: 0 0 30px 45px;
          background-image: url(../images/btn_bg.png);
          background-position: center center;
          background-repeat: no-repeat;
          /* btn */ }
          #wrapper #top_area #main #top #navi #fukkastu {
            position: absolute;
            top: 35px;
            left: 0; }
          #wrapper #top_area #main #top #navi #btn {
            width: 360px;
            margin: 0 auto;
            padding-top: 65px; }
            #wrapper #top_area #main #top #navi #btn ul {
              overflow: hidden; }
              #wrapper #top_area #main #top #navi #btn ul li {
                float: left; }
              #wrapper #top_area #main #top #navi #btn ul .btn01 {
                margin: 0 40px 0 0; }
        #wrapper #top_area #main #top #toroku {
          position: absolute;
          top: 0;
          right: 20px; }
        #wrapper #top_area #main #top #movie {
          clear: both;
          width: 960px;
          height: 576px;
          margin: 0 auto;
          padding: 58px 0 0 0;
          background-image: url(../images/movie_wrap.png);
          background-position: center top;
          background-repeat: no-repeat;
          /* movie_display */ }
          #wrapper #top_area #main #top #movie #movie_day {
            width: 800px;
            margin: 0 auto 33px; }
            #wrapper #top_area #main #top #movie #movie_day ul {
              overflow: hidden; }
              #wrapper #top_area #main #top #movie #movie_day ul li {
                float: left;
                margin: 0 10px 0 0; }
              #wrapper #top_area #main #top #movie #movie_day ul li:last-child {
                margin: 0; }
          #wrapper #top_area #main #top #movie #movie_display {
            clear: both;
            width: 800px;
            height: 450px;
            margin: 0 auto;
            background-image: url(../images/morocc.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            /* text_end */ }
            #wrapper #top_area #main #top #movie #movie_display .text_end {
              padding-top: 310px;
              text-align: center;
              font-size: 26px;
              font-weight: bold;
              color: #fff;
              line-height: 1.4; }
              #wrapper #top_area #main #top #movie #movie_display .text_end span {
                font-size: 42px; }
        #wrapper #top_area #main #top #movie_cap {
          width: 630px;
          margin: 30px auto 0 auto;
          font-size: 20px;
          line-height: 30px;
          letter-spacing: -1px; }
  #wrapper #contents {
    width: 100%;
    height: 3104px;
    background-image: url(../images/bg02.gif);
    background-repeat: repeat;
    background-attachment: scroll;
    /* contents_h2 */
    /* contents_1 */
    /* event */
    /* update */ }
    #wrapper #contents .contents_h2 {
      width: 100%;
      background-image: url(../images/h2_bg.gif);
      background-repeat: repeat-x;
      background-attachment: scroll; }
      #wrapper #contents .contents_h2 .h2 {
        width: 960px;
        height: 58px;
        margin: 0 auto;
        padding-top: 28px;
        background-image: url(../images/contents_h2.gif);
        background-repeat: no-repeat;
        background-attachment: scroll;
        font-size: 30px;
        font-weight: bold;
        color: #221815;
        text-align: center; }
    #wrapper #contents #contents_1 {
      width: 960px;
      height: 640px;
      margin: 0 auto;
      clear: both; }
      #wrapper #contents #contents_1 #contents_copy {
        width: 430px;
        padding: 55px 40px 0 0;
        float: left;
        font-size: 20px;
        color: #000;
        line-height: 36px;
        letter-spacing: -1px; }
      #wrapper #contents #contents_1 #contents_img {
        width: 478px;
        height: 640px;
        float: left; }
    #wrapper #contents #event {
      position: relative;
      width: 960px;
      height: 690px;
      margin: 0 auto; }
      #wrapper #contents #event .event_img {
        position: absolute;
        z-index: 999; }
      #wrapper #contents #event a {
        position: absolute;
        display: block;
        bottom: 24px;
        right: 24px;
        width: 199px;
        height: 56px; }
    #wrapper #contents #free {
      width: 960px;
      height: 236px;
      margin: 30px auto 49px auto; }
    #wrapper #contents #anc01 {
      margin-top: -60px;
      padding-top: 60px; }
    #wrapper #contents #news {
      width: 960px;
      margin: 47px auto 53px auto; }
    #wrapper #contents #update {
      width: 960px;
      margin: 0 auto;
      /* ul */ }
      #wrapper #contents #update .h3 {
        width: 257px;
        height: 30px;
        margin-bottom: 34px; }
      #wrapper #contents #update ul {
        clear: both; }
        #wrapper #contents #update ul li {
          margin: 0 54px 49px 0;
          float: left; }
        #wrapper #contents #update ul li:last-child {
          margin-right: 0px; }
  #wrapper #footer {
    padding-top: 30px;
    background: #110b06 url(../images/footer/footer_bg01.png) 0 0 repeat-x;
    border-top: 2px groove #333; }
    #wrapper #footer h2 {
      text-align: center;
      padding: 15px 0; }
    #wrapper #footer ul {
      width: 940px;
      margin: 30px auto 0;
      font-size: 0; }
      #wrapper #footer ul li {
        width: 306px;
        margin-left: 11px;
        display: inline-block;
        vertical-align: top; }
        #wrapper #footer ul li:first-child {
          margin-left: 0; }
          #wrapper #footer ul li:first-child .thumb img {
            width: auto;
            height: auto; }
        #wrapper #footer ul li .thumb {
          width: 306px;
          height: 320px;
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
          #wrapper #footer ul li .thumb img {
            width: 100%;
            height: auto; }
        #wrapper #footer ul li h3 {
          margin-left: -12px; }
        #wrapper #footer ul li p {
          color: #fff;
          font-size: 14px;
          line-height: 22px; }
    #wrapper #footer .startRO {
      text-align: center;
      padding: 40px 0; }
      #wrapper #footer .startRO p {
        padding-top: 10px;
        font-size: 14px; }
        #wrapper #footer .startRO p a {
          text-decoration: underline;
          color: #fff; }
          #wrapper #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; }
    #wrapper #footer .line {
      text-align: center; }
    #wrapper #footer .f-sns {
      margin: 0 auto;
      padding: 35px 0;
      width: 655px;
      font-size: 0; }
      #wrapper #footer .f-sns li {
        display: inline-block;
        margin-left: 55px;
        width: 300px; }
        #wrapper #footer .f-sns li:first-child {
          margin-left: 0; }
    #wrapper #footer .credit {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #5a5a5a;
      padding: 15px 0 80px; }

/* wrapper */