@charset "UTF-8";
@import url("base.css");
/* 
display
position
float
clear
vertical-align
width
height
margin
padding
background
border
list-style
color
font
text-decoration
text-align
white-space
other text
content */

body{ background-color:#000; color:#999; font-size:12px; line-height:18px; }

/* container */
#container{width:840px; margin:0 auto; zoom:1; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* header */
#header{ width:840px; margin:18px auto; font-size:10px;}
#header.logo{float:left; display:block; width:300px;}
#header #language{ position:relative; top:32px; display:block; float:right; }
#header h1{ height:50px; text-indent:-9999px; background:url(../image/common/logo3.gif) no-repeat 0 0; }

/* navi */
#navi{ height:85px; margin:18px auto 18px; background:url(../image/common/header_back.gif) repeat-x; border-top:solid 1px #333; }
#navi_in { margin:0 auto; width:840px; height:85px; background:url(../image/common/header_gradient2.png) no-repeat 0 0;}

#navi_in ul{ list-style:none; margin:0; padding:0}
#navi_in li{ float:left;}
#navi_in li a { display: block; text-indent: -9999px; background:url(../image/common/header_gradient2.png) ; background-repeat: no-repeat;text-decoration: none;  height: 85px; 
/*\*/
overflow: hidden; 
/**/
}
#navi_in li.home a { background-position:0px 0px; width:61px;}
#navi_in li.bore a { background-position:-61px 0px; width:128px;}
#navi_in li.xray a { background-position:-189px 0px; width:216px;}
#navi_in li.support a { background-position:-405px 0px; width:190px;}


/*naviover*/
#navi_in li.home a:hover { background-position:0px -85px; width:61px;}
#navi_in li.bore a:hover { background-position:-61px -85px; width:128px;}
#navi_in li.xray a:hover { background-position:-189px -85px; width:216px;}
#navi_in li.support a:hover { background-position:-405px -85px; width:190px;}

/*on*/
#navi_in li.home_on a { background-position:0px -170px; width:61px;}
#navi_in li.bore_on a { background-position:-61px -170px; width:128px;}
#navi_in li.xray_on a { background-position:-189px -170px; width:216px;}
#navi_in li.support_on a { background-position:-405px -170px; width:190px;}


/* layout------------------------------------------------------------------------------------------------------------pages */


/* search */
.search{ position:relative; top:60px; float:right; width:211px; margin:0px auto 0 auto; text-align:right; color:#999; }
.searchfild{ display:block; width:211px; height: 26px; background:url(../image/common/header_search.png) no-repeat; color:#ccc; font-size:10px; text-indent:30px; line-height:26px; vertical-align:text-bottom; behavior: expression(IEPNGFIX.fix(this));}
.search input { border:none; }

/* topicpath */
#topicpath{display:inline; float:left; width:840px; height:20px; margin:0 0 5px 0; color:#666; font-size:10px; font-style:normal; }
#topicpath ol{list-style:none;margin-left:20px; padding:0;}
#topicpath li{ display:block; float:left; width:auto; background:url(../image/common/topic_arrow.gif) no-repeat; background-position:0 50% ;padding: 0 6px 0 12px;}
#topicpath li.home{ height:17px; background:url(../image/common/icon_home.gif) no-repeat; padding-right:6px; text-indent:10px; }

/* main */ /* directorynav */
#main,#directorynav{ position:relative; top:4; left:0; clear:both; width:840px; height:auto; margin-bottom:18px; background:url(../image/common/topw.gif) no-repeat; background-color:#222; }

#mainbtm,#directorynavbtm{ background:url(../image/common/bottomw.gif) no-repeat 0 100%; padding:5px 0; zoom:1;}
#mainbtm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main_in,#directorynav_in{ border-left:1px solid #555 !important; border-right:1px solid #555 !important; }

#main_pad{ padding:40px; }
#main_pad.btm1{ padding-bottom:1px; }

.bgwh{ background-color:#FFF; }

/* maingrey */
#main.greytop,#directorynav.greytop{background:url(../image/common/top.gif) no-repeat; background-color:#222; }
#mainbtm.greybtm,#directorynavbtm.greybtm{background:url(../image/common/bottom.gif) no-repeat 0 100%; }

/* infocontents */
#infocontents{ display:inline; float:left; width:840px; height:165px;margin:0 0 18px 0; background:url(../image/common/infonavi2.jpg) no-repeat 0 0; }
#infocontents ul{ list-style:none; margin:0; padding:0; }
#infocontents li{ float:left;}
#infocontents li a{ display:block; width:280px; height:165px; text-indent:-9999px;}


/* footer / footerhome */
#footer{width:840px; height:auto; margin:0 auto 72px; margin-bottom:72px; }
#footer img{ float:right; }
#footer p{ margin-bottom:9px; padding-bottom:9px; font-size:10px; border-bottom:1px solid #555; }
#footer p.fobtm{ float:left; margin-bottom:9px; padding-bottom:9px; font-size:10px; border-bottom:none; }

#footernavi{ float:right; zoom:1;}
#footernavi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footernavi img{ float:left; margin:0 5px 5px 0; }
#footernavi img.footlast{ margin:0 0 5px 0; }

#gototop{ float:right; margin-bottom:18px;}

/* directorynav */
#directorynav a:link{color:#666; text-decoration:none;}
#directorynav a:visited{color:#666; text-decoration:none;}
#directorynav a:hover{color:#666; text-decoration:underline;}
#directorynav a:active{color:#666; text-decoration:underline;}

#directorynav_pad { padding:20px 20px 0 20px; font-size:11px; }
#directorynav a { display:block; }
#directorynav h3{ margin-bottom:3px; }
#directorynav ul { margin-bottom: 0; padding-bottom: 10px; list-style:none; }
#directorynav li{padding-bottom:2px; }
#directorynav .column{ margin-bottom:0px; }
#directorynav .column5first { width: 150px; margin-right: 12px; }
#directorynav .column5last { width: 150px; margin-right: -3px; }

/* submenu */
#submenu{position: relative; border-bottom: 1px solid #555; padding: 3px 0 10px;overflow: hidden;margin: 0 auto; *height: 39px; zoom:1; }
#submenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#submenu h2.bore{ position: relative; top:9px; left:40px; display:inline; float:left; width:156px; height:25px; background:url(../image/product/bore/common/logo.png) no-repeat; text-indent:-9999px;_behavior: expression(IEPNGFIX.fix(this)); }
#submenu ul{ display:inline; float:right; margin-left:50px; }
#submenu li { display:inline; }

#submenu h2.bore{ position: relative; top:9px; left:40px; display:inline; float:left; width:156px; height:25px; background:url(../image/product/bore/common/logo.png) no-repeat; text-indent:-9999px;_behavior: expression(IEPNGFIX.fix(this)); }

#submenu h2.xray{ position: relative; top:9px; left:40px; display:inline; float:left; width:156px; height:25px; background:url(../image/product/xray/common/logo.png) no-repeat; text-indent:-9999px;_behavior: expression(IEPNGFIX.fix(this)); }

#submenu ul{ display:inline; float:right; margin-left:50px; }
#submenu li { display:inline; }


#submenu ul li a, #submenu ul li.dis{ float: left; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none;}
#submenu ul li a {color: #999; }
#submenu ul li.dis{color: #555; }
#submenu ul li a:hover { color: #08c; }

#submenu a.buynow, #submenu a.download
{ height: 25px; margin: 0.7em 20px 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none;_behavior: expression(IEPNGFIX.fix(this)); }
#submenu a.buynow { width: 72px; background-image:url(../image/common/inq.png);  }
#submenu a.download { width: 72px; background-image:url(../image/common/dl.png);  }

/* layout------------------------------------------------------------------------------------------------------------base_column */

/* column */
.column, .columnbtl{ position:relative; top:0; left:0; clear:both; width:100% ; height:auto; margin-bottom:36px; zoom:1; }
.column:after, .columnbtl:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.columnbtl{ padding-bottom:18px; border-bottom:solid 1px #333; }

.column hr{ position:relative; top:0; left:0; clear:both; width:100% ; height:auto; margin-bottom:18px; zoom:1; }
.column hr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.column2first, .column2last, .column3first, .column3last, .column4first, .column4last,
.column5first, .column5last { position: relative;display: inline;float: left;margin: 0;padding: 0; }
.column2first { width: 364px; margin-right: 30px; }
.column2last { width: 364px; margin-right: 0; }
.column3first { width: 232px; margin-right: 30px; }
.column3last { width: 234px; margin-right: 0; }
.column4first { width: 167px; margin-right: 30px; }
.column4last { width: 167px; margin-right: 0; }
.column5first { width: 142px; margin-right: 12px; }
.column5last { width: 142px; margin-right: 0; }
.column2first.bottom, .column2last.bottom, 
.column3first.bottom, .column3last.bottom, 
.column4first.bottom, .column4last.bottom,
.column5first.bottom, .column5last.bottom { margin-bottom: 0px; }

/* column_custom */
.column.btm, .column.btml{ width:758px ; margin-bottom:0px; padding:18px 40px; background-color:#efefef;}
.column.btml{border-top:solid 1px #ccc; }
.column.btm img{ margin:0 auto 18px; }
.column.btm h2{ color:#666; margin-bottom:5px; }

.column3firstun, .column3lastun,
.column4firstun, .column4lastun,
.column4first3un, .column4last3un { position: relative; display: inline; float: left; margin: 0; padding: 0; }

.column3firstun { width: 494px; margin-right: 30px; }
.column3lastun { width: 496px; margin-right: 0; }

.column4firstun { width: 364px; margin-right: 30px; }
.column4lastun { width: 364px; margin-right: 0; }

.column4first3un { width: 561px; margin-right: 30px; }
.column4last3un { width: 561px; margin-right: 0; }




/* layout------------------------------------------------------------------------------------------------------------base_column */