@charset "utf-8";
/***日本語UTF8***/

input,textarea {font-size:12px; font-family:'arial';}

.testR   { border:1px solid red; }     /*識別テスト用ボーダー*/
.testG   { border:1px solid green; }   /*識別テスト用ボーダー*/
.testB   { border:1px solid blue; }    /*識別テスト用ボーダー*/

/*********************/
/* basic             */
/*********************/

.box_center    {margin-left:auto;margin-right:auto;}
.center        {text-align:center;}
.right         {text-align:right;}
.left          {text-align:left;}
.bold          {font-weight:bold;}
.normal        {font-weight:normal;}
.uline         {text-decoration:underline;}
.italic        {font-style: italic; }
.nounderline   {text-decoration:none;}
.readonly      {border-style:solid; border-color:#ffffff; background-color:#ffffff; }
.nowrap        {white-space: nowrap; }
.vtop          {vertical-align:top;}
.vmiddle       {vertical-align:middle;}
.vbottom       {vertical-align:bottom;}
.visible       {overflow:visible;}
.floatL        {float:left;}
.floatR        {float:right;}
.clearB        {clear:both;}
.clearL        {clear:left;}
.clearR        {clear:right;}
.img_1          {border:1px;}
.nowrap        {white-space: nowrap;}
.readonly      {border-style:solid; border-color:#FFFFFF; background-color:#FFFFFF; }

ul.no_type     {list-style-image: url(images/misc/spacer.gif);}

.mono          {font-family:monospace;}

.bdr_gray      {border:1px solid gray;} /*写真の縁用*/
.bdr_gray1      {border:1px solid #b709a0;}
.txt_1		   { border:1px solid #d9d9d9;
				background-color:white;
				color:black;
				font-size: 12px;}

/*********************/
/* font color        */
/*********************/

.f_brown        {color:#cc9900;}
.f_brown2       {color:#996600;}
.f_blue         {color:#003399;}            /*oriental colour*/
.f_blue2        {color:#0046d5;}            /*for enquiry title*/
.f_red          {color:#cc0000;}
.f_white        {color:#ffffff;}
.f_gray         {color:#cccccc;}
.f_black        {color:#000000;}
.f_red_light    {color:#cc6666;}
.f_brown_light  {color:#ffcc66;}
.f_black_light  {color:#999999;}

.green          {color:#24b402;}            /*for seminar contents*/
.khaki          {color:#cc9900;}            /*for seminar contents*/

/*********************/
/* font size         */
/*********************/

.font9         {font-size: 9px;}
.font10        {font-size:10px;}
.font12        {font-size:12px;}
.font14        {font-size:14px;}
.font16        {font-size:16px;}
.font18        {font-size:18px;}
.font20        {font-size:20px;}
.font22        {font-size:22px;}

/*********************/
/* background-color  */
/*********************/ 

.bg_white      {background-color:#ffffff;}
.bg_grey       {background-color:#cccccc;}
.bg_666666     {background-color:#666666;}
.bg_lavender   {background-color:#e6e6fa;}
.bg_oldlace    {background-color:#fdf5e6;}
.bg_lightgrey  {background-color:#eeeeee;}
.bg_omblue     {background-color:#003399;}  /*oriental colour*/
.bg_pblue      {background-color:#b0e0e6;}  /*powderblue     */
.bg_lsblue     {background-color:#b0c4de;}  /*lightsteelblue */
.bg_green      { background-color: #d4fc73; }
.bg_maroon     { background-color: #800000; }
.bg_pearlWhite { background-color: #f7f9f6; }
.bg_pink       { background-color: #fee6f2; }

/*********************/
/* margin padding    */
/*********************/

.margin0       {margin:0px;}
.mt0           {margin-top:0px;}
.mr0           {margin-right:0px;}
.mb0           {margin-bottom:0px;}
.ml0           {margin-left:0px;}

.margin05      {margin:5px;}
.mt05          {margin-top:5px;}
.mr05          {margin-right:5px;}
.mb05          {margin-bottom:5px;}
.ml05          {margin-left:5px;}

.margin10      {margin:10px;}
.mt10          {margin-top:10px;}
.mr10          {margin-right:10px;}
.mb10          {margin-bottom:10px;}
.ml10          {margin-left:10px;}

.margin15      {margin:15px;}
.mt15          {margin-top:15px;}
.mr15          {margin-right:15px;}
.mb15          {margin-bottom:15px;}
.ml15          {margin-left:15px;}

.margin20      {margin:20px;}
.mt20          {margin-top:20px;}
.mr20          {margin-right:20px;}
.mb20          {margin-bottom:20px;}
.ml20          {margin-left:20px;}

.margin30      {margin:30px;}
.mt30          {margin-top:30px;}
.mr30          {margin-right:30px;}
.mb30          {margin-bottom:30px;}
.ml30          {margin-left:30px;}

.margin40      {margin:40px;}
.mt40          {margin-top:40px;}
.mr40          {margin-right:40px;}
.mb40          {margin-bottom:40px;}
.ml40          {margin-left:40px;}

.margin50      {margin:50px;}
.mt50          {margin-top:50px;}
.mr50          {margin-right:50px;}
.mb50          {margin-bottom:50px;}
.ml50          {margin-left:50px;}

.padding0      {padding:0;}
.pt0           {padding-top   : 0px;}
.pr0           {padding-right : 0px;}
.pb0           {padding-bottom: 0px;}
.pl0           {padding-left  : 0px;}

.padding05      {padding: 5px;}
.pt05           {padding-top   : 5px;}
.pr05           {padding-right : 5px;}
.pb05           {padding-bottom: 5px;}
.pl05           {padding-left  : 5px;}

.padding10      {padding:10px;}
.pt10           {padding-top   :10px;}
.pr10           {padding-right :10px;}
.pb10           {padding-bottom:10px;}
.pl10           {padding-left  :10px;}

.padding20      {padding:20px;}
.pt20           {padding-top   :20px;}
.pr20           {padding-right :20px;}
.pb20           {padding-bottom:20px;}
.pl20           {padding-left  :20px;}

.padding40      {padding:40px;}
.pt40           {padding-top   :40px;}
.pr40           {padding-right :40px;}
.pb40           {padding-bottom:40px;}
.pl40           {padding-left  :40px;}

/******************************************/
/* a:link colour (same as footer)         */
/******************************************/
.link039 a:link,   .link039 a:visited
                    {
                      text-decoration  : none;
                      color:gray;
                    }
.link039 a:active, .link039 a:hover
                    {
                      text-decoration  : underline;
                      color:#003399;
                    }

/*********************/
/* header            */
/*********************/

div#header          {width:800px; background-color:#ffffff;z-index:2;}

table.header01      {width:800px;margin:0; padding:0;}
table.header02      {width:800px;margin:0; padding:0;}
table.header03      {width:800px;margin:-1px 0 0 0; padding:0; background-color:#ffffff;}

div#header04        {width:800px; height:36px; background-image:url(images/aheader/pro_side.gif); background-repeat:repeat-x; margin-top:0px; position:absolute; z-index:100;}

/*********************/
/* header            */
/*********************/

div#headerpop          {width:600px; background-color:#ffffff;z-index:2;}

table.headerpop01      {width:600px;margin:0; padding:0;}
table.headerpop02      {width:600px;margin:0; padding:0;}
table.headerpop03      {width:600px;margin:-1px 0 0 0; padding:0; background-color:#ffffff;}

/************************ 変更不可 *******************************/
.promenu *          {margin:0px; padding:0px; list-style:none; display:block;}
ul.promenu          {position:relative; width:784px; margin:0; padding:0 8px; background-image:url(images/aheader/pro_side.gif); background-repeat: repeat-x;}
ul.promenu li.off   {position:relative; float:left; overflow:hidden; height:36px; width:112px;}
ul.promenu li.on    {position:relative; float:left; overflow:hidden; height:36px; width:112px;}
ul.promenu>li.on    {overflow:visible;/*×*/}

ol.sub1              {position:relative;}
ol.sub1 li.off2      {position:relative; overflow:hidden;}
ol.sub1 li.on2       {overflow:hidden;}
ol.sub1>li.on2       {overflow:visible;}

ol.sub2              {position:relative;}
ol.sub2 li.off2      {position:relative; overflow:hidden;}
ol.sub2 li.on2       {overflow:hidden;}
ol.sub2>li.on2       {overflow:visible;}

ol.sub3              {position:relative;}
ol.sub3 li.off2      {position:relative; overflow:hidden;}
ol.sub3 li.on2       {overflow:hidden;}
ol.sub3>li.on2       {overflow:visible;}

ol.sub4              {position:relative;}
ol.sub4 li.off2      {position:relative; overflow:hidden;}
ol.sub4 li.on2       {overflow:hidden;}
ol.sub4>li.on2       {overflow:visible;}

ol.sub5              {position:relative;}
ol.sub5 li.off2      {position:relative; overflow:hidden;}
ol.sub5 li.on2       {overflow:hidden;}
ol.sub5>li.on2       {overflow:visible;}

ol.sub6              {position:relative;}
ol.sub6 li.off2      {position:relative; overflow:hidden;}
ol.sub6 li.on2       {overflow:hidden;}
ol.sub6>li.on2       {overflow:visible;}

ol.sub7              {position:relative;}
ol.sub7 li.off2      {position:relative; overflow:hidden;}
ol.sub7 li.on2       {overflow:hidden;}
ol.sub7>li.on2       {overflow:visible;}

/******************** サブメニュー   *****************************/
ol.sub1         {width:224px;}  /* サブメニュー幅の設定 削除不可 */
ol.sub1 li.off2 {width:222px;}  /* サブメニューアイテム幅の設定  */
ol.sub1 li.on2  {width:222px;}  /* サブメニューアイテム幅の設定  */

.sub1 li.off2, .sub1 li.on2
                {border:1px solid gray; border-top:none;}  /* サブメニュー枠線の設定 左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
.sub1 a         {width:213px; height:17px; text-decoration:none; background-color:#dcffdc; color:gray;   padding:3px 0px 3px 9px;}  
.sub1 a:hover, .sub1 a:active
                {width:213px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #009933;}
/******************** サブメニュー2   *****************************/
ol.sub2         {width:336px;}
ol.sub2 li.off2 {width:334px;}
ol.sub2 li.on2  {width:334px;}

.sub2 li.off2, .sub2 li.on2
                {border:1px solid gray; border-top:none;}
.sub2 a         {width:325px; height:17px; text-decoration:none; background-color:#cafcf9; color:gray; padding:3px 0px 3px 9px;}
.sub2 a:hover, .sub2 a:active
                {width:325px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #009999;}
/******************** サブメニュー3   *****************************/
ol.sub3         {width:448px;}
ol.sub3 li.off2 {width:446px;}
ol.sub3 li.on2  {width:446px;}

.sub3 li.off2, .sub3 li.on2
                {border:1px solid gray; border-top:none;}
.sub3 a         {width:437px; height:17px; text-decoration:none; background-color:#ffd0a3; color:gray;   padding:3px 0px 3px 9px;}
.sub3 a:hover, .sub3 a:active
                {width:437px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #ff6600;}
/******************** サブメニュー4   *****************************/
ol.sub4         {width:224px;}
ol.sub4 li.off2 {width:222px;}
ol.sub4 li.on2  {width:222px;}

.sub4 li.off2, .sub4 li.on2
                {border:1px solid gray; border-top:none;}
.sub4 a         {width:213px; height:17px; text-decoration:none; background-color:#fdffc0; color:gray;   padding:3px 0px 3px 9px;}
.sub4 a:hover, .sub4 a:active   
                {width:213px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #ffff00;}
/******************** サブメニュー5   *****************************/
ol.sub5         {width:224px;}
ol.sub5 li.off2 {width:222px;}
ol.sub5 li.on2  {width:222px;}

.sub5 li.off2, .sub5 li.on2
                {border:1px solid gray; border-top:none;}
.sub5 a         {width:213px; height:17px; text-decoration:none; background-color:#ffcfcf; color:gray;   padding:3px 0px 3px 9px;}
.sub5 a:hover, .sub5 a:active  
                {width:213px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #cc0000;}
/******************** サブメニュー6   *****************************/
ol.sub6         {width:224px;}
ol.sub6 li.off2 {width:222px;}
ol.sub6 li.on2  {width:222px;}

.sub6 li.off2, .sub6 li.on2
                {border:1px solid gray; border-top:none;}
.sub6 a         {width:213px; height:17px; text-decoration:none; background-color:#e7d0ff; color:gray;   padding:3px 0px 3px 9px;}
.sub6 a:hover, .sub6 a:active
                {width:213px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #9900cc;}
/******************** サブメニュー7   *****************************/
ol.sub7         {width:224px;position:relative;left:-112px;}
ol.sub7 li.off2 {width:222px;}
ol.sub7 li.on2  {width:222px;}

.sub7 li.off2, .sub7 li.on2
                {border:1px solid gray; border-top:none;}
.sub7 a         {width:213px; height:17px; text-decoration:none; background-color:#c0d5ff; color:gray;   padding:3px 0px 3px 9px;}
.sub7 a:hover, .sub7 a:active
                {width:213px; height:17px; text-decoration:none; background-color:#666666; color:#ffffff;padding:3px 0px 3px 0px;border-left:9px solid #0033cc;}


/*********************/
/* main              */
/*********************/

div#maintab                  {width:800px; margin:0; padding:45px 0 0; background-color: #ffffff;clear:both;}
div#maintabPop               {width:600px; margin:0; padding:0 ; background-color: #ffffff;clear:both;}
div#maintabPop div.lineT     {width:600px;height:1px; margin-bottom:1px;}
div#maintabPop div.lineB     {width:600px;height:1px; margin-top:1px;}
div#maintabPop div.bcrmbback {width:618px; background-image:url(images/misc/bcrumb_bannerBG.jpg);background-repeat:no-repeat;}
div#maintabPop div.bcrmbtext {height:20px;padding:9px 0 5px 20px;margin:0; color:#006699;}

div#maintabPopSel               {width:600px; margin:0; padding:0 ; background-color: #ffffff;clear:both;}
div#maintabPopSel div.lineT     {width:600px;height:1px; margin-bottom:1px;}
div#maintabPopSel div.lineB     {width:600px;height:1px; margin-top:1px;}
div#maintabPopSel div.bcrmbback {width:618px; background-image:url(images/misc/bcrumb_bannerBG618.jpg);background-repeat:no-repeat;}
div#maintabPopSel div.bcrmbtext {height:20px;padding:9px 0 5px 20px;margin:0; color:#006699;}

div#maintab h1  {font-size:18px;padding:10px 10px 0;margin:0; font-weight:normal;}
div#maintab h2  {font-size:22px;padding:0 10px 10px;margin:0; color:#666666;}

div.bcrumb {font-size:11px;color:#0066cc;padding:10px;}  /*breadcrumbs list*/
div.bcrumb a:link, div.bcrumb a:visited {color:#0066cc; text-decoration: none;}
div.bcrumb a:hover, div.bcrumb a:active {color:#0099ff; text-decoration: underline;}

div.tabmenu    {width:800px;margin-top:0px;}
div.tabmenupop {width:600px;margin-top:0px;}

/*
div.tab1s      {float:left; background-image:url(images/misc/tabMenu_1s.gif); background-repeat: repeat-x; height:26px; color:#0066CC;margin:0 2px;}
div.tab1s a:link,  div.tab1s a:visited {color:#0066cc; text-decoration:none;}
div.tab1s a:hover, div.tab1s a:active  {color:#ffffff; text-decoration:underline;}
div.tab1b      {float:left; background-image:url(images/misc/tabMenu_1b.gif); background-repeat: repeat-x; height:30px; color:#ffffff;margin:0 2px; position:relative; top:-4px;}
*/
ul.tabmenu1    {margin:0; padding:0;}
ul.tabmenu2    {width:600px;margin:0px;padding:0;}
ul.tabmenu3    {width:580px;margin:0px;padding:0;}

li.tab1s       {float:left; background-image:url(images/misc/tabMenu_1s.gif); background-repeat: repeat-x; height:26px; color:#0066CC;margin:0 2px; padding:0; position:relative; top:4px; list-style-type: none; z-index:1;}
li.tab1s a:link,  li.tab1s a:visited {color:#0066cc; text-decoration:none; padding:0; list-style-type: none;}
li.tab1s a:hover, li.tab1s a:active  {color:#ffffff; text-decoration:underline; padding:0; list-style-type: none;}
li.tab1b       {float:left; background-image:url(images/misc/tabMenu_1b.gif); background-repeat: repeat-x; height:30px; color:#ffffff;margin:0 2px; padding:0; position:relative; list-style-type: none;  z-index:1;}

li.tab1s2       {float:left; background-image:url(images/misc/tabMenu_1s.gif); background-repeat: repeat-x; height:26px; color:#0066CC;margin:0 2px; padding:0; position:relative; top:1px; list-style-type: none; z-index:1;}
li.tab1s2 a:link,  li.tab1s2 a:visited {color:#0066cc; text-decoration:none; padding:0; list-style-type: none;}
li.tab1s2 a:hover, li.tab1s2 a:active  {color:#ffffff; text-decoration:underline; padding:0; list-style-type: none;}


div.topbanner     {margin:-2px 9px 0; clear:both; z-index:10; position:relative; width:782px;height:156px; background-image:url(images/banner782_156.gif); background-repeat:no-repeat;} /*background-image:url(images/banner782_156.gif);*/
div.topbannerPop  {margin:-2px 9px 0; clear:both; z-index:10; position:relative; width:581px;height:156px;}

div#maincontents    {width:800px;margin:0; padding:12px 0 ; background-color: #ffffff; clear:both; height:100%;}
div#maincontentspop {width:600px;margin:0; padding:12px 0 ; background-color: #ffffff; clear:both; height:100%;}
div#maincontents div.leftmargin   {float:left; width:  9px; background-color:#ffffff;}
div#maincontents div.menubox      {float:left; width:170px; background-color:#ffffff;}
div#maincontents div.centermargin {float:left; width:  9px; background-color:#ffffff;}
div#maincontents div.mainbox      {float:left; width:600px; background-color:#ffffff;}
div#maincontents div.rightmargin  {float:left; width:  9px; background-color:#ffffff;}

div#maincontents div.tabborder    {clear:both; margin:-3px 0 0 0; padding:0;height:4px; position:relative; z-index:10;}
div#maincontents div.topline      {clear:both; margin:-3px 0 0 0; padding:0;height:1px; position:relative; z-index:10;}


/*********************/
/* footer            */
/*********************/
div#footer          {width:800px; background-color:#ffffff; margin:0; padding:0; clear:both;}
div#f_menu          {border-top:1px solid gray; border-bottom:1px solid gray;text-align:center;padding:3px 0;}
span.f_menu         {padding:0 10px; border-left:1px dotted gray;}
span.f_menu2        {padding:0 10px; border-left:1px dotted gray; border-right:1px dotted gray;}
div#copyright       {
                      padding:5px 0; margin-top:10px; 
                      background-color:#003399; 
                      color:white; font-size:10px;
                      text-align:center; 
                    }

span.f_menu a:link,   span.f_menu a:visited, span.f_menu2 a:link,   span.f_menu2 a:visited
                    {
                      text-decoration  : none;
                      color:gray;
                    }
span.f_menu a:active, span.f_menu a:hover,   span.f_menu2 a:active, span.f_menu2 a:hover
                    {
                      text-decoration  : underline;
                      color:#003399;
                    }

/*****************************/
/* User login popup window   */
/*****************************/
button.bcrumbsOn  {border:none; background:none;color:#ffffff;cursor: pointer; }
button.bcrumbsOff {border:none; background:none;color:#cccccc;cursor: pointer; }

h1.popup          {color:#003399; text-align:center; font-size:18px;width:600px;}
div#popup         {width:600px;}

div.userInfo           {margin:0 10px;}
div.userInfo div.label {width:130px; float:left;}
div.userInfo div.label300 {width:300px; float:left;}
div.userInfo ol li     {list-style-type:none;}
div.userInfo h2        {background-color:#e5fafd;padding:5px; font-size:14px;border:1px solid #cccccc; margin-top:10px;}

/*************************************/
/* Catalogue Request                 */
/*************************************/

h2.catalogueGroup {
                    clear:both; padding:3px; width:85%;
                    border-left:10px solid #cccccc; 
                    border-top:1px solid #cccccc; 
                    border-right:1px solid #cccccc; 
                    border-bottom:1px solid #cccccc;
                    background-color:#fff0f5;
                  }

/*************************************/
/* Company Profile/company overview  */
/*************************************/

div#overview        {margin:0 10px 10px;}
div#overview h1     {font-size:20px;}
div#overview h2     {font-size:14px;}
div#overview h3     {font-size:12px;}

.randd              {color:#003399; font-size:14px;}

/***********************************/
/* Company Profile/Company History */
/***********************************/

table#history          {}
table#history td       {vertical-align:top;}
table#history td.left  {text-align:right;}
table#history td.year  {text-align:center; color:#006699; font-family:'Century'; font-size:14px; font-weight:bold;}


/**********************************************/
/* Company Profile/South East Asia Countries  */
/**********************************************/

ul.name               {margin-left:20px;padding:0;}
li.name               {font-weight:bold; font-size:14px;}
ul.address            {margin:10px; padding:0;}
li.address            {list-style:none; font-weight:normal; font-size:12px;}


/*********************/
/* location/map      */
/*********************/

div#map             {}
div#map h1          {font-size:16px;}
div#map h2          {font-size:14px;}
p.address           {margin-left:200px; margin-bottom:5px;}
p.access            {margin-left:200px; margin-top:0px; margin-bottom:5px;}

/****************************/
/* download/New Motion      */
/****************************/

.newMotionImage         {margin:13px 10px 10px 0;}
table.newMotion p.title {font-size:14px; font-weight:bold; margin-top:10px; color:#003399;}


/****************************/
/* download/Catalogue       */
/****************************/

div.catalogue                  {float:left; width:290px; margin-bottom:10px; margin-top:20px;}
div.catalogue table.catalogue  {width:290px; table-layout:fixed;}
div.catalogue table.catalogue div.title      {margin-top:5px; font-weight:bold; color:#003399;}
div.catalogue table.catalogue div.content    {width:175px; overflow:visible;}
div.catalogue table.catalogue div.content ul {margin-left:17px;padding:0;}

 
/************************************/
/* Product/Product Introduction     */
/************************************/

h3#AC            {background-image:url(product/images/backAC02.gif);color:#000000;}
h3#DC            {background-image:url(product/images/backDC02.gif); background-position:210px 0;color:#000000;}
h3#Step          {background-image:url(product/images/backStep02.gif);color:#000000;}
h3#Controll      {background-image:url(product/images/backControll02.gif); background-position:210px 0;color:#000000;}
h3#Linear        {background-image:url(product/images/backLinear02.gif);color:#000000;}
h3#Fan           {background-image:url(product/images/backFan02.gif); background-position:210px 0;color:#000000;}
/* h3.Servo */

div#intro        {} 
div#intro h1.brand         {height:22px; line-height:22px; vertical-align:middle; font-size:16px;}
div#intro h1.brand a:link,  div#intro h1.brand a:visited    {color:#666666; text-decoration:underline;}
div#intro h1.brand a:hover, div#intro h1.brand a:active     {color:#003399; text-decoration:none;}

/************************************/
/* Product/Technical Reference      */
/************************************/
table.tech       {width:580px;margin-bottom:20px;}
table.tech th    {background-color:#ffffff; width:49%;}
table.tech td    {background-color:#f5f5f5; vertical-align:top;}
table.tech ul    {padding-left:20px;margin:0;}
table.tech ul li {list-style-type: square;}


/************************************/
/* Product/Brand                    */
/************************************/
div.box1    {width:280px;float:left;padding-bottom:20px;padding-right:10px;}
h1#brand    {height:20px; line-height:20px; vertical-align:middle;}
h3.category {height:20px; line-height:20px; vertical-align:middle; color:#003366; padding-left:10px; font-size:14px; clear:both; border-bottom:1px solid #eeeeee;}

/************************************/
/* Product/Series                   */
/************************************/
div#series                {margin:0 10px 10px;}
div#series h1             {font-size:20px;}
div#series h2#category    {font-size:16px; color:#003366; padding-left:10px; border-bottom:1px solid #eeeeee;}
div#series h3#seriesNm    {font-size:16px; text-align:center; padding:3px; margin-left:10px;}
div#series h3#seriesNm2   {padding:1px; clear:both; padding:5px;border-left:10px solid #cccccc;}
div#series h4             {font-size:12px;}
div#series h5.seriesPDF   {margin:0; padding:0 0 5px 0; font-size:14px;}
div#series div.seriesLink {width:85%; border:1px solid #cccccc; margin-bottom:2px; padding:3px;}

div#series div.seriesLink a:link, div#series div.seriesLink a:visited 
                          {text-decoration:none; color:#666666;}
div#series div.seriesLink a:active, div#series div.seriesLink a:hover
                          {text-decoration:underline; color:#003366;}


/************************************/
/* Product/Series                   */
/************************************/

.table_black              {background-color:#333333;}
.table_black tr           {background-color:#ffffff;}


/****************************************/
/* Support/Field service & warranty     */
/****************************************/
p.field           { border:1px solid #cccccc; padding:15px;
                    background-image:url(images/support/field/fieldback06.jpg);
                    background-repeat: no-repeat; 
                    background-position:right bottom;
                  }

div#warranty        {margin:0 10px 10px;}
div#warranty h1     {font-size:20px;}
div#warranty h2     {font-size:14px;}
div#warranty h3     {font-size:12px;}

div#warranty a:link,   div#warranty a:visited
                    {text-decoration:underline; color:gray;}
div#warranty a:active, div#warranty a:hover
                    {text-decoration:underline; color:#003399;}

/****************************************/
/* Support/Showroom                     */
/****************************************/
div.roomout   { float:left;width:193px;}
div.roomin    {
                margin:5px; padding:5px; 
                border:1px solid #cccccc; border-right:3px solid #666666; border-bottom:3px solid #666666;
                background-image:url(images/support/field/fieldback06.jpg);
                background-repeat: no-repeat; 
                background-position:right bottom;
              }
div.roomin h2 { margin-top:0; margin-bottom:5px; color:#003399;}
div.roomin p  { margin-top:0; height:8em;}
p.map         { width:470px;margin:0 auto 20px; text-align:right;}


/****************************************/
/* Support/PDF Request Form             */
/****************************************/

div#overview div#rq h2     {font-size:14px; color:#003399; }
div#overview div#rq h3     {font-size:12px; margin-bottom:0; margin-left:10px;}

/****************************************/
/* Support/Seminar Contents             */
/****************************************/

div#semiCon              {width:600px;}
div#semiCon h2           {font-size:14px; color:#000000;padding:3px;margin-bottom:0;}
div#semiCon div.contents {padding:5px 20px;margin-left:10%; margin-right:10%;}





/****************************************/
/* Sitemap                              */
/****************************************/
div#sitemap         {margin:0 10px 10px;}
div#sitemap h1      {font-size:20px;}
div#sitemap h2      {font-size:14px;}
div#sitemap h3      {font-size:12px;}

div#sitemap ul li {line-height:150%;list-style-type: none; }
div#sitemap li.item1st_off, div#sitemap span.item1st_off     {border-bottom:1px solid  #003399; margin:2px;padding:3px; border-left:8px solid #003399; display:block; width:250px; }
div#sitemap li.item1st_on,  div#sitemap span.item1st_on      {border-bottom:1px solid  #003399; margin:2px;padding:3px; border-left:8px solid #003399; display:block; width:250px; background-color:#ffffcc;}
div#sitemap li.item2nd_off, div#sitemap span.item2nd_off     {border-bottom:1px solid  #3366cc; margin:2px;padding:3px; border-left:8px solid #3366cc; display:block; width:210px; }
div#sitemap li.item2nd_on,  div#sitemap span.item2nd_on      {border-bottom:1px solid  #3366cc; margin:2px;padding:3px; border-left:8px solid #3366cc; display:block; width:210px; background-color:#ffffcc;}
div#sitemap li.item3rd_off, div#sitemap span.item3rd_off     {border-bottom:1px solid  #c0c0c0; margin:2px;padding:3px; border-left:8px solid #6699ff; display:block; width:170px; }
div#sitemap li.item3rd_on,  div#sitemap span.item3rd_on      {border-bottom:1px solid  #c0c0c0; margin:2px;padding:3px; border-left:8px solid #6699ff; display:block; width:170px; background-color:#ffffcc;}
div#sitemap li.item4th_off, div#sitemap span.item4th_off     {border-bottom:1px dotted #c0c0c0; margin:2px;padding:3px; border-left:8px solid #99ccff; display:block; width:130px; }
div#sitemap li.item4th_on,  div#sitemap span.item4th_on      {border-bottom:1px dotted #c0c0c0; margin:2px;padding:3px; border-left:8px solid #99ccff; display:block; width:130px; background-color:#ffffcc;}

div#sitemap a:link,   div#sitemap a:visited    {color:#003399;text-decoration:none;}
div#sitemap a:active, div#sitemap a:hover      {color:#003399; font-weight:bold;}





/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/****************************/
/* calendar css properties  */
/* T.Watanabe 30/Sep/2007   */
/****************************/

div#calendarbox              {padding-top:12px;background-color:white;margin:0;}
div#calendarbox table.cal    {border:1px solid #A0A7C3; margin-top:5px; background-color:#ffffff;}
div#calendarbox tr.day       {background-repeat: repeat-x; background-position: bottom; text-align:center; font-weight:bold;}
div#calendarbox td           {border-right:1px solid #c0c0c0; border-bottom: 1px solid gray; color:gray;}
div#calendarbox td.day       {border-right:none; border-bottom:1px solid #A0A7C3; color:#5C8093;}
div#calendarbox td.dayR      {border-bottom:1px solid #A0A7C3; color:#5C8093;}
div#calendarbox td.target1   {background-color:#ECB2E0;font-weight:bold; color:#ab000d;}
div#calendarbox td.target2   {background-color:#A4E7F5;font-weight:bold; color:#000C7F;}
div#calendarbox td.future    {background-color:#efefef;}

.offMth                      {font-size: 12px;color:#888888;background-color:#EDEDED;}

div#calendardays             {width:249px;background-image:url('images/menu/calendar_body.jpg');background-repeat:repeat-y;border:0;margin:0;padding:0;text-align:center;}

/****************************/
/* index.php main contents  */
/****************************/
div#indexmain       {float:left; margin:0;}
td#td_left          {height:30px; background-image:url(images/misc/hdrBG_whatsnew.gif); background-repeat:no-repeat; background-position:top left; color:#003399; font-weight:bold;}
td#td_right         {height:30px; background-image:url(images/misc/hdrBG_newprodct.gif); background-repeat:no-repeat; background-position:top left; color:#003399; font-weight:bold;}
div#whatsnew        {width:252px; border:1px solid gray; height:400px; overflow : auto; padding-top:10px; padding-bottom:10px;}
div#newrelease      {width:252px; border:1px solid gray; height:400px; overflow : auto; padding-top:10px; padding-bottom:10px;}

div#whatsnew p.date      {border:1px solid #003399; padding:3px;width:6em; color:#003399;margin-left:10px; margin-bottom:3px; background-color:#e6e6fa;}
div#whatsnew p.text      {margin-top:0; margin-left:10px;}

div#newrelease p.title            {color:#003399; margin-left:0px; margin-bottom:3px;}
div#newrelease p.title a:link     {color:#003399; text-decoration:none;}
div#newrelease p.title a:visited  {color:#003399; text-decoration:none;}
div#newrelease p.title a:hover    {color:#003399; text-decoration:underline;}
div#newrelease p.title a:active   {color:#003399; text-decoration:underline;}
div#newrelease p.content {margin-top:0; margin-left:0px;}
/* ++++ Index #contentsbody ++++ */
#flash {
  color:#000;
  width:520px;
  padding-top:8px;
  padding-left:7px;
  text-align:right;
  margin:0;
  z-index:1;
}

/* ++++ Index sidebar1 ++++ */
#sidebar1{
  color:#333;
  background-color:#eee;
  float:left;
  width:250px;
  margin-top:8px;
  /*margin-left:10px;*/
  text-align:left;
  padding-bottom:0;
}
#sidebar2{
  color:#333;
  background-color:white;
  width:250px;
  margin-top:3px;
  text-align:left;
}
#sidebar1 .sidemenu {
  /*margin:5px 0px;*/
  padding:6px;

}
#sidebar1 .sidemenu ul {
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
}
#sidebar1 .sidemenu ul li{
  border-bottom:1px solid #ccc;
  margin:0;
  padding:0;
}

/*#sidebar1 .sidemenu a {
  color:#666;
  background-image:url(images/menu/vMenu.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:19px 5px 2px 5.5em;
  height:2.5em;
  text-decoration: none;
  font-weight:bold;

}*/

li#menu1 a {
  color:#666;
  background-image:url(images/menu/vMenu1.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:10px 5px 2px 4.5em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu2 a {
  color:#666;
  background-image:url(images/menu/vMenu2.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:10px 5px 2px 4.5em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu3 a {
  color:#666;
  background-image:url(images/menu/vMenu3.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:10px 5px 2px 4.5em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu4 a {
  color:#666;
  background-image:url(images/menu/vMenu4.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:10px 5px 2px 4.5em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu5 a {
  color:#666;
  background-image:url(images/menu/vMenu5.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:10px 5px 2px 4.5em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

#sidebar1 .sidemenu a:link {
  color:#666;
}
#sidebar1 .sidemenu a:visited {
  color:#666;
}
#sidebar1 .sidemenu a:hover {
  color:#666;
  background-color:#ffe;
}
        
/* ++++ General menubox ++++ */
#menubox1{
  color:#333;
  background-color:#eee;
  float:left;
  width:170px;
  margin:0;
  text-align:left;
  padding-bottom:0;
}
#menuboxLoginBox{
  color:#333;
  background-color:white;
  width:170px;
  margin:0;
  text-align:left;
  margin:0;
  padding-top:10px;
  padding-bottom:10px;
}

#menubox1 .sidemenu {
  /*margin:5px 0px;*/
  padding:4px;

}
#menubox1 .sidemenu ul {
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
}
#menubox1 .sidemenu ul li{
  border-bottom:1px solid #ccc;
  margin:0;
  padding:0;
}

/*#menubox1 .sidemenu a {
  color:#666;
  background-image:url(images/menu/vMenu.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:19px 5px 2px 5.5em;
  height:2.5em;
  text-decoration: none;
  font-weight:bold;

}*/

li#menu1s a {
  color:#666;
  background-image:url(images/menu/vMenu1s.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:6px 5px 8px 4em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu2s a {
  color:#666;
  background-image:url(images/menu/vMenu2s.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:6px 5px 8px 4em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu3s a {
  color:#666;
  background-image:url(images/menu/vMenu3s.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:12px 5px 2px 4em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu4s a {
  color:#666;
  background-image:url(images/menu/vMenu4s.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:12px 5px 2px 4em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

li#menu5s a {
  color:#666;
  background-image:url(images/menu/vMenu5s.png);
  background-repeat:no-repeat;
  background-position:5px 50%;
  display:block;
  padding:12px 5px 2px 4em;
  height:2.4em;
  text-decoration: none;
  font-weight:bold;
}

#menubox1 .sidemenu a:link {
  color:#666;
}
#menubox1 .sidemenu a:visited {
  color:#666;
}
#menubox1 .sidemenu a:hover {
  color:#666;
  background-color:#ffe;
}  

/**********************************/
/*          border                */
/**********************************/
.borderTBGray  { border-top: 1px dotted #979890;border-bottom: 1px dotted #979890; }
.borderRBLGray { border: 1px dotted #979890;border-top: none; }  

/**********************************/
/*            padding             */
/**********************************/
.pad2   { padding: 2px 2px 2px 2px }
.padT10 { padding-top: 10px; }
.padB10 { padding-bottom: 10px; }

/****************************************/
/*                 div style            */
/****************************************/
.buttonDiv { border: 1px solid #6fb5d5;
         background-color: #cacbc5;
         cursor: pointer;
       }
       
.popupDiv  { border: 2px dotted #979890;
       background-color: #d0fdb8;
       overflow-y: auto;
       position: absolute; 
       z-index: 200; 
       left: 200px; 
       top: 100px;
           }  

.redDiv { border: 1px dotted #979890;
      background-color: #fba48d;
    }   
    
.yellowDiv { border: 1px dotted #979890;
             background-color: #f2fb8d;
           }
           
.greenDiv { border: 1px dotted #979890;
            background-color: #cbf298;
          }

/****************************************/
/*       submit button style            */
/****************************************/

.grayButton   { border: 1px solid #a8a6a6;
                background-color: #cacbc5;
                cursor: pointer;
                width: 100px;
              }
        
.grayButton2  { border: 1px solid #a8a6a6;
                background-color: #cacbc5;
                cursor: pointer;
              }

.resistButton  { border: 1px solid powderblue;
                 background-color: ivory;
                 cursor: pointer;
                 color:#003399;
                 width: 100px;
               }

.resistButton2 { border: 1px solid powderblue;
                 background-color: ivory;
                 cursor: pointer;
                 color:#003399;
               }
              
/***************************************/
/*             display                 */
/***************************************/ 
.hide { display: none; }
.show { display: block; } 


/*duplicate see line 31 to 35*/
/**************************************/
/*              floating              */
/**************************************/
/*
.floatLeft  { float: left; }
.floatRight { float: right; }
*/


/*************************************/
/*          table style              */
/*************************************/
.semTable       { background-color: #0033cc; }
.semTable th    { background-color: #051889; color: #ffffff; }
.semTable td    { background-color: #ffffff; font-size: 12px; }

div#loginbox    {margin:0;padding-top:10px;padding-bottom:10px;background-color:white;}

.listTable { border-collapse: collapse;border-color: #aba8a8; }


/*******************************************/
/*     blue bar used in motor selection    */
/*******************************************/
.bar   { color           : #ffffff;
         border          : 1px outset #16324d;
         background-color: #356595;
         padding-left    : 8px;
         font-weight     : bold;
         letter-spacing  : 1px;
       }
.bar a         { color:#ffffff; text-decoration: none;}
.bar a:link    { color:#ffffff; text-decoration: none;}
.bar a:visited { color:#ffffff; text-decoration: none;}
.bar a:hover   { color:#ffffff; text-decoration: none;}
       
.blueDiv { border: 1px dotted #356595;
           background-color: #cdf6f5;
         }
div.SelInfo     { width:600px; height:300px; overflow-y:scroll; overflow-x:hidden; margin-top: 0em;
									border-top: 2px solid gray;
									border-bottom: 2px solid gray;
                  scrollbar-track-color: #FFF1C5;
                  scrollbar-face-color: #FFFFFF;
                  scrollbar-shadow-color: #FFCC99;
                  scrollbar-darkshadow-color: #FFCC99;
                  scrollbar-highlight-color: #FFCC99;
                  scrollbar-3dlight-color: #FFCC99;
                  scrollbar-arrow-color: #FFCC99;}

/****************************************/
/*           input text size            */
/****************************************/
.width_3 { width: 3em; }
.width_6 { width: 6em; }

/************************************/
/* Enquiry Product      */
/************************************/
table.enquiry       {width:580px;margin-bottom:20px;}
table.enquiry th    {background-color:#a3b6e0; }
/*table.enquiry td    {background-color:#ebf0fb; vertical-align:top;} */

.rowcolr		{background-color:#f0f2ff; vertical-align:top;} 
.searchBg { background-image: url(images/seriesback1.png); 
            background-repeat: repeat-y; 
            clear: both; 
            padding: 10px; 
            margin:0;
          }
.basestyle {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
		/* CSS HACK */

		width/* */:/**/520px;	/* Other browsers */
		width: /**/520px;

		/* CSS HACK */
		height: 230px;	/* IE 5.x */
		height/* */:/**/230px;	/* Other browsers */
		height: /**/230px;
		
		background-color:#fff;
		top:8px;
		left:8px;
	
		border:0px ;

		position:relative;	/* Never change this value */

	}
	.imageInGallery{
		width:520px;
		height:230px;
		background-color:#000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;
	}


	#imageSlideshowHolder img{
		position:absolute;
	}