@charset "UTF-8";
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	gnav active
----------------------------------------------------*/
/* ===================================================================
CSS information

 file name  :gallery.css
 author     :Ability Consultant
style info  :フォトギャラリー
=================================================================== */
#TB_closeWindow {
  /*本アップの際に削除*/
  line-height: 1.2;
  height: auto;
}

/*-----------------------------------------------------------
	gnav active
-----------------------------------------------------------*/
#gnav li.gnav_gar a {
  border-top: 3px solid #f4f8f8;
  background: #f4f8f8;
}

/*-----------------------------------------------------------
	.con_gallery
-----------------------------------------------------------*/
.con_gallery {
  overflow: hidden;
  *zoom: 1;
  clear: both;
}
.con_gallery ul {
  width: 226px;
  float: left;
  margin: 0 5px;
}
.con_gallery ul li {
  margin: 6px 0;
}
.con_gallery ul li a {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 170px;
}
.con_gallery ul li.img1 a {
  background: url(../images/gallery/img_photo1.jpg) center 0 no-repeat;
}
.con_gallery ul li.img1 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img2 a {
  background: url(../images/gallery/img_photo2.jpg) center 0 no-repeat;
}
.con_gallery ul li.img2 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img3 a {
  background: url(../images/gallery/img_photo3.jpg) center 0 no-repeat;
  padding-top: 302px;
}
.con_gallery ul li.img3 a:hover {
  background-position: 0 -302px;
}
.con_gallery ul li.img4 a {
  background: url(../images/gallery/img_photo4.jpg) center 0 no-repeat;
  padding-top: 126px;
}
.con_gallery ul li.img4 a:hover {
  background-position: 0 -126px;
}
.con_gallery ul li.img5 a {
  background: url(../images/gallery/img_photo5.jpg) center 0 no-repeat;
  padding-top: 126px;
}
.con_gallery ul li.img5 a:hover {
  background-position: 0 -126px;
}
.con_gallery ul li.img6 a {
  background: url(../images/gallery/img_photo6.jpg) center 0 no-repeat;
}
.con_gallery ul li.img6 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img7 a {
  background: url(../images/gallery/img_photo7.jpg) center 0 no-repeat;
}
.con_gallery ul li.img7 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img8 a {
  background: url(../images/gallery/img_photo8.jpg) center 0 no-repeat;
  padding-top: 126px;
}
.con_gallery ul li.img8 a:hover {
  background-position: 0 -126px;
}
.con_gallery ul li.img9 a {
  background: url(../images/gallery/img_photo9.jpg) center 0 no-repeat;
}
.con_gallery ul li.img9 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img10 a {
  background: url(../images/gallery/img_photo10.jpg) center 0 no-repeat;
}
.con_gallery ul li.img10 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img11 a {
  background: url(../images/gallery/img_photo11.jpg) center 0 no-repeat;
  padding-top: 227px;
}
.con_gallery ul li.img11 a:hover {
  background-position: 0 -227px;
}
.con_gallery ul li.img12 a {
  background: url(../images/gallery/img_photo12.jpg) center 0 no-repeat;
}
.con_gallery ul li.img12 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img13 a {
  background: url(../images/gallery/img_photo13.jpg) center 0 no-repeat;
}
.con_gallery ul li.img13 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img14 a {
  background: url(../images/gallery/img_photo14.jpg) center 0 no-repeat;
  padding-top: 126px;
}
.con_gallery ul li.img14 a:hover {
  background-position: 0 -126px;
}
.con_gallery ul li.img15 a {
  background: url(../images/gallery/img_photo15.jpg) center 0 no-repeat;
}
.con_gallery ul li.img15 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img16 a {
  background: url(../images/gallery/img_photo16.jpg) center 0 no-repeat;
}
.con_gallery ul li.img16 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img17 a {
  background: url(../images/gallery/img_photo17.jpg) center 0 no-repeat;
  padding-top: 360px;
}
.con_gallery ul li.img17 a:hover {
  background-position: 0 -360px;
}
.con_gallery ul li.img18 a {
  background: url(../images/gallery/img_photo18.jpg) center 0 no-repeat;
  padding-top: 360px;
}
.con_gallery ul li.img18 a:hover {
  background-position: 0 -360px;
}
.con_gallery ul li.img19 a {
  background: url(../images/gallery/img_photo19.jpg) center 0 no-repeat;
}
.con_gallery ul li.img19 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img20 a {
  background: url(../images/gallery/img_photo20.jpg) center 0 no-repeat;
}
.con_gallery ul li.img20 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img21 a {
  background: url(../images/gallery/img_photo21.jpg) center 0 no-repeat;
}
.con_gallery ul li.img21 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img22 a {
  background: url(../images/gallery/img_photo22.jpg) center 0 no-repeat;
}
.con_gallery ul li.img22 a:hover {
  background-position: 0 -170px;
}
.con_gallery ul li.img23 a {
  background: url(../images/gallery/img_photo23.jpg) center 0 no-repeat;
  padding-top: 152px;
}
.con_gallery ul li.img23 a:hover {
  background-position: 0 -152px;
}
.con_gallery ul li.img24 a {
  background: url(../images/gallery/img_photo24.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img24 a:hover {
  background-position: 0 -151px;
}
.con_gallery ul li.img25 a {
  background: url(../images/gallery/img_photo25.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img25 a:hover {
  background-position: 0 -151px;
}
.con_gallery ul li.img26 a {
  background: url(../images/gallery/img_photo26.jpg) center 0 no-repeat;
  padding-top: 150px;
}
.con_gallery ul li.img26 a:hover {
  background-position: 0 -150px;
}
.con_gallery ul li.img27 a {
  background: url(../images/gallery/img_photo27.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img27 a:hover {
  background-position: 0 -151px;
}
.con_gallery ul li.img28 a {
  background: url(../images/gallery/img_photo28.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img28 a:hover {
  background-position: 0 -151px;
}
.con_gallery ul li.img29 a {
  background: url(../images/gallery/img_photo29.jpg) center 0 no-repeat;
  padding-top: 342px;
}
.con_gallery ul li.img29 a:hover {
  background-position: 0 -342px;
}
.con_gallery ul li.img30 a {
  background: url(../images/gallery/img_photo30.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img30 a:hover {
  background-position: 0 -151px;
}
.con_gallery ul li.img31 a {
  background: url(../images/gallery/img_photo31.jpg) center 0 no-repeat;
  padding-top: 151px;
}
.con_gallery ul li.img31 a:hover {
  background-position: 0 -151px;
}