@charset "utf-8";
/*
**********************************************************************

* product.css

*********************************************************************
*/

body {
  background-image: url(../images/product/bg_keyv01.jpg);
}
/* =========================================================
Contents
========================================================= */
#wrap {
}
#Contents {
}
#Contents .productSect {
}
#Contents .productSect .sectTit {
  margin-bottom: 10px;
}
#Contents .productSect .sectMain {
}
#Contents .productSect .leadBlock {
  margin-bottom: 31px;
}
#Contents .productSect .leadBlock .leadTxt {
  font-size: 19px;
  line-height: 3.2;
}
#Contents .productSect .photoList {
  width: 1038px;
  margin-left: -38px;
  padding-bottom: 14px;
}
#Contents .productSect .photoList li {
  position:relative;
  width:308px;
  height:308px;
  overflow:hidden;
  float: left;
  margin: 0 0 40px 38px;
}
#Contents .productSect .photoList li .photo img {
  width:100%;
  height:auto;
}
#Contents .productSect .photoList li a {
  display:block;
}

#Contents .productSect .photoList li .photo {
}
#Contents .productSect .photoList li .photo img,
#Contents .productSect .photoList ll .infoBox,
#Contents .productSect .photoList li .infoBox .bg,
#Contents .productSect .photoList li .infoBox .boxTit,
#Contents .productSect .photoList li .infoBox .txt,
#Contents .productSect .photoList li .infoBox .btn{
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease;
}
#Contents .productSect .photoList li.hov .photo img {
  width:110%;
  margin:-5% 0 0 -5%;
}
#Contents .productSect .photoList li .infoBox {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  color:#fff;
  display:block;
}
.ie7 #Contents .productSect .photoList li .infoBox ,
.ie8 #Contents .productSect .photoList li .infoBox {
  display:none;
}
#Contents .productSect .photoList li .infoBox .bg {
  display:block;
  width:100%;
  height:100%;
  background:#2dadc1;
  opacity:0;
  position:absolute;
  left:0;
  top:0;
}
#Contents .productSect .photoList li .infoBox .boxTit {
  padding:12px 0 10px;
  width:100%;
  position:absolute;
  left:0;
  top:-80px;
  text-align:center;
  font-size:24px;
  line-height:24px;
  background:#000000;
  text-align:center;
  vertical-align:middle;
  opacity:0;
}
#Contents .productSect .photoList li .infoBox .boxTit.smallTxt {
  font-size:17px;
}
#Contents .productSect .photoList li .infoBox .txt {
  position:absolute;
  left:0;
  top:358px;
  padding:10px 15px 52px;
  font-size:14px;
  line-height:1.6;
  opacity:0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  line-height:2;
}
#Contents .productSect .photoList li .infoBox .txt.long {
  line-height:inherit;
}
#Contents .productSect .photoList li .infoBox .btn {
  position:absolute;
  bottom:15px;
  width:100%;
  left:0;
  text-align:center;
  opacity:0;
  -webkit-transition-delay: 0.1s; /* Safari */
  transition-delay: 0.1s;
}
#Contents .productSect .photoList li.hov .infoBox {
}
.ie7 #Contents .productSect .photoList li.hov .infoBox ,
.ie8 #Contents .productSect .photoList li.hov .infoBox {
  display:block;
}
#Contents .productSect .photoList li.hov .infoBox .bg {
  opacity:0.8;
}
#Contents .productSect .photoList li.hov .infoBox .boxTit {
  top:0;
  opacity:1;
}
#Contents .productSect .photoList li.hov .infoBox .txt {
  top: 70px;
  opacity:1;
}
#Contents .productSect .photoList li.hov .infoBox .txt.long {
}

#Contents .productSect .photoList li.hov .infoBox .btn {
  opacity:1;
}