@charset "UTF-8";
/* CSS Document */
@import url('reset_top.css');
@import url('font.css');




body{text-align:center; margin:0 auto; padding:0; background:url(../images/mainBG.png) repeat-x top;}

a{outline:none;}

/* ==================== header ==================== */

#header{ width:800px; height:102px; position:relative; margin:0 auto;}
#header h1{ height:76px; width:95px; position:absolute; left:10px; top:20px;}
#header p#searchBOX{ width:207px; height:21px; position:absolute; right:0px; top:15px; background:url(../images/search_bg.png) no-repeat; text-align:left; padding:10px 15px;}
#header p#searchBOX .textLeft { float:left; width:150px; height:17px; border:1px solid #CCC;}
#header p#searchBOX .btnRight{ float:right;}
#header ul{ position:absolute; right:15px; bottom:10px;}
#header li{ float:left; background:url(../images/header_arrow.png) no-repeat left center; padding-left:15px; margin-right:10px; font-size:92%;}
#header #rss_icon{ width:13px; height:13px; position:absolute; bottom:11px; right:10px;}

/* ==================== globalNavi ==================== */

ul#globalNavi { width:800px; margin:0 auto;}
 ul#globalNavi:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html ul#globalNavi{display:inline-block;}
 *:first-child+html ul#globalNavi{display:inline-block;}

ul#globalNavi li{ float:left;}
ul#globalNavi li.gn_home a{ background:url(../images/globalNavi_Home.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_home a:hover{ background:url(../images/globalNavi_Home.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_products a{ background:url(../images/globalNavi_Products.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_products a:hover{ background:url(../images/globalNavi_Products.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_support a{ background:url(../images/globalNavi_Support.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_support a:hover{ background:url(../images/globalNavi_Support.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_download a{ background:url(../images/globalNavi_Download.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_download a:hover{ background:url(../images/globalNavi_Download.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_news a{ background:url(../images/globalNavi_News.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_news a:hover{ background:url(../images/globalNavi_News.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_contact a{ background:url(../images/globalNavi_Contact.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_contact a:hover{ background:url(../images/globalNavi_Contact.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}
ul#globalNavi li.gn_company a{ background:url(../images/globalNavi_Company.png) no-repeat; height:40px; width:114px; display:block; text-indent:-9999px;}
ul#globalNavi li.gn_company a:hover{ background:url(../images/globalNavi_Company.png) no-repeat 0px -40px; height:40px; width:114px; display:block; text-indent:-9999px; outline:none;}



/* ==================== mainIMG ==================== */
#mainIMG{ width:800px; margin:10px auto 0px auto; clear:both;}



/* ==================== container ==================== */

#container{ text-align:left; width:800px; margin:0 auto; margin-top:10px;}
 #container:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html container{display:inline-block;}
 *:first-child+html container{display:inline-block;}


/* ==================== panels ==================== */

#panels{ width:800px; margin:10px auto; clear:both; text-align:center;}
 #panels .padding20{ padding-left:20px;}
 #panels:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #panels{display:inline-block;}
 *:first-child+html #panels{display:inline-block;}


/* ==================== contents ==================== */

#contents{ width:550px; float:left;}
#contents h2.whatsnew{ height:38px; width:550px; background:url(../images/title_whatsnew.png) no-repeat; text-indent:-9999px; clear:both;}
#contents h2.eventinfo{ height:38px; width:550px; background:url(../images/title_eventinfo.png) no-repeat; text-indent:-9999px; clear:both;}
#contents h2.introduce{ height:38px; width:550px; background:url(../images/title_introduce.png) no-repeat; text-indent:-9999px; clear:both;}

#contents .allNEWS{ padding:5px 10px; font-size:107%;}
#contents .allNEWS li{ padding:5px 10px;}
 #contents .allNEWS li:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #contents l.allNEWS li{display:inline-block;}
 *:first-child+html #contents .allNEWS li{display:inline-block;}

#contents .allNEWS li                { margin-bottom: 5px; border-bottom:1px dotted #CCC; clear:both;}
#contents .allNEWS li span,li a      { float: left; display: block;}
#contents .allNEWS li span           { margin-right: 10px; padding-right: 87px; width: 50px; background-color: transparent; background-repeat: no-repeat; background-position: right top;}
#contents .allNEWS li.info span      { background-image: url(../images/icon_info.png); background-position: right 1px;}
#contents .allNEWS li.event span     { background-image: url(../images/icon_event.png); background-position: right 1px;}
#contents .allNEWS li.press span     { background-image: url(../images/icon_press.png); background-position: right 1px;}
#contents .allNEWS li.fleche span    { background-image: url(../images/icon_fleche.png); background-position: right 1px;}
#contents .allNEWS li.bomR span      { background-image: url(../images/icon_bomR.png); background-position: right 1px;}
#contents .allNEWS li.important span { background-image: url(../images/icon_important.png); background-position: right 1px;}
#contents .allNEWS li a              { width:350px; padding-left: 12px; background-color: transparent;}
#contents .allNEWS li.LIcon span     { margin-right: 10px; padding-right: 87px; width: 85px !important; background-color: transparent; background-repeat: no-repeat; background-position: right top; padding-top:5px; padding-bottom:5px;}
#contents .allNEWS li.LIcon a        { width:315px;}

#contents .News_Introduce { padding:5px 10px; font-size:107%; text-align:left; margin-bottom:10px;}
#contents .News_Introduce p{ border-bottom:1px dotted #CCC; clear:both; padding:5px; width:520px;}
#contents .News_Introduce .intro_img{ margin-right:10px; float:left; clear:both;}


/* ==================== sideCol ==================== */

#sideCol{ float:right; width:233px;}
#sideCol .pickup{ width:233px; margin:0 auto;}
#sideCol .pickup li.btn_user a{ width:233px; height:88px; background-image:url(../images/side_btn_user.png); text-indent:-9999px; display:block; margin-bottom:10px;}
#sideCol .pickup li.btn_user a:hover{ width:233px; height:88px; background-image:url(../images/side_btn_user.png); background-position:0 -88px; text-indent:-9999px; display:block; margin-bottom:10px; outline:none;}
#sideCol .pickup li.btn_catalog a{ width:233px; height:88px; background-image:url(../images/side_btn_catalog.png); text-indent:-9999px; display:block; margin-bottom:10px;}
#sideCol .pickup li.btn_catalog a:hover{ width:233px; height:88px; background-image:url(../images/side_btn_catalog.png); background-position:0 -88px; text-indent:-9999px; display:block; margin-bottom:10px; outline:none;}
#sideCol .pickup li.btn_apply a{ width:233px; height:88px; background-image:url(../images/side_btn_apply.png); text-indent:-9999px; display:block; margin-bottom:10px;}
#sideCol .pickup li.btn_apply a:hover{ width:233px; height:88px; background-image:url(../images/side_btn_apply.png); background-position:0 -88px; text-indent:-9999px; display:block; margin-bottom:10px; outline:none;}
#sideCol .pickup li.btn_support a{ width:233px; height:88px; background-image:url(../images/side_btn_support.png); text-indent:-9999px; display:block; margin-bottom:10px;}
#sideCol .pickup li.btn_support a:hover{ width:233px; height:88px; background-image:url(../images/side_btn_support.png); background-position:0 -88px; text-indent:-9999px; display:block; margin-bottom:10px; outline:none;}


/* ==================== partner ==================== */

#partner{ border:1px solid #CCC; padding:10px; width:780px; margin:10px auto; clear:both; text-align:center;}
#partner img{ padding-left:10px;}
 #partner:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #partner{display:inline-block;}
 *:first-child+html #partner{display:inline-block;}



/* ==================== footer ==================== */

#footer{ width:100%; clear:both; margin-top:20px; text-align:left; margin:10px 0; background:url(../images/footerBG.png) repeat-x top;}

#footer .linksWrapper{ width:800px; margin:0 auto;}
#footer .linksWrapper:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #footer .linksWrapper{display:inline-block;}
 *:first-child+html #footer .linksWrapper{display:inline-block;}
#footer .links{ border-right: 1px solid #CCC; float:left; padding:10px; width:179px; margin:10px 0px;}
#footer .links .footerNavi { clear:both; height:120px; margin-top:5px;}
#footer .links .footerNavi li{ margin-left:10px; clear:both; font-size:85%; line-height:1.5;}

#footer address{ font-style:normal; font-size:85%; line-height:1.5; text-align:center; clear:both; padding:10px 0px;}