@charset "utf-8";
/* CSS Document */
.main{
	margin:0 40px;
}
html .main section{
	margin:20px 0;
}
.main h2{
	width:100%;
	height:0;
	padding-top:17.3%;
	background: url(../../images/works/works_title_s.gif) no-repeat top left;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
}
.imagelist{
	list-style-type: none;
	margin:0;
	padding:0;
}
.main .imagelist li{
	position:relative;
	margin:10px auto;
	padding:0;
	width:226px;
	overflow: hidden;
	z-index: 1;
}
.imagelist li a{
	display:block;
	padding:17px 5px 5px;
}
.imagelist a:hover img{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.imagelist li a:before{
	content:"ぬいぐるみ";
	display: block;
	position: absolute;
	text-indent:-9999px;
	top:0;
	left:0;
	background:url(../../images/works/img_cover.png) no-repeat top left;
	width:226px;
	height:238px;
	z-index: 10;
}