@charset "utf-8";
/*-----------------------------------------------
	top.css ID: top
-------------------------------------------------*/

#top { width: 779px; margin: 0 auto;}
#top #keyvisual_area { width: 779px; height: 188px; overflow: hidden;}
#top #keyvisual h2 { display: none;}

#top #message { width: 750px; height: 60px; overflow: hidden; margin-left:29px;}

#top #areaE { width: 460px; border: none;}
#top #areaF { width: 318px;}

#top #areaE h3 { width: 460px; height: 26px; margin: 0;}
#top #areaF h3 { width: 318px; height: 26px; margin: 0;}

#top .list_box { width: 459px; height: 176px; background: #FFF url(/_common/images/toppage/list_background.png) no-repeat top; _background:#FFF url(../images/toppage/list_background.png) fixed;line-height:1.3; overflow-y: scroll;}
#top .list_box02 { width: 459px; height: 176px; background: #FFF url(/_common/images/toppage/list_background02.png) no-repeat top; _background:#FFF url(../images/toppage/list_background02.png) fixed;line-height:1.3; overflow-y:scroll;}

#top .list_box p, #top .list_box02 p { width: 295px; margin: 0 0 0 5px; padding: 7px 135px 6px 0;}
#top .list_box p span, #top .list_box02 p span { display: block; font-size: 93%;}

#top .list_box .block_ir, #top .list_box02 .block_ir { background: url(/_common/images/toppage/list_background_ir.png) no-repeat right bottom;}
#top .list_box .block_products, #top .list_box02 .block_products { background: url(/_common/images/toppage/list_background_products.png) no-repeat right bottom;}
#top .list_box .block_company, #top .list_box02 .block_company { background: url(../images/toppage/list_background_company.png) no-repeat right bottom;}
#top .list_box .block_release, #top .list_box02 .block_release { background: url(../images/toppage/list_background_release.png) no-repeat right bottom;}
#top .list_box .block_exhibition, #top .list_box02 .block_exhibition { background: url(../images/toppage/list_background_exhibition.png) no-repeat right bottom;}

#top .navigation { width: 318px; overflow: hidden;}
#top .navigation ul { width: 318px; list-style: none; margin: 0; padding: 0;}
#top .navigation ul li { width: 318px; display: block; margin: 0; padding: 0; line-height: 0;overflow:hidden;}
#top .navigation ul li a { width: 318px; display: block;}
#top .navigation ul li a img { vertical-align: top;}


#top .banner { width: 308px; padding: 7px 5px; line-height: 1.2;}
#top .banner a.img { display: block; float: left; width: 100px; margin: 0 5px 0 0; padding: 34px 0 0 0; background: url(../images/toppage/ban_ecojapancup.png) no-repeat; text-indent: -9876em; overflow: hidden;}
#top .banner p { float: right; width: 200px;}


#top .banner_28 { width: 308px; padding: 7px 5px; line-height: 1.2;}
#top .banner_28 a.img { display: block; float: left; width: 100px; margin: 0 5px 0 0; padding: 34px 0 0 0; background: url(../images/toppage/ban_finechemical.jpg) no-repeat; text-indent: -9876em; overflow: hidden;}
#top .banner_28 p { float: right; width: 200px;}



#top .submenu { clear: both; width: 318px;  padding: 0 5px;}
#top .submenu ul { width: 318px;  list-style: none; margin: 0; padding: 0;}
#top .submenu li { display: block; float: left; width: 318px;  height: 14px;}
#top .submenu li a { width: 318px; padding: 14px 0 0 0; overflow: hidden;}