@charset "UTF-8";
body {
  font-family: ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3"; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: '';
    display: block;
    clear: both; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: #cc0000; }

a:hover {
  color: #cc0000;
  text-decoration: underline; }

p {
  font-size: 12px; }

#mainContent {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  min-height: 800px;
  background: url(../images/01_mainbg.png) repeat left top; }
  #mainContent .sideBox {
    width: 162px;
    height: 100%;
    margin-left: 30px; }
    #mainContent .sideBox .side_logoBox {
      width: 162px;
      height: 276px;
      background: #fff;
      text-align: center;
      padding-top: 30px; }
    #mainContent .sideBox .side_enterBox {
      width: 162px;
      height: 114px;
      background: #fff;
      margin-top: 4px; }
    #mainContent .sideBox .side_bottomBox {
      position: relative;
      top: 0;
      left: 0;
      width: 162px;
      height: auto;
      background: #fff;
      margin-top: 4px; }
      #mainContent .sideBox .side_bottomBox .linkBox {
        width: 100px;
        padding-top: 30px;
        margin: 0 auto; }
        #mainContent .sideBox .side_bottomBox .linkBox a {
          display: block;
          text-align: left; }
        #mainContent .sideBox .side_bottomBox .linkBox p {
          font-size: 10px; }
        #mainContent .sideBox .side_bottomBox .linkBox .first {
          margin-bottom: 11px; }
      #mainContent .sideBox .side_bottomBox .bottomWrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 162px; }
        #mainContent .sideBox .side_bottomBox .bottomWrap .shareBox {
          width: 100px;
          text-align: left;
          margin: 12px auto 6px auto; }
        #mainContent .sideBox .side_bottomBox .bottomWrap .sound {
          display: inline-block;
          margin-left: 7px; }
        #mainContent .sideBox .side_bottomBox .bottomWrap .otherTextBox {
          width: 162px;
          text-align: center;
          margin-bottom: 30px; }
  #mainContent #modalBox {
    position: absolute;
    top: 524px;
    left: 732px;
    width: 204px;
    height: 204px;
    background: #fff;
    z-index: 10; }
    #mainContent #modalBox .textBox {
      margin: 16.5px 16px 26px 22px; }
      #mainContent #modalBox .textBox h2 {
        font-weight: bold;
        margin-bottom: 12.5px; }
      #mainContent #modalBox .textBox p {
        margin-bottom: 13px; }
  #mainContent .mainMovie {
    position: absolute;
    top: 209px;
    left: 417px;
    width: 411px;
    height: 411px; }
  #mainContent .mainMovie-overlay {
    z-index: 5; }
  #mainContent .animate {
    position: absolute;
    width: 204px;
    height: 204px;
    background-color: #fff;
    overflow: hidden; }
  #mainContent .animate_ev {
    top: 624px;
    left: 1040px;
    background-image: url(../images/02_movie_ev_sprite.png); }
  #mainContent .animate_holzer1 {
    top: 0;
    left: 832px;
    background-image: url(../images/02_movie_holzer_sprite.png); }
  #mainContent .animate_holzer2 {
    top: 1144px;
    left: 1144px;
    background-image: url(../images/02_movie_holzer_sprite.png); }
  #mainContent .animate_room1 {
    top: 0;
    left: 2080px;
    background-image: url(../images/02_movie_room_sprite.png); }
  #mainContent .animate_room2 {
    top: 832px;
    left: 1560px;
    background-image: url(../images/02_movie_room_sprite.png); }
  #mainContent .animate_slope1 {
    top: 0;
    left: 208px;
    background-image: url(../images/02_movie_slope_sprite.png); }
  #mainContent .animate_slope2 {
    top: 624px;
    left: 1872px;
    background-image: url(../images/02_movie_slope_sprite.png); }
  #mainContent .animate_stairs {
    top: 208px;
    left: 1144px;
    background-image: url(../images/02_movie_stairs_sprite.png); }
  #mainContent .animate_water1 {
    top: 936px;
    left: 520px;
    background-image: url(../images/02_movie_water_sprite.png); }
  #mainContent .animate_water2 {
    top: 1144px;
    left: 2079px;
    background-image: url(../images/02_movie_water_sprite.png); }
  #mainContent .animate_window1 {
    top: 624px;
    left: 312px;
    background-image: url(../images/02_movie_window_sprite.png); }
  #mainContent .animate_window2 {
    top: 207px;
    left: 1768px;
    background-image: url(../images/02_movie_window_sprite.png); }