@charset "euc-jp";

/*-------------------------------

	00.common

-------------------------------*/

* { margin:0; padding:0; }

img { border:none; }

ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

a { color:#003399; }

a:hover img.opa { opacity:0.6; filter:alpha(opacity=60); }

a.pdf { background:url(../images/new/bg_pdf.gif) 3px 1px no-repeat; /background:url(../images/new/bg_pdf.gif) 3px 2px no-repeat; padding:2px 0 2px 27px; }

a.lmk { /*background:url(../images/new/bg_linklist.gif) left 3px no-repeat;*/ background:url(../images/new/bg_linklist.gif) left top no-repeat; padding-left:15px; }

.cap { font-size:80%; }

.middle { vertical-align:middle !important; }

.center { text-align:center; }

.end { margin-bottom:0 !important; }

/*-------------------------------

	01.body

-------------------------------*/

body { background:#ababab url(../images/new/bg_body.jpg) left top repeat-x; font-size:13px; line-height:1.4; *font-size:small; *font:x-small; }

/*-------------------------------

	02.wrapper

-------------------------------*/

#wrapper { margin:0 auto; width:960px; }

/*-------------------------------

	03.main_head

-------------------------------*/

#main_head { width:960px; height:293px; position:relative; }

.main_head-s { height:273px !important; }

.main_head-o { height:192px !important; }

#main_head .bg { position:absolute; top:0; left:0; }

#main_head .logo { position:absolute; top:17px; left:29px; z-index:5; }

#main_head .sub-link { width:147px; height:11px; line-height:0; position:absolute; top:13px; right:19px; z-index:5; }

#main_head .sub-link li { position:absolute; top:0; }

#main_head .sub-link .sitemap { left:0; padding:1px 7px 1px 0; border-right:1px #525252 solid; }

#main_head .sub-link .english { right:0; padding:1px 0; }

#main_head .btn_lamp { position:absolute; top:103px; left:25px; z-index:5; }

#main_head .btn_lamp_t { position:absolute; top:104px; left:26px; z-index:5; }

#main_head .btn_tech { position:absolute; top:235px; right:18px; z-index:5; }

#main_head .btn-prct { background:#575757; width:483px; height:51px; position:absolute; top:222px; right:0; z-index:5; }

.main_head-o .btn-prct { top:141px !important; }

#main_head .btn-prct dt { position:absolute; top:0; left:0; }

#main_head .btn-prct dd { width:206px; height:45px; }

#main_head .btn-prct .arch { position:absolute; top:6px; left:60px; z-index:10; }

#main_head .btn-prct .tech { position:absolute; top:6px; right:6px; z-index:10; }

#main_head .btn-prct .arch a,

#main_head .btn-prct .tech a { background:#575757; width:206px; height:45px; display:block; }

#main_head a,

#main_head .sub-link,

#main_head .btn_lamp,

#main_head .btn_lamp_t,

#main_head .btn_tech,

#main_head .prct-arch { line-height:0; }

/*-------------------------------

	04.global

-------------------------------*/

#global { width:612px; height:25px; position:absolute; top:35px; right:0; z-index:5; }

#global li { line-height:0; display:block; position:absolute; top:0; }

#global span { display:none; }

#global .global01 { width:104px; left:0; }

#global .global02 { width:97px; left:105px; }

#global .global03 { width:98px; left:203px; }

#global .global04 { width:97px; left:302px; }

#global .global05 { width:98px; left:400px; }

#global .global06 { width:113px; right:0; }

/*-------------------------------

	05.login

-------------------------------*/

#login { width:600px; height:50px; position:absolute; top:75px; right:19px; z-index:5; }

#login dt { position:absolute; }

#login dt.lamp { background:url(../images/new/img_lampweb.gif) left top no-repeat; width:88px; height:21px; top:30px; right:172px; line-height:0; }

#login.log02 dt.lamp { background:url(../images/new/img_lampweb02.gif) left top no-repeat !important; }

#login dt.logoff-name,

#login dt.login-name { color:#fff; line-height:1.4; text-align:right; right:0; }

#login a { position:absolute; line-height:0; }

#login span { display:none; }

#login .login a { top:30px; right:84px; }

#login .entry a { top:30px; right:0; }

#login .change a { top:30px; right:0; }

#login .logout a { top:30px; right:137px; }

#login .fuki { position:absolute; top:55px; right:0; display:none; }

/*-------------------------------

	06.bread

-------------------------------*/

#bread { width:710px; font-size:10px; color:#fff; line-height:23px; position:absolute; top:270px; left:20px; z-index:5; }

.bread-s { width:445px !important; top:250px !important; }

.bread-o { width:445px !important; top:169px !important; }

#bread a { font-size:10px; color:#fff; text-decoration:underline; }

/*-------------------------------

	07.contents

-------------------------------*/

#contents { background:#fff url(../images/new/bg_contents.gif) left top repeat-y; margin-bottom:13px; padding:25px 29px 0 25px; }

.contents-s { background:#fff url(../images/new/bg_contents_s.gif) left top repeat-y !important; padding:25px 163px 0 25px !important; }

/*-------------------------------

	08.sidenavi

-------------------------------*/

#sidenavi { width:156px; float:left; }

#sidenavi h3 { margin-bottom:15px; }

#sidenavi .menu { margin-bottom:35px; width:156px; position:relative; }

#sidenavi .menu li a { position:absolute; left:0; line-height:0; }

#sidenavi .menu li a:hover { background-position:left bottom; }

#sidenavi .closeup { margin-bottom:15px; width:154px; height:558px; border:1px #ccc solid; position:relative; }

#sidenavi .closeup li a { width:136px; height:55px; position:absolute; left:9px; } 

#sidenavi .closeup .closeup01 a { background:url(../images/new/bg_motion.jpg) left top no-repeat; top:9px; }

#sidenavi .closeup .closeup02 a { background:url(../images/new/bg_sasugakun.jpg) left top no-repeat; top:70px; }

#sidenavi .closeup .closeup03 a { background:url(../images/new/bg_hingetool.png) left top no-repeat; top:131px; }

#sidenavi .closeup .closeup04 a { background:url(../images/new/bg_lapcon.jpg) left top no-repeat; top:192px; }

#sidenavi .closeup .closeup05 a { background:url(../images/new/bg_g-mark.jpg) left top no-repeat; top:253px; }

#sidenavi .closeup .closeup06 a { background:url(../images/new/bg_fd35series.gif) left top no-repeat; top:314px; }

#sidenavi .closeup .closeup07 a { background:url(../images/new/bg_lifting_columns.gif) left top no-repeat; top:375px; }

#sidenavi .closeup .closeup08 a { background:url(../images/new/bg_earthquake.gif) left top no-repeat; top:436px; }

#sidenavi .closeup .closeup09 a { background:url(../images/new/bg_digilock_side.jpg) left top no-repeat; top:497px; }

#sidenavi .closeup li a:hover { background-position:left bottom; }

#sidenavi a span { display:none; }

/*-------------------------------

	09.main_contents

-------------------------------*/

#main_contents { width:700px; font-size:12px; float:right; }

.main_contents-s { width:570px !important; }

#main_contents h1 { margin-bottom:25px; } 

#main_contents h2 { margin-bottom:15px; }

#main_contents h2.h201 { background:url(../images/new/bg_h201.jpg) left center no-repeat; width:100%; font-weight:bold; }

#main_contents h2.h201 span { padding:6px 13px; display:block; }

#main_contents h3.h301 { background:#333 url(../images/new/bg_h301.gif) left bottom repeat-x; margin-bottom:15px; width:100%; color:#fff; }

#main_contents h3.h301 span { padding:5px 8px; display:block; }

#main_contents .next { margin-bottom:15px; }

#main_contents .col { margin-bottom:35px; }

#main_contents .col .floatL { float:left; }

#main_contents .col .floatR { float:right; }

#main_contents ul.disc li,

#main_contents ol.disc li { padding-left:1em; text-indent:-1em; }

#main_contents #pgtp { margin-top:20px; padding:10px 0 35px; text-align:right; border-top:1px #ccc solid; }

#main_contents .pgtp { margin-top:25px; padding:10px 0 30px; text-align:right; border-top:1px #ccc solid; }

/*.main_contents-s table { margin:0 auto; }*/

/*.main_contents-s td.tile img { margin-left:26px; }*/

/*-------------------------------

	10.table

-------------------------------*/

#main_contents table .list05 { width:5%; }

#main_contents table .list10 { width:10%; }

#main_contents table .list15 { width:15%; }

#main_contents table .list20 { width:20%; }

#main_contents table .list25 { width:25%; }

#main_contents table .list30 { width:30%; }

#main_contents table .list33 { width:33%; }

#main_contents table .list35 { width:35%; }

#main_contents table .list40 { width:40%; }

#main_contents table .list45 { width:45%; }

#main_contents table .list50 { width:50%; }

#main_contents table .list55 { width:55%; }

#main_contents table .list60 { width:60%; }

#main_contents table .list65 { width:65%; }

#main_contents table .list70 { width:70%; }

#main_contents table .list75 { width:75%; }

#main_contents table .list80 { width:80%; }

#main_contents table .list85 { width:85%; }

/*-------------------------------

	11.footer

-------------------------------*/

#footer { margin-bottom:60px; width:960px; }

#footer .footerL { width:365px; height:14px; float:left; position:relative; top:0; left:0; }

#footer .footerL li { position:absolute; line-height:0; }

#footer .btn01 { top:0; left:0; }

#footer .btn02 { top:0; left:90px; }

#footer .btn03 { top:0; left:221px; }

#footer .footerR { float:right; }

#footer .footerR li { padding-left:20px; display:inline; }

#footer .footerR li a { font-size:80%; color:#F1F2F3; }

/*-------------------------------

	99.clearfix

-------------------------------*/

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clear { display:inline-block; }

/* Hides from IE-mac \*/

* html .clear { height:1%; }

.clear { display:block; }

/* End hide from Mac IE */

/*-------------------------------

	12.banner

-------------------------------*/

.portal {background:url(../../images/bg_portal20150831.gif) left top no-repeat; margin:0 auto 10px; width:145px; height:348px; position:relative;}

.portal .kanamono {position:absolute; top:0px; left:0px;}

.portal .tsumami {position:absolute; top:120px; left:0px;}

.portal .panel {position:absolute; top:168px; left:0px;}

.portal .plate {position:absolute; top:211px; left:0px;}

.portal .hook {position:absolute; top:251px; left:0px;}

.portal .bathroom {position:absolute; top:294px; left:0px;}