@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");






/*------------------------------------------------------------------------ top  ----*/
#mainimg{
margin: 0px auto;
width: 880px;
padding-top:17px;
padding-bottom:10px;
}

#topnavi{
width: 880px;
position:relative;
overflow:hidden;
background:url(../img/topnavi-back.gif) no-repeat center top;
padding: 0px 6px 6px 6px;
list-style:none;
margin: 0px auto 20px auto;
}
#topnavi li{
list-style:none;
float:left;
}
.p-lr14{
padding-left:14px;
padding-right:14px;
}



#topleft{
width: 650px;
float:left;
}
#topright{
width:200px;
float:right;
}


.topbox{
width: 650px;
background: url(../img/topimg02.gif) no-repeat right top;
padding-bottom:25px;
}
.topbox p{
width: 475px;
line-height: 180%;
}

.topbox02{
width: 650px;
position:relative;
overflow:hidden;
}
.topbox02-l{
float:left;
width:291px;
}
.topbox02-r{
float: right;
width: 348px;
}

.topinfo{
width:291px;
position:relative;
overflow:hidden;
}
.topinfo h4{
float:left;
}
.topinfo ul{
float: right;
list-style:none;
position:relative;
overflow:hidden;
}
.topinfo li{
float:right;
list-style:none;
padding-left:5px;
padding-top:4px;
}
.topinfo02{
width:273px;
padding: 12px 9px 0px 9px;
background:url(../img/topinfo02.gif) repeat-y center top;
border-top: 2px solid #DDDAD0;
border-bottom: 2px solid #DDDAD0;
margin-top:5px;
}


.topinfo03{
width: 348px;
position:relative;
overflow:hidden;
}
.topinfo03 h4{
float:left;
}
.topinfo03 ul{
float: right;
list-style:none;
position:relative;
overflow:hidden;
}
.topinfo03 li{
float:right;
list-style:none;
padding-left:5px;
padding-top:4px;
}
.topinfo04{
width: 330px;
padding: 12px 9px 0px 9px;
background:url(../img/topsugi-back.gif) repeat-y center top;
border-top: 2px solid #DDDAD0;
border-bottom: 2px solid #DDDAD0;
margin-top:5px;
}



.topinfo02 dl{
width:273px;
}
.topinfo02 dt{
font-size:10px;
letter-spacing:1px;
background:url(../img/icon01.gif) no-repeat 8px 3px;
line-height:150%;
padding-left:20px;
color: #958C6E;
}
.topinfo02 dd{
line-height:150%;
padding-left:20px;
border-bottom: 1px dotted #958C6E;
padding-bottom: 10px;
margin-bottom: 10px;
}


.topm01{
font-size:10px;
letter-spacing:1px;
background:url(../img/icon01.gif) no-repeat 0px 3px;
line-height:150%;
padding-left:15px;
color: #958C6E;
margin: 0px auto;
}
.topm02{
background:url(../img/icon02.gif) no-repeat right center;
font-size:10px;
letter-spacing:1px;
padding: 0px 10px;
text-align:right;
margin: 10px auto;
}

.topblogbox{
width: 180px;
background: url(../img/topstaff03.gif) repeat-y center top;
padding: 10px;
line-height:150%;
border-bottom: 1px solid #DED8C6;
color: #373737;
margin-bottom: 15px;
}
.topblog{
width: 180px;
position:relative;
overflow:hidden;
padding-bottom:10px;
}
.topblog-l{
width: 92px;
float:left;
}
.topblog-r{
font-size:10px;
letter-spacing:1px;
background:url(../img/topstaff02.gif) no-repeat 0px 3px;
padding-left: 10px;
float:left;
width: 78px;
line-height:150%;
}

.area{
line-height:150%;
color: #5B7E54;
font-size:10px;
letter-spacing:1px;
padding-top:10px;
}
.area p{
padding: 5px;
}
.areatxt{
background: #E7F7E5;
}



















/*------------------------------------------------------------------------ info ----*/
.w650{
width:650px;
}
.entry{
width:630px;
margin-bottom:30px;
background:url(../img/inner/infoback.gif) repeat-y center top;
border-top: 2px solid #DDDAD0;
border-bottom: 2px solid #DDDAD0;
padding: 15px 10px 20px 10px;
}
.entryttl{
width: 630px;
position:relative;
overflow:hidden;
b.-bottom: 1px dotted #CAC8C1;
padding-bottom:5px;
margin-bottom:5px;
}
.entrydata{
background:url(../img/icon01.gif) no-repeat 10px 6px;
font-size:10px;
letter-spacing:1px;
color: #8B8266;
width: 105px;
float:left;
line-height:150%;
padding: 2px 0px 0px 25px;
}
.entryttl h3{
width: 500px;
float:left;
line-height:150%;
font-size:14px;
}
.entrycate{
text-align:right;
padding-right:10px;
padding-bottom:15px;
}
.entrybody{
width: 610px;
line-height:180%;
padding: 0px 10px;
}
.entrymore{
background:url(../img/icon02.gif) no-repeat right center;
text-align: right;
padding-right:5px;
margin-right: 10px;
margin-top:10px;
}

.leftbana{
list-style:none;
padding-bottom: 10px;
}
.leftbana li{
list-style:none;
padding-bottom: 5px;
}




















/*------------------------------------------------------------------------ staff ----*/
.staffbox{
width: 650px;
position:relative;
overflow:hidden;
padding-bottom:40px;
}
.staffbox-l{
width: 125px;
float:left;
}
.staffbox-r{
width: 525px;
float:right;
background: url(../img/inner/staffimg03.gif) repeat-y right top;
}
.staffttl{
width: 480px;
padding: 10px 10px 0px 35px;
background:url(../img/inner/staffimg01.gif) no-repeat right top;
}
.staffttl h3{
background:url(../img/inner/staffimg02.gif) no-repeat 10px 5px;
padding: 5px 15px 5px 35px;
font-size:14px;
line-height:150%;
border-bottom: 1px dotted #8a8a8a;
}
.staffcate{
padding: 10px 10px 20px 0px;
text-align:right;
font-size:10px;
letter-spacing:1px;
color: #8B8266;
line-height:150%;
}
.staffcate a:link,.staffcate a:visited { color: #8B8266; text-decoration:underline; }
.staffcate a:hover,.staffcate a:active { color: #AFA68A; text-decoration:none; }

.staffentry{
width: 460px;
padding: 0px 20px 0px 45px;
line-height:180%;
}
.staffmore{
padding:20px 20px 20px 0px;
width: 480px;
margin-left: 25px;
border-bottom: 2px solid #DDDAD0;
}
.staffmore p{
background:url(../img/icon02.gif) no-repeat right center;
text-align: right;
padding-right: 10px;
}





















/*------------------------------------------------------------------------ partner ----*/
.builder01{
width: 650px;
background:url(../img/inner/builder02.jpg) no-repeat right top;
line-height:180%;
}
.builder01 p{
padding-top:10px;
padding-bottom:20px;
padding-right:250px;
}
.builder02{
line-height:180%;
background:url(../img/inner/builder04.jpg) no-repeat right top;
padding:0px 250px 25px 0px;
}
.builder03{
line-height:180%;
background:url(../img/inner/builder06.jpg) no-repeat right top;
padding:0px 250px 25px 0px;
}
.txt01{
width: 650px;
line-height:180%;
padding-top:10px;
padding-bottom: 15px;
}
.builder04{
margin-top:15px;
background:url(../img/inner/builder10.jpg) no-repeat right top;
padding-top:15px;
line-height:180%;
padding-right: 210px;
padding-bottom: 40px;
}




.dist01{
width: 650px;
background:url(../img/inner/distribution02.jpg) no-repeat right top;
line-height:180%;
}
.dist01 p{
padding-top:10px;
padding-bottom:20px;
padding-right:250px;
}
.dist02{
line-height:180%;
background:url(../img/inner/distribution04.jpg) no-repeat right top;
padding:0px 250px 25px 0px;
}
.dist03{
line-height:180%;
background:url(../img/inner/distribution06.jpg) no-repeat right top;
padding:0px 250px 30px 0px;
height: 155px;
}





.general01{
width: 650px;
background:url(../img/inner/general02.jpg) no-repeat right top;
line-height:180%;
}
.general01 p{
width: 390px;
padding-top:10px;
padding-bottom:10px;
}
.general02{
line-height:180%;
background:url(../img/inner/general04.jpg) no-repeat right top;
padding:0px 250px 25px 0px;
height: 325px;
}
.general03{
line-height:180%;
background:url(../img/inner/general07.jpg) no-repeat right top;
padding:0px 250px 25px 0px;
height:238px;
}

.general04{
background:url(../img/inner/general09.jpg) no-repeat right top;
line-height:180%;
margin-bottom:50px;
}
.general04 p{
width: 390px;
padding-top:10px;
}


.flow{
list-style:none;
position: relative;
overflow:hidden;
width: 630px;
margin: 40px auto 30px auto;
}
.flow li{
float:left;
}
.flow02{
list-style:none;
position: relative;
overflow:hidden;
width: 630px;
margin: 0px auto 25px auto;
}
.flow02 li{
float:left;
}










/*------------------------------------------------------------------------ company  ----*/
.greet{
width: 650px;
position:relative;
overflow:hidden;
margin-bottom:30px;
}
.greet-l{
width: 180px;
float: left;
padding-right:30px;
}
.greet-r{
width:440px;
float: right;
line-height:180%;
}

.company{
width: 600px;
margin: 0px auto 30px auto;
background: #CAC9C6;
}
.company th{
background: #DBF2D7;
color: #33572C;
width: 100px;
padding: 10px 10px;
text-align:center;
}
.company td{
background: #ffffff;
padding: 10px 10px;
}


.access{
width: 650px;
position:relative;
overflow:hidden;
padding-bottom:20px;
}
.access-l{
float:left;
width: 330px;
line-height:180%;
}
.access-r{
float: right;
width: 300px;
padding-left: 20px;
}
.access-l p{
padding: 10px 0px 20px 15px;
}
.acc{
font-weight:bold;
color: #655529;
}













/*------------------------------------------------------------------------ process  ----*/
.process{
width: 650px;
position:relative;
overflow:hidden;
}
.process-l{
width:187px;
float:left;
padding-bottom: 25px;
margin-bottom:10px;
background:url(../img/inner/proimg01.gif) no-repeat center bottom;
}
.process-r{
width: 443px;
float:right;
line-height:180%;
padding-left:20px;
padding-bottom: 20px;
}
.process-r h4{
padding-bottom:15px;
}
.process-l02{
width:187px;
float:left;
}


.sawing{
width: 650px;
position:relative;
overflow:hidden;
border-bottom: 1px dotted #8C8C8C;
padding-bottom: 20px;
margin-bottom: 20px;
}
.sawing-l{
width:187px;
float:left;
}
.sawing-r{
width: 443px;
float:right;
line-height:180%;
padding-left:20px;
}
.sawing-r h4{
padding-bottom:10px;
}


h4.dry{
padding-bottom:5px;
border-bottom: 1px dotted #8C8C8C;
margin-bottom:10px;
}
.dry02{
background:url(../img/inner/dry01.jpg) no-repeat right top;
padding-right: 355px;
line-height:180%;
width: 265px;
margin: 0px auto;
height:285px;
}
.dry03{
background:url(../img/inner/dry02.jpg) no-repeat right top;
padding-right: 355px;
line-height:180%;
width: 265px;
margin: 0px auto;
height:285px;
}

.dry04{
line-height:180%;
width: 620px;
margin: 0px auto;
}














/*------------------------------------------------------------------------ service  ----*/
.service{
width: 650px;
position:relative;
overflow:hidden;
}
.service-l{
width: 297px;
float:left;
text-align:center;
}
.service-r{
width: 297px;
float: right;
text-align:center;
}
.service02{
width: 650px;
position:relative;
overflow:hidden;
padding-bottom: 15px;
}
.service02-l{
width: 209px;
float:left;
text-align:center;
}
.service02-c{
width: 232px;
float:left;
text-align:center;
}
.service02-r{
width: 209px;
float: right;
text-align:center;
}

.fsc{
background:url(../img/inner/fsc01.jpg) no-repeat right top;
padding-right: 260px;
line-height:180%;
height: 461px;
}

.sergifu{
background:url(../img/inner/sergifu.jpg) no-repeat right bottom;
padding-right: 350px;
line-height:180%;
}


.service03{
width: 650px;
position:relative;
overflow:hidden;
padding-bottom: 40px;
}
.service03-l{
width: 123px;
float:left;
text-align:center;
}
.service03-r{
width: 123px;
float:left;
text-align:center;
padding-left: 8px;
}

.works{
padding-bottom:5px;
font-weight:bold;
color: #463112;
}
.workstxt{
margin-top:15px;
background:url(../img/inner/icon03.gif) no-repeat left center;
line-height:180%;
padding-left: 15px;
font-weight:bold;
padding-top:2px;
}
















/*------------------------------------------------------------------------ eco ----*/
.eco{
width: 650px;
background: url(../img/inner/ecobox02.gif) repeat-y center top;
}
.eco div{
background:url(../img/inner/ecobox04.gif) no-repeat center bottom;
padding-bottom:6px;
}
.eco ul{
padding: 15px 20px 15px 40px;
background:url(../img/inner/ecobox03.gif) no-repeat right bottom;
}
.eco ul li{
padding-bottom:5px;
line-height:180%;
}

















/*------------------------------------------------------------------------ sitemap ----*/
.sitemap{
width: 650px;
position:relative;
overflow:hidden;
}
.sitemap-l{
float:left;
width: 310px;
}
.sitemap-r{
float: right;
width: 310px;
padding-left:30px;
}
.sitemap h3{
background: url(../img/inner/icon04.gif) no-repeat 5px 15px;
line-height:150%;
font-weight:normal;
font-size: 12px;
padding: 15px 10px 15px 30px;
border-bottom: 2px solid #DDDAD0;
}
.sitemap ul{
list-style:none;
padding:10px 10px 10px 30px
}
.sitemap li{
list-style:none;
background:url(../img/icon02.gif) no-repeat left center;
line-height:150%;
padding-left: 13px;
padding-bottom:5px;
}




.privacy{
line-height: 180%;
padding-left: 15px;
padding-right: 15px;
}
.privacy02{
padding-left: 40px;
padding-right: 30px;
padding-bottom:30px;
}
.privacy02 li{
line-height:180%;
}











/*---------------------------------------------------------------------- contact ----*/
.contact {
background:#BBBBBB;
width: 630px;
margin: 0px auto 20px auto;
}
.contact th{
background: #E7F7E5;
width: 150px;
padding: 10px 10px;
text-align:left;
color: #5B7E54;
}
.contact td{
background: #FFFFFF;
padding: 10px 15px;
text-align:left;
vertical-align: bottom;
}


.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


#F-MAIL,#F-POST {width: 57%;margin: 5px 0px 5px 0px;}
#F-MAIL2 {width: 57%;margin: 0px 0px 5px 0px;}
#F-NAME,#F-TEL,#F-FAX,#F-NAME02 {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; height: 120%;margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}
#sex01, #sex02{ vertical-align:top;}

.cont-txt02{
font-weight:normal;
}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}


.contbox{
width: 630px;
line-height:180%;
padding-bottom: 20px;
}















/*---------------------------------------------------------------------- sugi ----*/
.sugibox-new{
background:url(../img/inner/infoback.gif) repeat-y left top;
width: 620px;
border-top: 2px solid #DDDAD0;
border-bottom: 2px solid #DDDAD0;
padding: 0px 15px;
margin-bottom:40px;
}
.sugibox{
background:url(../img/inner/infoback.gif) repeat-y left top;
width: 620px;
border-top: 2px solid #DDDAD0;
border-bottom: 2px solid #DDDAD0;
padding: 0px 15px;
margin-bottom:15px;
}
.sugittl{
width: 620px;
position:relative;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px dotted #C8C4B6;
}
.sugittl02{
width: 620px;
position:relative;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
}
.sugittl h3,.sugittl02 h3{
float:left;
line-height:150%;
font-size: 14px;
background: url(../img/icon01.gif) no-repeat 5px 6px;
padding-left: 18px;
color: #5E584D;
margin: 0px;
}
.sugittl h3 a:link,.sugittl h3 a:visited { color: #5E584D; text-decoration:none; }
.sugittl h3 a:hover,.sugittl h3 a:active { color: #A7A298; text-decoration:none; }

.sugittl p,.sugittl02 p{
float: right;
width: 120px;
line-height:150%;
text-align:right;
padding-top:2px;
color: #5E584D;
padding-right:10px;
}
.sugimovie{
text-align:center;
padding: 30px 0px;
}
.sugimore{
width: 600px;
padding:10px 20px 10px 0px;
border-top: 1px dotted #C8C4B6;
background:url(../img/icon02.gif) no-repeat 605px 13px;
text-align: right;
}
.sugibody{
line-height:180%;
margin-top:30px;
border-top: 1px dotted #C8C4B6;
padding: 30px 15px 0px 15px;
text-align:left;
}