@import url(global.css);
@import url(solution.css);

div.header {position:relative; width:100%; height:393px; background:#AFB4BE; }
div.header h1.main {position:absolute; left:0; top:0; width:172px; height:72px; border:0;}
div.header div.btmain {width:987px; height:393px; border-right:2px solid #fff;}

div.header {position:; width:100%; height:393px; background:#AFB4BE; z-index:1;}
div.header h1 {float:left; width:596px; height:393px; padding-left:44px; border-right:2px solid #fff;}
div.header dl {float:left; width:325px; padding:85px 0 0 20px; color:#fff;}
div.header dl dt {padding-bottom:29px; font-size:20px; font-size:20px; font-weight:bold; font-family:Arial;}
div.header dl dd {line-height:18px; font-size:12px;}

#content_box {min-height: 100%; margin: -393px 0 -15px;}
*html #content_box {height:100%;}

#content_boxwarp {position:relative; }

#menu {position:relative; width:100%; height:17px; padding-top:3px; border-top:1px solid #fff; background:#999;}
#menu div {width:989px;}
#menu a {float:left;}
#menu a.btn1 {padding-left:42px;}
#menu a.btn2 {margin:2px 0 0 20px;}
#menu a.btn3 {margin:1px 0 0 122px;}

#index_warp {position:relative; width:945px; overflow:hidden; margin-bottom:40px; padding:27px 0 0 44px; z-index:3;}

#footer {position:relative; clear:both; width:913px; padding:0 0 0 44px; font-size:10px; font-family:Arial; color:#999;}
#footer a, #footer a:hover {color:#999;}

#index_warp {position:relative; width:945px; padding:27px 0 0 44px; z-index:1;}

#index_warp div.tab_area {float:left; width:276px; margin:4px 44px 0 0; background:url(../../images/tab_bg.gif) repeat-x left top;}
#index_warp div.tab_area ul.tab {width:100%; overflow:hidden;}
#index_warp div.tab_area ul.tab li {float:left; margin-right:2px; font-family:Arial; font-weight:bold;}
#index_warp div.tab_area ul.tab li a {float:left; width:34px; height:22px; padding:2px 0 0 7px; background:url(../../images/tab_off.gif) no-repeat left top;}
#index_warp div.tab_area ul.tab li a.on, #index_warp div.tab_area ul.tab li a.on:hover, #index_warp div.tab_area ul.tab li a:hover {float:left; width:34px; height:22px; padding:2px 0 0 7px; color:#990000; background:url(../../images/tab_on.gif) no-repeat left top;}

#index_warp div.tab_area p {padding-left:14px; font-weight:bold; font-family:Arial; margin-top:1px; line-height:21px; background:url(../../images/ico/ico_on.gif) no-repeat 2px 8px;}

#index_warp div.tab_area ul.list {clear:both; width:100%; margin-left:14px; line-height:21px; font-weight:bold; font-family:Arial;}
#index_warp div.tab_area ul.list li {padding-left:15px; background:url(../../images/ico/ico_arrow.gif) no-repeat 4px 8px;}
#index_warp div.tab_area ul.list li a {color:#666;}
#index_warp div.tab_area ul.list li a:hover {color:#990000;}

#index_warp div.menu_area {float:left; width:276px; margin-right:44px;}
#index_warp div.menu_area ul {width:100%; margin-bottom:14px; padding-bottom:10px; line-height:16px; border-bottom:1px solid #AFB4BE;}
#index_warp div.menu_area ul li {padding-left:11px; background:url(../../images/ico/ico_arrow.gif) no-repeat left 3px;}
#index_warp div.menu_area p img, #index_warp div.menu_area p input {vertical-align:top; margin:1px 0 0 3px;}
:root #index_warp div.menu_area img {vertical-align:-5px; margin-left:5px;}
iframe.ie6_select {position:absolute; bottom:50px; left:547px; z-index:1000; width:159px; height:30px; border:0; filter: alpha(opacity=0);}

#index_warp div.ex_area {float:left; width:276px; }

div.ex_area p.customer_tit {height:17px; padding-left:15px; background:url(../../images/ico/ico_customer.gif) no-repeat left top;}
div.ex_area p.img {font-size:0;}
div.ex_area ul.goto {width:100%;}
div.ex_area ul.goto li {clear:both; height:14px; padding:2px 5px 0 4px; overflow:hidden; background:#CAD6DA;}
div.ex_area ul.goto li {font-size:11px; color:#000; background:url(../../images/ico/bo_dot.gif) repeat-x left bottom;}
div.ex_area ul.goto li.goto1 {padding:5px 0;}
div.ex_area ul.goto li.goto2 {padding:6px 0 3px;}
div.ex_area ul.goto li.goto3 {padding:5px 0 4px;}
div.ex_area ul.goto li.goto4 {padding:5px 0 4px; }
div.ex_area ul.goto li.goto5 {padding:5px 0 4px; background:none; border-bottom:1px solid #eee;}
div.ex_area ul.goto li.goto1 img {vertical-align:middle;}
div.ex_area ul.goto li.goto2 img {vertical-align:middle;}
div.ex_area ul.goto li.goto3 img {vertical-align:-2px;}
div.ex_area ul.goto li.goto4 img {vertical-align:-1px;}
div.ex_area ul.goto li.goto5 img {vertical-align:-1px;}

/* 
#content {position:absolute; width:100%; left:0; height:502px; top:145px; background:#fff; z-index:100;} 
#content #menu {border-top:0;}
#contact {position:absolute; top:398px; left:354px; z-index:1000000000000000;}
*/
#contact div.contact_warp a {float:none !important;}
#contact div#tit {position:absolute; left:0; margin-top:-5px;}
#contact #dl_warp { /* position:absolute; left:-310px; top:16px; */ width:943px; background:#E3EBEE;}
#contact #dl_warp p.close {float:right;}

#dl_warp div.contact_warp {clear:both; width:927px; overflow:hidden; margin:0 8px 19px; padding-bottom:10px; border-bottom:1px solid #A0B6C0;}

#dl_warp div.contact_warp div.menu_de {float:left; width:630px;}
#dl_warp div.contact_warp dl.menu {float:left; overflow:hidden; font-size:11px; line-height:18px;}
#dl_warp div.contact_warp dl.menu dd {padding-left:11px;}
#dl_warp div.contact_warp dl.menu li {padding-left:13px;}
#dl_warp div.contact_warp dl.menu li a {padding-left:0; background:none;}
#dl_warp div.contact_warp dl.menu dt a {font-weight:bold;}
#dl_warp div.contact_warp dl.menu a {padding-left:11px; color:#666; background:url(../../images/ico/ico_off.gif) no-repeat 2px 1px;}
#dl_warp div.contact_warp dl.menu a.on {color:#990000; padding-left:11px; background:url(../../images/ico/ico_on.gif) no-repeat left 3px;}
#dl_warp div.contact_warp dl.menu li a.email {padding-left:17px; background:url(../../images/ico/ico_email.gif) no-repeat left 1px;}
#dl_warp div.contact_warp dl.menu li a.goto {padding-left:12px; background:url(../../images/ico/ico_btngo.gif) no-repeat left 1px;}
#dl_warp div.contact_warp dl.menu li a.tel {display:block; padding-left:17px; line-height:18px; background:url(../../images/ico/ico_tel.gif) no-repeat left top;}
#dl_warp div.contact_warp div.menu_ad {float:left; width:240px;}

#big_img {position:absolute;  cursor:pointer}
#big_img1 {position:absolute;  cursor:pointer}
#big_img2 {position:absolute;  cursor:pointer}
#big_img3 {position:absolute;  cursor:pointer}

/* site explorer */
/* div.sitexplorer_layer {position:absolute; top:394px; left:44px; z-index:10000000;} */
div.sitexplorer_layer p.site_tit {height:21px; margin-left:108px; font-size:0;}
div.sitexplorer_layer div.sitemap {width:943px; height:340px; background:#E3EBEE;}
/* div.sitexplorer_layer div.sitemap div#close {position:absolute; left:923px; top:21px;} */

div.sitemap p.home {margin:0 10px; padding:24px 0 8px; color:#666; font-family:Arial; font-size:11px; padding-left:10px; background:url(../../images/ico/ico_arrow.gif) no-repeat left 28px;}

div.sitemap div.dl_warp {width:920px; overflow:hidden; margin-left:10px; padding-bottom:11px; border-bottom:1px solid #A0B6C0;}
div.sitemap dl {float:left; width:141px; margin-right:14px; border-top:1px solid #A0B6C0;}
div.sitemap dl dt {margin-bottom:12px; padding:11px 0 8px 13px; font-size:11px; color:#666; font-weight:bold; border-bottom:1px solid #A0B6C0; background:url(../../images/ico/ico_on.gif) no-repeat left 13px;}
div.sitemap dl dd {padding-left:10px; font-size:11px;}
div.sitemap dl dd a {padding-left:12px; line-height:18px; color:#666 !important; background:url(../../images/ico/ico_arrow.gif) no-repeat 2px 2px;}
div.sitemap dl dd.sub a, div.sitemap dl dd.sub li.sub a {padding-left:12px; line-height:18px; color:#666 !important; background:url(../../images/ico/ico_on.gif) no-repeat left 2px;}
div.sitemap dl dd.sub ul {margin-left:12px;}
div.sitemap dl dd.sub li a, div.sitemap dl dd.sub li.sub ul li a {padding-left:10px; line-height:18px; color:#666 !important; background:url(../../images/ico/ico_arrow.gif) no-repeat left 2px;}
div.sitemap dl a:hover {color:#990000 !important;}

/* InoCrazy */
#visual { height:393px; overflow:hidden; }
#content { display:none; width:920px; height:480px; margin:1px 0 0 45px; position:relative; z-index:3; }
#content #box { width:920px; height:480px; background:#E7E8EB; border:1px solid #fff; }
#content #close { text-align:right; margin-bottom:-24px; }
#content_overlay { display:none; width:100%; height:100%; position:fixed; top:165px; left:0; z-index:2; }
