@charset "UTF-8";

#recommend {}
	#recommend h2 { background-image: url(../images/recommend-title.gif);}
	#recommend h3 {color:#4E0000; font-size:12x; line-height:16px; border-bottom:1px solid #4E0000; margin-bottom:2px; padding-left:15px; background:url(../images/h3pt1.gif) no-repeat; background-position:0 2px;}
	.art-top { width:670px; margin:16px 0 0 0; background:#F2EAE8 url(../images/works-top.gif) no-repeat; background-position:top; }
		.art-top-inner {width:640px; padding:15px;background:url(../images/works-end.gif) no-repeat; background-position:bottom;}
			.art-top table {width:640px;}
			.art-top th {padding:0 0 5px 0;font-size:12px; line-height:16px;}
			.art-top td {font-size:12px; line-height:16px;}
			.art-thumb { width:180px;padding:0 10px 0 5px; vertical-align:middle;}
			.art-text {padding:0 10px 0 0;vertical-align:top;}
			.morelink {width:90px; vertical-align:middle;display:block; background:#EBDDDA; vertical-align: middle; text-indent:-8000px; overflow:hidden;}
				.morelink a { display:block; width:80px; height:20px; background:url(../images/top2-art-end.gif) right no-repeat; }
				.morelink a:hover { display:block; width:80px; height:20px; background:url(../images/top2-art-end2.gif) right no-repeat; }
		
	.art { padding:10px 20px; clear:both; }
		.art p {color:#333; padding:5px 15px 0 15px; clear:both;font-size:12px; line-height:16px;}
		.art-image {  display:block; width:184px; margin:5px; float:left; clear:left;  font-size:10px; line-height:12px; text-align:left;}
		.art-image a { width:180px; display:block; color:#000; text-decoration:none; border:1px solid #FFF; padding:1px;}
		.art-image a:hover { width:180px; display:block;  color:#4E0000; border:1px solid #4E0000; padding:1px; background-color:#F6F2F2;}
		.art-link a { color:#4E0000; text-decoration:none;}
		.art-link a:hover { color:#AB0000; text-decoration:none;}