#header{
background:#FFFFFF url(../image/line_dot.gif) repeat-x scroll 0 0;
height:66px;
padding-top:12px;
width:740px;
}

#sidebar {margin:-78px 20px 0 0;}

#flashcontent{
margin-bottom: 8px;
margin-top:6px;
}
/*======================================

	 series

=======================================*/
#series{
float: left;
width:118px;
margin-right: 15px;
}

#series ul li{
display: block;
float: left;
margin:0 0 7px 0;
}


#infoArea {
padding-top: 20px;
float: left;
border: 
}

#infoArea h2{
font-weight: bold;
color:#c59500;
}

#infoArea p{
font-size: 10px;
}


/*======================================

	 promotion

=======================================*/
#promotion{
float: left;
width:380px;
margin-right: 15px;
}

#promotion .promoBox{
width:380px;
float: left;
position: relative;
background:#FFFFFF url(../image/line_dot.gif) repeat-x scroll left bottom;
margin-bottom:7px;
padding-bottom:10px;
line-height:1;
}

#promotion .promoBox img.newIcon{
position:absolute;
left:10px;
top:10px;
}


/*======================================

	 whatsNew

=======================================*/

#whatsNew{
float: left;
width:210px;
}

#whatsNew dt{margin-bottom: 3px;}

#whatsNew dd{
margin-bottom:10px;
padding-bottom: 5px;
background:#FFFFFF url(../image/line_dot.gif) repeat-x scroll left bottom;
}

#whatsNew dd p{
margin-bottom: 0.5em;
font-size: 85%;
}


#whatsNew dd p.more{
width: 210px;
text-align: right;
margin:0;
}


/*add 0903*/

#promotion #promo07{
position: relative;
width:380px;
height:385px;
}

#promotion #promo07 p a{
display:block;
height:385px;
left:-6px;
position:absolute;
top:-6px;
width:380px;
}

#whatsNew dt#news16{
position: relative;
height:106px;
}

#whatsNew dt#news16 a{
display:block;
left:-6px;
position:absolute;
top:-6px;
}


