@charset "utf-8";

/* WORKS
---------------------------------------------*/

.works #header {background: url(../img/bg_header.jpg) left top no-repeat;}

.works #contents {
	padding-left: 27px;
	padding-right: 20px; }

#msg {
	overflow: hidden;
	margin-bottom: 25px;
	padding-bottom: 10px;}

#msg h3 img {margin-left: -15px;}

#msg ul li {
	display: block;
	width: 320px;
	float: left;
	margin: 10px 15px 0 0;}

#msg ul li dd {
	padding-top: 10px;
	text-align: center;}

.workbox,.workbox02 {
	clear: both;
	margin-bottom: 40px;}

.workbox h4,.workbox02 h4 {
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
	background-color: #937d66;}

.workbox h4 strong,.workbox02 h4 strong {
	float: left;}

.workbox h4 span {
	float: right;
	font-size: 12px;
	text-align: right;}

.workbox .ph {
	display: inline;
	float: left;}

.workbox ul li {
	float: left;
	margin: 0 0 15px 16px;}

.workbox02 ul {
	position: relative;
	width: 930px;
	_width: 950px;
	margin-left: -14px;
	_margin-left: -28px;}

.workbox02 ul li {
	float: left;
	margin: 0 0 15px 16px;}

.workbox02 ul li img {
	width: 138px;
	height: 138px;}

.workbox .right {
	clear: both;
	display: block;
	text-align: right;
	margin-top: -1.5em;
	color: #300;}

.workbox ul li a:hover img,.workbox02 ul li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}