@charset 'UTF-8';

body#top div#MainStage,
body#top div#Contents,
body#top div#Contents div.Section{
	width: 840px;
	margin: 0; padding: 0;
}

body#top div#Flash{
	height: 340px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
	border-right: none; border-left: none;
}

body#top div#Contents div#WaveInfo,
body#top div#Contents div#Blogs,
body#top div#Contents div#News{
	float: left;
	height: 240px;
	padding: 15px 0 6px;
	overflow: hidden;
}
body#top div#Contents div#Blogs,
body#top div#Contents div#News{
	width: 318px;
	padding-left: 21px;
	border-left: 1px solid #ccc;
}

/* Text Section */
body#top div#Contents div.Section{
	width: 310px; height: 67px;
	margin: 3px 0 0;
	overflow: hidden;
}
body#top div#Contents div#Blogs div.Section{ margin-top: 12px; }
body#top div#Contents div.Section li{
	margin-top: 3px;
	font-size: 75%;
}
body#top div#Contents div.Section li,
body#top div#Contents div.Section li a{
	color: #666;
}
body#top div#Contents div.Section li span,
body#top div#Contents div.Section li a span{
	padding-right: .5em;
	color: #333;
}

/* Title Block */
body#top div#Contents div#WaveInfo h2 a,
body#top div#Contents div#Blogs h2 a,
body#top div#Contents div#News h2#HotNews a,
body#top div#Contents div#News h2#Premium a,
body#top div#Contents div#News h2#Event a{
	display: block;
	height: 9px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
body#top div#Contents div#WaveInfo h2 a{ background-position: 3px 0; border: none; }
body#top div#Contents div#WaveInfo h2 a{ background-image: url( ../images/top/tit-waveinfo.gif ); }
body#top div#Contents div#Blogs h2 a{ background-image: url( ../images/top/tit-blog.gif ); }
body#top div#Contents div#News h2#HotNews a{ background-image: url( ../images/top/tit-hotnews.gif ); }
body#top div#Contents div#News h2#Premium a{ background-image: url( ../images/top/tit-premium.gif ); }
body#top div#Contents div#News h2#Event a{ background-image: url( ../images/top/tit-event.gif ); }


/* Wave Info Block */
body#top div#Contents div#WaveInfo{
	width: 160px;
	background: #002;
}
body#top div#Contents div#WaveInfo p img{
	margin: 3px auto;
	border: 1px solid #002;
	width: 158px; height: 118px;
}
body#top div#Contents div#WaveInfo p a{
	border: none;
	padding: 0; margin: 0;
}
body#top div#Contents div#WaveInfo ul{ margin: 9px; }
body#top div#Contents div#WaveInfo li{
	margin-top: 3px;
	font-size: 75%;
	color: #fff;
}
body#top div#Contents div#WaveInfo li span{
	color: #dde;
	font-family: "OCRB", "Courier New", monospace;
	padding-right: 1em;
}

/* Blog Info Block */
body#top div#Contents div#Blogs p#Icon{ margin-top: 9px; }
body#top div#Contents div#Blogs p#Icon img{
	width: 8px; height: 8px;
	margin: 0 3px;
}



/* Imgae Revolver for Blog List */
body#top div#Contents div#Blogs ul#album.revolver{
	width : 100%; 	height : 120px;
	position : relative;
	overflow : hidden;
}
body#top div#Contents div#Blogs ul#album.revolver li {
	position:absolute;
		width: 90px; height: 120px;
}
body#top div#Contents div#Blogs ul#album.revolver li a{
	display: block;
		width: 100%; height: 90%;
}
body#top div#Contents div#Blogs ul#album.revolver li img {
	width: 100%; height: 80%;
	border: 1px solid #ccc;
}

/* List Style for Top */
body#top div#Contents div.Section ul,
body#top div#Contents div.Section ul li,
body#top div#Contents div.Section ol,
body#top div#Contents div.Section ol li{
	list-style-type: none;
}
body#top div#Contents div.Section ul,
body#top div#Contents div.Section ol{
	padding-left: 0;
}

/* Banner */
body#top div#Contents div#News p#Banner img{
	width: 318px; height: 60px;
}