/* CONTETNS BASE CSS */

/* SUMMARY */
#contents{
	width: 680px;
	margin: 20px auto;
	background:url(../common_images/back_summary_area.gif) no-repeat top center;
	background-color:#ffffff;
}
#contents_inner{
	padding: 20px 20px 0px 20px;
}
#contents_inner h2{
	background:url(../common_images/back_h2.gif) no-repeat;
	font-size: 160%;
	padding: 12px 0px 0px 36px;
	height: 30px;
	clear: both;
}
#contents_inner h3{
	font-size: 130%;
	font-weight:bold;
	padding: 4px 0px 4px 8px;
	margin:8px auto;
	clear: both;
	background-color:#666666;
	color:#ffffff;
}
#contents_inner p{
	line-height:140%;
	font-size:120%;
	padding:16px;
}
#topSwf{
	width:680px;
	height:440px;
	position:relative;
	display:block;
	background:url(../images/top_flash_background.gif) no-repeat center;
	margin: 20px auto;
}
#topSwf_content{
	padding:20px;
}

#flash p.coution{
	padding-top:80px;
	text-align:center;
	color:#ffffff;
}
#flash ul{
	position:relative;
	display:block;
	margin-top:40px;
}
#flash ul li{
	float:left;
}
a.banner210px{
	text-align: left;
	text-indent: -10000px;
}


.banner_top_premium{
	text-align: left;
	text-indent: -10000px;
	background:url(../swf/top_noflash_banner.jpg) top left no-repeat;
	background-position:0px 0px;
	width:210px;
	height:96px;
	display: block;
	/* \*/ overflow:hidden; /* */
}
.banner_top_premium:hover{
	background-position:-210px 0px;
}
.banner_top_photo{
	text-align: left;
	text-indent: -10000px;
	background:url(../swf/top_noflash_banner.jpg) top left no-repeat;
	background-position:0px -96px;
	width:210px;
	height:96px;
	display: block;
	/* \*/ overflow:hidden; /* */
}
.banner_top_photo:hover{
	background-position:-210px -96px;
}
.banner_top_archival{
	text-align: left;
	text-indent: -10000px;
	background:url(../swf/top_noflash_banner.jpg) top left no-repeat;
	background-position:0px -192px;
	width:210px;
	height:96px;
	display: block;
	/* \*/ overflow:hidden; /* */
}
.banner_top_archival:hover{
	background-position:-210px -192px;
}


a.topics_more{
	background:url(../common_images/btn_read_more_top.gif) no-repeat top left;
	background-position:0px 0px;
	text-align:left;
	text-indent:-10000px;
	display:block;
	float:right;
	margin:0px 8px 0px 0px;
	padding:0px;
	left: 0px;
	top: -28px;
	position: relative;
	width:84px;
	height:24px;
	/* \*/ overflow:hidden; /* */
}
a.topics_more:hover{
	background-position:0px -39px;
}

ul.topics{
	position:relative;
	display:block;
	padding:4px 0px 40px 0px;
}
ul.topics li{
	margin:4px 0px;
	background:url(../common_images/topics_icon.gif) no-repeat left;
	background-position:10px 8px;
	padding: 10px 0px 10px 50px;
	border-bottom:1px dashed #333333;
}
ul.topics li a{
	color:#820F02;
}