@charset "utf-8";
/*//////////////////// index.html ///*/
#top {
	height: 530px;
}
#top-contents {
	height: 1400px;
	display: block;
	padding: 0 0 40px;
}
/*///////// Topics ///*/
.top-topics {
	background: url(../images/index/topics_bg.png) no-repeat top center;
	width: 529px;
	height: 535px;
	display: block;
	position: absolute;
	top: 0;
	left: -7px;
}
.top-topics:hover{
	background: url(../images/index/topics_bg_on.png) no-repeat top center;
}
.top-topics ul {
	margin: 115px 0 0 180px;
}
.top-topics li, .top-blog li {
	width: 280px;
	min-height: 50px;
	margin: 0 0 15px;
	line-height: 1.2;
	clear: left;
}
.top-topics li div.thumnail, .top-blog li div.thumnail{
	float: left;
	width: 64px;
	height: 46px;
	border: #000 solid 2px;
	margin: 0 15px 0 0;
	display: block;
	overflow: hidden;
}
.top-topics li div.thumnail img, .top-blog li div.thumnail img {
	width: 100%;
	height: auto;
}
.top-topics li span, .top-blog li span {
	width: 180px;
}
.top-topics .moreLink {
	width:166px;
	margin: 0 0 0 300px;
	display: block;
}
/*///////// Blogs ///*/
.top-blog {
	background: url(../images/index/blog_bg.png) no-repeat top center;
	width: 480px;
	height: 535px;
	display: block;
	z-index: 4;
	position: absolute;
	top: 0;
	right: -7px;
}
.top-blog:hover{
	background: url(../images/index/blog_bg_on.png) no-repeat top center;
}
.top-blog ul {
	margin: 115px 0 0 165px;
}
.top-blog .moreLink {
	width:166px;
	margin: 0 0 0 300px;
	display: block;
}
/*///////// Works ///*/
.top-works {
	background: url(../images/index/works_bg.png) no-repeat top center;
	width: 974px;
	height: 381px;
	display: block;
	position: absolute;
	top: 532px;
	left: -7px;
	padding: 55px 0 0;
}
.top-works:hover{
	background: url(../images/index/works_bg_on.png) no-repeat top center;
}
#wrapper_slider {
	margin: 0 0 0 250px;
	width: 680px;
}
#wrapper_slider ul {
	margin: 0;
	padding: 0;
}
#wrapper_slider li {
	float: left;
	width: 148px;
	margin: 0 0 0 18px;
}
#wrapper_slider li .photo{
	display: block;
	width: 148px;
	height: 210px;
	overflow: hidden;
	border: 2px solid #000;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper_slider li .photo img {
	width: 148px;
	height: auto;
}
#wrapper_slider li h2{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	margin: 8px 0 0 0;
}
#wrapper_slider li h2 a{
	color: #000000;
	text-decoration: none !important;
}
#wrapper_slider li h2 a:hover{
	text-decoration: underline !important;
}
#wrapper_slider li img:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.top-works .moreLink {
	width:166px;
	margin: -55px 0 0 770px;
	display: block;
}

/*///////// goods ///*/
.top-goods {
	background: url(../images/index/goods_bg.png) no-repeat top center;
	width: 974px;
	height: 381px;
	display: block;
	position: absolute;
	top: 970px;
	left: -7px;
	padding: 55px 0 0;
}
.top-goods:hover{
	background: url(../images/index/goods_bg_on.png) no-repeat top center;
}
#wrapper_slider2 {
	margin: 0 0 0 250px;
	width: 680px;
}
#wrapper_slider2 ul {
	margin: 0;
	padding: 0;
}
#wrapper_slider2 li {
	float: left;
	width: 148px;
	margin: 0 0 0 18px;
}
#wrapper_slider2 li .photo{
	display: block;
	width: 148px;
	height: 205px;
	overflow: hidden;
	border: 2px solid #000;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper_slider2 li .photo img {
	width: 148px;
	height: auto;
}
#wrapper_slider2 li h2{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	margin: 8px 0 0 0;
}
#wrapper_slider2 li h2 a{
	color: #000000;
	text-decoration: none !important;
}
#wrapper_slider2 li h2 a:hover{
	text-decoration: underline !important;
}
#wrapper_slider2 li img:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.top-goods .moreLink {
	width:166px;
	margin: -55px 0 0 770px;
	display: block;
}