@charset "UTF-8";
@import "common.css";
@import "base.css";


/*works一覧--------------------*/

#works_box {
	width: 580px;
	margin: 20px auto 0px auto;
}

.works {
	display:block;
	width: 270px;
	height: 117px;
	margin: 0 5px 10px 5px;
	padding: 4px;
	float: left;
	border: #DDDDDD solid 1px;
	background-color: #FFFFFF;
	text-align: left;
}


.works a:hover{
	background-color: #F5F5F5;
	text-decoration: none;
}

.works-ph {
	width: 117px;
	height: 117px;
	margin: 0;
	padding: 0;
	float: left;
}

.works-text {
	width: 140px;
	height: 117px;
	margin: 0;
	padding: 0;
	float: right;
}

.works-text li {
	list-style: none;
	padding: 0;
}

.works-data-name,
.works-ttl-name {
	font-size: 78%;
	color: #666666;
}

.works-data {
	font-size: 93%;
	color: #000000;
	margin: 0 0 5px 0;
}

.works-ttl{
	font-size: 93%;
	font-weight: bold;
	color: #000000;
}

.works-ttl a{
	font-weight: bold;
	color: #000000;
}

.works-btn-more {
	margin: 5px 0 0 0;
	text-align: right;
}


/*works詳細--------------------*/

.view_ttl {
	width: 566px;
	margin: 1px auto 0 auto;
	padding: 15px 22px 18px 22px;
	background-color: #f1f1f1;
	border-bottom: 1px solid #e8e8e8;
}

.view_ttl .day {
	padding: 2px 0 2px 15px;
	border-left: 3px solid #000000;
	font-size: 77%;
	color: #7d7d7d;
}

.view_ttl h2 {
	padding: 0 0 7px 15px;
	border-left: 3px solid #000000;
	color: #575757;
	font-size: 108%;
}

.view_ttl h2 img {
	margin: 0 0 0 10px;
	vertical-align: baseline;
}

.view_block {
	width: 580px;
	margin: 30px auto 0 auto;
}

/*
.view_block p,
.view_block div {
	margin-bottom: 30px;
}
*/