@charset "utf-8";
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1}a img{border:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}button::-moz-focus-inner{border:0}

/* Setting */
body{
  margin:0;
  padding:0;
  font-size:16px;
  line-height:1.7em;
  font-family:Verdana, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Meiryo", sans-serif;
  font-weight:normal;
  color:#333;
}

_::content, _:future, td sup:not(*:root){
  font-size: 80%;
  position: relative;
  bottom: .8ex;
}

.content{
  width:960px;
  margin:0 auto;
  position:relative;
}

#main_box{
  width:730px;
  margin:0;
  padding:0;
  float:right;
}

#breadcrumb_box{
  background: url(../gif/bg_shadow.gif) repeat-x top;
  min-width: 960px;
}

#breadcrumb{
  width:960px;
  margin:0 auto;  
  font-size:93%;
  padding:10px 0;
}

a:link{color:#00778C; text-decoration:none;}
a:visited{color:#00778C; text-decoration:none;}
a:hover,a:focus{color:#FF6C00; text-decoration:underline;}
a:active{color:#FF6C00;}

#pagetop{
  display: none;
  position: fixed;
  _position: absolute;  
  bottom:0;
  right:20px;
  padding:0;
  margin:0;
  width:120px;
  cursor:pointer;
  z-index:9999;
}

h2{
  background:url(../gif/bg_h2.gif) repeat-x bottom;
  padding:10px 5px;
  margin:15px 0 5px 0;
  font-size:139%;
  font-weight:bold;
}

h3{
  font-size:124%;
  font-weight:bold;
  color:#00558D;
  line-height:1.5;
  padding:15px 0 0 0;
}

h4{
  border-left:#DDD 4px solid;
  font-size:124%;
  font-weight:bold;
  padding:5px 0 5px 15px;
  margin:10px 0;
}

p{
  margin:0 0 10px 0;
}

ul.style_disc{
  margin:5px 0 5px 0;
  list-style:none;
}

ul.style_disc li{
  background:url(../gif/square.gif) no-repeat 0 10px;
  padding:4px 0 4px 15px;
  line-height:1.4;
}

ol{
  margin:5px 0 5px 25px;
}

ol li{
  padding:4px 0;
  line-height:1.4;
}



.column-2_l{width:350px; float:left;}
.column-2_r{width:350px; float:right;}

.column-3_l{width:230px; float:left; margin-right:20px}
.column-3_m{width:230px; float:left;}
.column-3_r{width:230px; float:right;}

.column-3_960_l{width:300px; float:left; margin-right:30px}
.column-3_960_m{width:300px; float:left;}
.column-3_960_r{width:300px; float:right;}

.column-4_960_l{width:216px; float:left; margin-right:32px}
.column-4_960_m{width:216px; float:left;}
.column-4_960_r{width:216px; float:right;}

/* 汎用 */

p.lead{
  font-weight:bold;
  margin:25px 0 10px;
  font-size:108%;
  line-height:1.8;
}

.let-spe01{letter-spacing:-0.1em;}


a.link_pdf{
  padding-right:20px;
  background:url(../png/pdficon.png) no-repeat right;
}

a:hover .hover_img{
  opacity: 0.7;
  filter: alpha(opacity=70); /*ie6、7*/
  -ms-filter: alpha(opacity=70); /*ie8*/
}

a.exlink{background:url(../gif/icon_exlink_g.gif) no-repeat right 50%; padding-right:20px;}

.clear{clear:both;}

.center{text-align:center;}
.right{text-align:right;}
.flo_l{float:left; margin-right:15px;}
.flo_r{float:right; margin-left:15px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}

.pdd_b10{padding-bottom:10px;}
.pdd_b15{padding-bottom:15px;}
.pdd_b20{padding-bottom:20px;}
.pdd_b30{padding-bottom:30px;}
.pdd_l15{padding-left:15px;}
.pdd_t10{padding-top:10px;}
.pdd_t15{padding-top:15px;}
.pdd_t20{padding-top:20px;}
.pdd_t40{padding-top:40px;}
.pdd_tb20{padding-top:20px; padding-bottom:20px;}

.clr_f00{color:#F00;}
.clr_333{color:#333;}

.td_bg_sub{background:#FCFCFC;}



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

#header_box{
  background:#FFF;
}

#header{
  width:960px;
  margin:0 auto;
  padding:10px 0;
  position:relative;
}

#header_link{
  position: absolute;
  left: 280px;
  top: 30px;
}

#header_link li{
  display:inline;
  padding-right:5px;
}

#header .search{
  position: absolute;
  right: 291px;
  padding: 0;
  top: 27px;
}

#contact{
  position: absolute;
  text-align: center;
  height:52px;
  width:140px;
  right: 0px;
  top: 12px;
}

#contact a{
  display:block;
  background: url(../gif/btn_contact_off.gif) no-repeat;
  height:52px;
  width:140px;
  line-height:52px;
  color:#333;
}

#contact a:hover,
#contact a:focus{
  display:block;
  background: url(../gif/btn_contact_on.gif) no-repeat;
  height:52px;
  width:140px;
  line-height:52px;
  text-decoration:none;
  color:#999;
}


/* *********************** global menu *************************
**************************************************************** */

#gnavi_box{
  background: url(../gif/bg_gnavi.gif) repeat-x bottom;
  height:35px;
  min-width: 960px;
}

#gnavi{
  width:960px;
  height:35px;
  margin:0 auto;
  position:relative;
}

#gnavi ul{
  padding-right:2px;
  background:url(../gif/btn_gnavi_boder.gif) no-repeat top right;
  width:800px;
  overflow:hidden;
  list-style:none;
}

#gnavi ul li,
#gnavi ul li a{
  display:block;
  float:left;
  width:160px;
  height:35px;
  line-height:35px;
  text-align:center;
  background:url(../jpg/btn_gnavi_off.jpg) no-repeat;
  color:#333;
  font-weight:bold;
}

#gnavi ul li a:hover,
#gnavi ul li a:focus,
#products #gnavi ul li#gnavi01 a,
#aboutus #gnavi ul li#gnavi02 a,
#network #gnavi ul li#gnavi03 a,
#support #gnavi ul li#gnavi04 a{
  display:block;
  float:left;
  width:160px;
  height:35px;
  line-height:35px;
  text-align:center;
  background:url(../jpg/btn_gnavi_on.jpg) no-repeat;
  color:#00778C;
  text-decoration:none;
}

#login{
  position: absolute;
  right:0px;
  top:3px;
}

/* ************************** footer ***************************
**************************************************************** */

#footer01{
  background:url(../gif/bg_footer.gif) repeat-x top #999;
  margin-top:50px;
  padding:8px 0;
  position:relative;
  min-width: 960px;
}

#footer02{
  background:url(../gif/bg_copyright.gif) repeat-x top #FFF;
  height:100px;
  padding:10px 0;
  min-width: 960px;
}

#footer_link,
#footer_exlink{
  list-style:none;
}

#se_link{
  padding:0 20px 0 0;
  background:url(../gif/icon_exlink_w.gif) no-repeat right 50%;
  float:right;
  text-align:right;
  width:40%;
  position:absolute;
  top:0;
  right:0;
}

#footer_link li{
  display:block;
  float:left;
}

#footer_link li a{
  display:block;
  padding:0 20px 0 0;
  color:#FFF;
}

#footer_exlink li{
  display:block;
  float:left;
}

#footer_exlink li a{
  display:block;
  padding-right:40px;
  background:url(../gif/icon_exlink_g.gif) no-repeat 92% 50%;
  color:#00778C;
}

#se_link a{
  color:#FFF;
}

#footer_link li a:hover,
#footer_link li a:focus,
#se_link a:hover,
#se_link a:focus{
  color:#C5F0F5;
  text-decoration:none;
}

#footer_exlink a:hover,
#footer_exlink a:focus{
  color:#FF6C00;
  text-decoration:none;
}

#copyright{
  float:right;
  text-align:right;
  font-size:11px;
  color:#666;
}

/* ************************ page_title *************************
**************************************************************** */

h1{
  border-top:2px solid #0096AE;
  width:715px;
  height:115px;
  font-size:200%;
  text-shadow: 1px 1px 1px #FFF;
  font-weight:bold;
  padding:55px 0 0 15px;
  margin-bottom:15px;
  line-height:1.5;
}

h1 span{
  font-size:69%;
}

#title_notice{background:url(../jpg/main_notice.jpg) no-repeat;}
#title_technical{background:url(../main_technical.html) no-repeat;}
#title_news{background:url(../jpg/main_news.jpg) no-repeat;}
#title_contact{background:url(../jpg/main_contact.jpg) no-repeat;}


/* *********************** products page *********************** 
**************************************************************** */

#prod_products{
  background:url(../gif/bg_select.gif) repeat-x bottom;
  height:40px;
  padding:0 10px;
  line-height:40px;
  position:relative;
}

#prod_select{
  position: absolute;
  right:0;
  top:0;
  width:610px;
  text-align:right;
}

#prod_select_txt{
  line-height:40px;
  float:right;
  color:#666;
  font-weight:bold;
  background:url(../png/select_arrow.png) no-repeat right 50%;
  padding:0 30px 0 0;
  margin-right:15px;
}

#prod_select ul{
  list-style:none;
}

#prod_select ul li{
  display:block;
  float:right;
}

#prod_select ul li a{
  display:block;
  padding:0 15px 0 25px;
  color:#333;
  line-height:40px;
}

#prod_select ul li a:hover,
#prod_select ul li a:focus,
.products_function #prod_select01 a,
.products_usage #prod_select02 a,
.products_mane #prod_select03 a{
  color:#00778C;
  text-decoration:none;
}

#prod_select ul li#prod_select01 a{background:url(../png/select_icon_function.png) no-repeat 0 50%;}
#prod_select ul li#prod_select02 a{background:url(../png/select_icon_usage.png) no-repeat 0 50%;}
#prod_select ul li#prod_select03 a{background:url(../png/select_icon_name.png) no-repeat 0 50%;}


.prod_index{
  list-style:none;
  margin:20px 0 10px -20px;
}

.prod_index img{
  float:left;
}

.prod_index li{
  width:230px;
  height:60px;
  display:block;
  float:left;
  margin:0 0 10px 20px;
  background:url(../gif/bg_btn_list.gif) no-repeat right 0;
}

.prod_index li a{
  width:230px;
  height:60px;
  display:block;
  background:url(../gif/bg_btn_list.gif) no-repeat right 0;
}

.prod_index li a:hover,
.prod_index li a:focus{
  width:230px;
  height:60px;
  display:block;
  background:url(../gif/bg_btn_list.gif) no-repeat right -60px;
}

.prod_index li span{
  width:160px;
  height:50px;
  display:block;
  float:left;
  padding:5px;
  line-height:1.3;
}

.features_ul{
  list-style:none;
  margin:15px 0 0 0;
}

.features_ul li{
  font-size:116%;
  font-weight:bold;
  color:#00558D;
  line-height:1.5;
  background:url(../gif/square.gif) no-repeat 0 9px;
  padding:3px 0 3px 15px;
}

table.prod_list,
table.oil_list{
  width:100%;
  border-left:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  padding:0;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
}

table.prod_list th,
table.oil_list th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
  background:#F5F5F5;
}

table.prod_list td{
  padding:5px;
  vertical-align:top;
  text-align:left;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}

table.oil_list td{
  padding:5px;
  vertical-align:top;
  text-align:center;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}

table.oil_list td a{
  text-decoration:none;
}

.link_box{
  border:1px solid #CCC;
  margin-top:40px;
}

.link_box p.link_title{
  padding:5px;
  background:#F5F5F5;
  font-weight:bold;
}

.link_box ul{
  margin:10px;
  list-style:none;
}

.link_box ul li{
  background:url(../gif/link_arrow.gif) no-repeat 0 8px;
  padding:5px 0 0 20px;
  line-height:1.35;
}

ul#link_products{
  list-style:none;
  margin:40px 0 0 0;
}

ul#link_products li{
  display:block;
  float:left;
  margin:0 40px 0 0;
  height:32px;
  font-size:116%;
}

ul#link_products li a{
  display:block;
  float:left;
  padding-left:45px;
  line-height:32px;
}

ul#link_products li#link_catalog a{background:url(../gif/icon_catalog.gif) no-repeat 0 0;}
ul#link_products li#link_faq a{background:url(../gif/icon_faq.gif) no-repeat 0 0; width:50px;}
ul#link_products li#link_contact a{background:url(../gif/icon_contact.gif) no-repeat 0 0; width:70px;}
ul#link_products li#link_sample a{background:url(../gif/icon_sample2.gif) no-repeat 0 0; width:140px;}


/* ********************* product name page ********************* 
**************************************************************** */

dl.products_name{padding:0; margin:0 0 15px; clear:both;}
dl.products_name h2{background:#0096AE; font-size:16px; font-weight:bold; color:#FFF; padding:3px 5px; margin:0;}
dl.products_name dt{background:url(../gif/square.gif) no-repeat 0 68%; padding:10px 0 2px 15px; border-bottom:#DDD 1px solid; color:#666; clear:both;}
dl.products_name dd{background:url(../gif/arrow-2.gif) no-repeat 0 50%; padding:3px 0 3px 15px; margin:0 5px; width:215px; float:left;}



/* ************************ usage page ************************* 
**************************************************************** */

#g_navi_sub{
  width:730px;
  height:38px;
  display:block;
}

.special_content_box{
  border:4px solid #DDD;
  padding:10px 20px;
  margin:37px 0 0;
}

.special_content_2l{float:left; width:48%;}
.special_content_2r{float:right; width:48%;}

.special_content_box h3{
  border-left:4px solid #00568E;
  padding:0px 10px;
  margin:0 0 10px;
  font-size:139%;
  line-height:1.3;
}

ul.special_content_list{
  width:680px;
  list-style:none;
  padding:0;
  margin:0;
}

ul.special_content_list li{
  display:block;
  float:left;
  width:305px;
  margin-right:15px;
  padding:4px 0 4px 15px;
  background:url(../gif/square.gif) no-repeat 0 10px;
  line-height:1.4;
}

#usage_car{
  width:679px;
  height:360px;
  background: url(../jpg/bg_usage_car.jpg) no-repeat;
  position:relative;
}

#usage_car01{
  position: absolute;
  left: 23px;
  top: 16px;
  cursor: pointer;
}

#usage_car02{
  position: absolute;
  left: 207px;
  top: 16px;
  cursor: pointer;
}

#usage_car03{
  position: absolute;
  left: 568px;
  top: 16px;
  cursor: pointer;
}

#usage_car04{
  position: absolute;
  left: 404px;
  top: 280px;
  cursor:pointer;
}

#usage_car05{
  position: absolute;
  left: 568px;
  top: 280px;
  cursor: pointer;
}


/* ************************ notice page ************************ 
**************************************************************** */

#tabs ul.notice_list{
  width:350px;
  list-style:none;
  margin:10px 0 15px;
}

#tabs ul.release_list{
  width:730px;
  list-style:none;
  margin:10px 0 15px;
}

ul.notice_list li,
ul.release_list li{
  background:url(../gif/arrow-2.gif) no-repeat 10px 10px;
  padding:5px 0 5px 25px;
  line-height:1.4;
}

ul.notice_list li.title{
  padding:0 0 10px 20px;
  margin-bottom:5px;
  border-bottom:#DDD solid 1px;
  font-weight:bold;
  background: url(../gif/square_9px.gif) no-repeat 0 25%;
}

#notice_title_box{
  margin:0;
  padding:0 0 10px;
  background:url(../gif/bg_shadow.gif) repeat-x bottom;
}  

h3#notice_pro_title{
  background-color:#C8E0F2;
  padding:8px 10px;
  font-size:154%;
  font-weight:bold;
  line-height:1.4;
}

p.notice_pro_name{
  font-size:116%;
  font-weight:bold;
  padding:8px 10px;
}

.notice_mainimg{
  float:right;
  margin:15px 0 15px 25px;
}

table.notice_properties{
  width:100%;
  border-left:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  padding:0;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
}

table.notice_properties th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
  background:#C8E0F2;
}

table.notice_properties td{
  padding:5px;
  vertical-align:top;
  text-align:center;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}

table.notice_properties th.notice01{
  background:#F7C8CF;
}

table.notice_properties td.notice02{
  background:#FDEFF5
}

table.notice_properties td.parameter{
  background-color:#E6F2F9;
}

.notice_properties_chu{
  font-size:93%;
}

table.notice_properties td.parameter p,
.notice_properties_chu p{
  float:left;
  text-align:left;
  margin:0 0 0 0;
}

table.notice_properties td.parameter span,
.notice_properties_chu span{
  float:right;
}

table.notice_properties td.v_midd{vertical-align: middle;}

.prpoint{
  background:url(../icon_prpoint.html) no-repeat left top #E3FBEC;
  padding:15px 15px 15px 120px;
  margin:25px 0 0;
}


/* ************************* About Us ************************** 
**************************************************************** */

#language{
  background:url(../gif/bg_select.gif) repeat-x bottom;
  height:44px;
  padding:0 10px;
  position:relative;
}

#language ul{
  list-style:none;
  width:715px;
  height:44px;
  margin:0 0 0 5px;
}

#language ul li{
  display:block;
  float:left;
  line-height:44px;
  margin:0 13px 0 0;
  padding:0 0 0 8px;
  background:url(../gif/bg_lang_l.gif) no-repeat left;
}

#language ul li a{
  display:block;
  float:left;
  line-height:44px;
  padding:0 10px 0 0;
  background:url(../gif/bg_lang_r.gif) no-repeat right;
  font-size:13px;
}

#language ul li a:hover,
#language ul li a:focus{
  text-decoration:none;
}

#lang_global #language ul li#lang01,
#lang_j #language ul li#lang02,
#lang_cn_ji #language ul li#lang03,
#lang_cn_fa #language ul li#lang04,
#lang_kr #language ul li#lang05,
#lang_th #language ul li#lang06,
#lang_pt #language ul li#lang07,
#lang_es #language ul li#lang08{
  background:url(../gif/bg_lang_l_active.gif) no-repeat left;
}


#lang_global #lang01 a,
#lang_j #lang02 a,
#lang_cn_ji #lang03 a,
#lang_cn_fa #lang04 a,
#lang_kr #lang05 a,
#lang_th #lang06 a,
#lang_pt #lang07 a,
#lang_es #lang08 a{
  font-weight:bold;
  color:#FFF;
  background:url(../gif/bg_lang_r_active.gif) no-repeat right;
}

dl.history{
  margin:20px 0 0;
  border-bottom:#00568E dotted 1px;
}

dl.history dt{
  width:60px;
  float:left;
  padding:5px 10px;
  font-weight:bold;
  color:#666;
  border-top:#00568E dotted 1px;
}

dl.history dd{
  padding:5px 15px;
  margin-left:80px;
  border-top:#00568E dotted 1px;
  border-left:3px solid #CCC;
}

h2.aboutus_headline{
  background:url(../gif/bg_headline.gif) no-repeat;
  height:34px;
  font-weight:bold;
  color:#333;
  padding:0 0 0 20px;
  line-height:28px;
  margin:50px 0 15px;
  clear:both;
}

h2.aboutus_headline span{
  font-size:90%;
  color:#777;
  padding:0 10px;
  font-family: Verdana, Geneva, sans-serif;
}

.add_img{
  float:left;
  width:180px;
  margin:0 15px 0 0;
  text-align:center;
}

dl.address{
  margin:0 0 15px;
}

dl.address dt{
  width:80px;
  float:left;
  padding:2px 10px;
}

dl.address dd{
  padding:2px 0;
  border-bottom:#CCC dotted 1px;
}

p.operations{
  font-size:116%;
  font-weight:bold;
}

dl#links{
  margin:50px 0;
}

dl#links dt{
  width:260px;
  float:left;
  padding:10px 0 10px 20px;
  font-weight:bold;
  background:url(../gif/arrow-2.gif) no-repeat 0 50%;
}

dl#links dd{
  padding:10px;
  border-bottom:#CCC dotted 1px;
}

h3#plants{margin:30px 0 -20px; border-left:#00568E 4px solid; padding:0 15px; font-size:139%;}


/* ********************** catalog download ********************** 
**************************************************************** */

dl.get_adobereader,
dl.catalog_thumb{
  margin:20px 0;
}

dl.get_adobereader dt,
dl.catalog_thumb dt{
  width:115px;
  margin:0 10px 0 0;
  float:left;
}

dl.get_adobereader dd{
  font-size:93%;
  line-height:1.4;
  margin-left:126px;
}

dl.catalog_thumb dd{
  margin-left:126px;
}

.btn_download_l{
  display:block;
  width:154px;
  height:40px;
  margin:15px 0;
}

.btn_download_l a{
  display:block;
  width:114px;
  height:40px;
  padding-left:40px;
  color:#333;
  background:url(../btn_dl_l.html) no-repeat;
  line-height:40px;
}


.btn_download_s{
  display:block;
  width:103px;
  height:24px;
}

.btn_download_s a{
  display:block;
  width:63px;
  height:24px;
  padding-left:40px;
  color:#333;
  background:url(../gif/btn_dl_s.gif) no-repeat;
  line-height:24px;
}

.btn_download_l a:hover,
.btn_download_l a:focus,
.btn_download_s a:hover,
.btn_download_s a:focus{
  opacity: 0.7;
  filter: alpha(opacity=70); /*ie6、7*/
  -ms-filter: alpha(opacity=70); /*ie8*/
}

ul#anchorbtn{
  list-style:none;
  width:730px;
  overflow:hidden;
}

ul#anchorbtn li{
  display:block;
  width:180px;
  height:28px;
  float:left;
  background:url(../gif/bg_anchorbtn.gif) repeat-x;
  text-align:center;
  font-size:12px;
  line-height:28px;
  border-top:1px solid #EEE;
  border-left:1px solid #DDD;
  border-right:1px solid #CCC;
  border-bottom:1px solid #BBB;
  overflow:hidden;
  zoom:1;
}

ul#anchorbtn li a{
  display:block;
  width:180px;
  height:28px;
  overflow:hidden;
  zoom:1;
}

#catalog_box h3{background:#0096AE; font-size:16px; font-weight:bold; color:#FFF; padding:3px 5px; margin:0; width:718px;}

table.catalog_list{
  width:100%;
  padding:0;
  margin:0 0 40px 0;
}

table.catalog_list th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  background:#DDD;
  border-right:2px solid #FFF;
  border-left:2px solid #FFF;
  border-top:4px solid #FFF;
}

table.catalog_list td{
  padding:5px;
  vertical-align:top;
  text-align:left;
  border-bottom:#CCC 1px dotted;
}



/* ************************** support ************************** 
**************************************************************** */

#please_read_box{
  background-color:#E2F3F6;
  margin:30px 0;
  padding:30px;
}

#please_read_txt{
  width:590px;
  float:left;
}

#please_read_btn{
  width:280px;
  float:right;
}

h3.support_category,
h3.support_category_login{
  background:#0096AE;
  color:#FFF;
  font-size:108%;
  margin:0 0 0 0;
  padding:4px 10px;
}

h3.support_category_login{
  background: url(../png/icon_login.png) no-repeat 180px 50% #0096AE;
}

.support_link_box{
  background:url(../gif/bg_support_top.gif) repeat-x bottom;
  border-bottom:4px solid #99D5DF;
  border-right:4px solid #99D5DF;
  border-left:4px solid #99D5DF;
  padding:10px;
}

.support_link_box img{
  float:left;
  width:45px;
  margin:3px 5px 0 0;
}

.support_link_box p{
  float:right;
  width:215px;
  min-height:135px;
}

.support_link_box img.thumb{
  float:left;
  width:108px;
  margin:3px 5px 0 0;
}

.support_link_box p.thumb_txt{
  float:right;
  width:152px;
  min-height:93px;
}
.support_link_box a{
  display:block;
  text-align:center;
  background:url(../gif/bg_support_top_btn.gif) no-repeat 50% 50%;
  height:40px;
  line-height:40px;
}

.video_img{
  float:left;
  width:215px;
  margin:0 15px 5px 0;
  text-align:center;
}


/* ********************* technical Review ********************** 
**************************************************************** */

ul.technical_list{
  width:350px;
  list-style:none;
  margin:10px 0 15px;
  overflow:hidden;
}

ul.technical_list li{
  background:url(../gif/arrow-2.gif) no-repeat 10px 10px;
  padding:5px 0 5px 25px;
  line-height:1.4;
  overflow:hidden;
}

ul.technical_list_prod{
  width:760px;
  list-style:none;
  margin:10px 0 15px -30px;
  overflow:hidden;
}

ul.technical_list_prod li{
  display:block;
  width:325px;
  margin-left:30px;
  background:url(../gif/arrow-2.gif) no-repeat 10px 10px;
  padding:5px 0 5px 25px;
  line-height:1.4;
  float:left;
  overflow:hidden;
}

ul.technical_list_prod li dt,
ul.technical_list li dt{
  float:left;
  width:60px;
}

ul.technical_list_prod li dd,
ul.technical_list li dd{
  margin:0 0 0 60px;
}

h2.technical{
  width:340px;
  height:50px;
  display:block;
  color:#FFF;
  font-size:124%;
  line-height:50px;
  background:none;
  padding:0 0 0 10px;
  margin:10px 0 0 0;
}

h2.technical#technical_transport{background: url(../technical_transport.html) no-repeat;}
h2.technical#technical_electro{background: url(../technical_electro.html) no-repeat;}
h2.technical#technical_parsonalcare{background: url(../technical_parsonalcare.html) no-repeat;}

h2.tech01{
  font-size:170%;
  background:none;
  border-bottom:#DDD 2px solid;
  line-height:1.4;

}

p.tech01_sub{
  font-size:124%;
  margin:10px 5px 0;
}

h3.tech02{
  background:url(../bg_headline.html) no-repeat #DDD;
  padding:0 0 0 20px;
  height:28px;
  line-height:28px;
  margin:30px 0 15px;
  clear:both;
}

.table_tech{border-left:#CCC 1px solid; border-top:#CCC 1px solid; border-spacing:0; line-height:1.5em;}
.table_tech th{background-color:#B1AFC9; font-weight:bold; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:3px 5px;}
.table_tech td{background-color:#E0DFEA; border-right:#CCC 1px solid; border-bottom:#CCC 1px solid; padding:3px 5px;}
.table_tech td.bg_w{background-color:#FFF;}

/* ************************* 登録他 **************************** 
**************************************************************** */

.reg_end_btn{
  text-align:center;
  margin-top:50px;
}

.reg_end_btn a{
  background:url(../gif/bg_btn.gif) repeat-x;
  height:35px;
  width:180px;
  line-height:35px;
  text-align:center;
  margin:0 10px;
  padding:10px 40px;
}

.table_reg{
  width:700px;
  margin:15px auto;
}

.table_reg td{
  border-bottom:#CCC dotted 1px;
  padding:5px;
}

.w700{
  padding-top:40px;
  width:700px;
  margin:15px auto;
}

.login_pass{
  background:#0096AE;
  font-size:116%;
  font-weight:bold;
  color:#FFF;
  text-align:center;
  padding:3px;
  margin:0 0 5px;
}

/*#ssl{
  text-align:right;
  margin-right:15px;
  padding:0;
}*/
#ssl{width:110px; height: 63px; float: right; padding:0; margin:0 15px 15px 0;}


/* --------------  clearfix  -------------- */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}

/* ---------------  fixed  --------------- */

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}