/* common-header --------------------------- */
#common-header{
	margin:0 0 295px;
}

/* common-navigation ------------------------------------------ */
#common-navigation {
	height:50px;
	padding:10px 0 0 0;
	z-index:2;
	position:relative;
	background:url(original-contents/common-navigation.png) no-repeat;
}


/* common-navigation IE6 png linkon ----------------- */
* html body#top #common-navigation {
	background:none;
}
* html body#top #common-navigation #ie6navigation {
	width:810px;
	height:60px;
	padding:0;
	margin:0;
	background:url(original-contents/common-navigation.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}
* html body#top #common-navigation ul {
	position:absolute;
	top:10px;
}


/* top-main --------------------------- */
#top-main {
	width:100%;
	/*min-width:800px;*/
	height:400px;
	position:absolute;
	z-index:1;
/*top:60px; キャンペーン時 通常時：50px */ 
	top:60px;
	left:0;
}

* html #top-main{ /* IE6 min-width or max-width */
/*	width:expression(document.body.clientWidth < 800? "800px":"auto");*/
}


/* top-contents ------------------------------------------ */
#top-contents {
	z-index:2;
	position:relative;	
	padding-bottom:20px;
	clear:both;
	width:810px;
	background:url(original-contents/top-contents.gif) repeat-y left top;
}

* html #top-contents{
	behavior: expression(IEPNGFIX.fix(this));
}

#top-contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* top-topics ------------------------------------------ */

#top-contents #top-topics{
	margin-top:15px;
	padding-left:10px;
	float:left;
	width:315px;
}
#top-contents #top-topics h2{
	height:35px;
}
#top-contents #top-topics dl{
	width:293px;
	padding:5px 10px 10px 10px;
	border:#b8c9cc solid 1px;
}
#top-contents #top-topics dt{
	padding-top:5px;
	color:#00aacc;
	border-top:dashed 1px #0ac;
}
#top-contents #top-topics dd{
	margin-top:-0.2em;
	padding-left:15px;
	padding-bottom:5px;
	background:url(original-contents/top-topics_dd.gif) top left no-repeat;
}
#top-contents #top-topics dt.border-none{
	border:none;
}

#top-contents #top-topics p{
	display:block;
	width:315px;
	height:30px;
	background:url(original-contents/top-topics_p.jpg) no-repeat;
}
#top-contents #top-topics p a{
	display:block;
	margin-left:130px;
	padding:8px 10px 0px 0px;
	display:block;
	width:170px;
	height:12px;
}

/* top-special ------------------------------------------ */

#top-contents #top-special,
#top-contents #top-infomation {
	margin-top:15px;
	margin-right:10px;
	float:right;
	width:460px;
	display:inline;
}
#top-contents #top-special ul{
	padding-top:10px;
}
#top-contents #top-infomation{
	padding-top:10px;
	border-top:#00aacc dotted 1px;
}
#top-contents #top-special ul li,#top-contents #top-infomation dl dt{
	margin-right:5px;
	float:left;
	width:225px;
	position:relative;
	overflow:hidden;
}
#top-contents #top-infomation dl dd{
	float:right;
	width:225px;
	clear:right;
}
#top-contents #top-special ul li span.newInfo{
	position:absolute;
	top:3px;
	right:3px;
	z-index:100;
}

/* top-special ------------------------------------------ */
#contents-ranking{
	clear:left;
	float:left;
	padding:10px 0 0 10px;
}