dl#hmsg {
    width : 1000px;
    overflow : hidden;
    margin : 0 auto 50px auto;
    line-height : 1.8em;
}

dl#hmsg dt {
    float : left;
    margin-right : 30px;
    padding: 8px 30px 10px 0;
    border-right : solid 1px #b4b4b4;
    line-height : 1.5em;
    font-size : 150%;
    font-weight : 600;
}

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

ul#works {
    list-style : none;
    overflow : hidden;
    width : 1300px;
    margin : 0 auto 25px auto;
}

ul#works li {
    float : left;
    position : relative;
    width : 240px;
    margin : 0 25px 25px 0;
}

ul#works li:nth-child(5n) {
    margin : 0 0 25px 0;
}

.thumbnail {
	width : 240px;
	background-size : cover;
	background-position : center center;
	padding-top : 270px;
}

.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 : 25px;
	left : 10%;
}

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

ul#pnavi {
	clear : both;
	width : 1300px;
	margin : 0 auto 70px auto;
}

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

ul#pnavi li a {
	text-decoration : none;
	padding : 4px 12px 7px 12px;
	color : #ffffff;
	background : #dc8200;
    border-radius : 5px;
}

ul#pnavi li a:hover {
	color : #ffffff;
	padding : 4px 12px 7px 12px;
	background : #dc5a00;
    border-radius : 5px;
}

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