@charset "utf-8";

.wrapper {
  min-width: 1263px;
}

#contents {
}

.section {
  overflow: hidden;
}

/*===================================================
  aside
===================================================*/

#aside {
  z-index: 999;
  position: fixed;
  top: 30px;
  left: 60px;
}

#aside h4 a {
  display: block;
  text-indent: -9999px;
  background: url(../img/index/title-aside_off.png) no-repeat 0 0;
  height: 61px;
}

#aside h4 a:hover {
  background: url(../img/index/title-aside_on.png) no-repeat 0 0;
}

#aside ul {
  padding-top: 25px;
}

#aside ul li {
  margin-top: 20px;
}

#aside ul li a {
  display: block;
  text-indent: -9999px;
  width: 180px;
  height: 40px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

#aside .top a {
  background: url(../img/index/btn-aside_top_off.png) no-repeat 0 0;
}

#aside .top a:hover,
#aside .top.current a {
  background: url(../img/index/btn-aside_top_on.png) no-repeat 0 0;
}

#aside .report a {
  background: url(../img/index/btn-aside_report_off.png) no-repeat 0 0;
}

#aside .report a:hover,
#aside .report.current a {
  background: url(../img/index/btn-aside_report_on.png) no-repeat 0 0;
}

#aside .gallery a {
  background: url(../img/index/btn-aside_gallery_off.png) no-repeat 0 0;
}

#aside .gallery a:hover,
#aside .gallery.current a {
  background: url(../img/index/btn-aside_gallery_on.png) no-repeat 0 0;
}

/*===================================================
  top
===================================================*/

#top {
  position: relative;
  background: #eef0f3;
  z-index: 1000;
}

#top .top_red {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 322px;
}

#top .bottom_white {
  position: absolute;
  bottom: 0;
  left: 0;
}

#top .title_main {
  position: absolute;
  top: 184px;
  left: 240px;
}

#top h1 {
  max-width: 631px;
  margin: 24px 0 38px;
}

#top h1 img,
#top .address img,
#top .car img,
#top .top_red img,
#top .bottom_white img {
  width: 100%;
  height: auto;
}

#top .local_link {
  margin-top: 50px;
}

#top .local_link ul {
  overflow: hidden;
}

#top .local_link li {
  float: left;
  position: relative;
}

#top .local_link li:first-child {
  margin-right: 30px;
}

#top .local_link li > span {
  display: block;
  position: absolute;
  background: #dd003d;
  line-height: 0;
  text-indent: -99999px;
}

#top .local_link .top_right {
  height: 1px;
  top: 0;
  right: 0;
  width: 0;
}

#top .local_link .bottom_right {
  height: 0;
  width: 1px;
  bottom: 0;
  right: 0;
}

#top .local_link .bottom_left {
  height: 1px;
  bottom: 0;
  left: 0;
  width: 0;
}

#top .local_link .top_left {
  height: 0;
  width: 1px;
  top: 0;
  left: 0;
}

#top .arrow {
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: 0;
  z-index: 1;
  width: 70px;
  height: 70px;
}

#top .car {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 88%;
  max-width: 1549px;
}

#top .car img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: auto;
}


/*===================================================
  report
===================================================*/

#report {
  position: relative;
  margin: 120px 0 250px;
}

#report .wrap_report {
  margin: 0 60px 0 360px;
  padding: 80px 0 0;
}

#report .area_social {
  overflow-y: auto;
}

#report .title {
  text-align: center;
}

#report .intro {
  text-align: center;
  font-size: 117%;
  padding: 17px 0 55px;
}

#report .items {
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
}

#report .posted {
  display: table;
}

#report .posted .icon {
  width: 80px;
  display: table-cell;
}

#report .posted .info {
  vertical-align: top;
  display: table-cell;
}

#report .posted .time {
  display: table;
}

#report .posted .sns_icon {
  display: table-cell;
  vertical-align: middle;
  width: 23px;
}

#report .posted .time_txt {
  display: table-cell;
  vertical-align: middle;
  color: #666666;
  font-size: 109%;
}

#report .posted .text {
  font-size: 109%;
}

#report .photo {
  margin: 30px 0 10px;
}

#report .photo img {
  max-width: 320px;
}

#report .posted .url {
  color: #0084b4;
  text-decoration: none;
  margin-left: 5px;
}

/*===================================================
  gallery
===================================================*/

#gallery {
  background: url(../img/index/bg_photogallery.jpg) no-repeat 0 100% #ced6e0;
  background-size: 100% auto;
}

#gallery.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1263px;
}

#gallery .wrap_gallery {
  margin: 0 0 0 360px;
  padding: 80px 0 0;
}

#gallery .title {
  text-align: center;
}

#gallery .intro {
  text-align: center;
  margin: 17px 0 25px;
  font-size: 117%;
}

#gallery .box_gallery {
  background: #dd003d;
  width: 328px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

#gallery .box_gallery h3 {
  font-size: 167%;
  padding: 25px 25px 28px;
}

#gallery .box_gallery .than {
  padding: 15px 0 15px;
  font-size: 134%;
  font-weight: bold;
}

#gallery .box_gallery .txt_box {
  padding: 0 30px 25px 27px;
  text-align: left;
  font-size: 109%;
  line-height: 1.8em;
}

/*  photo gallery
===================================================*/
#gallery .photo_content {
  position: relative;
}

#gallery .account_name {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
}

#gallery .wrap_photo {
  overflow: hidden;
  position: relative;
  width: 832px;
  height: 4360px;
  padding-bottom: 50px;
  margin: 0 auto;
}

#gallery .photo_gallery img {
  width: 100%;
  height: auto;
}

#gallery .photo_gallery li {
  background: #fff;
}

#gallery .photo_gallery img {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

#gallery .photo_gallery a:hover img {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

#gallery .gallery_1 {
  position: absolute;
  top: 0;
  left: 336px;
  width: 496px;
  height: 496px;
}

#gallery .gallery_2 {
  position: absolute;
  top: 504px;
  left: 0;
  width: 160px;
  height: 160px;
}

#gallery .gallery_3 {
  position: absolute;
  top: 504px;
  left: 168px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_4 {
  position: absolute;
  top: 504px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_5 {
  position: absolute;
  top: 672px;
  left: 504px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_6 {
  position: absolute;
  top: 840px;
  left: 0;
  width: 496px;
  height: 496px;
}

#gallery .gallery_7 {
  position: absolute;
  top: 1008px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_8 {
  position: absolute;
  top: 1176px;
  left: 672px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_9 {
  position: absolute;
  top: 1512px;
  left: 0;
  width: 160px;
  height: 160px;
}

#gallery .gallery_10 {
  position: absolute;
  top: 1344px;
  left: 168px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_11 {
  position: absolute;
  top: 1344px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_12 {
  position: absolute;
  top: 1512px;
  left: 672px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_13 {
  position: absolute;
  top: 1847px;
  left: 0;
  width: 160px;
  height: 160px;
}

#gallery .gallery_14 {
  position: absolute;
  top: 1679px;
  left: 168px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_15 {
  position: absolute;
  top: 1679px;
  left: 336px;
  width: 496px;
  height: 496px;
}

#gallery .gallery_16 {
  position: absolute;
  top: 2015px;
  left: 0;
  width: 328px;
  height: 328px;
}

#gallery .gallery_17 {
  position: absolute;
  top: 2183px;
  left: 336px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_18 {
  position: absolute;
  top: 2183px;
  left: 504px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_19 {
  position: absolute;
  top: 2351px;
  left: 168px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_20 {
  position: absolute;
  top: 2519px;
  left: 0;
  width: 496px;
  height: 496px;
}

#gallery .gallery_21 {
  position: absolute;
  top: 2519px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_22 {
  position: absolute;
  top: 2687px;
  left: 504px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_23 {
  position: absolute;
  top: 3023px;
  left: 0;
  width: 328px;
  height: 328px;
}

#gallery .gallery_24 {
  position: absolute;
  top: 3023px;
  left: 336px;
  width: 496px;
  height: 496px;
}

#gallery .gallery_25 {
  position: absolute;
  top: 3527px;
  left: 0;
  width: 160px;
  height: 160px;
}

#gallery .gallery_26 {
  position: absolute;
  top: 3527px;
  left: 168px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_27 {
  position: absolute;
  top: 3527px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_28 {
  position: absolute;
  top: 3695px;
  left: 504px;
  width: 328px;
  height: 328px;
}

#gallery .gallery_29 {
  position: absolute;
  top: 3863px;
  left: 0;
  width: 496px;
  height: 496px;
}

#gallery .gallery_30 {
  position: absolute;
  top: 4031px;
  left: 504px;
  width: 160px;
  height: 160px;
}

#gallery .gallery_31 {
  position: absolute;
  top: 4199px;
  left: 672px;
  width: 160px;
  height: 160px;
}