ul#works {
	list-style : none;
	overflow : hidden;
	margin-bottom : 3%;
}

ul#works li {
	float : left;
	position : relative;
	width : 49%;
	margin : 0 2% 2% 0;
}

ul#works li:nth-child(2n) {
	margin : 0 0 2% 0;
}

ul#works li p {
	position : relative;
	width : 100%;
	border-radius : 8px;
}

ul#works li p:after {
	position : absolute;
	content : "";
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : -webkit-linear-gradient(top,rgba(0,0,0,0)40%,rgba(0,0,0,0.5)80%);
	border-radius : 8px;
}

.thumbnail {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 200px;
}

ul#works li h3 {
	position : absolute;
	width : 90%;
	font-size : 100%;
	font-weight : 600;
	line-height : 1.3em;
	color : #ffffff;
	text-align : center;
	left : 5%;
	bottom : 20px;
	z-index : 1;
}

ul#works li h3 span {
	display : block;
}

/*----------PAGE_NAVI----------*/

ul#pnavi {
	clear : both;
	overflow : hidden;
	width : 90%;
	margin-bottom : 2%;
	font-size : 94%;
	font-style : normal;
}

ul#pnavi li {
	list-style : none;
	display : inline;
	margin : 0 1px 0 0;
	line-height : 2.75em;
}

ul#pnavi li a,ul#pnavi li a:hover {
	text-decoration : none;
	padding : 4px 12px 7px 12px;
	color : #ffffff;
	background : #2d9bf5;
	border-radius : 6px;
}

ul#pnavi span.current_page {
	padding : 4px 12px 7px 12px;
	color : #282828;
	background-color : #e6e6e6;
	border-radius : 6px;
}

/*----------GALLERY----------*/

ul#gallery {
	list-style : none;
	overflow : hidden;
	width : 100%;
	margin-bottom : 4%;
}

ul#gallery li {
	float : left;
	position : relative;
	width : 48.5%;
	margin : 0 3% 3% 0;
}

ul#gallery li:nth-child(2n) {
	margin : 0 0 3% 0;
}

.thumbnail {
	position : relative;
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 200px;
	border-radius : 8px;
}

.thumbnail p {
	position : absolute;
	width : 24px;
	right : 10px;
	bottom : 10px;
}

.thumbnail img {
	width : 100%;
	height : 100%;
}

/*----------DATA----------*/

#boxR {
	width : 100%;
	margin-bottom : 4%;
}

#data {
	margin-bottom : 7%;
	padding : 6% 6% 7% 6%;
	background : #e6e6e6;
	border-radius : 10px;
}

#data h3 {
	margin-bottom: 5%;
	font-size : 110%;
	font-weight : 700;
	text-align : center;
}

#data dl {
	padding-top : 6px;
	border-top : solid 6px #b4b4b4;
}

#data dl dt {  
	float: left;
	width : 90px;
	padding : 8px 0 9px 0;
}

#data dl dt {   
	clear : left;
}

#data dl dd {
	padding : 8px 0 9px 0;
	border-bottom : solid 1px #aaaaaa;
}

#data dl dd a {
	color : #323232;
	text-decoration : underline;
}

#boxR p {
	width : 180px;
	margin : 0 auto 0 auto;
	font-size : 90%;
	text-align : center;
}

#boxR p a {
	display : block;
	padding : 6px 0 8px 0;
	color : #282828;
	border : solid 3px #cccccc;
	background : #ffffff;
	border-radius : 30px;
	text-decoration : none;
}