div.grid
{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



div.grid div.active h3 a:link,
div.grid div.active h3 a:visited,
div.grid div.active h3 a:hover,
div.grid div.active h3 a:active
{ 
 color: #ffffff;
 text-decoration: none;
}
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 

.works01 {
	float: left;
	width: 125px;
	padding-right: 15px;
}
.works02 {
	float: left;
	width: 125px;
	padding-right: 19px;
}
.works03 {
	float: left;
	width: 322px;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}
.works04 {
	float: left;
	width: 322px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	padding: 13px 0 8px 0;
}
.works05 {
	float: left;
	width: 322px;
	text-align: left;
}
.works06 {
	float: left;
	width: 322px;
	text-align: left;
}
.works07 {
	float: left;
	width: 238px;
	text-align: left;
}
.works08 {
	float: left;
	width: 84px;
	text-align: left;
}


.detail01{
	float: left;
	width: 70px;
	text-align: left;
	padding: 0 11px 15px 0;
}
.detail02{
	float: left;
	width: 70px;
	padding: 0 0 15px 0;
}
.detail03{
	float: left;
	width: 84px;
	text-align: left;
}