@charset "utf-8";
/* CSS Document */

/*　BASIC
-------------------------------------------------------*/
*{ padding:0; margin:0;}

body{
font-size:12px;
font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
background:url(../images/body_bg1.gif) repeat-x top;
}

a{ color:#369; text-decoration:none;}
a:hover{ text-decoration:underline;}
p{ font-size:12px; line-height:150%; color:#000;}
img{ border:none; vertical-align:bottom;}

.clear{ clear:both;}
.f-left{ float:left;}
.f-right{ float:right;}

.pagetop{ text-align:right; font-size:11px; padding:0 0 30px 0;}
.pagetop li{list-style:url(../images/pagetop.gif); list-style-position:inside;}
.pagetop li a{ position:relative; right:3px;}
*:first-child + html .pagetop li a{ position:relative; left:4px;}

.scroll{ height:200px; padding:0; margin:0; overflow: auto;}

h1,h2,h3,h4,h5,h6{ font-size:10px;}


/*　COMMON
-------------------------------------------------------*/
#wrap{ text-align:left;background:url(../images/body_bg2.gif) repeat-x bottom;}
#wrap #container{ width:880px; padding:10px 0 0 0; margin:0 auto; overflow:hidden;}
#wrap #container #include{ width:880px;}
#wrap #container #header{ width:880px; overflow:hidden;}
#wrap #container #header h1{ width:208px; padding:0 15px 0 5px; float:left;}
#wrap #container #header div{ width:620px; padding:10px 5px 0 0; float:right;}
#wrap #container #header div ul{ list-style:none; float:left;}
#wrap #container #header div ul li{ padding:0 0 0 10px; position:relative; top:38px; float:left;}
#wrap #container #header div ul li img{ vertical-align:top;}
#wrap #container #header div p{ float:right;}
#wrap #container #header div p.st{ display:none;}
#wrap #container #header #globalnav{ padding:11px 0 0 0; list-style:none; clear:both;}
#wrap #container #header #globalnav li{ float:left;}
#wrap #container #header #globalnav li span{ display:none;}
#wrap #container #footer{ width:880px; height:320px; clear:both;}
#wrap #container #footer #f-link{ width:880px; height:255px; padding:25px 0 0 0; font-size:11px;}
#wrap #container #footer #f-link ul#ctg{ line-height:150%; padding:0 0 0 70px;}
#wrap #container #footer #f-link ul#ctg li.parent{ list-style:none; float:left; padding:0 60px 0 0; font-weight:bold;}
#wrap #container #footer #f-link ul#ctg li.parent ul.child{}
#wrap #container #footer #f-link ul#ctg li.parent ul.child li{ list-style:none; font-weight:normal;}
#wrap #container #footer #address{ list-style:none; font-size:12px; padding:15px 0 0 0;}
#wrap #container #footer #address li{ display:inline; padding:0 20px 0 0;}
#wrap #container #footer #address li.st{ display:none;}
#wrap #container #footer #address li.copyright{ display:inline; padding:0 20px 0 0; margin:0 0 0 35px;}
#wrap #container #footer #address li.copyright img{ padding:0 0 0 5px; vertical-align:baseline; position:relative; top:1px;}


/*　INDEX
-------------------------------------------------------*/
#index #wrap #container #include #mainimage{ width:880px; height:245px; margin:10px 0 20px 0; background:url(../images/topflash.jpg) no-repeat;}
#index #wrap #container #include #mainimage div{}
#index #wrap #container #include #mainimage img{ display:none;}
#index #wrap #container #include #content{ width:880px; overflow:hidden;}
#index #wrap #container #include #content #maincol{ width:685px; float:left;}
#index #wrap #container #include #content #maincol #saigai{ width:685px; margin:0 0 20px 0;}
#index #wrap #container #include #content #maincol #saigai div{ padding:15px 20px; border:solid 1px #eee; background:#f8f8f8;}
#index #wrap #container #include #content #maincol #saigai div p.title{ margin:0 0 10px 0; font-size:16px; font-weight:bold;}
#index #wrap #container #include #content #maincol #saigai div p.text{ margin:0; font-size:12px; font-weight:normal;}
#index #wrap #container #include #content #maincol #recommend{ width:680px; padding:5px 0 5px 5px; margin:0 0 10px 0; background:#ececec; float:left;}
#index #wrap #container #include #content #maincol #recommend div.clause{ background:#fff; width:155px; height:135px; padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:5px; margin:0 5px 0 0; float:left;}
#index #wrap #container #include #content #maincol #recommend div.products{ display:none;}
#index #wrap #container #include #content #maincol #recommend div{ background:#fff; width:160px; height:140px; padding-top:5px; padding-left:5px; float:left;}
#index #wrap #container #include #content #maincol #recommend div ul{ list-style:url(../images/maincol_recommend_arrow.gif) outside; padding:10px 0 5px 17px;}
#index #wrap #container #include #content #maincol #recommend div ul li{}
#index #wrap #container #include #content #maincol #recommend div p{ font-size:11px;}
#index #wrap #container #include #content #maincol #recommend div p.st{ display:none;}
#index #wrap #container #include #content #maincol .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#index #wrap #container #include #content #maincol .section div{ padding:10px;}
#index #wrap #container #include #content #maincol .section div p.egl1{ font-size:12px;}
#index #wrap #container #include #content #maincol .section div p.egl2{ font-size:12px; padding:0 0 0.5em 0;}
#index #wrap #container #include #content #maincol .section div span{ font-weight:bold;}
#index #wrap #container #include #content #maincol .section table{ width:645px;}
#index #wrap #container #include #content #maincol .section table th.title{ width:50px; padding:5px 0 0 10px; text-align:left; vertical-align:top;}
#index #wrap #container #include #content #maincol .section table th.border{ background: url(../images/info_border.gif) top no-repeat; height:1px;}
#index #wrap #container #include #content #maincol .section table td{ width:500px; padding:5px 5px 5px 5px;}
#index #wrap #container #include #content #maincol h2.st{ display:none;}
#index #wrap #container #include #content #maincol h2 span{ display:none;}
#index #wrap #container #include #content #maincol .information{ margin:0 0 0px 0; clear:both; overflow:hidden; position:relative;}
#index #wrap #container #include #content #maincol .information .contents{ width:335px;}
#index #wrap #container #include #content #maincol .information .contents .article{ border:solid 1px #d6d6d6;}
#index #wrap #container #include #content #maincol .information .contents .article h2{ padding:0; margin:0; font-size:11px;}
#index #wrap #container #include #content #maincol .information .contents .article div dl{ padding:0 0 0 0.5em;}
#index #wrap #container #include #content #maincol .information .contents .article div dt{ width:5.5em; padding:0.5em 0 0.5em 0; font-size:11px; font-weight:normal; float:left; clear:left;}
#index #wrap #container #include #content #maincol .information .contents .article div dt.st{ display:none;}
#index #wrap #container #include #content #maincol .information .contents .article div dd{ padding:0.5em 0 0.5em 5.5em; background:url(../images/index_information_border.gif) no-repeat bottom; line-height:1.3em;}
#index #wrap #container #include #content #maincol .information .contents .article div dd.st{ display:none;}
#index #wrap #container #include #content #maincol .backnumber{ padding:0 0 10px 0;}
#index #wrap #container #include #content #maincol .backnumber ul.past{ padding:0 0 0 10px;}
#index #wrap #container #include #content #maincol .backnumber ul.past li{ background:url(../images/maincol_recommend_arrow.gif) no-repeat left; display:inline-block; padding:5px 15px 0 15px;}
#index #wrap #container #include #content #maincol .backnumber ul.past li a{}
#index #wrap #container #include #content #cnav{ width:185px; float:right;}
#index #wrap #container #include #content #cnav .banner{ margin:0 0 10px 0; font-size:12px; font-weight:normal; text-align:center;}
#index #wrap #container #include #content #cnav .banner h2{ padding:0; margin:0 0 2px 0;}
#index #wrap #container #include #content #cnav .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#index #wrap #container #include #content #cnav .section h2{ font-size:11px;}
#index #wrap #container #include #content #cnav .section ul{ list-style:none;}
#index #wrap #container #include #content #cnav .section ul li{}
#index #wrap #container #include #content #cnav .section div{ background:url(../images/cnav_qr.gif) no-repeat; padding:8px;}
#index #wrap #container #include #content #cnav .section div p{ width:90px; height:75px; font-size:11px; padding:0 0 0 77px;}


/*　ENGLISH
-------------------------------------------------------*/
#english{ background:url(../images/english_header_bg.gif) repeat-x top; border-bottom:solid 20px #ff0000;}
#english #container{ width:880px; margin:0 auto;}
#english #wrap{ background:none;}
#english #wrap #container{ width:880px; padding:0; margin:0 auto;}
#english #wrap #container #header{ display:none;}
#english #wrap #container #header_pc{ width:880px; height:auto; padding:0 0 10px 0; text-align:center;}
#english #wrap #container #header_pc h1{ padding:0; float:none;}
#english #wrap #container #footer{ display:none;}
#english #wrap #container #footer_pc{ width:880px; height: auto; clear:both;}
#english #wrap #container #mainimage{ width:880px; height:350px; margin:0 0 20px 0; clear:both; background:url(../images/english_mainimage_bg.jpg) no-repeat;}
#english #wrap #container #mainimage img{ display:none;}
#english #wrap #container #mainimage div{ width:480px; padding:25px 0 0 0; float:right;}
#english #wrap #container #mainimage div p{ padding:0 0 0.5em 0; font-size:13px; color:#000; line-height:1.4em;}
#english #wrap #container #mainimage div p span{ font-weight:bold;}
#english #wrap #container #content{ width:880px; float:left;}
#english #wrap #container #content #maincol{ width:685px; float:left;}
#english #wrap #container #content #maincol h2 span{ display:none;}
#english #wrap #container #content #maincol .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #maincol .section div{ padding:10px;}
#english #wrap #container #content #maincol .section div p.egl1{ font-size:12px;}
#english #wrap #container #content #maincol .section div p.egl2{ font-size:12px; padding:0 0 0.5em 0;}
#english #wrap #container #content #maincol .section div span{ font-weight:bold;}
#english #wrap #container #content #cnav{ width:185px; float:right;}
#english #wrap #container #content #cnav .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #cnav .section h2{ font-size:11px;}
#english #wrap #container #content #cnav .section ul{ list-style:none;}
#english #wrap #container #content #cnav .section ul li{}
#english #wrap #container #content #cnav .section div{ background:url(../images/cnav_qr.gif) no-repeat; padding:8px;}
#english #wrap #container #content #cnav .section div p{ width:90px; height:75px; font-size:11px; padding:0 0 0 80px;}
#english #wrap #container #content #cnav .section div.egl1{ background:#fff; padding:10px;}
#english #wrap #container #content #cnav .section div.egl1 p{ width: auto; height: auto; font-size:11px; padding:0;}
#english #wrap #container #content #cnav .section div.egl2{ background:#fff; padding:0 0 0 0; background:#f1f1f1;}


/*　OTHER
-------------------------------------------------------*/
#other #wrap #container #include{ width:880px; margin:10px 0 0 0; clear:both;}
*:first-child + html #other #wrap #container #include{ width:880px; margin:10px 0 5px 0; clear:both;}
#other #wrap #container #include h2{}
#other #wrap #container #include h2 span{ display:none;}
#other #wrap #container #include #ctgnav{ display:none;}
#other #wrap #container #include #content{ width:880px; margin:5px 0; float:left; background:url(../images/other_cnav_bg.gif) repeat-y left;}
#other #wrap #container #include #content #maincol{ width:565px; padding:35px 25px 0 25px; float:right;}
#other #wrap #container #include #content #cnav{ width:250px; float:left;}
#other #wrap #container #include #content #cnav .section{ width:230px; padding:5px 0 0 0; margin:0 auto;}
#other #wrap #container #include #content #cnav .section h2{ font-size:11px;}
#other #wrap #container #include #content #cnav .section ul{ padding:0; list-style:none;}

/*　COMPANY
-------------------------------------------------------*/
#company{ padding:0 0 40px 0;}
#company .section{ width:510px; padding:0 10px;}
#company .section table{ width:510px; line-height:160%;}
#company .section table th{ width:100px; padding:10px 0 10px 0; text-align:left; vertical-align:top;}
#company .section table th span{ padding:0 5px 0 0; color:#ff0000;}
#company .section table td{ width:360px; padding:10px 5px 10px 5px;}
#company .section table tr{ background:url(../images/other_company_border.gif) no-repeat bottom;}

/*　MAP
--------------------------------------------*/
body#map{ background:#fff; margin:10px 0 0 0; font-size:12px; text-align:center;}
body#map #wrap{ width:350px; margin:0 auto; background:none; text-align:center;}
body#map #wrap .section{ width:350px; text-align:center;}
body#map #wrap .section iframe{ width:350px; height:350px; padding:0 0 10px 0; display:block;}
body#map #wrap .section a{ color:#336699; text-decoration:none;}
body#map #wrap .section a:hover{ text-decoration:underline;}
body#map #wrap .section p{ padding:10px 0 5px 0; color:#000; line-height:160%;}
body#map #wrap .section input{ font-size:12px;}

/*　PRIVACY POLICY
-------------------------------------------------------*/
#privacy{ padding:0 0 40px 0;}
#privacy .section{ width:510px; padding:0 10px 5px 10px;}
#privacy .section h3{ margin:0 0 10px 0; padding:0 0 5px 0; font-size:12px; background:url(../images/other_company_border.gif) no-repeat bottom;}
#privacy .section h3 span{ color:#ff0000; padding:0 5px 0 0;}
#privacy .section p{ padding:0 0 1em 0; line-height:1.6em;}
#privacy .section ul{ padding:0 0 1em 2.5em; line-height:1.6em; list-style:outside;}
#privacy .section ul li{ line-height:1.6em; padding:0 0 5px 0;}
#privacy .section ol{ padding:0 0 1em 0em; line-height:1.6em; list-style:outside;}
#privacy .section ol li{ line-height:1.6em; padding:0 0 5px 0; list-style:none;}

/*　AGREEMENT
-------------------------------------------------------*/
#agreement{ padding:0 0 40px 0;}
#agreement .section{ width:510px; padding:0 10px 5px 10px;}
#agreement .section h3{ margin:0 0 10px 0; padding:0 0 5px 0; background:url(../images/other_company_border.gif) no-repeat bottom; font-size:12px;}
#agreement .section h3 span{ color:#ff0000; padding:0 5px 0 0;}
#agreement .section p{ padding:0 0 1em 0; line-height:1.6em;}
#agreement .section ul{ padding:0 0 1em 2.5em; line-height:1.6em; list-style:outside;}
#agreement .section ul li{ line-height:1.6em; padding:0 0 5px 0;}
#agreement .section ol{ padding:0 0 1em 0em; line-height:1.6em; list-style:outside;}
#agreement .section ol li{ line-height:1.6em; padding:0 0 5px 0; list-style:none;}

/*　LINK
-------------------------------------------------------*/
#links{ padding:0 0 40px 0;}
#links h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#links h3 span{ padding:0 0 0 10px;}
#links .section{ width:510px; padding:0 10px 20px 10px;}
#links .section p{ padding:0 0 1em 0; line-height:1.6em;}
#links .section ul{ padding:0 0 1em 0; list-style:none;}
#links .section ul li{ padding:0 0 3px 0;}
#links .section ul li.txt1{ margin:0 0 1em 0;}
#links .section div{ padding:0 35px 0 0; float:left;}
#links .section h4{ padding:8px 0 7px 0; font-size:13px; background:url(../images/other_arrow.gif) no-repeat left;}
#links .section h4 span{ padding:0 0 0 20px;}

/*　SHOWROOM
--------------------------------------------*/
#showroom{ padding:0 0 40px 0;}
#showroom h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat; }
#showroom .section{ width:510px; padding:0 10px 20px 10px;}
#showroom .section p{ padding:0 0 1em 0; line-height:1.6em;}
#showroom .section span{ display:block; text-align:left; padding:5px 0 0 10px;}

/*　BACKNUMBER
--------------------------------------------*/
#backnumber{ padding:0 0 40px 0;}
#backnumber h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#backnumber .section{ width:510px; padding:0 10px 40px 10px; overflow:hidden;}
#backnumber .section p{ padding:0 0 1em 0; line-height:1.6em;}
#backnumber .section span{ display:block; text-align:left; padding:5px 0 0 10px;}
#backnumber .section dl{ padding:0 0 0 0.5em;}
#backnumber .section dl dt{ width:6.0em; padding:0.7em 0 0.5em 0.5em; font-size:11px; font-weight:normal; float:left; clear:left;}
#backnumber .section dl dd{ padding:0.7em 0 0.5em 6.0em; background:url(../backnumber/images/border.gif) no-repeat bottom;}

/*　SUPPORT(INDEX)
-------------------------------------------------------*/
#support{ padding:0 0 40px 0;}
#support h3.ctg1{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#support h3.ctg2{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3_01.gif) no-repeat;}
#support h3.ctg3{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3_02.gif) no-repeat;}
#support h3.ctg4{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3_03.gif) no-repeat;}
#support h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#support .section{ width:430px; padding:0 45px 20px 35px;}
#support .section p{ line-height:1.6em; padding:0 0 1em 0;}
#support .section p.txt{ line-height:1.6em; padding:0; margin:0 auto; width:160px; text-align:left;}
#support .section div{ width:203px; height:64px; margin:0 0 10px 10px; list-style:none; float:left; background:url(../support/images/contents_ctg_bg.gif) no-repeat;}
#support .section div a{ width:203px; height:64px; display:block;}
#support .section div img{ margin:2px 0 0 2px; float:left;}
#support .section div font.w1{ display:block; padding:26px 0 0 0; font-weight:bold;}
#support .section div font.w2{ display:block; padding:20px 0 0 0; font-weight:bold;}
#support .child1{ border:solid 1px #ce0000;}
#support .child2{ border:solid 1px #cb3301;}
#support .child3{ border:solid 1px #026644;}
#support .child4{ border:solid 1px #056564;}

/*　SUPPORT(SERVICE)
-------------------------------------------------------*/
#service{ padding:0 0 40px 0;}
#service h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#service .section{ width:510px; padding:0 10px 20px 10px;}
#service .section p{ line-height:1.6em; padding:0 0 0 0;}
#service .section table{ width:510px;margin:0 auto;background:#ccc;}
#service .section table th{ padding:10px; background:#eee; font-size:12px; font-weight:bold;}
#service .section table td{ padding:5px; background:#fff;}
#service .section table td.title{ padding:5px; background:#f9f9f9; text-align:center;}

/*　SUPPORT(CAUTION)
-------------------------------------------------------*/
#caution{ padding:0 0 40px 0;}
#caution h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#caution h4{ width:505px; padding:9px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; background:url(../images/other_maincol_h4_bg.gif) no-repeat left #ececec;}
#caution h4 span{ padding:0 0 0 25px;}
#caution .section{ width:510px; padding:0 10px 20px 10px;}
#caution .section p{ line-height:1.6em; padding:0 0 0 0;}
#caution .section ul{ padding:0 0 0 15px; list-style:disc; list-style-position:outside; line-height:1.6em;}
#caution .section ul li{ padding:0 0 0.5em 0;}

/*　SUPPORT(FOREIGN)
-------------------------------------------------------*/
#foreign{ padding:0 0 40px 0;}
#foreign h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#foreign h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#foreign .section{ width:510px; padding:0 10px 20px 10px;}
#foreign .section p{ line-height:1.6em; padding:0 0 0 0;}
#foreign .section table{ width:510px; margin:0 auto; background:#ccc;}
#foreign .section table th{ width:115px; padding:5px; font-size:12px; font-weight:bold; background:#f9f9f9;}
#foreign .section table td{ padding:5px; background:#fff;}
#foreign .section table td.address{ width:215px; padding:5px; background:#fff;}

/*　デモ機貸出
-------------------------------------------------------*/
#demo{ padding:0 0 40px 0;}
#demo h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#demo h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#demo .ctg{ width:530px; margin:0 0 20px 0; overflow:hidden;}
#demo .ctg ul{ width:530px; overflow:hidden;}
#demo .ctg ul li{ width:155px; margin:0 5px 0 0; float:left; background:url(../images/other_arrow.gif) no-repeat left; font-size:13px; padding:0 0 0 14px; list-style-type:none; line-height:1.7em; letter-spacing:-1px; }
#demo .productname{ padding:0 0 0.5em 1.4em; line-height:1.6em;}
#demo .section{ width:510px; padding:0 10px 20px 10px;}
#demo .section .details{}
#demo .section .details h5{}
#demo .section p{ line-height:1.6em; padding:0 0 1em 0;}
#demo .section ul{ line-height:1.6em; padding:0 0 1em 0;}
#demo .section ul li{ list-style-position:outside; list-style:none; font-size:15px;}
#demo .section table.unity1{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#demo .section table.unity1 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#demo .section table.unity1 td{ font-size:12px; padding:10px 0; background:#fff;}
#demo .section table.unity2{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#demo .section table.unity2 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#demo .section table.unity2 td{ font-size:12px; padding:10px 0; background:#fff;}
#demo .section div.unity1{ padding:0 10px 0 0; float:left;}
#demo .section ul.unity1{ padding:0 0 1em 0; clear:both; text-align:right;}
#demo .section ul.unity1 li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../../images/other_arrow.gif) no-repeat left;}
#demo .section table.unity3{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#demo .section table.unity3 th{ font-size:12px; font-weight:normal; padding:7px 0; background:#ffecec;}
#demo .section table.unity3 td{ font-size:12px; padding:7px 0; background:#fff; text-align:center;}
#demo .section table.unity3 td.subtitle{ background:#f9f9f9;}
#demo .section p.btn{ margin:40px auto 0 auto; width:164px; height:32px; background:url(../support/digicata/images/navbtn_01.jpg) no-repeat;}
#demo .section p.btn a{ display:block; width:164px; height:32px; text-align:center;}
#demo .section p.btn a:hover{ text-decoration:underline; color:#000;}
#demo .section p.btn a span{ font-size:13px; font-weight:bold; color:#000; padding:6px 0 0 10px; display:block;}


/*　SUPPORT(DIGICATA)
-------------------------------------------------------*/
#digicata{ padding:0 0 40px 0;}
#digicata .category{ width:580px; overflow:hidden;}
#digicata .category ul{ width:580px; margin:0 0 25px 0; list-style:none; display:block; overflow:hidden; float:left;}
#digicata .category ul li{ float:left; margin:0 20px 0 0; width:164px; height:32px; background:url(../support/digicata/images/navbtn_01.jpg) no-repeat;}
#digicata .category ul li a{ display:block; width:164px; height:32px; text-align:center;}
#digicata .category ul li a:hover{ text-decoration:underline; color:#000;}
#digicata .category ul li a span{ font-size:13px; font-weight:bold; color:#000; padding:10px 0 0 10px; display:block;}
#digicata h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#digicata .section{ width:510px; padding:0 10px 20px 10px;}
#digicata .section h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px -5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec; float:left;}
#digicata .section .layout{ width:510px;}
#digicata .section .layout .box{ width:170px; padding:0 0 1em 0; float:left; text-align:center; font-weight:bold; height:250px;}
#digicata .section .layout .auto{ height:auto; margin:0 0 20px 0;}
#digicata .section .layout .box img{ padding:0 0 5px 0;}
#digicata .section .layout .box div { width:inherit;}
#digicata .section .layout .box div span{ font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:1.3em;}
#digicata .section .layout .box div a{ font-weight:normal; font-size:11px;}
#digicata .section .layout .box div p{ line-height:1.6em; font-size:10px; font-weight:normal;}
#digicata .section .layout .box div ul{ padding:5px 0 0 15px;}
#digicata .section .layout .box div ul li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}
#digicata .section ul.pagetop{ padding:0 0 0 0; clear:both;}

/*　SUPPORT(AFTER)
-------------------------------------------------------*/
#after{ padding:0 0 40px 0;}
#after h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#after h4{ width:505px; padding:6px 0 5px 10px; margin:0px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#after p.intro{ padding:0 10px 20px 10px;}
#after .section{ width:510px; padding:0 10px 20px 10px;}
#after .section h5{ width:480px; padding:0 10px 8px 10px; margin:20px auto 10px auto; font-size:12px; border-bottom:dotted 1px #888;}
#after .section h5 span{ margin:0 10px 0 0; font-size:10px; color:#ff0000;}
#after .section p.txt{ width:480px; margin:0 auto 10px auto; font-weight:normal; text-align:left; line-height:1.5em;}
#after .section p.txt span{ font-weight:bold;}
#after .section table{ width:480px; margin:0 auto 10px auto; background:#ccc;}
#after .section table th{ padding:10px 10px 8px 10px; text-align:left; background:#eee;}
#after .section table td{ width:120px; padding:10px 0 8px 0; background:#fff; text-align:center;}

/*　SUPPORT(EXPORT)
-------------------------------------------------------*/
#export{ padding:0 0 40px 0;}
#export h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#export h4{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold; text-align:center;}
#export .section{ width:510px; padding:0 10px 20px 10px;}
#export .section p{ line-height:1.6em; padding:0 0 1em 0;}
#export .section p.txt{ line-height:1.6em; padding:0; margin:0 auto; width:160px; text-align:left;}
#export .sectionfix{ width:430px; padding:0 45px 20px 35px;}
#export .sectionfix div{ width:203px; height:64px; margin:0 0 10px 10px; list-style:none; float:left; background:url(../support/images/contents_ctg_bg.gif) no-repeat; border:solid 1px #056564;}
#export .sectionfix div a{ width:203px; height:64px; display:block;}
#export .sectionfix div img{ margin:2px 0 0 2px; float:left;}
#export .sectionfix div font{ display:block; padding:26px 0 0 0; font-weight:bold;}
#export .sectionfix div font.txt1{ display:block; padding:16px 0 0 0; line-height:1.5em; font-weight:bold;}
#export .sectionfix div font.txt1 a{ width:auto; height:auto; display:inline-block;}
#export .sectionfix div font.txt1 img{ padding:0 2px 0 0;}
#export .sectionfix div font.txt1 br{}
#export .sectionfix div font.txt2 br{ display:none;}

/*　SUPPORT(CARE)
-------------------------------------------------------*/
#care{ padding:0 0 40px 0;}
#care h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#care .section{ width:510px; padding:0 10px 20px 10px;}
#care .section p{ line-height:1.6em; padding:0 0 1em 0;}
#care .section p.txt{ line-height:1.6em; padding:0; margin:0 auto; width:160px; text-align:left;}
#care .section div{ width:170px; height:190px; text-align:center; float:left;}

/*　SUPPORT(SI)
-------------------------------------------------------*/
#si{ padding:0 0 40px 0;}
#si h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#si h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#si .section{ width:510px; padding:0 10px 20px 10px;}
#si .section p{ line-height:1.6em; padding:0 0 0 0;}
#si .section p.txt{ padding:0 0 1em 0; font-size:11px; color:#cc0000; text-align:left;}
#si .section p.example{ padding:2em 0 0 0; font-size:12px; font-weight:bold;}
#si .section table{ width:510px; margin:0.5em auto 0.5em auto; background:#ccc;}
#si .section table th{ padding:5px; background:#f0fdfd; font-size:12px; font-weight:bold;}
#si .section table td{ padding:5px; background:#fff; text-align:center;}

/*　SUPPORT(CAD)
-------------------------------------------------------*/
#cad{ padding:0 0 40px 0;}
#cad h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#cad h4{ padding:1em 0 1em 0; font-size:11px;}
#cad h5{ width:510px; padding:0 10px 10px 10px; font-size:12px; font-weight:bold; color:#333; line-height:1.6em;}
#cad h6{ width:510px; padding:6px 0 4px 5px; margin:0 0 15px 0; font-size:12px; font-weight:bold; color:#333; text-align:left; background:#eee; border-left:solid 5px #cc0000;}
#cad p{ display:none;}
#cad .section{ width:510px; padding:0 10px; margin:10px 0 0px 0; text-align:left;}
#cad .section ul{ padding:0 0 0 2em; font-size:12px; text-align:left;}
#cad .section ul li{ padding:0 0 0.7em 0; list-style-position:outside; list-style:decimal;}
#cad .section p{ padding:1.5em 0 2em 0; font-size:12px; font-weight:bold;}
#cad .section p.txt{ width:510px; padding:0 0 2em 0; font-size:12px; font-weight:normal; text-align:left;}
#cad .section p.none{ padding:0; margin:0; clear:none;}
#cad .section form{ margin:10px 0 0 0; text-align:center;}

/*　SUPPORT(DL)
-------------------------------------------------------*/
#dl{ padding:0 0 40px 0;}
#dl h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#dl h4{ width:505px; padding:6px 0 5px 10px; margin:0px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#dl p{ margin:1em 0 0em 0; font-weight:bold; line-height:1.7em;}
#dl .section{ width:510px; padding:0 10px 20px 10px;}
#dl .section h5{ width:480px; padding:0 10px 8px 10px; margin:20px auto 10px auto; font-size:12px; border-bottom:dotted 1px #888;}
#dl .section h5 span{ margin:0 10px 0 0; font-size:10px; color:#ff0000;}
#dl .section table{ width:480px; margin:0 auto 10px auto; background:#ccc;}
#dl .section table th{ padding:10px 10px 8px 10px; text-align:left; background:#eee;}
#dl .section table td{ width:120px; padding:10px 0 8px 0; background:#fff; text-align:center;}
#dl .section table td a{ text-decoration:underline;}
#dl .section table td a:hover{ text-decoration:none;}
#dl ol li{ padding:0 0 0 14px; margin:0px; display:inline; list-style-type:none;}
#dl .cad01{ width:182px; text-align:left; float:left; margin:0px; padding:0 0 30px 0.5em;}
#dl .cad02{ background:url(../images/other_arrow.gif) no-repeat left; font-size:13px; padding:0 0 0 14px; list-style-type:none; line-height:1.7em; letter-spacing:-1px; }
#dl .cad03{ font-size:13px; padding:0 0 0 14px; list-style-type:none; line-height:1.7em;}
#dl ul{ padding:2em 0 0 0;}
#dl p{ width:510px; padding:0 10px 15px 10px;}

/*　SUPPORT(OIL-PRESSURE)
-------------------------------------------------------*/
#oil{ padding:0 0 40px 0;}
#oil h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#oil h4{ width:505px; padding:6px 0 5px 10px; margin:0 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#oil h5{ width:530px; height:32px; padding:9px 0 0 15px; font-size:14px; font-weight:bold;}
#oil h5.st{ display:none;}
#oil .section{ width:510px; padding:0 10px 20px 10px;}
#oil .st{ display:none;}
#oil .section p{ line-height:1.6em; padding:0 0 1em 0;}
#oil .section ul{ padding:0 0 0 10px;}
#oil .section ul li{ list-style:none; list-style-position:outside; padding:0 0 0.5em 0;}
#oil .section div{ width:250px; padding:0 0 0 0; text-align:center; float:left;}
#oil .section div img{ padding:0 0 0 0px;}
#oil .section div p.ps1{ position:relative; top:25px; left:30px;}
#oil .section div p.ps2{ position:relative; left:30px;}

/*　SUPPORT(SEARCH)
-------------------------------------------------------*/
#search{ padding:0 0 40px 0;}
#search h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#search .section{ width:510px; padding:0 10px 20px 10px;}
#search .section p{ line-height:1.6em; padding:0 0 1em 0;}
#search .section ul{ padding:0.5em 0 1em 0; clear:both; text-align:left;}
#search .section ul li{ padding:0 0 0 14px; margin:0 15px 10px 0; list-style:none; background:url(../images/other_arrow.gif) no-repeat left;}
#search .section ul li .form{ width:250px; margin:0 0 0 20px;}
#search .section .search_container .message{ text-align:center; margin: 10px 0px;}
#search .section .search_container .message p{ color:red; font-size: 14px;}
#search .section #search_form_table{ width:400px; margin:auto;}
#search .section #search_form_table td { padding: 5px 5px;}
#search .section .search_result { margin:20px 0px;}
#search .section .search_result table {border-collapse: collapse;font-size: 12px;width:100%;}
#search .section .search_result table th {border: 1px solid #888888;padding: 2px 5px;background-color: #cccccc;}
#search .section .search_result table td {border: 1px solid #888888;padding: 5px 5px;background-color: white;}
#search .section .search_result table .col1 {width:100px;}
#search .section .search_result table .col2 {}
#search .section .search_result table .col3 {width:110px;}
#search .section .search_result table .col4 {width:80px;}
#search .section .nav {margin-top:10px;text-align:center;}
#search .section .wgtnav_container {}
#search .section .wgtnav_container .actarrow {cursor: pointer;border: 1px solid gray;background-color: #dddddd;color: blue;padding: 0px 3px;margin: 0px 4px;}
#search .section .wgtnav_container .inactarrow {cursor: default;border: 1px solid gray;background-color: #dddddd;color: gray;padding: 0px 3px;margin: 0px 4px;}
#search .section .wgtnav_container .number {cursor: pointer;color:blue;text-decoration: underline;margin: 0px 4px;}
#search .section .wgtnav_container .current {cursor: pointer;margin: 0px 4px;}

/*　PRODUCT(70Mpa)
-------------------------------------------------------*/
#product70{ padding:0 0 40px 0;}
#product70 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product70 .section{ width:510px; padding:0 10px 20px 10px;}
#product70 .section div.layout{ padding:0 10px 0 0; float:left;}
#product70 .section ul{ padding:0 0 1em 0; clear:both; text-align:right;}
#product70 .section ul li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}

/*　PRODUCT(100Mpa)
-------------------------------------------------------*/
#product100{ padding:0 0 40px 0;}
#product100 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product100 .section{ width:510px; padding:0 10px 20px 10px;}
#product100 .section p{ line-height:1.6em; padding:0 0 1em 0;}
#product100 .section div.layout{ width:510px;}
#product100 .section div.layout div{ width:170px; padding:0 0 1em 0; float:left; text-align:center;}
#product100 .section div.layout div img{ padding:0 0 5px 0;}
#product100 .section ul{ padding:5px 0 0 15px;}
#product100 .section ul li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}

/*　PRODUCT(200Mpa)
-------------------------------------------------------*/
#product200{ padding:0 0 40px 0;}
#product200 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product200 .section{ width:510px; padding:0 10px 20px 10px;}
#product200 .section p{ line-height:1.6em; padding:0 0 1em 0;}
#product200 .section div.unity1{ padding:0 10px 0 0; float:left;}
#product200 .section ul.unity1{ padding:0 0 1em 0; clear:both; text-align:right;}
#product200 .section ul.unity1 li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}
#product200 .section div.unity2{ width:510px;}
#product200 .section div.unity2 div{ width:170px; padding:0 0 1em 0; float:left; text-align:center;}
#product200 .section div.unity2 div img{ padding:0 0 5px 0;}
#product200 .section ul.unity2{ padding:5px 0 0 15px;}
#product200 .section ul.unity2 li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}
#product200 .section div.unity3{ width:510px;}
#product200 .section div.unity3 div{ width:127px; padding:0 0 1em 0; float:left; text-align:center;}
#product200 .section div.unity3 div img{ margin:0 0 5px 0;}
#product200 .section ul.unity3{ padding:5px 0 0 5px;}
#product200 .section ul.unity3 li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}

/*　PRODUCT(250Mpa)
-------------------------------------------------------*/
#product250{ padding:0 0 40px 0;}
#product250 ul.pomp{ margin:0 0 25px 0; list-style:none; display:block; overflow:hidden; float:left;}
#product250 ul.pomp li.banner1{ float:left; margin:0 20px 0 0; width:164px; height:32px; background:url(../product/300mpa/images/btn_01.jpg) no-repeat;}
#product250 ul.pomp li.banner2{ float:left; margin:0 20px 0 0; width:164px; height:32px; background:url(../product/300mpa/images/btn_02.jpg) no-repeat;}
#product250 ul.pomp li a{ display:block; width:164px; height:32px;}
#product250 ul.pomp li a span{ font-size:13px; font-weight:bold; color:#000; padding:10px 0 0 33px; display:block;}
#product250 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product250 h4{ width:505px; padding:6px 0 5px 10px; margin:0 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#product250 .section{ width:510px; padding:0 10px 20px 10px;}
#product250 .section p{ line-height:1.6em; padding:0 0 1em 0;}
#product250 .section ul{ line-height:1.6em; padding:0 0 1em 0;}
#product250 .section ul li{ list-style-position:outside; list-style:none;}
#product250 .section table.unity1{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product250 .section table.unity1 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product250 .section table.unity1 td{ font-size:12px; padding:10px 0; background:#fff;}
#product250 .section table.unity2{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product250 .section table.unity2 th.numb{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product250 .section table.unity2 th.name{ width:185px; font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product250 .section table.unity2 td{ font-size:12px; padding:10px 0; background:#fff;}
#product250 .section div.unity{ width:510px;}
#product250 .section div.unity div{ width:255px; padding:0 0 1em 0; float:left; text-align:center;}
#product250 .section div.unity div img{ padding:0 0 5px 0;}

/*　PRODUCT(300Mpa)
-------------------------------------------------------*/
#product300{ padding:0 0 40px 0;}
#product300 ul.pomp{ margin:0 0 25px 0; list-style:none; display:block; overflow:hidden; float:left;}
#product300 ul.pomp li.banner1{ float:left; margin:0 20px 0 0; width:164px; height:32px; background:url(../product/300mpa/images/btn_01.jpg) no-repeat;}
#product300 ul.pomp li.banner2{ float:left; margin:0 20px 0 0; width:164px; height:32px; background:url(../product/300mpa/images/btn_02.jpg) no-repeat;}
#product300 ul.pomp li a{ display:block; width:164px; height:32px;}
#product300 ul.pomp li a span{ font-size:13px; font-weight:bold; color:#000; padding:10px 0 0 33px; display:block;}
#product300 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product300 h4{ width:505px; padding:6px 0 5px 10px; margin:0 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#product300 .section{ width:510px; padding:0 10px 20px 10px;}
#product300 .section p{ line-height:1.6em; padding:0 0 1em 0;}
#product300 .section div.unity1{ padding:0 10px 0 0;}
#product300 .section div.unity1 div{ width:250px; margin:0 auto; text-align:center;}
#product300 .section ul.unity1{ padding:0 0 1em 0; clear:both; text-align:center;}
#product300 .section ul.unity1 li{ padding:0 0 0 14px; margin:0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}
#product300 .section ul{ line-height:1.6em; padding:0 0 1em 0;}
#product300 .section ul li{ list-style-position:outside; list-style:none;}
#product300 .section table.unity1{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product300 .section table.unity1 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product300 .section table.unity1 td{ font-size:12px; padding:10px 0; background:#fff;}
#product300 .section table.unity2{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product300 .section table.unity2 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product300 .section table.unity2 td{ font-size:12px; padding:10px 0; background:#fff;}

/*　PRODUCT(400Mpa)
-------------------------------------------------------*/
#product400{ padding:0 0 40px 0;}
#product400 h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#product400 h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#product400 .section{ width:510px; padding:0 10px 20px 10px;}
#product400 .section p{ line-height:1.6em; padding:0 0 1em 0;}
#product400 .section ul{ line-height:1.6em; padding:0 0 1em 0;}
#product400 .section ul li{ list-style-position:outside; list-style:none; font-size:15px;}
#product400 .section table.unity1{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product400 .section table.unity1 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product400 .section table.unity1 td{ font-size:12px; padding:10px 0; background:#fff;}
#product400 .section table.unity2{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#product400 .section table.unity2 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#product400 .section table.unity2 td{ font-size:12px; padding:10px 0; background:#fff;}

/*　PRODUCT(Water)
-------------------------------------------------------*/
#water{ padding:0 0 40px 0;}
#water h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#water .section{ width:510px; padding:0 10px 20px 10px; overflow:hidden;}
#water .section h4{ padding:6px 0 5px 10px; margin:0 0 10px 0; font-size:13px; font-weight:bold; border-left:solid 4px #cc0000; background:#ececec;}
#water .section .productimg{ width:200px; float:left;}
#water .section .details{ width:295px; float:right;}
#water .section .details div{ margin:0 0 20px 0;}
#water .section .details div h5{ padding:10px 0; margin:0 0 15px 0; font-size:12px; background:#eee;}
#water .section .details div h5 span{ margin:0 10px; font-size:8px; color:#cc0000;}
#water .section .details div ul{ margin:0 0 0 1em; list-style:none; line-height:1.5em;}
#water .section .details div table{ width:270px; margin:0 auto; border-collapse:collapse; line-height:1.5em;}
#water .section .details div table tr{ vertical-align:top;}
#water .section .details div table th{ width:80px; padding:8px 8px; font-weight:normal; text-align:center; border:solid 1px #ccc; background:#eee;}
#water .section .details div table td{ padding:8px 8px; border:solid 1px #ccc; background:#fff;}
#water .section .details div .arrow{ padding:0 0 1em 0; margin:1em 0 0 0; clear:both; text-align:right;}
#water .section .details div .arrow li{ padding:0 0 0 14px; margin:0 15px 0 0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}

/*　PRODUCT(Pressure Loading System)
-------------------------------------------------------*/
#productsystem{ padding:0 0 40px 0;}
#productsystem h3{ width:530px; height:32px; padding:9px 0 5px 15px; font-size:14px; font-weight:bold; background:url(../images/other_maincol_h3.gif) no-repeat;}
#productsystem h4{ width:505px; padding:6px 0 5px 10px; margin:10px 0 10px 5px; font-size:13px; border-left:solid 4px #cc0000; background:#ececec;}
#productsystem .section{ width:510px; padding:0 10px 20px 10px;}
#productsystem .section p{ line-height:1.6em; padding:0 0 1em 0;}
#productsystem .section .image img{ padding:0; margin:10px;}
#productsystem .section .image{ width:510px; text-align:center;}
#productsystem .section ul{ line-height:1.6em; padding:0 0 1em 0;}
#productsystem .section ul li{ list-style-position:outside; list-style:none;}
#productsystem .section table.unity1{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#productsystem .section table.unity1 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#productsystem .section table.unity1 td{ font-size:12px; padding:10px 0; background:#fff;}
#productsystem .section table.unity2{ width:480px; margin:0 auto 1em auto; background:#ccc; text-align:center;}
#productsystem .section table.unity2 th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#productsystem .section table.unity2 td{ font-size:12px; padding:10px 0; background:#fff;}
#productsystem .section ul.unity{ padding:5px 0 1em 0; margin:0 0 0 0;}
#productsystem .section ul.unity li{ padding:0 0 0 14px; margin:0; display:inline; background:url(../images/other_arrow.gif) no-repeat left;}

/*　IFPEX2011
-------------------------------------------------------*/
#ifpex2011{ background:none;}
#ifpex2011 #wrap{ background:none;}
#ifpex2011 #wrap #container{ width:600px; padding:10px 0; margin:0 auto; text-align:left;}
#ifpex2011 #wrap #container #header{ display:none;}
#ifpex2011 #wrap #container #footer{ display:none;}
#ifpex2011 #wrap #container #maincol{ border:solid 1px #ccc;}
#ifpex2011 #wrap #container #maincol h1{}
#ifpex2011 #wrap #container #maincol #content{ width:560px; padding:19px 0 0 0; margin:0 auto; overflow:hidden;}
#ifpex2011 #wrap #container #maincol #content h2{ width:560px; height:32px; padding:0 15px; font-size:13px; font-weight:bold; line-height:2.5em; background:url(../topics/201107_ifpex/images/maincol_h2_bg.gif) no-repeat;}
#ifpex2011 #wrap #container #maincol #content h2 span.pc{}
#ifpex2011 #wrap #container #maincol #content h2 span.sp{ display:none;}
#ifpex2011 #wrap #container #maincol #content .section{ width:540px; padding:30px 10px; margin:0; background:url(../topics/201107_ifpex/images/maincol_border.gif) no-repeat bottom center;}
#ifpex2011 #wrap #container #maincol #content .bonone{ background:none;}
#ifpex2011 #wrap #container #maincol #content .section div{ width:520px; padding:0 10px;}
#ifpex2011 #wrap #container #maincol #content .section div p span.right{ display:block; text-align:right;}
#ifpex2011 #wrap #container #maincol #content .section div h3{ width:520px; padding:10px 0; font-size:12px; background:#eee;}
#ifpex2011 #wrap #container #maincol #content .section div h3 span{ margin:0 10px; font-size:8px; color:#ff0000;}
#ifpex2011 #wrap #container #maincol #content .section div ul{ width:530px; margin:10px 0 0 -10px; list-style:none; overflow:hidden;}
#ifpex2011 #wrap #container #maincol #content .section div ul li{ width:255px; padding:0 0 0 10px; margin:0 0 10px 0; float:left;}
#ifpex2011 #wrap #container #maincol #content .section div ul li.main{ width:520px; padding:0 0 0 10px;}
#ifpex2011 #wrap #container #maincol #content .section div.exinfo{ width:520px; padding:0 10px; overflow:hidden;}
#ifpex2011 #wrap #container #maincol #content .section div.exinfo img{ float:left;}
#ifpex2011 #wrap #container #maincol #content .section div.exinfo p{ width:325px; margin:7px 0; float:right;}

/*　MP-2500-S1B
-------------------------------------------------------*/
#mp2500s1b{ background:none;}
#mp2500s1b #wrap{ background:none;}
#mp2500s1b #wrap #container{ width:600px; padding:10px 0; margin:0 auto; text-align:left;}
#mp2500s1b #wrap #container #header{ display:none;}
#mp2500s1b #wrap #container #footer{ display:none;}
#mp2500s1b #wrap #container #maincol{ border:solid 1px #ccc;}
#mp2500s1b #wrap #container #maincol h1{}
#mp2500s1b #wrap #container #maincol #content{ width:560px; padding:19px 0 0 0; margin:0 auto; overflow:hidden;}
#mp2500s1b #wrap #container #maincol #content h2{ width:560px; height:32px; padding:0 15px; font-size:13px; font-weight:bold; line-height:2.5em; background:url(../topics/201107_ifpex/images/maincol_h2_bg.gif) no-repeat;}
#mp2500s1b #wrap #container #maincol #content h2 span.pc{}
#mp2500s1b #wrap #container #maincol #content h2 span.sp{ display:none;}
#mp2500s1b #wrap #container #maincol #content .section{ width:540px; padding:30px 10px 0 10px; margin:0; background:url(../topics/201107_ifpex/images/maincol_border.gif) no-repeat bottom center;}
#mp2500s1b #wrap #container #maincol #content .bonone{ background:none;}
#mp2500s1b #wrap #container #maincol #content .section div{ width:520px; padding:0 10px;}
#mp2500s1b #wrap #container #maincol #content .section div p span.right{ display:block; text-align:right;}
#mp2500s1b #wrap #container #maincol #content .section div h3{ width:520px; padding:10px 0; font-size:12px; background:#eee;}
#mp2500s1b #wrap #container #maincol #content .section div h3 span{ margin:0 10px; font-size:8px; color:#ff0000;}
#mp2500s1b #wrap #container #maincol #content .section div ul{ width:530px; margin:10px 0 0 -10px; list-style:none; overflow:hidden;}
#mp2500s1b #wrap #container #maincol #content .section div ul li{ width:255px; padding:0 0 0 10px; margin:0 0 10px 0; float:left;}
#mp2500s1b #wrap #container #maincol #content .section div ul li.main{ width:520px; padding:0 0 0 10px;}
#mp2500s1b #wrap #container #maincol #content .section div.exinfo{ width:520px; padding:0 10px; overflow:hidden;}
#mp2500s1b #wrap #container #maincol #content .section div.exinfo img{ float:left;}
#mp2500s1b #wrap #container #maincol #content .section div.exinfo p{ width:250px; margin:7px 0; float:right;}
#mp2500s1b #wrap #container #maincol #content .section div.exinfo p span{ display:inline-block; margin:0 0 6px 0;}
#mp2500s1b #wrap #container #maincol #content .section table{ width:480px; margin:20px auto 1em auto; background:#ccc; text-align:center;}
#mp2500s1b #wrap #container #maincol #content .section table th{ font-size:12px; font-weight:normal; padding:10px 0; background:#ffecec;}
#mp2500s1b #wrap #container #maincol #content .section table td{ font-size:12px; padding:10px 0; background:#fff;}

/*　デモ機貸出(同意ページ)
-------------------------------------------------------*/
#democonsent{ background:none;}
#democonsent #wrap{ background:none;}
#democonsent #wrap #container{ width:600px; padding:10px 0; margin:0 auto; text-align:left;}
#democonsent #wrap #container #header{ display:none;}
#democonsent #wrap #container #footer{ display:none;}
#democonsent #wrap #container #maincol{ border:solid 1px #ccc;}
#democonsent #wrap #container #maincol h1{}
#democonsent #wrap #container #maincol #content{ width:560px; padding:19px 0 0 0; margin:0 auto; overflow:hidden;}
#democonsent #wrap #container #maincol #content h2{ width:560px; height:32px; padding:0 15px; font-size:13px; font-weight:bold; line-height:2.5em; background:url(../topics/201107_ifpex/images/maincol_h2_bg.gif) no-repeat;}
#democonsent #wrap #container #maincol #content h2 span.pc{}
#democonsent #wrap #container #maincol #content h2 span.sp{ display:none;}
#democonsent #wrap #container #maincol #content .section{ width:540px; padding:20px 10px;}
#democonsent #wrap #container #maincol #content .section div{ width:520px; padding:0 10px 30px 10px;}
#democonsent #wrap #container #maincol #content .section div h3{ width:520px; padding:10px 0; margin:0 0 15px 0; font-size:12px; background:#eee;}
#democonsent #wrap #container #maincol #content .section div h3 span{ margin:0 10px; font-size:8px; color:#ff0000;}
#democonsent #wrap #container #maincol #content .section div p{ padding:0 12px; line-height:1.5em;}
#democonsent #wrap #container #maincol #content .section div ol{ padding:0 12px; margin:0 0 -30px 0; line-height:1.5em; list-style:none;}
#democonsent #wrap #container #maincol #content .section div li{ padding:0 0 10px 0; margin:0 0 0 0.8em; text-indent:-0.8em;}
#democonsent #wrap #container #maincol #content .section div li span{ font-weight:bold;}


/*   汎用
----------------------------------------------------------------*/
.f-left{ float:left;}
.f-right{ float:right;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.strong{ font-weight:bold;}
.clear{ clear:both;}
.red{ color:#cc0000;}
/* WIDTH */
.w-10{ width:10px;}
.w-20{ width:20px;}
.w-30{ width:30px;}
.w-40{ width:40px;}
.w-50{ width:50px;}
.w-60{ width:60px;}
.w-70{ width:70px;}
.w-80{ width:80px;}
.w-90{ width:90px;}
.w-100{ width:100px;}
.w-110{ width:110px;}
.w-200{ width:200px;}
.w-210{ width:210px;}
.w-220{ width:220px;}
.w-230{ width:230px;}
.w-240{ width:240px;}
.w-250{ width:250px;}
.w-260{ width:260px;}
.w-270{ width:270px;}
.w-280{ width:280px;}
.w-290{ width:290px;}
.w-300{ width:300px;}
.w-600{ width:600px;}

/* Padding Top */
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
/* Padding Bottom */
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}
.pb85{ padding-bottom:85px;}
.pb90{ padding-bottom:90px;}
.pb95{ padding-bottom:95px;}
.pb100{ padding-bottom:100px;}
/* Padding Left */
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60{ padding-left:60px;}
.pl65{ padding-left:65px;}
.pl70{ padding-left:70px;}
.pl75{ padding-left:75px;}
.pl80{ padding-left:80px;}
.pl85{ padding-left:85px;}
.pl90{ padding-left:90px;}
.pl95{ padding-left:95px;}
.pl100{ padding-left:100px;}
/* Padding Right */
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr55{ padding-right:55px;}
.pr60{ padding-right:60px;}
.pr65{ padding-right:65px;}
.pr70{ padding-right:70px;}
.pr75{ padding-right:75px;}
.pr80{ padding-right:80px;}
.pr85{ padding-right:85px;}
.pr90{ padding-right:90px;}
.pr95{ padding-right:95px;}
.pr100{ padding-right:100px;}
/* Margin Top */
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}
.mt90{ margin-top:90px;}
.mt95{ margin-top:95px;}
.mt100{ margin-top:100px;}
/* Margin Bottom */
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}
.mb90{ margin-bottom:90px;}
.mb95{ margin-bottom:95px;}
.mb100{ margin-bottom:100px;}
.mb150{ margin-bottom:150px;}
.mb200{ margin-bottom:200px;}
.mb250{ margin-bottom:250px;}
.mb300{ margin-bottom:300px;}
/* Margin Left */
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}
.ml95{ margin-left:95px;}
.ml100{ margin-left:100px;}
/* Margin Right */
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}
.mr90{ margin-right:90px;}
.mr95{ margin-right:95px;}
.mr100{ margin-right:100px;}