@charset "utf-8";
#contG{
	width:100%;
}
#gallerySlide{
	width:100%;
	position:relative;
}
#gallerySlide #back{
	position:relative;
	z-index:1;
}
#gallerySlide #front{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:5;
}
#puntLi{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;
	display:inline;
	background-color:#000;
	color:#FFF;
	padding:5px 10px;
}
#galleryArrowLeft{
	position:absolute;
	left:0px;
	top:50%;
	width:30px;
	height:50px;
	margin-top:-25px;
	background:url(../img/common/b80.png) left top repeat;
	z-index:10;
}
#galleryArrowRight{
	position:absolute;
	right:0px;
	top:50%;
	width:30px;
	height:50px;
	margin-top:-25px;
	background:url(../img/common/b80.png) left top repeat;
	z-index:10;
}
#galleryArrowRight >img,
#galleryArrowLeft >img{
	margin:10px auto;
}

#thumbleGalleryBox{
	width:100%;
	min-width:1000px;
	background-color:#323130;
	position:relative;
}
#thumbleGallery{
	position:relative;
	overflow:hidden;
}
#thumbleCont{
	padding-top:20px;
	padding-bottom:20px;
	width:4000px;
	margin-left:30px;
}
#thumbleCont li{
	max-width:180px;
	
}
#thumbleCont li img{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.thumbleArrow{
	width:30px;
	height:100%;
	background-color:#323130;
	z-index:20;
	display:table;
}
#thumbleArrowLeft{
	position:absolute;
	left:0px;
	top:0%;	
}
#thumbleArrowRight{
	position:absolute;
	right:0px;
	top:0%;
}
#thumbleArrowRight span,
#thumbleArrowLeft span{
	display:table-cell;
	vertical-align:middle;
}
.thumbleArrow span img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.thumbleArrow:hover span img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter: alpha(opacity=65);opacity:0.65;-moz-opacity: 0.65;-khtml-opacity: 0.65;cursor:pointer;
}
@media only screen and (max-width:640px){
#thumbleGalleryBox{
	min-width:320px;
}
}