@charset "euc-jp";

body {line-height:1.3;}

/* Header
----------------------------------------------- */
#header{font-size:0.9em;}
#header #logo{float:left; margin-left:10px; width:110px;}
#language{padding:0 10px; text-align:right;}
#heading{float:right; width:750px; padding:20px 10px 0 0; text-align:right; background:url(../images/en/common/bg_heading.gif) no-repeat;}
#heading{min-height:2em; height: auto !important; height: 2em;}/* IE6 min-height */
#heading:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/* FireFox */

/* Nav */
ul#nav{clear:both; width:900px; height:40px; background:url(../images/en/common/bg_nav.jpg) repeat-x;}
ul#nav:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/* FireFox */
#nav li{float:left;}

#nav a{display:block; height:40px; text-indent:-9999px; outline:0;}
#nav a.nav1{width:150px; background:url(../images/en/common/nav_home.jpg) no-repeat;}
#nav a.nav2{width:150px; background:url(../images/en/common/nav_company.jpg) no-repeat;}
#nav a.nav3{width:150px; background:url(../images/en/common/nav_aboutus.jpg) no-repeat;}
#nav a.nav4{width:150px; background:url(../images/en/common/nav_products.jpg) no-repeat;}
#nav a.nav5{width:150px; background:url(../images/en/common/nav_resellers.jpg) no-repeat;}
#nav a.nav6{width:150px; background:url(../images/en/common/nav_contact.jpg) no-repeat;}
#nav a:hover{background-position:100% -40px;}

/* Sidebar
----------------------------------------------- */
#side_productlist h2{padding:7px 6px; text-indent:-9999px;}
#sidebar h2.st1{background: url(../images/en/common/st_microscope_en.jpg) no-repeat center;}
#sidebar h2.st2{background: url(../images/en/common/st_measure_en.jpg) no-repeat center;}
#sidebar h2.st3{background: url(../images/en/common/st_software_en.jpg) no-repeat center;}
#sidebar h2.st4{background: url(../images/en/common/st_teleglass_en.jpg) no-repeat center;}
#sidebar h2.st5{background: url(../images/en/common/st_other_en.jpg) no-repeat center;}

#sidebar #facebook_area{width:100%;}
#sidebar #facebook_area .column{float:left;}
#sidebar #facebook_area img{margin:0 10px 10px 0;}
#sidebar #facebook_area:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* Infolist
----------------------------------------------- */
#news h1.cover span{background:url(../images/en/h_infolist.jpg) top no-repeat;}
#news dl.infoarea {margin:1em 0; background:url(../images/bg_information.jpg) repeat-y;}
#news .infoarea dt{float:left; width:7em; padding:0.7em 1em;}
#news .infoarea dd{padding:0.7em 1em 0.7em 9em; border-bottom:1px dotted #DDD;}

/* Information
----------------------------------------------- */
#information h1.cover span{background:url(../images/en/h_infolist.jpg) top no-repeat;}
#content #information h2{height:auto; background:url(../images/bg_h_type1.jpg) bottom repeat-x; padding:0 0.5em 20px;}
#information .textbody{padding:1em;}
#information .date{padding:0 1em; text-align:right; color:#666;}


/* Company
----------------------------------------------- */
#company h1.cover span{background:url(../images/en/h_company.jpg) top no-repeat;}

/*
#company dl.type1{margin:1em 0; background:url(../images/bg_information.jpg) repeat-y;}
#company dl.type1 dt{float:left; width:7em; padding:1em 0 1em 1em;}
#company dl.type1 dd{padding:1em 1em 1em 9em; border-bottom:1px dotted #DDD;}

*/
#company dl.type1{line-height:1.3em; padding:1em 1.5em 2em; margin-bottom:1em; background:#F9F9F9 url(../images/global/bg_dl1.jpg) repeat-y;}

#company dl.company_info dt{padding:0.5em 0; font-weight:bold;}
#company dl.company_info dd{padding:0 0 1em 1.5em; border-bottom:1px dotted #DDD;}
#company dl.company_info ul,
#company dl.company_info li{
	padding-bottom:1em;
}
#company dl.company_history dt{padding:0.5em 0; font-weight:bold;}
#company dl.company_history dd{padding:0 0 1em 1.5em; border-bottom:1px dotted #DDD;}
#company dl.company_history dd dl,
#company dl.company_history dd dt,
#company dl.company_history dd dd{margin:0; padding:0;}
#company dl.company_history dd dl dt{width:3em; text-align:right;}
#company dl.company_history dd dl dd{margin:-1.3em 0 1.5em 6em; padding-left:1em; border:none;border-left:2px solid #CCC;}

#company .company_history dd dl dt{font-size:0.9em;}


/* jQuery Tabs */
#company .tabContainer{width:650px; margin:0 auto;}
#company .tabContainer div{}

#company .tabContainer ul.tab{width:650px; padding:0 10px 30px; background:url(../images/bg_company_tab.jpg) no-repeat;}
#company .tabContainer ul.tab li{float:left; /* width:130px; */}
#company .tabContainer ul.tab li a{display:block; width:210px; height:37px; text-indent:-9999px; outline:0;}

#company #tab1 a{background:url(../images/en/tab_c-profile.jpg) no-repeat;}
#company #tab2 a{background:url(../images/en/tab_c-history.jpg) no-repeat;}
#company #tab1.active a,
#company #tab2.active a{background-position:100% -37px;}

#company .tabContainer:after,
#company .tabContainer ul:after{content:"";height:0;display:block;visibility:hidden;clear:both;}/* FireFox */

/* Service
----------------------------------------------- */
#service h1.cover span{background:url(../images/en/h_service.jpg) top no-repeat;}
#service h3{background:none; padding:0;}
#service .jigyou dt{font-size:1.1em; font-weight:bold; padding:15px 0 1em 1em; background:url(../images/bg_dt1.jpg) no-repeat;}
#service .jigyou dd{margin-bottom:2.5em; padding-left:1em;}


/* Privacy Policy
----------------------------------------------- */
#privacy_policy h1.cover span{background:url(../images/en/h_privacy_policy.jpg) top no-repeat;}

/* About trademarks
----------------------------------------------- */
#trademark h1.cover span{background:url(../images/en/h_trademark.jpg) top no-repeat;}


/* Products
----------------------------------------------- */
#products h1.cover span{background:url(../images/en/h_products.jpg) top no-repeat;}

#productlist ul{width:630px; margin:0 auto 30px;}
#productlist li{padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #DDD;}
#productlist li{width:100%;}/*IE*/
#productlist li{min-height:120px;height:auto !important; height:120px;}/* IE6 min-height */
#productlist li .box{float:right; width:420px;}
#productlist li h3{font-size:1.1em; padding:0.4em 0 0.2em 27px; margin-bottom:0.5em; border-bottom:2px solid #83B82D; background:url(../images/icon_product.jpg) left center no-repeat;}
#productlist li img.left,
#productlist li img.right{margin:0}

#productlist a.imglink img{padding:1px; border:1px solid #FFF;}
#productlist a.imglink:hover img{border:1px solid #666;}

#productlist ul:after,
#productlist li:after{content:"";height: 0;display: block;visibility: hidden;clear: both;}

/* Contact
----------------------------------------------- */
#contact h1.cover span{background:url(../images/en/title/h_contact.jpg) top no-repeat;}



/* Detail
----------------------------------------------- */
#detail h1{z-index:0; position:relative; margin-bottom:1px;}
#detail{width:650px; margin:0 auto;}
#detail h2, #detail h3, #detail h4{clear:both;}
#detail h3{font-size:1.1em; padding:0.2em 0.7em; margin-bottom:1em; background-color:#F6F6F6; border:1px solid #DDD;}
#detail p{padding:0 0.5em;}

#detail div.left {float:left;margin:0 1.5em 1.5em 0;}
#detail div.right {float:right;margin:0 0 1.5em 1.5em;}

#detail ul.submenu{clear:both; width:650px; background-color:#E0E5EB; margin-bottom:15px;}
#detail ul.submenu:after{content:"";height: 0;display: block;visibility: hidden;clear: both;}
#detail .submenu li{float:right; padding:0 1px;}
#detail .submenu li img{vertical-align:bottom;}
#detail .submenu li.price{float:left; font-weight:bold; padding-left:20px; line-height:32px;}

/* Tabmenu jQuery */
#detail .tabContainer{}
#detail .tabContainer div{}

#detail .tabContainer ul.Scroll{width:640px; padding:0 0 15px 10px; background:url(../images/products/bg_productmenu.jpg) top no-repeat;}
#detail .tabContainer ul.Scroll li{float:left; padding:0 3px;}
#detail .tabContainer ul.Scroll li a{display:block; height:30px; text-indent:-9999px; outline:0;}
#detail #tab1 a{width:115px; background:url(../images/en/common/tab2_intro.jpg) no-repeat;}
#detail #tab2 a{width:115px; background:url(../images/en/common/tab2_spec.jpg) no-repeat;}
#detail #tab3 a{width:115px; background:url(../images/en/common/tab2_use.jpg) no-repeat;}
#detail #tab4 a{width:100px; background:url(../images/en/common/tab2_software.jpg) no-repeat;}
#detail #tab5 a{width:50px; background:url(../images/en/common/tab2_faq.jpg) no-repeat;}
#detail #tab6 a{width:100px; background:url(../images/en/common/tab2_download.jpg) no-repeat;}
#detail #tab7 a{width:100px; background:url(../images/en/common/tab2_gallery.jpg) no-repeat;}
#detail #tab1.active a,
#detail #tab2.active a,
#detail #tab3.active a,
#detail #tab4.active a,
#detail #tab5.active a,
#detail #tab6.active a,
#detail #tab7.active a{background-position:100% -30px;}

#detail .tabContainer:after,
#detail .tabContainer ul:after{content:"";height: 0;display: block;visibility: hidden;clear: both;}

#detail .order2 {text-align:right;}
#detail .order2 p{text-align:left; margin-bottom:0.5em;}
#detail .order2 img{margin-bottom:1em;}

#detail .plan{color:#900; padding:0.5em; margin: 0.5em; border:1px solid #900;}

#detail .boxleft{float:left; width:295px; padding-right:20px; border-right:1px solid #DDD;}
#detail .boxright{float:right; width:295px; padding-left:20px;}
#detail .box2area dt{font-size:1.1em; font-weight:bold; padding-bottom:5px; margin-bottom:0.5em; background:url(../images/bg_box_dt.gif) bottom repeat-x;}
#detail .box2area dd{padding-bottom:1em; margin-bottom:1.5em; border-bottom:1px solid #EEE;}
#detail .box2area dd{min-height:100px;height:auto !important; height:100px;}/* IE6ÍÑmin-height */
#detail .box2area dd p{margin-bottom:0;}
#detail .box2area dd img{float:left; margin:5px 15px 15px 0;}
/* #detail .box2area dd img{float:right; margin:5px 0 10px 10px;} */

#detail dl.option{clear:both;}
#detail .option dt{font-size:1.1em; font-weight:bold; padding:0.2em 1.5em; border-bottom:1px solid #EEE; background:url(../images/bg_option_dt.gif) left center no-repeat;}
#detail .option dd{padding:0.5em 0 1em;}

#detail ul.option {clear:both; padding-left:10px; margin-bottom:25px;}
#detail ul.option li{clear:both;}
#detail ul.option li h5{margin-bottom:0.5em;}

#option{
	clear:both;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../images/bg_corner01_bottom.gif) bottom no-repeat;
}
#option dt{
	padding:10px 15px 5px;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:url(../images/bg_corner02_top.gif) top no-repeat;
}
#option dd{
	padding:15px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#option .block{padding:0 0 1em; margin-bottom:15px; border-bottom:1px dotted #CCC;}
#option h4{border:none; background-color:#F5F7F8;}
#option h5{font-size:1.1em; margin-bottom:0.5em;}
#option table{width:620px;}

#option dd:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*FF*/

/* FAQ¡¡*/
#detail .faq{padding:1.5em; margin-bottom:25px; border:1px solid #CCC;}
#detail .faq dt{color:#50A39F; padding:5px 0 5px 25px; background:url(../images/q.gif) left 0.5em no-repeat;}
#detail .faq dd{padding:5px 0 1em 25px; margin-bottom:1em; border-bottom:1px dotted #CCC; background:url(../images/a.gif) left 0.5em no-repeat;}

#detail #faqindex{padding-left:10px; margin-bottom:15px;}
#detail #faqindex dt{font-size:1.1em; font-weight:bold; padding-bottom:0.5em;}
#detail #faqindex dd{padding-bottom:0.5em;}
/* #faqindex ul{list-style-type:square; list-style-position:outside; margin-left:1.5em;} */
#faqindex ul{border:1px solid #666;}
#faqindex li a{display:block; width:610px; height:auto; padding:0.3em 14px; border-bottom:1px solid #666;}
#faqindex li a:hover{background-color:#EEE;}

/* SDK
----------------------------------------------- */
#sdk h1.cover span{background:url(../images/h_sdk.jpg) top no-repeat;}
#sdk .block{padding:1.5em; margin:0 20px 1.5em; border:1px solid #CCC;}
#sdk form{width:620px; margin:0 auto 1.5em;}
#sdk table#fmail{width:100%;}

#sdk .block .block{padding-bottom:0; margin:0;}
#sdk h3{line-height:2; border-bottom:1px dotted #CCC; margin-bottom:0.5em;}
#sdk .block ol{margin-left:30px;}

#sdk .block ol{margin-bottom:1.2em}
#sdk .block ol ul{padding:1em 0 0 2.3em;}
#sdk .block ol ul li span{float:left; margin-left:-2.3em;}

#sdk_list h3{border-top:2px solid #666; border-bottom:2px solid #666; margin:2em 0 1em;}
#sdk_list dl{width:100%; line-height:1.5em; margin-bottom:0.5em;}
#sdk_list dl dd{margin:-1.5em 0 0.5em 12em;}

ul.sidewise{width:100%;}
ul.sidewise:after{content:"";display:block;clear:both;height:0;overflow:hidden;}/* FireFox */
ul.sidewise li{display:block; white-space:nowrap; float:left; padding-right:1em;}

#contact .ermsg,
#sdk .ermsg{
    background-color: #FFDFDF;
    border: 1px solid #FF9999;
    color: red;
    padding: 0 1em;
    margin-bottom:0.3em;
}
.c{text-align:center;}


/* Resellers
----------------------------------------------- */
#resellers h1.cover span{background:url(../images/en/h_resellers.jpg) top no-repeat;}
#resellers_index{padding:0 1.5em; margin-bottom:1.5em;}

#resellers_list{padding:0 15px;}
#resellers h3{font-size:1.2em; padding:0 1em; margin-bottom:1em; border-left:5px solid #E9AF0F;}
#resellers ul{margin-bottom:3em; border-top:2px solid #444;}
#resellers ul li{width:600px; padding:15px; border-bottom:1px solid #DDD;}
#resellers ul li p{width:300px; color:#666; margin:0;}
#resellers ul li img{float:right;}
#resellers ul:after,
#resellers ul li:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/* FireFox */

/* Fmail
----------------------------------------------- */
#fmail em{padding-left:1em; font-size:0.9em; color:#666;}
#fmail dl{line-height:2em;}
#fmail dl dt{width:7em;}
#fmail dl dd{margin:-2em 0 0 7.5em;}

table#fmail{width:650px; border-collapse:separate; margin:1em 0; background-color:#DDD;}
#fmail th{width:25%; padding:0.5em 1em; background-color:#EEE; border:1px solid #FFF;}
#fmail td{padding:0.5em 1em; background-color:#FFF;}

p.error{color:red; padding:1em; margin:1em; background-color:#FFDFDF; border:1px solid #F99;}
.fbtn{padding:0.5em 1em; text-align:right;}
.fbtn input{padding:0.5em; font-size:1.1em;}
//td.checkbox input{margin-left:1em;}
//.request th{width:10em;}
#fmail span{padding-left:0.5em; font-size:1.2em; color:red;}