@charset "UTF-8";

/*--------------------------------------------------------------------
works.html
works.css
--------------------------------------------------------------------*/

/*------------Title------------------------------------*/
div#Title { background-image: url(../../img/parts/title_bg-works.jpg); }


/*------------works------------------------------------*/
div#works ul {
	width: 640px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#works ul li {
	position: relative;
	width: 250px;
	float: left;
}
div#works ul li:nth-child(2n) { float: right; }
div#works ul li a { display: block; }
div#works ul li div {
	overflow: hidden;
	background-color: #eaeaea;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
div#works ul li:hover,
div#works ul li a:hover {
	text-decoration: underline;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
div#works ul li h3 {
	width: 140px;
	height: 47px;
	margin: 10px auto 0;
	background-repeat: no-repeat;
	background-position: center center;
	transition: opacity .3s;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#works ul li#wbtn01 h3 { background-image: url(../../img/pc/top/works_t01.png); }
div#works ul li#wbtn02 h3 { background-image: url(../../img/pc/top/works_t02.png); }