@charset"UTF-8";

/*-----------------------------------------------------------------------------
画像の上に表題をスライドさせる
------------------------------------------------------------------------------*/
*{
padding:0px;
margin:0px;
}
a{
color:#C8DCE5;
}
h3{
margin:10px 10px 0 10px;
color:#FFF;
font:18pt Arial, sans-serif;
letter-spacing:-1px;
font-weight: bold;
}
.boxgrid{ 
width:640px; 
height:385px; 
margin:30px auto;
text-align:center;
background:#161613; 
border:solid 2px #8399AF; 
overflow:hidden; 
position:relative; 
}
.boxgrid img{ 
position:absolute; 
top:0; 
left:0; 
border:0; 
}
.boxgrid p{ 
padding:0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-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: 260;
left: 0;
}
.caption .boxcaption{
top:220;
left:0;
}
.boxcaption a{
color:#FFFFFF;
font-weight:bold;
}