@charset "Shift_JIS";

/*  Top Contents
-----------------------------------------------------------------------------*/
.image_gallery_wrapper { display: none; }

.image_gallery {
  margin: -330px 0 0 -500px;
  padding: 20px;
  width: 960px;
  height: 640px;
  z-index: 1011;
  top: 50%;
  left: 50%;
  background: #fff;
  position: fixed;
}

.image_gallery:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.image_gallery .zoom {
  width: 640px;
  float: left;
}

.image_gallery .zoom li {
  text-align: center;
  vertical-align: middle;
  border: solid 1px #ccc;
  width: 640px;
  height: 640px;
  display: table-cell;
}

.image_gallery .zoom li img {
  max-height: 640px;
  max-width: 640px;
}

.image_gallery .thumb {
  width: 300px;
  max-height: 640px;
  float: right;
  overflow: auto;
}

.image_gallery .thumb:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.image_gallery .thumb li {
  text-align: center;
  padding: 0 0 20px;
  width: 140px;
  float: left;
}

.image_gallery .thumb li a {
  border: solid 2px #ccc;
  width: 120px;
  display: inline-block;
}

.image_gallery .thumb li .active { border: solid 2px #ff4075; }

.image_gallery .thumb li img {
  max-height: 90px;
  max-width: 120px;
}

/* overlay */
.image_gallery_overlay {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 1010;
  top: 0;
  background: #000;
  filter: alpha(opacity=50);
  position: fixed;
}