@charset "UTF-8";
#recommend {padding:10px;width:550px}
	#recommend h2 { display:block; width:550px; height:70px; background: url(../images/h2-recommend.jpg) no-repeat; background-position:left; padding:0; margin:0 0 10px 0; overflow:hidden; text-indent:-800px; }
	#recommend h3 { width:510px; display:block; margin:0 0 0 15px; color:#000; line-height:18px; font-size:12px; padding:0; background:url(../images/art-pt.gif) no-repeat; background-position:bottom left; border-bottom:1px dashed #C20C0B;text-indent:15px;}
		#recommend h3 a {color:#000; text-decoration:none;}
		#recommend h3 a:hover {color:#C20C0B;}
		.art { padding:10px 15px 10px 30px;}
		.art p { font-size:12px; color:#444; line-height:18px; margin:0; padding:0 0 8px 0;}
		.art-index { float:left;}
		.artlink { text-align:right; display:block;}
.art-image { float:left; width:144px;  margin:0 4px 4px 0; }
	.art-image img { border:1px solid #FFF; padding:1px;width:138px;}
	.art-image img:hover { border:1px solid #C20C0B; padding:1px;}
.art-image1 img { display:block;}
	.art-image1 img {clear:left;float:left;}
.art-image2 { clear:left;float:left; }
	.art-image2 img {}
.art-image3 {float:left; }
	.art-image3 img {}
#recommend-inner { background-color:#FFF;padding:10px 30px 0 30px; }
	#recommend-inner h2 { margin:0; padding:0; line-height:24px; font-size:16px; color:#C20C0B;}
	#recommend-inner p {margin:0; padding:0 20px; line-height:16px; font-size:12px;color:#333;}

#recommend-navi { background-color:#C20C0B; padding:2px 0 0 12px;}
	#recommend-navi ul { margin:0; padding:0;border-left:1px solid #FFF; line-height:16px;}
	#recommend-navi li { margin:0; padding:0; float:left; font-weight:bold; font-size:12px; line-height:16px;border-right:1px solid #FFF; list-style:none;}
	#recommend-navi li a { color:#FFF; text-decoration:none; padding:0 5px; white-space:nowrap;}
#recommend-iframe { padding:10px;}
	#recommend-iframe iframe { width:775px; height:800px;}