@charset "UTF-8";
/**
 * トップページ
 */
/* ==========================================================================
   main
   ========================================================================== */
#top-slide {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  zoom: 1;
  background: rgba(255, 255, 255, 0.7);
  margin: 8px 0 13px 0; }

#information {
  margin-top: 15px;
  position: relative; }
  #information .hours {
    background: url(img/bg_hours.gif) no-repeat left top;
    width: 550px;
    height: 71px;
    position: relative; }
    #information .hours h2 {
      position: absolute;
      top: 24px;
      left: 34px; }
    #information .hours .time {
      position: absolute;
      top: 18px;
      left: 200px;
      width: 205px;
      height: 38px;
      font-size: 176.9230769231%;
      font-weight: bold;
      text-align: center; }
    #information .hours .red {
      color: #990404; }
    #information .hours .btn-sc {
      position: absolute;
      right: 13px;
      top: 19px; }
  #information .btn-map {
    position: absolute !important;
    right: 0;
    top: 6px;
    width: 310px;
    height: 56px;
    -webkit-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(4, 0, 0, 0.3);
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    zoom: 1; }
  #information span {
    position: absolute !important;
    left: 541px;
    top: -5px; }

#model-plan {
  height: 322px;
  background: url(img/bg_plan.png) repeat-x center bottom;
  margin-bottom: 30px;
  margin-top: 13px; }
  #model-plan .section {
    position: relative; }
    #model-plan .section span {
      position: absolute;
      left: 123px;
      top: 0;
      z-index: 0; }
    #model-plan .section h3 {
      position: absolute;
      left: 250px;
      top: 15px;
      z-index: 100; }
    #model-plan .section ul {
      position: absolute;
      top: 52px;
      z-index: 500;
      margin-left: -15px;
      width: 975px;
      overflow: hidden; }
      #model-plan .section ul li {
        margin-left: 15px; }
        #model-plan .section ul li:hover {
          padding-top: 5px;
          -webkit-transition: all 0.4s;
          -moz-transition: all 0.4s;
          -ms-transition: all 0.4s;
          -o-transition: all 0.4s;
          transition: all 0.4s;
          position: relative;
          zoom: 1;
          opacity: 0.8; }

#guide {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 34px; }
  #guide h3 {
    padding-left: 104px; }
  #guide ul {
    margin-top: 13px;
    margin-left: -15px;
    width: 975px;
    overflow: hidden; }
    #guide ul li {
      width: 470px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      position: relative;
      zoom: 1;
      -webkit-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
      -moz-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
      -ms-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
      -o-box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
      box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
      position: relative;
      zoom: 1;
      position: relative;
      margin-left: 15px;
      margin-bottom: 21px; }
      #guide ul li .btn-list {
        position: absolute;
        right: 5px;
        top: 0; }
      #guide ul li h4 {
        text-align: center;
        padding-top: 24px; }
      #guide ul li .large {
        width: 454px;
        margin: 21px 8px 8px 8px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        zoom: 1;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 5px; }
        #guide ul li .large .l-img img {
          min-height: 175px; }
        #guide ul li .large p {
          text-align: center;
          font-size: 161.5384615385%;
          font-weight: bold;
          text-indent: -1em;
          padding-left: 1em;
          line-height: 26px;
          margin: 3px 13px;
          color: #333; }
          #guide ul li .large p a {
            background: url(img/arrow_blue_l.gif) no-repeat left 0.2em;
            text-decoration: none;
            padding-left: 20px; }
        #guide ul li .large .l-img {
          padding: 8px 8px 5px 8px;
          margin: 0;
          text-indent: 0; }
      #guide ul li .fbox .fl {
        margin: 0 0 8px 8px; }
      #guide ul li .fbox .fr {
        margin: 0 8px 8px 0; }
      #guide ul li .small {
        width: 224px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        zoom: 1;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 5px; }
        #guide ul li .small .s-img img {
          min-height: 83px; }
        #guide ul li .small p {
          font-size: 107.6923076923%;
          font-weight: bold;
          text-indent: -14px;
          padding-left: 10px;
          line-height: 18px;
          margin: 0 13px;
          color: #333; }
          #guide ul li .small p a {
            background: url(img/arrow_blue.gif) no-repeat left 0.25em;
            text-decoration: none;
            padding-left: 14px; }
        #guide ul li .small .s-img {
          padding: 8px 8px 5px 8px;
          margin: 0;
          text-indent: 0; }
    #guide ul .boxTargetHover {
      background-color: #fffebe !important;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      position: relative;
      zoom: 1; }
      #guide ul .boxTargetHover a {
        color: #132A52; }
    #guide ul .attraction {
      background: url(img/bg_guide01.gif) no-repeat left 8px #e4d8ba; }
    #guide ul .show {
      background: url(img/bg_guide02.gif) no-repeat left 8px #e4d8ba; }
    #guide ul .season {
      background: url(img/bg_guide03.gif) no-repeat left 8px #e4d8ba; }
    #guide ul .anime {
      background: url(img/bg_guide04.gif) no-repeat left 8px #e4d8ba; }

#photo-bnr {
  background: url(img/bg_photo.jpg) no-repeat center top, url(img/bg_photo_under.gif) repeat left top; }
  #photo-bnr .vertual {
    width: 480px;
    float: left;
    height: 201px;
    position: relative; }
    #photo-bnr .vertual h4 {
      position: absolute;
      top: 13px;
      right: 16px; }
    #photo-bnr .vertual p {
      position: absolute;
      bottom: 16px;
      right: 34px; }
  #photo-bnr .henshin {
    width: 480px;
    float: right;
    height: 201px;
    position: relative; }
    #photo-bnr .henshin h4 {
      position: absolute;
      top: 16px;
      left: 34px; }
    #photo-bnr .henshin p {
      position: absolute;
      bottom: 16px;
      left: 34px; }

#news {
  background: url(img/bg_news.jpg) no-repeat center bottom #f7f7f7;
  padding-bottom: 530px; }
  #news .section {
    padding-top: 55px;
    position: relative; }
    #news .section .info {
      float: left;
      width: 470px; }
      #news .section .info h5, #news .section .info .list {
        display: table-cell;
        vertical-align: middle; }
      #news .section .info .list {
        padding-left: 21px; }
      #news .section .info ul {
        width: 434px;
        padding: 34px 0 0 21px;
        position: relative; }
        #news .section .info ul li {
          border-bottom: 1px solid #e3e3e3;
          padding-bottom: 10px;
          margin-bottom: 10px; }
          #news .section .info ul li .date {
            color: #132A52;
            font-weight: bold;
            display: inline-block;
            position: absolute; }
          #news .section .info ul li .txt {
            display: inline-block;
            padding-left: 130px;
            font-size: 100%;
            color: #333; }
          #news .section .info ul li:last-child {
            margin-bottom: 0; }
    #news .section .fb {
      float: right;
      width: 470px; }
    #news .section h6 {
      position: absolute;
      bottom: -466px;
      right: 79px; }
    #news .section .txt-access {
      position: absolute;
      bottom: -252px;
      right: 349px; }
    #news .section .btn-access {
      position: absolute;
      bottom: -310px;
      right: 345px; }

/* slide */
#slidewrapper {
  width: 100%;
  width: 950px;
  padding: 5px; }

#slidewrapper ul {
  letter-spacing: -.40em;
  overflow: hidden; }

#slidewrapper ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }

#slidewrapper #thumbs {
  letter-spacing: -.40em;
  height: 60px; }

#slidewrapper #images {
  width: 950px;
  height: 350px;
  margin-bottom: 5px;
  overflow: hidden !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  zoom: 1; }

#slidewrapper #images li {
  text-align: center; }

#slidewrapper #thumbswrapper {
  margin: 0 auto;
  position: relative;
  width: 950px;
  overflow: hidden; }

.pic01 #thumbswrapper {
  width: 186px !important; }

.pic02 #thumbswrapper {
  width: 377px !important; }

.pic03 #thumbswrapper {
  width: 568px !important; }

.pic04 #thumbswrapper {
  width: 759px !important; }

#slidewrapper #thumbs img {
  cursor: pointer;
  margin-right: 5px;
  width: 186px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  zoom: 1;
  overflow: hidden; }

#slidewrapper #thumbs img.selected {
  opacity: 0.5; }

#slidewrapper #slide-nav {
  position: relative;
  width: 950px;
  z-index: 15; }

#slidewrapper #prev-main, #slidewrapper #next-main {
  width: 36px;
  height: 36px;
  display: block;
  position: absolute; }

#slidewrapper #prev-main {
  left: -18px;
  /*left:138px;*/
  top: 13px;
  background: transparent url(img/slide_arrow.png) no-repeat left top; }

#slidewrapper #next-main {
  right: -18px;
  /*right:138px;*/
  top: 13px;
  background: transparent url(img/slide_arrow.png) no-repeat right top; }