@charset "UTF-8";
/*topimg*/
#topimg{display:inline; float:left; width:760px; height:120px; margin-bottom:18px;}
#topimgpro{display:inline; float:left; width:760px; height:300px; margin-bottom:18px;}
#topimgsum{display:inline; float:left; width:760px; height:150px; margin-bottom:18px;}
#topimgbore{display:inline; float:left; width:760px; height:250px; margin-bottom:18px;}
/*area*/
#area{ display:inline; float:left; width:760px; height: auto; margin:0;}

/*left-contents*/
#left-contents{ display:inline; float:left; width:560px;margin:0 20px;}
.elementleft{ float:left; margin:0 10px 10px 0;}
.elementcenter{ text-align:center; margin:0 80px;}
.elementright{float:right;margin:0 0 10px 10px;}
.elementrightmb5{float:right;margin:0 0 5px 10px;}
.annotation{ font-size:10px; font-style:normal; color:#CCCCCC}
.caption{ float:right;font-size:10px; font-style:normal; color:#CCCCCC ; text-align:right;}
.elementcenterimg{ text-align:center; margin:0 65px;}

/*rightside*/
#rightside{ display:inline; float:left; width:140px; text-align:left;}
#rightside img{ margin-bottom:10px;}
#rightside ul{ list-style:none; margin:0 0 10px 0; border:solid 1px #CCCCCC;}

#rightside li.prox{ height:50px; text-indent: -9999px; background:url(../../image/side_navi/xray/product_x2.jpg) no-repeat; margin:0px; padding:0;}

#rightside li.probore{ height:50px; text-indent: -9999px; background:url(../../image/side_navi/borescope/product_e2.jpg) no-repeat; margin:0px; padding:0;}

#rightside li.appx{ height:50px; text-indent: -9999px; background:url(../../image/side_navi/xray/appli_x2.jpg) no-repeat; margin:0px; padding:0;}

#rightside li.appbore{ height:50px; text-indent: -9999px; background:url(../../image/side_navi/borescope/appli_e2.jpg) no-repeat; margin:0px; padding:0;}

#rightside li{font-size:10px; line-height:12px;padding:5px 5px;}
#rightside li a{ display:block; color:#cccccc}
#rightside li.bottom{height:20px; font-size:10px; line-height:10px;padding:0 8px; background-color:#66FFFF}

.productbox{display: inline; float:left;width:560px;margin-bottom:18px; background-color:#FFFFFF;}
.productbox img{ display:block; float:left;width:280px;}

.appbox{display: inline; float:left;width:560px;margin-bottom:18px; background-color:#FFFFFF;}
.appbox img{ display:block; float:left;width:140px;}

/*nxnavi*/
#nxnavi{display:inline; float:left; width:560px; height:25px; background:url(../../image/product/xray/nx/navi.jpg) no-repeat 0 0;margin-bottom:18px;}
#nxnavi ul{ list-style:none; margin:0; padding:0}
#nxnavi li{ float:left;}
#nxnavi li a { display: block; text-indent: -9999px; background:url(../../image/product/xray/nx/navi.jpg);background-repeat: no-repeat;text-decoration: none;  height: 25px; 
/*\*/
overflow: hidden; 
/**/
}
#nxnavi li.tech a { background-position:0px 0px; width:112px; }
#nxnavi li.merit a { background-position:-112px 0px; width:111px; }
#nxnavi li.work a { background-position:-223px 0px; width:112px; }
#nxnavi li.soft a { background-position:-335px 0px; width:113px; }
#nxnavi li.spec a { background-position:-448px 0px; width:112px; }
/*naviover*/
#nxnavi li.tech a:hover { background-position:0px -26px; width:112px; }
#nxnavi li.merit a:hover { background-position:-112px -26px; width:111px; }
#nxnavi li.work a:hover { background-position:-223px -26px; width:112px; }
#nxnavi li.soft a:hover { background-position:-335px -26px; width:113px; }
#nxnavi li.spec a:hover { background-position:-448px -26px; width:112px; }
/*on*/
#nxnavi li.tech_on a { background-position:0px -52px; width:112px; }
#nxnavi li.merit_on a { background-position:-112px -52px; width:111px; }
#nxnavi li.work_on a { background-position:-223px -52px; width:112px; }
#nxnavi li.soft_on a { background-position:-335px -52px; width:113px; }
#nxnavi li.spec_on a { background-position:-448px -52px; width:112px; }

/*borenavi*/
#borenavi{display:inline; float:left; width:560px; height:25px; background:url(../../image/product/borescope/menu/navi.jpg) no-repeat 0 0;margin-bottom:18px;}
#borenavi ul{ list-style:none; margin:0; padding:0}
#borenavi li{ float:left;}
#borenavi li a { display: block; text-indent: -9999px; background:url(../../image/product/borescope/menu/navi.jpg);background-repeat: no-repeat;text-decoration: none;  height: 25px; 
/*\*/
overflow: hidden; 
/**/
}
#borenavi li.fea a { background-position:0px 0px; width:187px; }
#borenavi li.system a { background-position:-187px 0px; width:186px; }
#borenavi li.stru a { background-position:-373px 0px; width:187px; }
/*naviover*/
#borenavi li.fea a:hover { background-position:0px -26px; width:187px; }
#borenavi li.system a:hover { background-position:-187px -26px; width:186px; }
#borenavi li.stru a:hover { background-position:-373px -26px; width:187px; }
/*on*/
#borenavi li.fea_on a { background-position:0px -52px; width:187px; }
#borenavi li.system_on a { background-position:-187px -52px; width:186px; }
#borenavi li.stru_on a { background-position:-373px -52px; width:187px; }

.boresysbox{ display:inline; float:left; white-space:560px; margin-bottom:18px;}
.boresysbox img{ display:block; float:left; width:280px; margin:0;}

.textind15{ display:block; float:right;width:470px; margin:10px 0 0 0;}

/*samplebox*/
#samplebox{ display:inline; float:left; width:560px; margin-bottom:18px;}
#sampleboxleft{ display:block;float:right;width:180px; margin:0 20px 0 0;}
#sampleboxlight{ display:block;float:right;width:360px; margin:0;}
#samplebox img{ display:block; margin-bottom:18px;}

/*samplexbox*/
.samplexbox{ display:inline; float:left; width:560px; margin-bottom:18px;}
.samplexbox img{ display:block; float:left;width:180px; margin:0 20px 0 0;}
.samplexboxleft{ display:inline; float:left; width:200px; margin-bottom:18px;}
.samplexboxleft img{ margin-bottom:18px;}
.samplexboxlight{ display:block;float:right;width:360px; margin:0;}

/*samplebbox*/
.samplebbox{ display:inline; float:left; width:560px; margin-bottom:18px;}
.samplebbox img{ display:block; float:left;width:134px; margin:0 8px 0 0;}
.samplebbox img.right{ display:block; float:left;width:134px; margin:0;}

/*appxbox*/
.appxbox{ display:inline; float:left; width:560px; margin-bottom:18px;}
.appxbox ul{ list-style:none;}
.appxbox li.left{display:inline; float:left;width:180px; margin:0 10px 10px 0; text-align:center;}
.appxbox li.right{display:inline; float:left;width:180px; margin:0 0 10px 0; text-align:center;}


/*appnavi*/
#appnavi{display:inline; float:left; width:560px; height:174px; background:url(../../image/example/xray/app_icon.jpg) no-repeat 0 0;margin-bottom:18px;}
#appnavi ul{ list-style:none; margin:0; padding:0}
#appnavi li{ float:left;}
#appnavi li a { display: block; text-indent: -9999px; background:url(../../image/example/xray/app_icon.jpg);background-repeat: no-repeat;text-decoration: none;  height: 87px; 
/*\*/
overflow: hidden; 
/**/
}
#appnavi li.elc a { background-position:0px 0px; width:140px; }
#appnavi li.pla a { background-position:-140px 0px; width:140px; }
#appnavi li.lig a { background-position:-280px 0px; width:140px; }
#appnavi li.beve a { background-position:-420px 0px; width:140px; }
#appnavi li.eco a { background-position:0px -87px; width:140px; }
#appnavi li.con a { background-position:-140px -87px; width:140px; }
#appnavi li.oth a { background-position:-280px -87px; width:140px; }
/*naviover*/
#appnavi li.elc a:hover { background-position:0px -176px; width:140px; }
#appnavi li.pla a:hover { background-position:-140px -176px; width:140px; }
#appnavi li.lig a:hover { background-position:-280px -176px; width:140px; }
#appnavi li.beve a:hover { background-position:-420px -176px; width:140px; }
#appnavi li.eco a:hover { background-position:0px -263px; width:140px; }
#appnavi li.con a:hover { background-position:-140px -263px; width:140px; }
#appnavi li.oth a:hover { background-position:-280px -263px; width:140px; }


/*appborenavi*/
#appborenavi{display:inline; float:left; width:560px; height:174px; background:url(../../image/example/borescope/app_icon_bore.jpg) no-repeat 0 0;margin-bottom:18px;}
#appborenavi ul{ list-style:none; margin:0; padding:0}
#appborenavi li{ float:left;}
#appborenavi li a { display: block; text-indent: -9999px; background:url(../../image/example/borescope/app_icon_bore.jpg);background-repeat: no-repeat;text-decoration: none;  height: 87px; 
/*\*/
overflow: hidden; 
/**/
}
#appborenavi li.ena a { background-position:0px 0px; width:140px; }
#appborenavi li.plu a { background-position:-140px 0px; width:140px; }
#appborenavi li.elec a { background-position:-280px 0px; width:140px; }
#appborenavi li.manu a { background-position:-420px 0px; width:140px; }
#appborenavi li.auto a { background-position:0px -87px; width:140px; }
#appborenavi li.log a { background-position:-140px -87px; width:140px; }
#appborenavi li.oth a { background-position:-280px -87px; width:140px; }
/*naviover*/
#appborenavi li.ena a:hover { background-position:0px -176px; width:140px; }
#appborenavi li.plu a:hover { background-position:-140px -176px; width:140px; }
#appborenavi li.elec a:hover { background-position:-280px -176px; width:140px; }
#appborenavi li.manu a:hover { background-position:-420px -176px; width:140px; }
#appborenavi li.auto a:hover { background-position:0px -263px; width:140px; }
#appborenavi li.log a:hover { background-position:-140px -263px; width:140px; }
#appborenavi li.oth a:hover { background-position:-280px -263px; width:140px; }

/*vzbox*/
.vzbox{ display:inline; float:left; width:560px;}
.vzboxright{ display:block; float:right;width:150px; font-size:10px; text-align:center; color:#CCCCCC;margin:0 0 10px 10px;}

.vbbox{display:inline;float:right;width:200px; margin:0 0 0 10px;}
.vbboxleft{ display:block; float:right;width:64px; font-size:10px; text-align:center; color:#CCCCCC;margin:0 4px 10px 0;}
.vbboxright{ display:block; float:right;width:64px; font-size:10px; text-align:center; color:#CCCCCC;margin:0 0 10px 0;}

.vbcablebox{display:inline;float:right;width:210px; margin:0 0 0 10px;}