@charset "utf-8";
/* CSS Document */

#pageTitle{
	background:url(../img/gravure/bgPageTitle.jpg) no-repeat left top;
	height:85px;
	width:328px;
	padding-left:372px;
}

#pageTitle span{
	color:#F00;
	font-weight:bold;
}

#gravureBox ul{
	width:718px;
	margin-right:-14px;
}


#gravureBox li{
	margin:0 14px 30px 0;
	width:345px;
	height:240px;
	float:left;
}



#gravureBox .figure{
	display:block;
	width:345px;
	height:157px;
	overflow:hidden;
	position:relative;
	margin-bottom:7px;
}

#gravureBox .figure a img{
	position:absolute;
	top:0;
	left:0;
}

a .hoverImg{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

a .hoverImg:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.date{
	background:url(../img/gravure/iconArrow.jpg) no-repeat left top;
	padding-left:24px;
	color:#33cccc;
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
}

.info{
	background:url(../img/gravure/bgLine.jpg) repeat-x left top;
	padding-top:7px;
	
}

.info dt{
	color:#666666;
	width:50px;
	margin:0 10px 5px 0;
	float:left;
	clear:both;
}

.info dd{
	float:left;
}

.info dd a{
	color:#000;
	text-decoration:underline;
}

.info dd a:hover{
	text-decoration:none;
}

.nameLink a{
	color:#F00!important;
	font-weight:bold;
	text-decoration:none!important;
	font-size:14px;
}


.nameLink a:hover{
	text-decoration:underline!important;
}