/* CSS Document */

body	{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	background:url(images/bg.gif) center top repeat-y #e9e9f0;
	color:#4d4d4d;
	text-align:center;
}

table {
	font-size:12px;
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	color:#4d4d4d;
}

.datatable {
	background-color:#c7c7e4;
	filter: alpha(opacity=90); opacity: 0.9;
}
.datatable th {
	text-align:center;
	background-color:#e9e9f0;
}
.datatable td {
	padding:4px;
	background-color:#ffffff;
}

/* link */
a img { border:none; }
a { color:#5353b9; text-decoration:underline; }
a:hover { color:#b8b8d4; text-decoration:none; }
a.link2 { color:#FFFF00; text-decoration:none; background-color:#adadbf; }
a.link2:hover { color:#97821E; text-decoration:none; }

/*** form ****************************************************************/
form { margin:0; }
input, textarea, select {
	font-family:Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color:#111111;
	vertical-align:middle;
}
.width { width:750px; }
input:focus, textarea:focus, select:focus {
	background-color:#F4F4F4;
}
fieldset {
	margin-bottom:15px;
	padding:10px;
	border:1px solid #46334C;
	background-color:#FFFFF;

}
legend { font-size:14px; font-weight:bold; }
.formerror {
	background-color:#999EC8;
}
.error {
	font-weight:bold;
	color:#880000;
}
.msg {
	font-weight:bold;
	color:#5AC0EE;
	text-align:center;
}
.point {
	color:#c34abf;
}
.warning{ color:#990000; font-size:10px; }

/* layout */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.floatleft { float:left; margin:0; }
.floatright { float:right; margin:0; }
.clear { clear:both; }
.middle { vertical-align:middle; }
.vtop { vertical-align:top; }
.text-top { vertical-align:text-top; }
.bottom { vertical-align:bottom; }
.hd { display:none; }
.img-left { float:left; margin:0 30px 10px 0; }
.img-right { float:right; margin:0 0 10px 10px; }
.disable, .disable td {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.small { font-size: 10px; }

.flash { margin-bottom:10px; }
.marzero { margin:0; }

/* ----- header ----- */
.header {
	height:40px;
}

.flagtop {
	position:relative;
	margin:0 auto;
	padding:10px 0 0 0;
	/* width:128px; */ /* gen */
	height:30px;
	float:right;
	text-align:left;
	font-size: 10px; /* gen */
}

.flag1 {
	display:block;
	width:128px;
	float:left;
	background:url(images/flag_jp_ov.gif) top left no-repeat; 
	text-decoration:none;
}
a.flag1:hover { background-color:#FFFFFF; text-decoration:none; }
a.flag1:hover img, a #nowlang { visibility:hidden; }

/* ----- menu ----- */
#bts	{
	margin:0;
	padding:0;
	height:38px;
	text-align:left;
}
#bts li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	height:38px;
	list-style-type:none;
}
#bts #bt1 { width:152px; }
#bts #bt2 { width:151px; }
#bts #bt3 { width:152px; }
#bts #bt4 { width:151px; }
#bts #bt5 { width:152px; }
#bts #bt6 { width:142px; }

#bts a {
	display:block;
	margin:0;
	height:38px;
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	z-index:1;
}
#bt1 a { background-image:url(images/bt_products_ov.gif); }
#bt2 a { background-image:url(images/bt_info_ov.gif); }
#bt3 a { background-image:url(images/bt_about_ov.gif); }
#bt4 a { background-image:url(images/bt_whatsnew_ov.gif); }
#bt5 a { background-image:url(images/bt_gallery_ov.gif); }
#bt6 a { background-image:url(images/bt_contact_ov.gif); }

#bts a:hover { background-color:#FFFFFF; }
#bts a:hover img, #bts a.now img { visibility:hidden; }

#bts img { z-index:1; }
.subnavi {
	z-index:100;
	position:absolute;
	width:138px;
}

.subnavi table {
	filter: alpha(opacity=95);
	opacity: 0.95;
	z-index:100;
}
.subnavi td {
	width:100%;
	font-size:10px;
	vertical-align:middle;
	text-align:left;
	line-height:13px;
	background:#FFFFFF url(images/subnav_grad.gif) left top repeat-y;
	border-bottom:1px dotted #FFFFFF;
}
#bts .subnavi a {
	display:block;
	margin:0;
	padding:4px 5px 4px 20px;
	height:auto;
	width:auto;
	line-height:12px;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	color:#49484d;
	text-align:left;
	background-image:none;
	background-position:left center;
	background-repeat:no-repeat;
}
#bts .subnavi a:hover, #bts .subnavi .now-sub a {
	background:#ccccd8 url(images/subnav_icon.gif) left center no-repeat;
	color:#FFFFFF;
}

.sub-subnavi {
	z-index:2;
	position:absolute;
	width:138px;
	visibility:hidden;
}


/* content */
.content {
	width:900px;
	padding-top:15px;
	margin:0 auto;
}

.topbg { background-color:#040401; }

.content-inside {
	padding:25px;
	text-align:left;
	line-height:1.5em;
}

.content-inside ul {
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
}

.content-inside li {
	margin:0;
	padding:0 0 5px 10px;
	background:url(images/bull.gif) 0 5px no-repeat;
}

.content-inside-dist {
	padding:25px 54px;
	text-align:left;
	line-height:1.5em;
}

.content-inside-dist ul {
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
}

.content-inside-dist li {
	margin:0;
	padding:0 0 5px 20px;
	background-image: none;
}

h1 {
	margin:0;
	float:left;
}

h2 {
	margin:15px 0 0 0;
}

h3 {
	font-size:12px;
	margin:5px 0 10px 0;
	background:url(images/h3bg.gif) center left no-repeat;
	color:#3f3d68;
}

h3 a {
	text-decoration: none;
}


/* home movie */
.mini-box {
	width:230px;
	float:right;
	margin:15px 10px 0 0;
}

.mini-box-detail {
	margin: 4px 0;
}

.mini-box-detail a {
	font-size: 10px;
	text-decoration: none;
}

/* home welcome box */
.welcome-box {
	margin: 32px 0 10px 0;
	width: 370px;
	float:left;
	padding:0 15px;
	font-size:10px;
}

.welcome-box p {
	text-align: left;
}

/* home feature box */
.feature-box {
	position:relative;
	margin: 32px 0 10px 0;
	width: 470px;
	float:right;
	text-align:left;
	overflow: hidden;
}

.feature-box table {
	margin: 12px 0 12px 0;
}

.feature-box a {
	text-decoration: none;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:10px 0 0 15px;
	width: 446px; /*Width of Carousel Viewer itself*/
	height: 165px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 30px;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 15px; /*margin around each panel*/
	width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	font-size:10px;
}
.stepcarousel .panel p { margin:0 0 0 10px; }
#mygallery-paginate {
	margin:0 0 5px 0;
	text-align:center;
}

/* home whats new */
.news-box {
	width:498px;
	height:140px;
	background:url(images/whatsnew_bg.gif) top left no-repeat;
	float:left;
	margin:15px 0 0 15px;
	padding:60px 35px 50px 50px;
	text-align:left;
}
.news-box ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.news-box li {
	line-height:12px;
	height:24px;
	overflow:hidden;
	margin:0;
	padding:4px 0 4px 16px;
	background:url(images/news_bull.gif) 0 6px no-repeat;
}
.news-box strong {
	margin-left:15px;
	font-weight:normal;
}

/* whats new */
.news {
	margin:0;
	padding:0px 10px 0 10px;
	border: 1px #c7c7e4 solid;
	width: 100%;
}

.news-record {
	margin:0 0 0 0px;
	padding:0;
	border-bottom:#d9d9d9 1px dotted;
	background:url(images/news_bull.gif) 5px 15px no-repeat;
}

.news-record table {
	margin: 10px 10px 10px 30px;
	padding: 0;
	width: 730px; 
}

.news-recrod a {
	margin: 0;
	padding: 0;
	text-align: left;
}

.news-content {
	margin: 0;
	padding:15px 0;
	width: 760px;
}

/* gallery */
.gallery-l {
	float:left;
	width:210px;
}
.gallery-l ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.gallery-l li {
	margin:5px 0 10px 0;
	padding:0;
	background:none;
}
html>body .gallery-l li {margin:5px 0 15px 0; }	/*for Netscape, Firefox*/
.gallery-l li a.gtab{
	display:block;
	background:url(images/gallery/gallery_arrow.gif) left center no-repeat;
	padding:2px 0 2px 10px;
	height:7px;
	overflow:hidden;
}
.gallery-l li div {
	display:none;
	margin:5px 0 0 9px;
}
.gallery-l li div a img {
	border:1px solid #FFFFFF;
	margin-right:3px;
	padding:1px;
}
.gallery-l li div a:hover img, .gallery-l li div a.gnow img {
	border:1px solid #b7b7cc;
}

.gallery-r {
	float:right;
	width:640px;
}
.gallery-ttl {
	font-size:12px;
	margin:15px 0 3px 0;
	padding:7px 0 0 30px;
	height:26px;
	background:url(images/gallery/gallery_title_bg.gif) center left no-repeat;
}
.gallery-r-l {
	float:left;
	width:160px;
	padding-left:30px;
}
.gallery-r-r {
	float:right;
	width:445px;
}

/* event */
.event {
	margin:0;
	padding:0px 10px 0 10px;
	border: 1px #c7c7e4 solid;
}

.event-record {
	margin:0 0 0 0px;
	padding:0;
	border-bottom:#d9d9d9 1px dotted;
	background:url(images/news_bull.gif) 5px 15px no-repeat;
}

.event-record table {
	margin: 10px 10px 10px 30px;
	padding: 0;
	width: 730px; 
}

.event-recrod a {
	margin: 0;
	padding: 0;
	text-align: left;
}

.event-content {
	margin: 0;
	padding:15px 0;
	width: 760px;
}

/* submenu */
.submenu {
	margin:10px 0 0 28px;
	padding: 0;
	height:20px;
}

.submenu ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}	

.submenu li {
	margin: 0 15px 0 0;
	padding: 0;
	background-image: none;
	float:left;
}

.submenu a {
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height:19px;
}

.submenu a:hover {
	background-color:#FFFFFF;
}
.submenu a:hover img, .submenu a.tab-now img {
	visibility: hidden;
}

/* ajaxtab */
/*.ajaxtabs ul {
	padding: 0;
}

.ajaxtabs a {
	text-decoration: none;
}

.ajaxtabs li {
	float:left;
	padding: 0 0 5px 5px;
	background-image: none;
}*/

/* sub sub menu */
.subsubmenu {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	height:20px;
}

.subsubmenu ul {
	margin: 0;
	padding: 0;
}

.subsubmenu li {
	float:left;
	margin: 0 3px 0 0;
	padding: 0;
	background: url(images/tab_bg.gif);
	border-top:#c7c7e4 1px solid;
	border-left:#c7c7e4 1px solid;
	border-right:#c7c7e4 1px solid;
	height:19px;
}

.subsubmenu a {
	margin: 0;
	padding:2px 15px 2px 15px;
	color: #5353b9;
	text-decoration: none;
}

.subsubmenu li a:hover {
	margin-top: 1px;
	background:url(images/tab_bg_ov.gif) repeat-x scroll left center;
}

.subsubmenu li.selected {
	margin-top: 1px;
	background:url(images/tab_bg_ov.gif) repeat-x scroll left center;
}

.subsubmenu li.selected a {
	color: #4e4e4e;
}

/* dist search content */
.dist-search-map {
	border: 1px #c7c7e4 solid;
}

.dist-search-text {
	padding: 10px;
	border: 1px #c7c7e4 solid;
}

/* product sub menu */
.product-submenu {
	margin:10px 0 0px 0;
	padding:0 0 0px 0;
	list-style-type:none;
	height:20px;
}

.product-submenu ul {
	margin: 0;
	padding: 0;
}

.product-submenu li {
	float:left;
	margin: 0 3px 0 0;
	padding: 0;
	background: url(images/tab_bg.gif);
	border-top:#c7c7e4 1px solid;
	border-left:#c7c7e4 1px solid;
	border-right:#c7c7e4 1px solid;
	height:19px;
}

.product-submenu a {
	padding:2px 15px 2px 15px;
	color: #5353b9;
	text-decoration: none;
}

.product-submenu a:hover {
	margin-top: 1px;
	background:url(images/tab_bg_ov.gif) repeat-x scroll left center;
}

.product-submenu li.selected {
	/*margin-top: 1px;*/
	background:url(images/tab_bg_ov.gif) repeat-x scroll left center;
}

.product-submenu li.selected a {
	color: #4e4e4e;
}


/* product list */
.product-list {
	margin: 5px 0 10px 0;
}

.product-list td {
	padding: 0 0 15px 0;
}

.product-abst {
	text-decoration: none;
	margin: 0 16px 0 23px;
	font-size: 10px;
	line-height: 1.3;
}

.product-abst a {
	text-decoration: none;
}

/* product content */
.product-name {
	padding: 1px 0 0 4px;
	border-top: 3px double #ccccdb;
	border-left: 3px double #ccccdb;
	font-size: 15px;
}

.product-content {
	clear:both;
	padding:15px;
	border:#c7c7e4 1px solid;
}

.product-content img {
	padding: 15px;
}

/* datasheet list */
.pdf-download-list li {
	padding-left: 0px;
	background-image: none;
}

/*.pdf-download-list a {
	text-decoration: none;
}*/

/* product spec */
.product-spec {
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-size:10px;
}

.product-spec th {
	margin: 0px;
	padding: 0px 1px 0px 1px;
	background-color:#d0b489;
	text-align: center;
	vertical-align: middle;
}

.product-spec-th-left {
	border-left: 2px #ffffff solid;
}

.product-spec-th-top {
	border-top: 2px #ffffff solid;
}

.product-spec-header {
	border-left: 2px #ffffff solid;
}

.product-spec td {
	margin: 0px;
	padding: 0px 1px 0px 1px;
	border-top: 2px #ffffff solid;
	border-left: 2px #ffffff solid;
	background-color:#c7c5b3;
	text-align: center;
}

.product-spec-option {
	border-right: 2px #000000 solid;
	border-bottom: 2px #000000 solid;
	background-color: #00CC33;
}

.product-spec-option td {
	padding: 1px 5px 1px 5px;
	border-left: 2px #ffffff solid;
	border-top: 2px #ffffff solid;
	background-color: #CC9966;
}

.product-spec2 {
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-size:10px;
	vertical-align: top;
}

.product-spec2 td {
	margin: 0px;
	padding: 4px 4px 4px 2px;
	vertical-align: top;
	line-height: 1.0;
}

/* comparison table */
.comparison-table {
	margin: 10px 0 0 0;
	padding: 0;
	background-color:#c7c7e4;
	font-size:10px;
	text-align: center;
}

.comparison-table th {
	background-color:#e9e9f0;
}
.comparison-table td {
	padding: 5px 2px 5px 2px;
	background-color:#ffffff;
}

/* distributor info */
.distributor-info {
	margin-bottom: 20px;
}

/* contact info content */
.contact-info {
}

.contact-submit {
	border: 1px #c7c7e4 solid;
}

.contact-form {
	margin: 0;
	padding: 10px;
	border: 1px #c7c7e4 solid;
}

/* What's camera */
.whats-camera {
	margin:0;
	padding:10px;
	border: 1px #c7c7e4 solid;
}

.whats-camera-QA {
}

.whats-camera-QA th {
}

.whats-camera-QA td {
	border: #dfdff1 1px solid;
	vertical-align: middle;
}

.q { background:url(images/q.gif) top left no-repeat; }
.answer { 
	background:url(images/a.gif) top left no-repeat; 
	float:left;
	padding-left:20px;
}
.whats-pad { 
	padding-left:30px;
	margin-bottom:15px;
	font-weight:bold; }
.whats-caption {
	float:right;
	margin:0;
	font-size:10px;
}

/* Peripherals */
.peripheral {
	margin:0;
	padding:10px;
	border: 1px #c7c7e4 solid;
}

/* Site Map */
.sitemap-l {
	float:left;
	width:50%;
}
.sitemap-r {
	float:right;
	width:50%;
}
.sitemap-l .nobull, .sitemap-r .nobull { background:none; padding:0 0 5px 0; }

/* footer */
.footer {
	margin:0 auto;
	padding:20px 0;
	font-size:10px;
	width:900px;
	background:url(images/footer_line.gif) center top no-repeat;
}

/* submit button */
.submit_bt {
	padding: 2px 5px;
	vertical-align: middle;
	text-decoration: none;
	color: #6e6a8e;
	background: #adadbf url(images/bt_bg.gif) repeat-x left center;
	border: 1px #c7c7e4 solid;
}

* html .submit_bt {
	padding: 2px 5px;
	vertical-align: middle;
	text-decoration: none;
	color: #6e6a8e;
	background: #FFFFFF url(images/bt_bg.gif) repeat-x left center;
	border: 1px #c7c7e4 solid;
} /* for ~IE6 */

.submit_bt:hover {
	background:url(images/bt_bg_ov.gif) repeat-x left center #d1d1e1;
}


#dhtmltooltip {
	position: absolute;
	width: 150px;
	border: 1px solid #CFCFCF;
	padding:10px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	/*filter: alpha(opacity=92);
	opacity: 0.92;*/
	text-align:left;
}
#dhtmltooltip p { margin:10px; }
#dhtmltooltip ul {
	margin:0 10px 10px 10px;
	padding:0 0 0 15px;
}
#dhtmltooltip li {
	margin:0;
	padding:0 0 5px 0;
	text-align:left;
}