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

@import url(common.css);

#body_trend #mainArea h2 {
background-image:url(/images/trend/subvisual_trend.jpg);
}


/* =============== Top =============== */

#secondmain .topArea {
background:url(/images/trend/top_bg.gif) no-repeat bottom;
padding:0 0 66px;
margin:0 0 20px;
}
	.topArea .topImg {
	width:359px;
	float:left;
	}
	
	.topArea .textArea {
	width:337px;
	float:right;
	}
		.topArea .textArea h3 {
		width:337px;
		height:65px;
		background-image:url(/images/trend/top_Title.gif);
		margin:0 0 5px;
		text-indent:-9999px;
		}
		.topArea .textArea p.date {
		font-size:10px;
		font-weight:bold;
		color:#9f9471;
		margin:0 0 10px;
		}
		.topArea .textArea p.text {
		font-size:12px;
		}
			.topArea .textArea p.text strong {
			color:#d62d95;
			}
		.topArea .textArea .btn {
		float:right;
		margin:12px 0;
		width:83px;
		}
		.topArea .textArea .small {
		width:220px;
		float:left;
		margin:40px 0 0 0;
		}
			.topArea .textArea .small .smallImg {
			width:60px;
			float:left;
			}
			.topArea .textArea .small .smallText {
			width:155px;
			float:right;
						}
				.topArea .textArea .small .smallText * {
				color:#999999;
				font-size:10px;
				line-height:120%;
				}
				.topArea .textArea .small .smallText h4 {
				font-size:10px;
				font-weight:bold;
				color:#9f9471;
				}
#secondmain .sArea {
margin:0 0 20px;
display:block;
text-decoration:none;
}
	.sArea .imgArea {
	width:207px;
	float:left;
	}
	.sArea .textArea {
	width:486px;
	float:right;
	}
		.sArea .textArea h3 {
		background:url(/images/trend/back_title.gif) repeat-x bottom;
		padding:0 0 6px;
		margin:0 0 5px;
		font-size:14px;
		font-weight:bold;
		}
		.sArea .textArea h4 {
		font-size:10px;
		font-weight:bold;
		margin:0 0 12px;
		color:#9f9471;
		}
		.sArea .textArea p.btn {
		float:right;
		margin: 0 0 0 12px;
		width:83px;
		}
		.sArea .textArea p.text {
		font-size:12px;
		}
			.sArea .textArea p strong {
			color:#d62d95;
			}
	.spagetop {
	margin:0 0 20px;
	}