/* Design by HDL */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend {background: transparent;border: 0;
margin: 0;padding: 0;outline: 0;vertical-align: baseline;} 
table {border-collapse: collapse;border-spacing: 0;}


/* Main Layout */
html {height: 100%;}

body {
font-family:Arial, Helvetica, Meiryo, Osaka, sans-serif;
color:#333;
font-size:0.92em;
line-height:1.8em;
}

body.contentpane { background:#fff; /* Printable Page */
width: 688px; 
margin: 1em 2em;
line-height: 2em;
margin: 15px 10px 10px 40px;
font-size: 12px;
color: #333;}
body.contentpane .buttonheading {
position:relative;
margin: left:0px;
}
div#product_wrap {
    margin-top: 15px;
}
.background {position: absolute;width: 100%;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:normal; color:#333; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;}
h2{font-family:serif;}
.componentheading { font-style:italic;font-size:14px; margin:0; padding:0 0 10px 0;}
h1{font-size:25px;}

h3 {font-size:16px;
font-weight:bold;
font-family:serif;}
h4,h5,h6 {font-size:16px;}
a {color: #47812b;text-decoration: underline;}
a:hover {color:#000;text-decoration: underline;}
ul {margin:0 0 0 15px;}


p { margin: 0.4em 0;
	padding: 0;
letter-spacing: 0.1px;
}

blockquote {margin:5px; padding:5px; font-size:18px; font-family: "Times New Roman", Times, serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}
.highlight { background:#e9ef48}

/* Header */
#header {
background:#ffffff url("../../../images/hdl_fa_lnx/bg_t01.gif") repeat-x top left;
border-right:solid 1px #e3ebe1;
position:relative; height:54px; width:1000px; margin:0 ; border-bottom:0px solid #3076A6}
#header-w {position:relative;}
#top {color:#fff;width:450px;overflow:hidden; padding:0px 0 0 0; margin:0 0 0 500px;z-index:1;}
#top a {color:#fff; text-decoration:underline}
.logo { position:absolute; top:15px; left:58px; text-transform:uppercase}
.logo, .logo a { color:#fff; font-size:50px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; text-align:left; text-decoration:none;}
/* Nivo Slider Style */
#slide-w {width:1000px; margin:0 ;}
#slide-w #slider-wrapper {margin: 0;}
#slide-w .nivo-directionNav a {background:url("../../../images/hdl_fa_lnx/nivo-arrows.png") 0 50% no-repeat;display:block;width:45px;height:100%;text-indent:-9999px;border:0;}
#slide-w a.nivo-nextNav {background-position:-45px 50%;right:10px;}
#slide-w a.nivo-prevNav {left:10px;}
#slide-w .nivo-directionNav a {position:absolute;top:0;z-index:9;cursor:pointer;}
#slide-w .nivo-prevNav {left:0px;}
#slide-w .nivo-nextNav {right:0px;}
#slide-w .nivo-controlNav {position:absolute; left:47%;bottom:10px; margin:0}
#slide-w .nivo-controlNav a {display:block;width:20px;height:20px;background:url("../../../images/hdl_fa_lnx/nivo-bullets.png") 0 0 no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
#slide-w .nivo-controlNav a.active {background-position:0 -20px;}

/* Login Module */
#login-form .login_label {}
#login_input { width:150px; float:right}
#login-form .login_remember { float:right;}
#login-form a { display:block; text-align:right}

/* Menu*/
#navr { margin:0 auto;
position:absolute;
left: 268px;
top: -54px;
z-index:99; height:54px; background:url("../../../images/hdl_fa_lnx/bg_tm01.jpg") 0 0 repeat-x}
#navl {}
#nav {z-index:10; position:relative; padding:0; margin:0;  }
#nav ul {margin:0; padding:0;}
#nav ul li {list-style:none;float:left;position:relative; padding:0 0px ; margin:0; height:54px; line-height:54px;
border-right:1px dotted #ffffff;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
#nav ul li:last-child { border: none;}
#nav ul li a { 
display:block;
width: 114px;
text-align: center;
padding:12px 0 0 0; margin:0;line-height:54px;text-decoration:none;font-size:11px;color:#fff;
font-weight:bold;
}
#nav ul li.active a { color:#fff;  background:url("../../../images/hdl_fa_lnx/nav-a.jpg") 0 0 repeat-x}
#nav ul li:hover, #nav ul li.active {}
#nav ul li:hover a, #nav ul li a:hover{color:#fff; background:url("../../../images/hdl_fa_lnx/nav-a.jpg") 0 0 repeat-x;text-decoration:none;}

/* SubMenu */
#nav ul li.active ul li span.li-l,#nav ul li.active ul li span.li-r { background:none}
#nav ul li ul {position:absolute;width:160px;left:-999em; margin:-12px 0 0 0; padding:0;border-top:0px solid #3a3a3a; }
#nav ul li:hover ul, #menu ul li.sfHover ul {left:-1px;}
#nav ul li ul li:hover ul {left:200px; top:0}
#nav ul li ul li {padding:0;height:auto;width:200px; margin:0; border:none;}
#nav ul li:hover ul li a {text-shadow:none;margin:0; padding:18px 10px 0px 10px;line-height:32px;border-left:none;
border-bottom:1px dotted #cfcfcf;
border-right:none;font-size:12px;font-weight:100;text-shadow:none;text-align:left;}

#nav ul li:hover ul li:last-child a  { border: none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a {
width:150px;
background: url("../../../images/hdl_fa_lnx/bg_tm08.png") bottom left;
 }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a, #nav ul li.active ul li a:hover{color:#f67808;}
#nav ul li ul ul, #nav ul li:hover ul ul,#nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em; padding:0; margin:-1px 0 0 0;border-top:1px solid #3a3a3a;}

/* Content */
#main { margin:0;}

#wrapper {
color:#333;
border-right:solid 1px #e3ebe1;

margin:0 ; width:1000px; padding:0;position: relative;}
#comp { clear:both;margin:0 auto; padding:10px 10px 10px 0px; background:#fff; 
}
#comp_60 { width:480px; float:left; position:relative; padding:0; margin:0;}
#comp_80 { 
width:688px; float:left; position:relative; padding:0; margin:0; }
#comp_100 {  width:940px; position:relative; padding:0;margin:0 ; }
#comp-i {padding:0;}
.full { padding:0; clear:both}
.shadow2 {height:0px; width:1000px; float:left;}

/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0;  padding:0;}
.leading { margin:0 0 20px 0; position:relative;}
.items-row {position: relative;clear:both;}
.item-separator {}
.item-page { position:relative}

			.item-page-title {
			position:absolute;
			top:-500px;
			color:#333;
			padding:0 70px 5px 0;}
		
.item-page-title, .item-page-title a {text-decoration:none;font-size:30px; line-height: 150%;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:5px; right:5px;}

.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right;margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {display:block;width: 100%; color:#252525; margin:0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category { padding:0 5px 0 0}
.iteminfo .sub-category {}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more {padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category { width:100%}
/* Article Columns */
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:49%;float:left}
.cols-2 .column-2{width:49%;float:right;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}
/* Contact styles */
th.item-title,th.list-title {padding:5px 2px; font-size:15px;text-align:left; font-weight:bold}
th.item-title a,th.list-title a{}
td.item-title,td.list-title {text-align:left; padding:3px 2px}
.contact label { width:100px;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px; padding:5px;}
.contact label { width:200px;}
.contact input { width:300px;}
.contact .checkbox input { width:10px;}
.contact textarea { width:300px;}
.contact .pane-toggler {display:block; cursor:pointer}
.contact .pane-toggler-down {display:block;cursor:pointer}
/* Module Spacing */
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}
/* Page Navigation */
.readmore { padding:0; margin:0; line-height:12px;font-family: "Times New Roman", Times, serif; text-transform:uppercase}
.readmore a { text-decoration:none; }
.readmore a:hover {}
ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center;  padding:0;}
.pagination { clear:both; text-align:center; padding:0;}
.pagination span,.pagination a{ background:none; padding:5px;}
.inputbox, textarea, select {background:#fff; border:1px solid #d4d4d4;}

.button, .validate { color:#ccc;background:#0b58a9; border:1px solid #0a4f99;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:3px 5px; cursor:pointer} 
.button:hover, .validate:hover {color:#fff; background:#0d63bd}


/* Breadcrumbs */
.breadcrumbs { background: url("../../../images/hdl_fa_lnx/line02.gif") no-repeat bottom left;
padding:0; margin:0 0 0px 0;
margin-left:268px;
margin-top:-7px;
font-size:10px;
line-height:18px;
position: absolute;
    width: 690px;
}
.breadcrumbs a {text-decoration:none;}
.breadcrumbs .sep{ background:url("../../../images/hdl_fa_lnx/arrow.png") 50% 50% no-repeat; padding:5px;}


/* ---------------------------------------------------------------Sidebar--------------------- */
#leftbar-w {
width:183px; min-height:200px; float:left; 
margin:0px 43px 0px 43px;
padding: 0;
}
#rightbar-w {width:220px; min-height:200px; float:right;  margin:0 0 0 10px;}
#sidebar {padding:0;}
#sidebar .module {
padding:0; margin:0px 0 0px 0;
}
#sidebar .module-title {
font-size:15px;
font-weight:bold;
text-align:center; 
line-height:31px; height:31px; 
padding:0;margin:0; 
color: #0c3aa2;
border: 1px solid #a4bcea;
background: #b7cefb;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; 
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
text-transform:uppercase;
}
/* 
background:#0d4279 url("../../../images/hdl_fa_lnx/h3-.png") 0 0 repeat-x;
text-shadow:1px 1px #000; */
#sidebar h3 {}
#rightbar-w  .module-title {}
#sidebar .module-body {margin:0;
margin-bottom:14px;
padding:0px;
padding-bottom:9px;
background:#fff url("../../../images/hdl_fa_lnx/bg_lm06.gif") no-repeat bottom ;}
}
#sidebar .module-body p{padding:0; margin:0 0 5px 0;}
#sidebar  ul li { margin:0 5px; padding:0;}
#sidebar  a{}
#sidebar  a:hover{}

/* Sidebar Menu*/

#sidebar .module ul.menu{
width:182px;
/* border:solid 1px #e3ebe1;*/
border: solid 1px #a4bcea;
border-top:none;
border-right:none;
background: #DDECFF;
margin:1px 0 10px 0;
padding:0 ;list-style:none;list-style-type:none;}
#sidebar .module ul.menu li{list-style:none; list-style-type:none;margin:0; padding:0; 
border-bottom:0px solid #e3ebe1;}
#sidebar .module ul.menu li a {
display:block;margin:0; padding:3px 0 3px 12px; text-decoration:none;
color:#333; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;
border-top: solid 1px #a4bcea;
border-right: solid 1px #a4bcea;
border-left: solid 0px #a4bcea;
}

#sidebar .module ul.menu li a:hover {
border-top:solid 1px #e3ebe1;
background-color:#e9e9e9;
color:#333333; text-decoration:none;}
#sidebar .module ul.menu li.active {}
#sidebar .module ul.menu li.active a{
color:#568b3b;
}

/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {margin:0;border-top:0px solid #e3ebe1;
border-bottom:0px solid #f7f7f7;
}

#sidebar .module ul.menu li ul li {
background:none;
border-left: 1px solid #e3ebe1; 
border-bottom:0px solid #e3ebe1;
margin: 0;
}

#sidebar .module ul.menu li ul li a{ }
#sidebar .module ul.menu li ul li a:hover{
border: 0; 
border-right:1px solid #e3ebe1; 
border-top:1px solid #e3ebe1;
color:#333;}
	#sidebar .module ul.menu li.active ul li a{
	color:#333;
	font-weight:normal;
	}
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:none}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#568b3b;}
#sidebar .module ul.menu li.active ul li a:hover{color:#d7602c;}
#sidebar .module ul.menu li ul li.active ul li a {color:#568b3b; }
#sidebar .module ul.menu li ul li.active ul li.active a {color:#333;font-weight: bold; }

	#sidebar .module ul.menu li.active a{	
	color: #333;
	font-weight:bold;
	} 
	
	#sidebar .module ul.menu li ul li.active a{
	font-weight:normal;	
	color: #568b3b;}
/*--------------------------------------------------------------------------------------------*/

/* Modules 1 - Modules 2
#mods1{padding:0; margin:0 auto;clear:both;}
#mods2{padding:0; margin:0 auto;clear:both;}
#mods1 .module, #mods2 .module { margin:0;padding:0;}
#mods1 .inner, #mods2 .inner { padding:10px;}
#mods1 .module-title, #mods2 .module-title {margin:5px 0;padding:0;display: block; font-size: 18px; line-height: 25px; }
#mods1 .module-body, #mods2 .module-body {padding:0; margin:0;}
#mods1 a, #mods2 a {}
#mods1 a:hover, #mods2 a:hover {}
#mods1 ul, #mods2 ul {margin:0; padding:0;}
#mods1 ul li, #mods2 ul li { border-bottom:0px solid #eee ; list-style:none;}
#mods1 ul li:hover, #mods2 ul li:hover  {}
#mods1 ul li a, #mods2 ul li a { display:block; padding:0 0 0 20px; background:url("../../../images/hdl_fa_lnx/dot1-.png") 0 50% no-repeat;text-decoration:none;}
#mods1 ul li a:hover, #mods2 ul li a:hover {}*/

/* Modules 2*/
#mods1{padding:0; margin:0 auto;clear:both;}
#mods2{padding:0; margin:0 auto;clear:both;}
#mods2 ul{
margin: 0;
margin-left:32px;
margin-top: 20px;
padding :0; 
list-style-type:none; 
}
#mods2 li{
padding: 0; 
margin: 0; 
float: left;
}
#mods2 li a{
background: url("../../../images/hdl_fa_lnx/dot01.gif") no-repeat left center;
padding: 2px 10px 3px 8px;
color: #555;
width: 100px;
margin: 1px 0px;
text-decoration: none;
font-size: 12px;
}
#mods2 li a:hover{
color:#568b3b;
text-decoration: underline;
background: url("../../../images/hdl_fa_lnx/dot01.gif") no-repeat left center;
}

/* Modules 3 */
#mods3 {overflow: hidden;padding:0 10px; margin:0; clear:both; background:#0b58a9; border:1px solid #0a4f99; color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }
#mods3 .module { padding:0; margin:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:10px 0 5px 0;padding:0;display: block; font-size: 18px; color:#fff; text-shadow:1px 1px #000;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 ul {margin:0 10px; padding:0;}
#mods3 ul li {list-style:none; border-bottom:1px dotted #043466;}
#mods3 ul li a {}
#mods3 a {color:#419af8;}
#mods3 a:hover {color:#fff}
#mods3 ul li:hover {}
#mods3 ul li a {display:block; padding:0 0 0 20px; background:url("../../../images/hdl_fa_lnx/dot1.png") 0 50% no-repeat;text-decoration:none;}
#mods3 ul li a:hover {}

/* Footer */
#footer { 
clear:both; margin:0px 0 0 0; padding:0; width:1000px; border-top: 1px solid #e3ebe1;
}

#bottom {width:1000px;
height:130px; 
margin:0 ; padding:0px 0 0 0;
background: url("../../../images/hdl_fa_lnx/bg_footer.gif") repeat-x bottom ;
border-right:solid 1px #e3ebe1;
}
.copy {
color:#aeaeae; 
margin:0;
margin-left:22px;
margin-top:10px;
padding:0 0 0 10px;font-size:10px; float:left;}
.copy a {
font-size:10px;
color:#aeaeae;
}
.design {margin:0; padding:0 10px 0 0; font-size:9px; color:#fff; text-align:right; float:right; margin-top:-35px;}
.design a { text-decoration:none; font-size:9px;color:#fff}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error {padding:20px;}
#error  .error { color:#FF0000; background:#fff; display:block; padding:10px;}
/* Tooltips */
.ebzn{margin: -12px 0 0; padding:0;text-indent: -9999em; line-height:12px;}
.tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px;}
.tip-title {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px;}
.tip-text {font-size: 100%; margin: 0;}

/* -----------------------------hdl_type1 style--------------------------- */
/* -------------------------------------------------------common style---- */

#product_wrap h2, #other_wrap h2, #list_wrap h2,#product_top h2{
letter-spacing: 0.5px;
width:645px;
font-size:140%;
line-height:1.2em;
font-weight:bold;
color:#333333;
}

p.pindent{
text-indent:1.2em;
}
.burasage {
text-indent:-1em;/*ikawa*/
margin-left:1em;
}

div.article-content{}

/*input, */select, textarea {		/* ----For Contact Form--- */
	background-color: #f7f7f7;
	border: 1px solid #a5a5a5;
}

#image-btn01 {
/*	background-image: url("../../../images/hdl_fa_lnx/fr_01.gif");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size:90%;
	height: 30px;
	width: 120px;
	background-position: left top;
	border:2px solid #FFFFFF;*/
	cursor:pointer;
	margin-bottom:10px;
	margin-right:10px;
}

#image-btn02 {
/*	background-image: url("../../../images/hdl_fa_lnx/fr_02.gif") ;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size:90%;
	height: 26px;
	width: 80px;
	background-position: left top;
	border:2px solid #FFFFFF;*/
	cursor:pointer;
	margin-bottom:10px;
}

div.ExternalSite{
font-size:70%;
}

div.ExternalSite a {
color:#A6C9A1;
text-decoration: none;
}

div.informationT{
margin-left:20px;
height:18px;
background-image: url("../../../images/hdl_fa_lnx/chip_t01.gif");
background-repeat: no-repeat;
background-position: left top;
}
	
div.informationM{
margin-left:20px;
padding-left:20px;
width:630px;
background-image: url("../../../images/hdl_fa_lnx/chip_m01.gif");
background-repeat: repeat;
background-position: left;
}
	
div.informationB{
margin-left:20px;
height:15px;
background-image: url("../../../images/hdl_fa_lnx/chip_t01.gif");
background-repeat: no-repeat;
background-position: left bottom;
}

div.informationM_txt{
color:#2d2d2d;
width:620px;
}

div.remarks{
margin:3px 0;
font-size:7pt;
line-height:130%;
}

table.w100_01{
width:100%;
margin-bottom:2px;
}

table.w75_01{
width:75%;
margin-bottom:2px;
}

table.w50_01{
width:49%;
margin-bottom:2px;
}
	   
table.w50_01,table.w75_01,table.w100_01 {
border-collapse:collapse;
/* --font-size:0.875em; */
background-color:#ffffff;}
   
table.w50_01 th,table.w75_01 th,table.w100_01 th {
border:solid 1px #a0adb3;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: left;
}

table.w50_01 thead th,table.w75_01 thead th ,table.w100_01 thead th  {
border:solid 1px #a0adb3;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: center;
}

table.w50_01 td,table.w75_01 td ,table.w100_01 td{
border:solid 1px #a0adb3;
padding:4pt;
background-color:#ffffff;
}


#product_wrap img, #other_wrap img, #list_wrap img {
vertical-align:-2px;
padding:0 1px 0 1px;
}

#page_bottom img {
vertical-align:middle;
padding:0;
}

#page_bottom {
font-size:70%;
text-align: right;
margin-top:20px;
}

#page_bottom {}
#page_bottom hr{
border:dotted 1px #a0adb3;
}
	
#page_bottom p {}

/* -------------------------------------------------------product page---- */

#product_wrap h3 {
margin-top:25px;
margin-bottom:14px;
letter-spacing:0.5px;
background:#f7f7f7;
font-size:110%;
border-left:solid 7px #2f5063;
padding: 3px 0 3px 12px;
    text-transform: uppercase;
font-weight:bold;
color:#2f5063;
}

#product_top .top_txt{
font-size:150%;
line-height:150%;
}

div.topimg{
margin-top:-3px;
}

#overview table {
text-align:center;
}

div.quote {
width: 600px; 
margin: 1.5em 0; 
}

div.quote p.citation {
margin: 0 0 6px;
}

div.quote p.citation cite {
font-style: normal; 
}

div.quote blockquote {
background:#efe8d7;
margin: 0 20px; 
padding-left: 40px; 
border: 2px #dca626 solid; 
color: #333333; 
line-height: 150%;
}

div.quote blockquote p {
margin: 0 0 1em;
}

#feature ul {
padding:0;
margin:0;
list-style:none;
border-top:dotted 0px #b9b8b8;
}

#feature ul li {
//background: url("../../../images/hdl_fa_lnx/bullet.gif") no-repeat 0px 8px;
background: url("../../../images/hdl_fa_lnx/bullet.gif") no-repeat scroll 6px 11px #FFFFFF;
padding:3px 0 3px 19px;
line-height: 160%;
background-color:#fff;
border-bottom:dotted 1px #b9b8b8;
}
	   
#specificatrions table {
font-size:0.975em;
width:100%;
border-collapse:collapse;	
background-color:#ffffff;}
   
#specificatrions table th {
border:solid 1px #a0adb3;
padding:2pt;
background-color:#f3f3f3;
font-weight:normal;
text-align: left;
}

#specificatrions table thead th {
border:solid 1px #a0adb3;
padding:2pt;
background-color:#d4d4d4;
font-weight:normal;
text-align: center;
}

#specificatrions table td {
border:solid 1px #a0adb3;
padding:4pt;
background-color:#ffffff;
letter-spacing:0.5px;
}
	
#package{}
	
#package h3 {
margin-bottom:0px;
letter-spacing:0.5px;
font-family:sans-serif;
border:none;
background: url("../../../images/hdl_fa_lnx/bg_package_h3.gif") repeat-y;
font-size:100%;
font-weight:bold;
color:#FFFFFF;
}
	
#package ul {
background-color:#f7f7f7;
width:100%;
margin:0;
padding:0;
}
	
#package ul li{
list-style:inside;
list-style-type:square;
padding:4px 10px;
background-image:none;
margin:0px;
border-bottom:dotted 1px #9ea2ad;
}
  
#package table {
width:100%;
border-left:solid 1px #f7f7f7;
border-bottom:solid 0px #9ea2ad;
border-top:solid 1px #9ea2ad;
border-collapse:collapse;
font-size:0.875em;
background-color:#ffffff;}
   
#package table th {
border:solid 1px #9ea2ad;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: left;
}

#package table thead th {
border:solid 1px #9ea2ad;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: center;
}

#package table td {
vertical-align:top;
border-bottom:solid 1px #9ea2ad;
border-left:dotted 1px #9ea2ad;
padding:4pt;
padding-bottom:12px;
padding-top:8px;
width:50%;
background-color:#f7f7f7;
}

#Documentation ul {
list-style:none;
margin:0;
padding:0;}

#Documentation ul li{
padding:4px 10px;
margin:0px;
border-bottom:dotted 1px #9ea2ad;}

#Documentation ul li img{
margin-right:10px;
vertical-align: middle;
}
	
#support{}
#support table {
	border-collapse:collapse;
	font-size:0.875em;
	line-height:120%;
	background-color:#ffffff;}
#support table th {
	border:solid 0px #a0adb3;
	padding:2px 2px 2px 0px;
	background-color:#fff;
	font-weight:bold;
	text-align: left;}
#support table thead th {
	border:solid 0px #a0adb3;
	padding:2px 2px 2px 0px;
	background-color:#fff;
	font-weight:bold;
	text-align: center;}

#support table td {
	border:solid 0px #a0adb3;
	padding:4px 4px 4px 0px;
	background-color:#ffffff;}	
#support ul {
list-style:none;
margin:0;
padding:0;}
#support ul li{
background:none;
padding-left:0px;}
#order table{
font-size:0.975em;
width:100%;
margin-bottom:2px;
border:solid 1px #a0adb3;}	   
#order table {
	border-collapse:collapse;
	background-color:#ffffff;}
#order table th {
	color:#343434;
	border:solid 1px #a0adb3;
	padding:2pt;
	background-color:#f3f3f3;
	font-weight:normal;
	text-align: center;}

#order table thead th {
	border:solid 1px #a0adb3;
	padding:2pt;
	background-color:#d4d4d4;
	font-weight:normal;
	text-align: center;}

#order table td {
color:#343434;
border:solid 1px #a0adb3;
padding:2pt;
padding-left:8px;
background-color:#ffffff;}	
	
#relation{
background-color:none;}
	
#relation h3 {
background:#c1b39b url("../../../images/hdl_fa_lnx/bg_relation_h3.gif") no-repeat;
margin-bottom:0px;
padding-left:75px;
letter-spacing:5px;
border:none;
font-size:100%;
font-weight:bold;
color:#FFFFFF;}
	
#relation ul {
background-color:#eee3e3;
width:100%;
margin:2px 0px;}
	
#relation ul li{
font-size:0.875em;
list-style:inside;
list-style-type:square;
padding:2px 7px;
background-image:none;
border-bottom:solid 1px  #cc9999;}
	
#relation table{
width:100%;
margin-bottom:2px;}
	   
#relation table {
border-collapse:collapse;
font-size:0.875em;
background-color:#ffffff;}
   
#relation table th {
border:solid 1px #cc9999;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: left;}

#relation table thead th {
border:solid 1px #cc9999;
padding:2pt;
background-color:#f7f7f7;
font-weight:bold;
text-align: center;
}

#relation table td {
border:solid 1px #cc9999;
padding:4pt;
background-color:#ffffff;}

/* ---------------------------------------------------------product list page-- */

#list_wrap{}
#list_top{}
#list_main{}
#list_main table{
border:solid 1px #a0adb3;
width:100%;
font-size:0.925em;}

#list_main table {
	border-collapse:collapse;
	background-color:#a0adb3;}
   
#list_main table th {
	color:#343434;
	border:solid 1px #a0adb3;
	padding:2pt;
	background-color:#f7f7f7;
	font-weight:normal;
	text-align: center;}

#list_main table thead th {
	border:solid 1px #a0adb3;
	padding:2pt;
	background-color:#ebebeb;
	font-weight:normal;
	text-align: center;}

#list_main table td {
	color:#474747;
	border:solid 1px #a0adb3;
	padding:4pt;
	background-color:#ffffff;}

#list_main table td.nowrap{
 white-space: nowrap;}
#list_main table td.center{
 text-align: center;}
	
/* ---------------------------------------------------------other page-- */

#other_wrap{}
#other_top{}
#other_main{}
#other_main table{
font-size:0.95em;
width:100%;}
	   
#other_main table {
	border-collapse:collapse;
	border-top:solid 0px #ebebeb;
	border-bottom:solid 1px #bcc8cd;
	background-color:none;}

   
#other_main table th {
	border-bottom:solid 1px #bcc8cd;
	
	border-left:solid 0px #bcc8cd;
	padding:2pt;
	background-color:#f7f7f7;
	font-weight:normal;
	text-align: center;}

th.bdrr {
border-right: solid 1px #bcc8cd;}
th.bdrt {
border-top: solid 1px #bcc8cd;}

#other_main table thead th {
	border-bottom:solid 1px #bcc8cd;
	padding:2pt;
	background-color:#ebebeb;
	font-weight:normal;
	text-align: center;}

#other_main table tbody td.bdrn {
border-left:none;}

#other_main table td {
	border-bottom:solid 1px #bcc8cd;
	border-top:solid 1px #bcc8cd;
	border-left:solid 1px #bcc8cd;
	padding:4pt;
	background-color:#ffffff;}

#other_main table td.bdrn {
border-left: none;}

	ul {
	margin: 0 0 0 1em;
	padding: 0;}
	
#other_main ul li{
list-style-type:disc;
line-height: 180%;    }

/* ----------other01 page add 120606------------------------------------------------- */

#other_main .other01 h3 {
margin-top:25px;
margin-bottom:8px;
letter-spacing:1px;
background:#f7f7f7;
font-size:110%;
border-left:solid 7px #2f5063;
padding:3px 0px 3px 7px;
font-weight:normal;
color:#2f5063;
}

#other_main .other01 ol {
list-style-type:none;
list-style-position:inside;
padding:0;
}

#other_main .other01 ol li {
padding:10px 0px;
line-height: 160%;
margin:0;
border-top:dotted 1px #b9b8b8;
}

#other_main .other01 ol li img {
vertical-align: middle;
margin-bottom:5px;
}


/* ----------other02 page add 160330------------------------------------------------- */


#other_main .other01 .other02 {
list-style-type:decimal;
list-style-position:inside;
padding:0;
}


/* ---------------------------------------------------------end other page add-- */
/*HDL*/
div.top_img{
background-repeat: no-repeat;
background-color: #FFFFFF;
overflow:auto;
padding:0 12px;
font-size:115%;	
color:#1e2443;
}

div.zstatus{
text-align: center;
}


/*table add20120719*/
body #maincolumn{
font-family: sans-serif;
}
.centering{text-align:center !important;}
.rightalign{text-align:right !important;}
.leftalign{text-align:left !important;}
.centering td{text-align:center !important;}
.rightalign td{text-align:right !important;}
.leftalign td{text-align:left !important;}

.vtop{vertical-align:top !important;}
.vcenter{vertical-align:middle !important;}
.vbottom{vertical-align:bottom !important;}
blockquote {
    padding: 1em 40px 1em 15px;
    background-color: #EAEFDF;
    border: 1px solid #333333;
    margin:0;
}
div.column{
background-color: #ECF2F5;
border: 4px double #333333;
padding: 1em 40px 1em 15px;
}
.hdl-small-font{font-size:0.9em;}
.hdl-large-font{font-size:1.5em; line-height:1.8em;}
h3.hdl-tb-ttl{font-size:1.3em; font-weight:bold; color:#3355AA; margin:10px 0 3px;}
h3.hdl-tb-ttl:before{content:"��";}
td.hdl-small-font{font-size:0.9em;}
table.hdl_tb_color1, table.hdl_tb_color2, table.hdl_tb_color3,
table.hdl_tb2_color1, table.hdl_tb2_color2, table.hdl_tb2_color3{
	width:auto;
	border-collapse:separate;
	margin-bottom:10px;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#FFF;
}
table.hdl_tb_color1 p, table.hdl_tb_color2 p, table.hdl_tb_color3 p,
table.hdl_tb2_color1 p, table.hdl_tb2_color2 p, table.hdl_tb2_color3 p{
margin:0;
padding:0;
}
table.hdl_tb_color1 thead, table.hdl_tb_color2 thead, table.hdl_tb_color3 thead, table.hdl_tb2_color1 thead, table.hdl_tb2_color2 thead, table.hdl_tb2_color3 thead{
	font-weight:normal;
	white-space: nowrap;
}	

table.hdl_tb_color1 td, table.hdl_tb_color2 td, table.hdl_tb_color3 td,
table.hdl_tb_color1 th, table.hdl_tb_color2 th, table.hdl_tb_color3 th,
table.hdl_tb2_color1 td, table.hdl_tb2_color2 td, table.hdl_tb2_color3 td,
table.hdl_tb2_color1 th, table.hdl_tb2_color2 th, table.hdl_tb2_color3 th{
	padding:6px 9px;
	font-size:1em;
	line-height:1.4em;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	vertical-align:middle;
}
table.hdl_tb2_color1 td, table.hdl_tb2_color2 td, table.hdl_tb2_color3 td{
	text-align:left;
}
table.hdl_tb_color1 thead, table.hdl_tb_color1 th{background-color:#c7e496; font-weight:normal;}
table.hdl_tb_color2 thead, table.hdl_tb_color2 th{background-color:#aaddee; font-weight:normal;}
table.hdl_tb_color3 thead, table.hdl_tb_color3 th{background-color:#F0BCCD; font-weight:normal;}

table.hdl_tb2_color1 thead, table.hdl_tb2_color1 th{background-color:#c7e496; font-weight:normal;}
table.hdl_tb2_color2 thead, table.hdl_tb2_color2 th{background-color:#aaddee; font-weight:normal;}
table.hdl_tb2_color3 thead, table.hdl_tb2_color3 th{background-color:#F0BCCD; font-weight:normal;}
/*tagu add20120719*/
dt{font-size:1.2em; font-weight:bold;}
dd{margin:2px 0 25px;}
ul{padding-left:17px;}

/*red add20120719*/
span.txt-red{color:#BB0000;}
/* ---------------------------------------------------------ol p add 20130416-- */
.inst_o1 {
background-color:#f7f7f7;
width:100%;
margin:0px 0px;
list-style-position: inside;
}
	
.inst_o1 li{
padding:4px 10px;
margin:0px;
border-bottom:dotted 1px #9ea2ad;
}

.inst_o2 {
background-color:#f7f7f7;
width:100%;
margin:0px 0px;
list-style-position: inside;
}

.inst_o2 li {
padding:4px 10px;
margin:0px;
border-bottom:dotted 1px #9ea2ad;
}

.inst_o2 ul {
list-style-position: outside;
}

.inst_o2 ul li {
line-height: 160%;
width:70%;
margin-left:50px;
padding-left:50px;
border:none;
border-top:dotted 1px #9ea2ad;
}

ol.inst_o2{
margin:0;
padding:0;
}


ul.inst_o2{
padding-left:0;
list-style-position: inside;
list-style-type:disc;}


.inst_p {
width:80%;
word-spacing:2em;
font-weight:bold;
border:dotted 1px #9ea2ad;
padding:10px;
margin:10px 0px;
}

.inst_o3 {
width:100%;
margin:0px 0px;
padding-left:30px;
list-style-position: outside;
}

.inst_o3 li {
padding:4px 10px;
margin:0px;
border-bottom:dotted 1px #9ea2ad;
}

.inst_o3 li img{
margin-bottom:20px;}


/* ---------------------------------------------------------magin add 20120719-- */
.margin_h19{
margin-top:30px;
margin-bottom:10px;}

.margin_texth19{
line-height: 170%;}

/* ---------------------------------------------------------pin_table add 20120719-- */
#specificatrions .pin_t{
vertical-align: top;
display:inline-block;
width:400px
}

/*------------------------------------------------------------table news*/
table#news td.newsdate{
white-space: nowrap;
}

/*--------------------------------------------------------------------201407---*/
#connection ul li{
list-style-type:disc; 
margin:0px;
font-size:1em;}


	
img.blkdrgm {border: 1px solid #d3d3d3; margin: 0px; padding: 20px 20px 20px 20px;}

#sidebar li img {
vertical-align: top;
}

.separator{

}

/*--------------------------------------------------------------------201503---*/

.banneritem img{
border:1px solid #CECECE;
padding:10px 28px;
}

.bannerfooter {
    bottom: 0;
    font-size: 12px;
    margin-top: -44px;
    padding-bottom: 20px;
    text-align: center;
    width: 930px;
}

/*---------------------------------------thumb nav--------------------201409---*/
#display_area{
  display:table-cell;
  width:686px;
  height:350px;
  text-align:left;
  line-height:350px;
  vertical-align:middle;
  padding:20px 0;
  border: 1px solid #666666;
  text-align: center;
}
#display_area img#display_img{
  vertical-align: middle;
}

#nav_image{
  height:115px;
  margin-bottom:-30px;
  margin-top: 5px;
}

#nav2_image {
    height: 300px;
    margin-bottom: -30px;
    margin-top: 5px;
}

#nav3_image {
    height: 250px;
    margin-bottom: -30px;
    margin-top: 5px;
}

#nav_image img{
  cursor:pointer;
  border:1px solid #666;
  padding:5px 6px;
  width:auto;
  height:50%;
  -ms-interpolation-mode: bicubic;
}

#nav2_image img{
  cursor:pointer;
  border:1px solid #666;
  padding:5px 6px;
  width:auto;
  height:25%;
  -ms-interpolation-mode: bicubic;
}

#nav3_image img{
  cursor:pointer;
  border:1px solid #666;
  padding:5px 6px;
  width:auto;
  height:24%;
  -ms-interpolation-mode: bicubic;
}

#nav4_image img{
  cursor:pointer;
  border:1px solid #666;
  padding:5px 6px;
  -ms-interpolation-mode: bicubic;
}

#nav_image img.small{
  height:40%;
}

#nav2_image img.small{
  height:40%;
}

#nav3_image img.small{
  height:40%;
}

#nav_image img:hover{
  opacity: 0.5;
}

#nav2_image img:hover{
  opacity: 0.5;
}

#nav3_image img:hover{
  opacity: 0.5;
}

#plinkurl{
	text-align: right;
	margin: 10px 0 -15px;
}
#plinkurl input{
	padding-left:3px;
	text-align: left;
}

#feature ul li ul li {
    background: #FFF none repeat scroll 0% 0%;
    padding: 3px 0px;
    line-height: 160%;
    border-bottom: medium none;
    list-style-type: circle;
    margin-left: 30px;
}

#list_wrap .ic_p img {
    vertical-align: -5px;
    padding: 2px 0px 2px 3px;
}

#product_wrap  .ic_p img {
    vertical-align: -5px;
    padding: 2px 0px 2px 3px;
}
/* 2019.04.17 add*/
body{
counter-reset: list;
}

table.actable {
    counter-reset: list;
}

#list_main .actable tbody th:after {
    counter-increment: list;
    content: counter(list);
    /* padding-right: 1em; */
    display: block;
    padding: 0px 5px;
    margin-top: -2em;
}


#specificatrions .actable tbody th:after {
    counter-increment: list;
    content: counter(list);
padding:0.5em;
}
/* 2019.04.17 add end*/

div.float-end{
display:none;
}