@charset "Shift_JIS";

/* トップページコンテンツスタイル ================================= */	

/*ダンテイラスト*/
#dante{
	position:absolute;
	top:127px;
	left:620px;
	z-index:1;
}

*:first-child+html #dante{
	top:130px;
}
* html #dante {
	top:130px;
}



/*whats nes*/
#whatsnew{
	width:767px;
	background:url(../images/tp_whatsnew_bg.gif) left bottom repeat-x;
	margin:20px 9px 5px 8px;
}

#whatsnew .ed{
	width:767px;
	height:5px;
	background:url(../images/tp_whatsnew_ed.gif) left bottom no-repeat;	
}

#whatsnew img{
	float:left;
}

#whatsnew .txt{
	width:350px;
	margin-left:173px;
	padding-top:36px;
	padding-bottom:10px;
}

#whatsnew p{
	color:#CCCCCC;
	padding-left:15px;
	background:url(../images/cmn_parts_line.gif) left top repeat-y;
}


/*コンテンツ下半分エリア*/
#contents{
	width:767px;
	height:330px;
	margin:0 9px 0 8px;
	background:url(../images/tp_contents_bg.gif) left top repeat-x;	
}

.contents_st{
	width:767px;
	height:5px;
	margin:0 9px 0 8px;
	background:url(../images/tp_contents_st.gif) left top no-repeat;	
}


/*GOODS*/
#goods{
	width:235px;
	background:url(../images/tp_goods_bg.gif) left top no-repeat;	
	text-align:center;
	padding-top:20px;
}

#goods p{
	width:180px;
	text-align:left;
	font-size:0.8em;
	margin:0 20px 0 30px;
}

/*newstopics*/
#newstopics{
	width:520px;
	background-color:#000000;
	margin-left:12px;
	pdding-bottom:10px;
}

#newstopics dl{
	width:480px;
	margin:0 20px;
}

#newstopics dt{
	clear:right;
	float:left;
	width:100px;
	padding:5px;
	border-top:#292929 1px solid;
}

#newstopics dd{
	margin-left:100px;
	padding:5px;
	border-top:#292929 1px solid;
}


#newstopics dt.fst, #newstopics dd.fst{
	border-top:none;
}

/*Credit*/
td#btm{
	vertical-align:bottom;
}

#credit{
	width:532px;
}

#credit h3{
	float:left;
}

#credit .clogo{
	width:373px;
	padding-top:30px;
	margin-left:136px;
}

#credit p{
	width:373px;
	padding-left:10px;
	background:url(../images/cmn_parts_line.gif) left top repeat-y;
}


/*バナー*/
#banner{
	clear:both;
	width:767px;
	margin:0 9px 0 8px;
	border-top:#292929 1px solid;
	text-align:center;
}

#banner ul{
	text-align:center;
	margin:0 auto;
}

#banner li{
	/*float:left;*/
	display:inline;
}

#banner img{
	margin:32px 10px;
}

#banner img.dmc{
	margin:0 10px;
	position:relative;
	top:-17px;
}
