@charset "utf-8";

/*common*********************************/

@media screen and (min-width:750px){

/*concept*/

#content.works .mainarea{
	height:408px;
	width:100%;
	background:url(/images/works/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

#content.works .mainarea.worksde{
	display:none;

}


.works .workswrapper{
	width:960px;
	margin:70px auto 50px;
}

.works .workswrapper ul{
	width:990px;
	margin:0 0 0 -30px;
}

.works .workswrapper ul li{
	width:300px;
	float:left;
	margin:0 0 30px 30px;
}

.works .workswrapper ul li a:hover{
	opacity:0.8;
}

.works .workswrapper .workstl{
	text-align:center;
	padding:0 0 70px 0;
}

.works .pan{
	margin:90px 0 0 0;
}

.works .pan.index{
	margin:0 0 0 0;
}

.works .workswrapper .workstl img{
	display:inline-block;
	width:325px;
}

.works .workswrapper .worksphoto {
	text-align:center;
	margin:0 auto 70px;
	width:620px;
}

.works .workswrapper .worksphoto img{
	display:inline-block;
}

.works .workswrapper .worksphoto .cap {
	text-align:center;
	font-size:0.8rem;
	padding:10px 0 0 0;
}

.works .workswrapper .worksphoto table {
	font-size:0.8rem;
}

.works .workswrapper .worksphoto table tr td{
	padding:0 20px ;
}

.works .workswrapper .worksphoto table tr td a:hover{
	opacity:0.8;
}

.works .workswrapper .worksphoto table tr td.cent{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	
}


}

@media screen and (max-width:750px){

/*concept*/
#content.works .mainarea{
	height:300px;
	width:100%;
	background:url(/images/works/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

#content.works .mainarea.worksde{
	background:#1a1a1a;
	height:60px;

}

.works .workswrapper{
	width:90%;
	margin:40px auto 40px;
}

.works .workswrapper ul{
	width:100%;
	margin:0 0 0 0;
}

.works .workswrapper ul li{
	width:100%;
	margin:0 0 30px 0;
}

.works .workswrapper ul li img{
	width:100%;
}

.works .workswrapper ul li a:hover{
	opacity:0.8;
}


.works .workswrapper .workstl{
	text-align:center;
	margin:0 auto 40px 0;
	width:100%;
}

.works .workswrapper .workstl img{
	width:100%;
}

.works .workswrapper .worksphoto {
	text-align:center;
	margin:0 auto 40px;
	width:100%;
}

.works .workswrapper .worksphoto img{
	width:100%;
}

.works .workswrapper .worksphoto .cap {
	text-align:center;
	font-size:0.7rem;
	padding:10px 0 0 0;
}

.works .workswrapper .worksphoto table {
	font-size:0.8rem;
}

.works .workswrapper .worksphoto table tr td{
	padding:0 20px ;
}

.works .workswrapper .worksphoto table tr td a:hover{
	opacity:0.8;
}

.works .workswrapper .worksphoto table tr td.cent{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	
}

}