dl#hmsg {
	margin : 0 7.5% 7% 7.5%;
}

dl#hmsg dt {
	margin-bottom : 5%;
    padding-bottom : 5%;
    border-bottom : solid 1px #b4b4b4;
	font-size : 130%;
	font-weight : 600;
}

dl#hmsg dd {
	line-height : 1.5em;
}

ul#works {
	list-style : none;
    overflow : hidden;
    width : 90%;
    margin : 0 auto 6% auto;
}

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;
}

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

.thumbnail: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.6)90%);
}

ul#works li h4 {
	position : absolute;
	width : 80%;
	color : #ffffff;
	line-height : 1.4em;
	font-size : 94%;
	font-weight : 500;
    letter-spacing : 3px;
	text-align : center;
	bottom : 20px;
	left : 10%;
}

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

ul#pnavi {
	clear : both;
    margin : 0 6% 10% 6%;
}

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

ul#pnavi li a {
	text-decoration : none;
	padding : 3px 11px 6px 11px;
	color : #ffffff;
	background : #dc8200;
    border-radius : 5px;
}

ul#pnavi li a:hover {
	color : #ffffff;
	padding : 3px 11px 6px 11px;
	background : #dc5a00;
    border-radius : 5px;
}

ul#pnavi span.current_page {
	padding : 3px 11px 6px 11px;
	color : #282828;
	background-color : #dcdcdc;
    border-radius : 5px;
}