@charset "utf-8";

body {
margin: 0;
padding: 0;
background-color:#eee;
font-family: sans-serif;
font-size: 14px;
line-height: 150%;
}
.clear{
margin: 0;
padding: 0;
clear: both;
}

#hd {
width: 100%;
height: 90px;
margin: 0;
padding: 0;
background-color: #fff;
border-bottom: 2px solid #0066cc;
}
#hd .inner {
width: 750px;
margin: 0 auto;
padding: 17px 0;
}
#hd .inner .logo{
margin: 0;
padding: 0;
float: left;
}
#hd .inner .tel{
width: 249px;
margin: 0;
padding: 0;
float: right;
}

#mainimg{
width: 100%;
padding: 0;
margin: 0;
background-color: #ccc;
background-image: url(../../images/img_main_bg.png);
background-position: center;
background-repeat: repeat-x;
}
#mainimg p {
width: 850px;
height: 300px;
margin: 0 auto;
padding: 0;
}

#body{
width: 100%;
margin: 0;
padding: 30px 0 50px 0;
background: white;
font-family: sans-serif;
font-size: 14px;
line-height: 150%;
}
#body .body_inner{
width: 750px;
margin: 0 auto;
padding: 0;
}

#body .gmenu{
float: left;
width: 200px;
}
#body .gmenu ul{
margin: 0;
padding: 0 0 20px;
}
#body .gmenu li{
margin: 0;
padding: 0;
list-style: none;
}

#body .contents{
width: 520px;
float: right
}

#ft{
clear: both;
border-top: 2px solid #ccc;
margin: 0;
padding: 0;
}

#ft .menu{
background: #0066cc;
text-align: center;
width: 100%;
padding: 0 auto;
height: 40px;
}

#ft .menu ul{
text-align: center;
widows: 100%;
margin: 0 auto;
padding: 8px 0 0 0;
}
#ft .menu li{
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding: 0 10px 0 10px;
margin: 0;
border-right: 1px solid #80b3e6;
list-style: none;
}
#ft .menu li.end{
border-right: 1px solid #0066cc;
}

#ft .menu li a:link {
color: #fff;
font-size: 12px;
text-decoration: none;
}
#ft .menu li a:visited {
color: #fff;
text-decoration: none;
}
#ft .menu li a:hover {
color: #ccc;
text-decoration: underline;
}

#ft .copyright{
clear: both;
text-align: center;
}
#ft .copyright .message{
margin: 0;
padding: 20px 0 0 0;
font-size: 14px;
font-weight: bold;
color: #0066cc;
}
#ft .copyright .copy{
margin: 0;
padding: 10px 0 30px 0;
font-size: 12px;
}

#h1{
height: 60px;
border-bottom: 1px solid #ccc;
background-color: #f6f6f6;
background-image: url(../../images/ttl_bg.png);
background-position: right;
background-repeat: no-repeat;
}
#h1 h1{
width: 750px;
margin: 0 auto;
padding: 0;
}

#body .contents h2{
margin: 0;
padding: 8px 0 8px 10px;
background-color: #0066cc;
color: white;
font-size: 15px;
}
#body .contents h3{
margin: 0;
padding: 8px 0 8px 10px;
line-height: 120%;
background-image: url(../images/h3_bg.png);
background-position: bottom;
background-repeat: repeat-x;
border-left: 3px solid #0066cc;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 15px;
clear: both;
}
#body .contents .doc{
padding: 0 0 30px 0;
}
#body .contents p{
margin: 0;
padding: 20px 0 0 0;
}


/*ホーム index.html*/

#body .home{}

#body .home .block{
position: relative;
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
clear: both;
height: 120px;
}

#body .home .block a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 520px;
height: 120px;
}

#body .home .icon{
float: left;
width: 120px;
padding: 20px 0 20px 10px;
}

#body .home .block .h2{
margin: 0;
padding: 20px 0 0 0;
font-size: 18px;
line-height: 120%;
height: 28px;
font-weight: bold;
}
#body .home .block p{
margin: 0;
padding: 0;
} 

#body .home .block.end{
border-bottom: 1px solid #ccc;
clear: both;
}

/*昇降機器・搬送機器 lift.html*/
#body .lift .point{
margin: 0;
padding: 20px 0 30px 0;
}
#body .lift .strong{
font-size: 18px;
font-weight: bold;
color: #0066cc;
text-align: center;
margin: 0;
padding: 0;
}
#body .lift .text{
text-align: center;
margin: 0;
padding: 15px 0;
line-height: 180%;
}

/*土木建築工事用資材 material.html*/
#body .material dl{
width: 520px;
}
#body .material dt{
margin: 0;
padding: 0;
width: 40px;
float: left;
clear : both;
}
#body .material dd{
margin: 0;
padding: 10px 0 0 0;
width: 480px;
float: left;
font-size: 15px;
}

#body .material .point .left{
margin: 20px 0 30px 0;
float: left
}
#body .material .point .right{
margin: 20px 0 0 0;
float: left;
padding-left: 10px;
font-size: 13px;
}

#body .material .point .right ul{
margin: 0;
padding: 0;
list-style: none;
}
#body .material .point .right li{
margin: 0;
padding: 0 0 5px 0;
}

/*会社案内 corp.html*/
#body .corp dl{
width: 520px;
}
#body .corp dt{
margin: 0;
padding: 10px 0;
width: 100px;
color: #666;
float: left;
clear : both;
border-top: 1px dotted #ccc;
}
#body .corp dd{
margin: 0;
padding: 10px 0;
width: 420px;
float: left;
border-top: 1px dotted #ccc;
}
#body .corp .solid{
border-top: 1px solid #bbb;
}

#body .corp dd p{
margin: 0;
padding: 0 20px 0 0;
float: left;
}

/*お問い合わせ contact.html*/
#body .contact sup{
color: red;
}
#body .contact .att{
font-size: 12px;
}
#body .contact dl{
width: 520px;
}
#body .contact dt{
margin: 0;
padding: 10px 0;
width: 150px;
color: #666;
float: left;
clear : both;
border-top: 1px dotted #ccc;
}
#body .contact dd{
margin: 0;
padding: 10px 0;
width: 370px;
float: left;
border-top: 1px dotted #ccc;
}
#body .contact .submit{
text-align: center;
clear: both;
}
input, select, textarea{
font-size: 100%;
font-style: normal;
}
#body .contact .btn{
font-size: 14px;
}
span{
padding: 0 0 0 10px;
color: #666;
font-size: 11px;
}