@charset "utf-8";

/*
MAXIMUM: 1000px
Content : 700px
*/

/* Wrapper */
#wrap {width:100%;}
.header {background:url(../img/common/bg_header.gif) top left repeat-x;}
.visual { background:url(../img/common/bg_visual.gif);}
.container { background:url(../img/common/bg_container.gif) top left repeat-x;}
.footer {position:fixed; bottom:0px; z-index:100; width:100%; border-top:2px solid #dddddd;}

/* visual Selector */
#visual.product {background:url(../img/common/bg_product.jpg) top left repeat-x;}
#visual.company {background:url(../img/common/bg_company.jpg) top left repeat-x;}
#visual.business {background:url(../img/common/bg_business.jpg) top left repeat-x;}
#visual.repair {background:url(../img/common/bg_repair.jpg) top left repeat-x;}
#visual.support {background:url(../img/common/bg_support.jpg) top left repeat-x;}

/* Header */
#header {width:1000px; height:73px; margin:0 auto; position:relative;}
#header .logo {position:absolute; top:14px; left:20px;}
#nb {position:absolute; top:100px; left:0px;}
#local {position:absolute; top:10px; right:10px; text-transform:uppercase; width:334px;}
#local li {display:inline;}
.local_nb {float:left; text-align:right; width:200px;}
.portal {float:right; text-align:right; border:1px solid #666; background:#e1e1e1;}
.portal li {padding:0 4px; border-left:1px solid #999;}
.portal li:first-child {border-left:none;}

/* Visual */
#visual {width:1000px; height:76px; margin:0 auto;}

/* Container */
#container {width:720px; min-height:400px; _height:400px; margin:0 auto 30px; _margin:0 auto 30px;  padding:65px 10px 150px 260px; position:relative; clear:both;}

	/* Bread Crumbs */
.bread_crumbs {float:right; position:relative; top:-50px; left:0px; text-align:right;}
.bread_crumbs li {display:inline; background:url(../img/common/img_breadcrumbs_r.gif) 3px  5px no-repeat; padding:0 0 0 14px;}
.home {background:none; padding:0 !important;}

	/* sub navigation */
.bx_snb {position:absolute; top:30px; left:10px;}
.bx_snb h2 {padding:0 0 0 40px; margin:6px; line-height:0.8em; color:#3c61ad; background:url(../img/common/bu_snb_title.gif) left 30% no-repeat;}
.bx_snb h2 span {font:bold 11px/0.9 "Arial"; text-transform:uppercase; color:#333;}
.snb {border:1px solid #7fa5d5; padding:6px 6px 50px 6px; background:#f8f8f8; width:190px; height:100%;}
.snb li {background:url(../img/common/stroke_h_inset.gif) bottom left repeat-x;}
.on {color:#fff !important; padding:6px 4px 10px 16px !important; _padding:6px 3px 6px 3px !important;  font-weight:bold !important; background:url(../img/common/bg_snb_over.jpg) top left no-repeat !important; }
.snb li a {display:block; width:170px; color:#888; padding:8px; _padding:6px;}
.snb li a:hover {padding:6px 4px 10px 16px; _padding:6px 3px 6px 3px; color:#fff; background:url(../img/common/bg_snb_over.jpg) top left no-repeat; font-weight:bold; text-decoration:none;}

/* Content */
#headline {margin:0 0 40px 0;}
#content h1 {font:bold 24px/1.0 "Arial","黑体"; color:#5286c0;}
#content h2 {font:bold 14px/1.0 "Arial","MS song"; color:#036fa2;}
#content h3 {font:bold 12px/1.0 "Arial","MS song"; color:#7e7e7e;}
#section {margin:0 0 160px 0; _margin:0 0 40px 0; clear:both;}
.description {font:bold 14px/1.5 "Arial", "黑体"; color:#6998d7;}

/* product Only */
#content.product h3 {font:bold 12px/1.0 "Arial","MS song"; color:#7e7e7e; margin:10px 0 0 0;}
#content.product h4 {font-size:12px; font-weight:bold; color:#d7e8fa;}
#content.product #section ul {float:left; margin:10px 0 0 0;}
#content.product #section ul li {background:url(../img/common/bu_board_off.gif) left center no-repeat; padding:0 0 0 8px;}
.bx_spections {margin:40px 0px;}
.selector_img {float:left; border:1px solid #eaeaea;  margin:0 0 1px 0; }
.img_position {width:248px; height:247px; display:table-cell; text-align:center; vertical-align:middle; }
#mainimg {width:230px; height:230px;}

/* spections */
.spections {width:468px; height:247px; float:right; border-top:1px solid #eaeaea; border-left:1px solid #fff; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.spections table {width:100%; height:100%; table-layout:fixed;}
.spections table thead {border-top:2px solid #5c89bb;}
.spections table tfoot {border-bottom:2px solid #5c89bb;}
.spections table td {border-left:2px solid #e5e5e5; padding:3px 0 3px 14px; }
.spections table th {text-align:left; color:#5991ce; width:30%; padding:3px 0 3px 14px; }
.spections table tr {border-top:1px solid #e5e5e5;}

.img_scroller {height:70px; clear:both; border:1px solid #eaeaea;}

/* features */
#bx_features {margin:60px 0 0 10px;}
.features {margin:10px 0 0 2px;}
.features li {padding:0 0 0 6px; background:url(../img/common/bu_board_off.gif) left center no-repeat;}

/* Company Only */
.common_table {width:100%; height:100%; table-layout:fixed;}
.common_table caption {text-align:left; font:bold 12px/1.0 "Arial","MS song"; color:#7e7e7e; height:0px; overflow:hidden; visibility:hidden;}
.common_table thead {border-top:2px solid #5c89bb;}
.common_table tfoot {border-bottom:2px solid #5c89bb;}
.common_table td {border-left:2px solid #dbeafd;  border-top:1px solid #e5e5e5; padding:3px 0 3px 14px; vertical-align:top;}
.common_table th { border-top:1px solid #a4c3ea; width:20%; text-align:left; color:#649be1; padding:3px 0 3px 14px; vertical-align:top; background:#fcfcfc;}
.common_table tr {}
.table_ul li {background:url(../img/common/bu_board_off.gif) left center no-repeat; padding:0 0 0 6px;}

/* Certificates Only */
.certificates_table {width:90%; margin:0 auto;}
.certificates_table th {font:bold 14px/1.5 "Arial","MS song"; color:#666; padding:0 0 50px 0;}
.certificates_table th p {background:url(../img/common/bu_board_off.gif) left center no-repeat; display:inline; padding:0 0 0 8px;}
.certificates_table td {background:url(../img/common/bg_certificates.jpg) 60% center  no-repeat; width:181px; height:214px; vertical-align:middle; text-align:center;}
.certificates_table td img {width:120px; _position:relative; _left:20px;}
.empty {background:none !important;}

/* repair table */
.repair_table {margin:14px 0 0 0;}
.repair_table td img {border:1px solid #d9d9d9; margin:0 2px;}

/* Online */
.online_bx {position:relative; width:100%; _width:470px; _height:180px;padding:0 0 0 200px; vertical-align:middle; display:table-cell;}
.online_bt {position:absolute; top:14px; left:30px;}
.online_bx h1 {position:relative; top:30px;}
.online_bx h2 {position:relative; top:40px;}

/*Site map */
.site_table td {vertical-align:top; padding:10px 4px 30px; height:260px;}

/* Footer */
#footer {width:1000px; height:110px; margin:0 auto; position:relative; clear:both; background:#fff;}
.footer_nb {height:27px; background:#d9d9d9; text-align:center;}
.bg_bnb_l {float:left; background:url(../img/common/bg_bnb_l.gif); height:27px; width:3px;}
.bg_bnb_r {float:right; background:url(../img/common/bg_bnb_r.gif);  height:27px; width:3px;}
.footer_nb ul {float:left; width:994px; margin:4px 0 0 0; text-align:center;}
.footer_nb li {display:inline; padding:0 60px;}
#bx_footer .logo {position:absolute; top:50px; left:20px;}
#bx_footer {margin:12px 0 0 200px;}
address {position:absolute: top:50px; left:100px;}
.number li {display:inline; padding:0 20px 0 0;}
.copyright {font:normal 11px/1.5 "tahoma";}
.company_name {font:bold 11px/1.5 "verdana"; color:#ac0909;}
.gobiz {position:absolute; top:50px; right:20px; padding:10px;}

/* Table Size */
.greeting_table {width:98%; margin:0 auto; padding:84px 0 0 0; background:url(../img/common/greetings_2.jpg) top right no-repeat; position:relative; top:-60px; }
.history_table {background:url(../img/common/history_cube.jpg) 80% 80% no-repeat ; }
.history_table .common_table th {font:bold 16px/1.5 "MS song";}

/* Class Selector */
.mail_bt {margin:12px 0 0 0;}
.point {text-align:center;}
img.point_l {float:left; padding:10px;}
img.point_r {float:right; padding:10px;}
.inquiry_bt {position:absolute; top:70px; right:40px;}