/* ------------------------------------------------------------
 日本音響エンジニアリング株式会社 top page CSS
 更新日:07/10/23
 
	[目次]
	------------------------------------------------------------- */
/* 
	19:topcontents
----------------------------*/

#topcontents{
width:807px;
}


#topcontents div#flashArea{
width:642px;
height:285px;
float:left;
}

#topcontents div.flashArea{
display:block;
}

#topcontents div.topNavi{
background:url(../images/topnavi_bottom.gif) bottom no-repeat #000;
padding:0 0 28px 0;
width:164px;
height:257px;
float:left;
}

#topcontents div.topNavi h1 a{
height:59px;
background:url(../images/topnavi_title.gif) no-repeat top left;
text-indent:-5000px;
margin:0;
padding:0;
display:block;
}

#topcontents div.topNavi ul{
display:block;
width:154px;
height:198px;
margin:0 0 0 10px;
padding:0;
list-style-type:none;
}


#topcontents div.topNavi li a{
width:154px;
height:33px;
display:block;
text-indent:-5000px;
background-position:0 0;
background-repeat:no-repeat;
}


#topcontents div.topNavi li.pd1 a{background:url(../images/topnavi_pd1.gif);}
#topcontents div.topNavi li.pd2 a{background:url(../images/topnavi_pd2.gif);}
#topcontents div.topNavi li.pd3 a{background:url(../images/topnavi_pd3.gif);}
#topcontents div.topNavi li.pd4 a{background:url(../images/topnavi_pd4.gif);}
#topcontents div.topNavi li.pd5 a{background:url(../images/topnavi_pd5.gif);}
#topcontents div.topNavi li.pd6 a{background:url(../images/topnavi_pd6.gif);}


#topcontents div.topNavi li.pd1 a:hover,
#topcontents div.topNavi li.pd2 a:hover,
#topcontents div.topNavi li.pd3 a:hover,
#topcontents div.topNavi li.pd4 a:hover,
#topcontents div.topNavi li.pd5 a:hover,
#topcontents div.topNavi li.pd6 a:hover{
background-position:-154px 0;
}

#topcontents div.mainArea{
background:url(../images/contentsarea_top_bg.gif) no-repeat top left;
padding:16px 0 0 0;
}


#topcontents div.mainAreaInner{
background:url(../images/contentsarea_btm_bg.gif) no-repeat bottom left;
padding:0 20px 18px 22px;
}

#topcontents div.mainArea h2{
margin:0 0 7px 0;
}


#topcontents div.mainArea div.whatsNew{
width:330px;
float:left;
} 

#topcontents div.mainArea div.whatsNew ul li{
list-style-type:none;
background:url(../images/common/dotline01.gif) repeat-x bottom;
padding:0 0 7px 0;
margin:0 0 7px 0;
}

#topcontents div.mainArea div.whatsNew ul li .date{
font-size:75%;
} 

#topcontents div.mainArea div.whatsNew ul li.end{
background:none;
} 


#topcontents div.mainArea div.pickUp{
width:380px;
float:right;
}

#topcontents div.mainArea div.pickUp ul{
list-style-type:none;
} 

#topcontents div.mainArea div.pickUp ul li{
margin:0 0 6px 0;
}

#topcontents div.mainArea div.pickUp ul li a{
width:185px;
height:100px;
display:block;
text-indent:-5000px;
line-height:2;
background-position:0 0;
background-repeat:no-repeat;
}

#topcontents div.mainArea div.pickUp ul li.link01,
#topcontents div.mainArea div.pickUp ul li.link03{
float:left;
}

#topcontents div.mainArea div.pickUp ul li.link02,
#topcontents div.mainArea div.pickUp ul li.link04{
float:right;
}

#topcontents div.mainArea div.pickUp ul li.link01 a{background:url(../images/pickup_pct01.jpg);}
#topcontents div.mainArea div.pickUp ul li.link02 a{background:url(../images/pickup_pct02.jpg);}
#topcontents div.mainArea div.pickUp ul li.link03 a{background:url(../images/pickup_pct03.jpg);}
#topcontents div.mainArea div.pickUp ul li.link04 a{background:url(../images/pickup_pct04.jpg);}


#topcontents div.mainArea div.pickUp ul li a:hover{
background-position:-185px 0;
}