@charset "utf-8";

/* newworks
----------------------------------------------- */

#newworks article h3,
#newworks article .summary {
	font-weight: normal;
	letter-spacing:0px;
	line-height: 1.5em;
}

#newworks {
	padding: 185px 0 88px;
	max-width:1312px;
}
#newworks h2 {
	display: none;
}
#newworks .articles {
	margin: auto;
	width: 1312px;
}
#newworks article {
	position: relative;
	float: left;
	padding: 230px 0 0;
	width: 328px;
	height: 120px;
}
#newworks article h3 {
	font-size: 0.75em;
}
#newworks article .summary {
	height:40px;
	font-size: 0.75em;
}
#newworks article .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 328px;
	height: 218px;
	overflow: hidden;
}

/* completeworks
----------------------------------------------- */

#completeworks article h3,
#completeworks article .summary {
	font-weight: normal;
	letter-spacing:0px;
	line-height: 1.5em;
}

#completeworks {
	padding: 185px 0 50px;
}
#completeworks h2 {
	display: none;
}
#completeworks .articles {
	margin: auto;
	width: 1120px;
	max-width:1344px;
}
#completeworks article {
	position: relative;
	float: left;
	padding: 158px 0 0;
	width: 224px;
	height: 120px;
}
#completeworks article h3 {
	font-size: 0.65em;
}
#completeworks article .summary {
	font-size: 0.65em;
}
#completeworks article .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 224px;
	height: 148px;
	overflow: hidden;
}

/* control */

#completeworks .control {
	margin: 30px 0 0;
}
#completeworks .control li {
	display: inline;
	margin: 0 8px;
}
#completeworks .control li a {
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#completeworks .control .page a {
	width: 19px;
	height: 41px;
	background: url(../img/common/b_pages.png) no-repeat 0 12px;
	cursor: pointer;
}
#completeworks .control .current a { background-position: -29px 12px; }
#completeworks .control .prev,
#completeworks .control .next {
	margin: 0 20px;
}
#completeworks .control .prev a,
#completeworks .control .next a {
	width: 31px;
	height: 41px;
	background: url(../img/common/b_control.png) no-repeat;
}
#completeworks .control .next a { background-position: -31px 0; }

/* works
----------------------------------------------- */

#works header h1,
#works header h2,
#works header p,
#works .summary {
	-moz-transform: scale(0.97,1);
	-webkit-transform: scale(0.97,1);
	-o-transform: scale(0.97,1);
	-ms-transform: scale(0.97,1);
	transform: scale(0.97,1);
	font-weight: normal;
	letter-spacing:0px;
	line-height: 1.5em;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#works header h1,
	#works header h2,
	#works header p,
	#works .summary  {
		font-weight:500;
	}
	#works .summary  {
		background-color:#000019;
	}
}

#works header {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -50px 0 0;
	width: 100%;
	color: white;
	z-index: 1;
}
#works header h1 {
	font-size: 1.5em;
}
#works header h2 {
	padding: 12px 0 0;
	font-size: 0.8em;
}
#works header p {
	padding: 35px 0 0;
	font-size: 0.8em;
}
#works .base {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,25);
}
#works .summary {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -350px 0 0 -630px;
	width: 1260px;
	font-size: 0.8em;
	text-align: center;
}
#works .image {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -630px;
	padding: 0 0 100px;
	width: 1260px;
}
#works .image li {
	padding: 10px 0;
}

/* control */

#works .control li {
	display: none;
	position: absolute;
	top: 50%;
	margin: -20px 0 0;
	z-index: 1;
}
#works .control .prev { left: 10px; }
#works .control .next { right: 10px; }
#works .control li a {
	display: block;
	width: 31px;
	height: 41px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/common/b_control.png) no-repeat;
	overflow: hidden;
}
#works .control .prev a { background-position: 0 0; }
#works .control .next a { background-position: -31px 0; }

/* pages */

#works .pages {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: 335px 0 0;
}
#works .pages li {
	display: inline;
	margin: 0 4px;
}
#works .pages span {
	display: inline-block;
	width: 29px;
	height: 19px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/common/b_pages.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
#works .pages .current span { background-position: -29px 0; }

/* close */

#works .close {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 42px;
	height: 41px;
	background: url(../img/common/b_control.png) no-repeat -62px 0;
	cursor: pointer;
	z-index: 1;
}

/* worksdetail
----------------------------------------------- */

#worksdetail {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,25);
	z-index: 20;
}