@charset "UTF-8";
/* CSS Document */

/* WORKS TOP */
#works{
	width: 760px;
	height: 520px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#thumb{
	width: 765px;
	margin-right: -5px;
	overflow: hidden;
}
#thumb div{
	width: 187px;
	height: 128px;
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
}
#thumb div a{
	width: 187px;
	height: 0px;
	padding-top: 128px;
	font-size: 1em;
	line-height: 2em;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}



#thumb01,#thumb01 a{
	background-image: url(../img/works_img01.jpg);
}
#thumb02,#thumb02 a{
	background-image: url(../img/works_img02.jpg);
}
#thumb03,#thumb03 a{
	background-image: url(../img/works_img03.jpg);
}
#thumb04,#thumb04 a{
	background-image: url(../img/works_img04.jpg);
}
#thumb05,#thumb05 a{
	background-image: url(../img/works_img05.jpg);
}
#thumb06,#thumb06 a{
	background-image: url(../img/works_img06.jpg);
}
#thumb07,#thumb07 a{
	background-image: url(../img/works_img07.jpg);
}
#thumb08,#thumb08 a{
	background-image: url(../img/works_img08.jpg);
}
#thumb09,#thumb09 a{
	background-image: url(../img/works_img09.jpg);
}
#thumb10,#thumb10 a{
	background-image: url(../img/works_img10.jpg);
}
#thumb11,#thumb11 a{
	background-image: url(../img/works_img11.jpg);
}
#thumb12,#thumb12 a{
	background-image: url(../img/works_img12.jpg);
}
#thumb13,#thumb13 a{
	background-image: url(../img/works_img13.jpg);
}
#thumb14,#thumb14 a{
	background-image: url(../img/works_img14.jpg);
}
#thumb15,#thumb15 a{
	background-image: url(../img/works_img15.jpg);
}
#thumb16,#thumb16 a{
	background-image: url(../img/works_img16.jpg);
}

#thumb01 a:hover,#thumb01 a.hover{
	background-image: url(../img/works_img01on.jpg);
}
#thumb02 a:hover,#thumb02 a.hover{
	background-image: url(../img/works_img02on.jpg);
}
#thumb03 a:hover,#thumb03 a.hover{
	background-image: url(../img/works_img03on.jpg);
}
#thumb04 a:hover,#thumb04 a.hover{
	background-image: url(../img/works_img04on.jpg);
}
#thumb05 a:hover,#thumb05 a.hover{
	background-image: url(../img/works_img05on.jpg);
}
#thumb06 a:hover,#thumb06 a.hover{
	background-image: url(../img/works_img06on.jpg);
}
#thumb07 a:hover,#thumb07 a.hover{
	background-image: url(../img/works_img07on.jpg);
}
#thumb08 a:hover,#thumb08 a.hover{
	background-image: url(../img/works_img08on.jpg);
}
#thumb09 a:hover,#thumb09 a.hover{
	background-image: url(../img/works_img09on.jpg);
}
#thumb10 a:hover,#thumb10 a.hover{
	background-image: url(../img/works_img10on.jpg);
}
#thumb11 a:hover,#thumb11 a.hover{
	background-image: url(../img/works_img11on.jpg);
}
#thumb12 a:hover,#thumb12 a.hover{
	background-image: url(../img/works_img12on.jpg);
}
#thumb13 a:hover,#thumb13 a.hover{
	background-image: url(../img/works_img13on.jpg);
}
#thumb14 a:hover,#thumb14 a.hover{
	background-image: url(../img/works_img14on.jpg);
}
#thumb15 a:hover,#thumb15 a.hover{
	background-image: url(../img/works_img15on.jpg);
}
#thumb16 a:hover,#thumb16 a.hover{
	background-image: url(../img/works_img16on.jpg);
}



#white{
	width: 800px;
	/height: 635px;
	height: 1111px;
	top: 135px;
	left: 10px;
	position: absolute;
	background: #FFFFFF;
}



/*
#flickscroll{
	margin: 0 auto;
	width: 760px;
	height: 520px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #CCC;
}
#flickscroll ul{
	top: 0;
	left: 0;
	height: 522px;
	position: absolute;
	overflow: hidden;
}
#flickscroll ul li{
	width: 760px;
	height: 520px;
	float: left;
	display: inline;
	overflow: hidden;
}



#flickthumb{
	margin: 0px auto;
	width: 762px;
	text-align: right;
}
#flickthumb ul{
	width: 762px;
}
#flickthumb ul li{
	width: 52px;
	height: 37px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb ul li img{
	width: 50px;
	height: 35px;
	border: 1px solid #CCC;
}
#flickthumb ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
*/


/* ClearFixElements */
/*
#flickscroll ul:after,
#flickthumb ul:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#flickscroll ul,
#flickthumb ul{
	display: inline-block;
	overflow: hidden;
}
#images{
	width: 762px;
	height: 522px;
	/height: auto;
	position: relative;
	overflow: hidden;
	/overflow: visible;
}



#images .slide{
	width: 760px;
	height: 520px;
	border: 1px solid #CCC;
}
#keyView{
	background: #FFFFFF;
	float: left;
	width: 760px;
	padding: 10px;
	/display: none;
}
#keyView a:hover img{
	background: none;
	opacity: 1;
	filter: alpha(opacity=100);
}
div.thumbnails{
	float: right;
	bottom: 1px;
	right: 1px;
	/display: none;
}
div.thumbnails img{
	cursor: pointer;
	display: inline-block;
	margin-right: 0px;
	width: 50px;
	height: 35px;
}
*/