#gallery {
  zoom: 1; }
  #gallery:after {
    content: "";
    clear: both;
    display: block; }
  #gallery .gallery_list ul {
    zoom: 1;
	position: relative; }
    #gallery .gallery_list ul:after {
      content: "";
      clear: both;
      display: block; }
  #gallery .gallery_list .left li {
    float: left;
    position: relative;
    margin: 0 4px 9px 4px; }
  #gallery .gallery_list .right li {
    float: right;
    position: relative;
    margin: 0 4px 9px 4px; }
  #gallery .gallery_list .large {
    width: 518px;
    height: 307px;
    background: url("../images/gallery/thumb_bg_l.png") no-repeat left top;
    padding: 6px 0 0 6px; }
  #gallery .gallery_list .small {
    width: 256px;
    height: 149px;
    background: url("../images/gallery/thumb_bg_s.png") no-repeat left top;
    padding: 6px 0 0 6px; }
  #gallery .gallery_list .new:after {
    content: " ";
    display: block;
    width: 90px;
    height: 90px;
    background: url("../images/gallery/icon_new.png") no-repeat left top;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 0; }

#modal_bg {
  display: none;
  background: url("../images/common/bg_modal.png") repeat center top;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999; }

#modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10000;
  display: table;
  display: none; }
  #modal .modal_wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  #modal .btn_close {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -330px 0 0 431px; }

/*================================================================================
	index
================================================================================*/

.wrap{
	position:relative;
}

.g01 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g02 .over{
	position:absolute;
	top:0;
	left:-526px;;
}

.g03 .over{
	position:absolute;
	top:-158px;
	left:-526px;
}

.g04 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g05 .over{
	position:absolute;
	top:0;
	right:-520px;;
}

.g06 .over{
	position:absolute;
	top:-158px;
	right:-520px;
}

.g07 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g08 .over{
	position:absolute;
	top:0;
	left:-526px;;
}

.g09 .over{
	position:absolute;
	top:-158px;
	left:-526px;
}

.g10 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g11 .over{
	position:absolute;
	top:0;
	right:-520px;;
}

.g12 .over{
	position:absolute;
	top:-158px;
	right:-520px;
}

.g13 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g14 .over{
	position:absolute;
	top:0;
	left:-526px;;
}

.g15 .over{
	position:absolute;
	top:-158px;
	left:-526px;
}

.g16 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g17 .over{
	position:absolute;
	top:0;
	right:-520px;;
}

.g18 .over{
	position:absolute;
	top:-158px;
	right:-520px;
}

.g19 .over{
	position:absolute;
	top:0;
	z-index:999;
}

.g20 .over{
	position:absolute;
	top:0;
	left:-526px;;
}

.g21 .over{
	position:absolute;
	top:-158px;
	left:-526px;
}

.over{
	display: none;
}

#gallery .l-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 0;
    width: 100%; }
	
#gallery .rel {
    position: relative;
    left: auto;
    bottom: auto; }
	