@charset "shift_jis";

/* マスオーバー時にキャプション表示
-----------------------------------------*/
.boxgrid a { color: #ff6666; }

body#top div.boxgrid	{ 
	width: 216px; 
	height: 120px;
	margin-bottom:20px;
	overflow: hidden; 
	position: relative;
}
.boxgrid	{ 
	width: 216px; 
	height: 120px;
	margin-bottom:10px;
	overflow: hidden; 
	position: relative;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0;
}
.boxgrid h3	{
	padding: 10px 10px 5px;
	color:#FFF;
	font-family: 'Georgia', Times, serif;
}
.boxgrid p{ 
	padding: 0 10px; 
	color: #afafaf;
	font-family: 'Georgia', Times, serif;
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 216px;
	left: 0;
}