@charset "utf-8"; /* CSS Document */ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font:10pt tahoma,sans-serif normal;color:#999999; } font { font:10pt tahoma,sans-serif normal;} .largefont a{font:11pt tahoma,sans-serif normal;font-weight:bold;color:#0168b5; text-decoration:none;} .mediumfont a{ font:10.5pt tahoma,sans-serif normal;text-decoration:none;color:#0168b5;} .mediumfont font a{ font:9pt tahoma,sans-serif normal;text-decoration:none;color:#0168b5;} a { font:10pt tahoma,sans-serif normal; color:#999999; } a: hover { text-decoration:underline; color:#999999; } .img_border_4 { padding:4px; border:1px #9a9a9a solid;} #logo h1 { display:none; } #logo { margin-left:40px; margin-top:20px; } img { border:none; } #member { margin-top:20px;float:right;text-align:right;width:500px;height:80px; } /* MENU */ #menutop ul { margin: 0px; padding: 0px; list-style: none;text-transform:uppercase;} #menutop li { margin: 0; padding: 0; float: left; list-style: none; position:relative;} #menutop li div#menu-about a, #menutop li div#menu-product a, #menutop li div#menu-training a, #menutop li div#menu-promotion a, #menutop li div#menu-webboard a, #menutop li div#menu-other a { display: block; text-decoration: none; height: 46px; background-color:#000000;} #menutop li#menutop_about div#menu-about a:hover, #menutop li#menutop_product div#menu-product a:hover, #menutop li#menutop_training div#menu-training a:hover, #menutop li#menutop_promotion div#menu-promotion a:hover, #menutop li#menutop_webboard div#menu-webboard a:hover, #menutop li#menutop_other div#menu-other a:hover { background-position: 0 -46px;} #menutop li#menutop_about div#menu-about a span, #menutop li#menutop_product div#menu-product a span, #menutop li#menutop_training div#menu-training a span, #menutop li#menutop_promotion div#menu-promotion a span, #menutop li#menutop_promotion div#menu-webboard a span, #menutop li#menutop_other div#menu-other a span { visibility: hidden;} #menutop li#menutop_about div#menu-about a#menuActive, #menutop li#menutop_product div#menu-product a#menuActive, #menutop li#menutop_training div#menu-training a#menuActive, #menutop li#menutop_promotion div#menu-promotion a#menuActive, #menutop li#menutop_promotion div#menu-webboard a#menuActive, #menutop li#menutop_other div#menu-other a#menuActive { background-position: 0 -46px;} #menutop li#menutop_about div#menu-about a {background-image:url(../images/menutop_about.jpg); width: 180px; z-index:1;} #menutop li#menutop_product div#menu-product a {background-image:url(../images/menutop_product.jpg); width: 218px; z-index:-10;} #menutop li#menutop_training div#menu-training a {background-image:url(../images/menutop_training.jpg); width: 138px; z-index:1;} #menutop li#menutop_promotion div#menu-promotion a {background-image:url(../images/menutop_promotion.jpg); width: 144px; z-index:1;} #menutop li#menutop_other div#menu-other a {background-image:url(../images/menutop_other.jpg); width: 145px; z-index:1;} #menutop li#menutop_webboard div#menu-webboard a {background-image:url(../images/menutop_webboard.jpg); width: 175px; z-index:1;} /* SUB MENU */ #menutop li#menutop_about div#submenu-about, #menutop li#menutop_product div#submenu-product, #menutop li#menutop_training div#submenu-training, #menutop li#menutop_promotion div#submenu-promotion, #menutop li#menutop_other div#submenu-other { background:url(../images/bg-menu.png); position:absolute; left:0; padding:5px; padding-top:15px; display:none; z-index:100;} #menutop li#menutop_about div#submenu-about a { display:block; float:none; padding:3px; margin:2px; color:#4d4d4d; font-size:10pt; text-decoration:none; width:160px; } /*#menutop li#menutop_about div#submenu-about span { display:block; text-align:center; }*/ #menutop li#menutop_product div#submenu-product a { display:block; float:none; padding:3px; margin:2px; color:#4d4d4d; font-size:10pt; text-decoration:none; width:197px; } /*#menutop li#menutop_product div#submenu-product span { display:block; text-align:center; }*/ #menutop li#menutop_training div#submenu-training a { display:block; float:none; padding:3px; margin:2px; color:#4d4d4d; font-size:10pt; text-decoration:none; width:118px; } /*#menutop li#menutop_training div#submenu-training span { display:block; text-align:center; }*/ #menutop li#menutop_promotion div#submenu-promotion a { display:block; float:none; padding:3px; margin:2px; color:#4d4d4d; font-size:10pt; text-decoration:none; width:124px; } /*#menutop li#menutop_promotion div#submenu-promotion span{ display:block; text-align:center; }*/ #menutop li#menutop_other div#submenu-other a { display:block; float:none; padding:3px; margin:2px; color:#4d4d4d; font-size:10pt; text-decoration:none; width:125px; } /*#menutop li#menutop_other div#submenu-other span { display:block; text-align:center; }*/ #menutop li#menutop_about div#submenu-about a:hover, #menutop li#menutop_product div#submenu-product a:hover, #menutop li#menutop_training div#submenu-training a:hover, #menutop li#menutop_promotion div#submenu-promotion a:hover, #menutop li#menutop_other div#submenu-other a:hover { background-color:#e6f0f9; font-weight:bold; color:#0067b6; } /* BG TOP */ #top-area-main { background:url(../images/bgcontent_11.jpg) bottom repeat-x;} /* FLASH */ #div-flash { background:url(../images/bgcontent_10.jpg) bottom left repeat-x; padding-bottom:3px;} #div-flash #flash-content { background:url(../images/bgcontent_09.jpg) top left repeat-x; padding-top:8px;} #div-flash #flash-content #flash-area { z-index: 0; position:relative; } #div-flash #flash-content #flash-area #flash-block { z-index: -1; position:relative;} /* CONTENT INDEX */ #content-index { background:url(../images/bgcontent_01.jpg) top repeat-x; padding-top:23px; padding-bottom:5px; } #content-index .list_coprerate { padding-top:5px;padding-bottom:5px;padding-left:18px; text-align:left; background:url(../images/icon_topic_01.gif) no-repeat top left;} #content-index .list_coprerate p { padding:5px 0 5px 10px; margin:0px; } #content-index .list_coprerate a { line-height:200%; text-decoration:none; } #content-index .list_coprerate strong { color:#666666; } #content-index #header-news-product { background:url(../images/header_news_products_release.jpg) no-repeat top center; height:43px; width:366px; } #content-index #header-news-product a { display: block; color:#666666; margin-left:250px;margin-top:15px; } #content-index #content-news-product { background:url(../images/bg_news_products_release.jpg) repeat-y center; width:366px; } #content-index #content-news-product .list_news-product p { padding:5px 0 5px 10px; margin:0px; } #content-index #content-news-product .list_news-product {height:85px;} #content-index #content-news-product .list_news-product a { padding-left:18px; text-align:left; background:url(../images/icon_topic_02.gif) no-repeat top left; line-height:150%; text-decoration:none; } #content-index #content-news-product .list_news-product strong { color:#666666; } #content-index #footer-news-product { background:url(../images/footer_news_products_release.jpg) no-repeat top center; height:13px; width:366px;} #content-index #brochure_download { padding:5px; margin:0px; margin-top:5px; background:url(../images/bgbrochure.jpg) top center no-repeat; height:228px; color:#FFFFFF; } #content-index #brochure_download strong { color:#316998; } #content-index #banner-webboard { background:url(../images/banner_webboard.jpg) top center no-repeat; height:59px; margin-bottom:5px;} #content-index #banner-webboard a { display: block; text-decoration: none; height: 59px; background-position: 0 0; background-repeat: no-repeat; } #content-index #banner-webboard a span { visibility: hidden;} #content-index #banner-subscribe { background:url(../images/subscribe.gif) top center no-repeat; height:59px; margin-bottom:5px;} #content-index #banner-subscribe a { display: block; text-decoration: none; height: 59px; background-position: 0 0; background-repeat: no-repeat; } #content-index #banner-subscribe a span { visibility: hidden;} #content-index #banner-brochure { background:url(../images/banner_brochure.jpg) top center no-repeat; height:83px; margin-bottom:5px;} #content-index #banner-brochure a { display: block; text-decoration: none; height: 83px; background-position: 0 0; background-repeat: no-repeat; } #content-index #banner-brochure a span { visibility: hidden;} #content-index #poll-area { margin-bottom:10px; padding:5px; border:1px #CCCCCC solid; } /* CONTENT ALL */ #content-all { background:url(../images/bgcontent_02.jpg) top repeat-x;} #img-header-content { background:url(../images/bgcontent_04.jpg) top left no-repeat;padding-bottom:35px;} #content-all #content { color:#44555f;} #content-all #content #dv-01 { background:url(../images/bgcontent_03.jpg) top repeat-y; } #content-all #content #dv-02 { background:url(../images/bgcontent_03_2.jpg) top left no-repeat;margin-bottom:50px;} #content-all #content #spacer-left { background:url(../images/bgcontent_05_1.jpg) bottom no-repeat; } #content-all #content #spacer-right { background:url(../images/bgcontent_05_2.jpg) bottom no-repeat; } #content-all #content #spacer-center { padding-top:70px;padding-bottom:50px; } #content-all #content #spacer-center ul { list-style:none;padding:0;margin:0;} #content-all #content #spacer-center a.active { font-weight:bold;} #content-all #content #spacer-center li.menu-left-breakline { background:url(../images/line_dot_03.jpg) no-repeat left center;padding:0;margin:0;} #content-all #content #spacer-center li.menu-left-break { padding:0;margin:0;} #content-all #content #spacer-center li.menu-categoty { list-style-image:url(../images/icon_topic_03.gif);text-transform:uppercase;margin-left:35px;} #content-all #content #spacer-center li.menu-categoty a { text-decoration:none;color:#0167b9;display:block;line-height:140%; } #content-all #content #spacer-center li.menu-subcate { list-style-image:url(../images/icon_topic_04.gif);text-transform:uppercase;margin-left:50px;} #content-all #content #spacer-center li.menu-subcate a { text-decoration:none;color:#0167b9;display:block;line-height:140%;} #content-all #content #spacer-center li.menu-sublink { list-style-image:url(../images/icon_topic_05.gif);text-transform:uppercase;margin-left:65px;} #content-all #content #spacer-center li.menu-sublink a { text-decoration:none;color:#0167b9;display:block;line-height:140%;} /* #content-all #content #spacer-center .menu-left { padding-left:20px; color:#0168b7;} #content-all #content #spacer-center .menu-left a { background:url(../images/icon_topic_03.gif) center left no-repeat; padding-left:20px; color:#0168b7; text-decoration:none;} #content-all #content #spacer-center .menu-left-sub { padding-left:30px; color:#0168b7;} #content-all #content #spacer-center .menu-left-sub a { background:url(../images/icon_topic_04.gif) center left no-repeat; padding-left:20px; color:#0168b7; text-decoration:none;} #content-all #content #spacer-center .menu-left-sub a.menu-active { font-weight:bold; } #content-all #content #spacer-center .menu-left-break { background:url(../images/line_dot_03.jpg) no-repeat center;} */ #content-all #content #logo-top { background: url(../images/bgcontent_06.jpg) top left no-repeat; } #content-all #content #logo-top a.logo-about { display:block;text-decoration:none;background:url(../images/logo_about.jpg) no-repeat left top ; padding:0px; margin:0px; height:106px; width:280px; } #content-all #content #logo-top a.logo-product_knowledge { display:block;text-decoration:none;background:url(../images/logo_product_knowledge.jpg) no-repeat left top ; padding:0px; margin:0px; height:106px; width:350px; } #content-all #content #logo-top a.logo-training { display:block;text-decoration:none;background:url(../images/logo_training.jpg) no-repeat left top ; padding:0px; margin:0px; height:106px; width:280px; } #content-all #content #logo-top a.logo-promotion { display:block;text-decoration:none;background:url(../images/logo_promotion.jpg) no-repeat left top ; padding:0px; margin:0px; height:106px; width:280px; } #content-all #content #logo-top a.logo-other { display:block;text-decoration:none;background:url(../images/logo_other.jpg) no-repeat left top; padding:0px; margin:0px; height:106px; width:280px; } #content-all #content #logo-top a.logo-no { display:block;text-decoration:none; padding:0px; margin:0px; height:106px; width:280px; } #content-all #content #logo-top a span { visibility: hidden;} #content-all #content #navi-links { background:url(../images/bgcontent_07.jpg) repeat-x top left;text-transform:uppercase; } #content-all #content #navi-links ul { list-style:none; padding:0px; margin:20px 0;} #content-all #content #navi-links li { display:block; padding-left:5px; margin:0; float:left; color:#346794; } #content-all #content #navi-links a { color:#346794; padding-right:5px; } #content-all #content #navi-links a.navi-active { text-decoration:none; font-weight:bold;} #content-all-full { background:url(../images/bgcontent_02-full.jpg) no-repeat top center;} #content-all-full #content #navi-links { background:url(../images/bgcontent_07.jpg) repeat-x top left;text-transform:uppercase; } #content-all-full #content #navi-links ul { list-style:none; padding:0px; margin:20px 0;} #content-all-full #content #navi-links li { display:block; padding-left:5px; margin:0; float:left; color:#346794; } #content-all-full #content #navi-links a { color:#346794; padding-right:5px; } #content-all-full #content #navi-links a.navi-active { text-decoration:none; font-weight:bold;} /* Footer */ #linkfooter {padding-left:58px;} #linkfooter .linkfooter_privacy { float:left; width:150px;valign:middle;} #linkfooter .linkfooter_privacy a { padding-right:5px; text-decoration:none; } #linkfooter .linkfooter_law { float:left; width:120px; } #linkfooter .linkfooter_law a { padding-right:5px;text-decoration:none; } #linkfooter .linkfooter_sitemap { float:left; width:105px;} #linkfooter .linkfooter_sitemap a { padding-right:5px;text-decoration:none;} #linkfooter .linkfooter_counter { float:left; width:200px;} #linkfooter .linkfooter_counter a { padding-right:5px;text-decoration:none;} #linkfooter_en {padding-left:58px;} #linkfooter_en .linkfooter_privacy { float:left; width:100px;valign:middle;} #linkfooter_en .linkfooter_privacy a { padding-right:5px; text-decoration:none; } #linkfooter_en .linkfooter_law { float:left; width:100px; } #linkfooter_en .linkfooter_law a { padding-right:5px;text-decoration:none; } #linkfooter_en .linkfooter_sitemap { float:left; width:70px;} #linkfooter_en .linkfooter_sitemap a { padding-right:5px;text-decoration:none;} #linkfooter_en .linkfooter_counter { float:left; width:200px;} #linkfooter_en .linkfooter_counter a { padding-right:5px;text-decoration:none;} #logout-content { display:none;} /* Other */ .tahoma { font-family:tahoma; } .style1 { color: #FFFFFF} .style4 { font-size: 9px} /* ToolTip */ .tooltip{ width: 200px; color:#000; font:lighter 11px/1.3 tahoma; text-decoration:none;text-align:center } .tooltip span.top{ padding: 30px 8px 0; background:url(../images/bt.gif) no-repeat top } .tooltip b.bottom{ padding:3px 8px 15px;color: #548912; background:url(../images/bt.gif) no-repeat bottom } /*Poll*/ #no-margin { margin:0px; } /* Begin Percentage Bar */ .bar_wrap { width:100%;height:10px;background:url(../images/measure.jpg) no-repeat left top;font-size:9px;color:#999;float:left;margin-top:5px;margin-bottom:10px;clear:both; } .bar_wrap div.top { float:left;height:10px;width:2px;background:url(../images/bar_top.gif) no-repeat; } .bar_wrap div.center { float:left;height:10px;background:url(../images/bar_cent.gif) repeat-x; } .bar_wrap div.bottom { float:left;height:10px;width:2px;background:url(../images/bar_bot.gif) no-repeat;margin-bottom:2px; } #product_model a{ color:#275e97;} /*MEMBER Login*/ #member_login { width:205px; height:254px; background:url(../images/bg-login.jpg) top no-repeat; } .input_debug { border-color:#e7e3d7; border-width:1px; } .order_productlink { font-size:14px; text-decoration:none; line-height:150%; color:#208AE4; }