@charset "UTF-8";
/* CSS Document */
/*======================================
	default
=======================================*/
*  { margin: 0; padding: 0; zoom:1;}
html { overflow-y:scroll;}
body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color: #555;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}
/*Reset*/
h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
div,p,dl,dt,dd,input,table,span { margin: 0; padding: 0;}
ul,ol,li { list-style: none; margin: 0; padding: 0;}
table { border-collapse: collapse;}
th {}
td {}
img {border: none; margin: 0; padding :0;}
input ,select{ vertical-align:middle;}
/* for FF*/
a { overflow: hidden; outline: none;}
/*clearfix*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height:0;
	font-size:1px;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clearboth{
    clear: both;
}


/*Link*/
a:link, 
a:visited {
	color:#500;
	text-decoration: none;
}
a:hover {
	color:#c30;
	text-decoration: underline;
}
ul.bread a:link, 
ul.bread a:visited,
#sub dl a:link, 
#sub dl a:visited {
	color:#500;
	text-decoration: underline;
}
ul.bread a:hover,
#sub dl a:hover {
	color:#c30;
	text-decoration: none;
}

.remove { display: none; }


/*======================================
	container
=======================================*/
#container {
	margin:0 auto;
	width:950px;
	text-align:center;
}
/*======================================
	header
=======================================*/
#header {
	width:950px;
	text-align:left;
}
/*======================================
	header-TOP
=======================================*/
/*======================================
	header-CONTENTS
=======================================*/
body.contents #header {
	/* border-top: solid #371C00 5px; */
}
body.contents #header-wrap {
	height:65px;
}
body.contents #header #logo {
	display:inline;
	float: left;
	width: 290px;
}
body.contents #header #logo h1 {
	width: 290px;
	height: 65px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background: url(../images/header_logo.gif) left top no-repeat;
}
body.contents #header #logo h1 a {
	display: block;
	width: 290px;
	height: 65px;
}
/*------------------------------------
	header-right
------------------------------------*/
body.contents #header-right {
	display:inline;
	float: right;
	width: 172px;
}
body.contents #header-right li {
	display: block;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	vertical-align:bottom;
}
li.head-tel {
	width: 172px;
	height: 34px;
	background: url(../images/header_tel.gif) left top no-repeat;
}
li.head-inquiry {
	width: 172px;
	height: 31px;
}
li.head-inquiry a {
	display: block;
	width: 172px;
	height: 31px;
	background: url(../images/header_inq.gif) left top no-repeat;
	vertical-align:bottom;
}
li.head-inquiry a:hover {
	background: url(../images/header_inq_o.gif) left top no-repeat;
}
/*------------------------------------
	header-image
------------------------------------*/
#image-photo {
	clear: both;
	width: 950px;
	height: 100px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: left top;
}
body#precut #image-photo { background-image: url(../../precut/images/header_photo.jpg);}
body#wood #image-photo { background-image: url(../../wood/images/header_photo.jpg);}
body#material #image-photo { background-image: url(../../material/images/header_photo.jpg);}
body#equipment #image-photo { background-image: url(../../equipment/images/header_photo.jpg);}
body#other #image-photo { background-image: url(../../other/images/header_photo.jpg);}
body#solar #image-photo { background-image: url(../../solar/images/header_photo.jpg);}
body#company #image-photo { background-image: url(../../company/images/header_photo.jpg);}
body#link #image-photo { background-image: url(../../link/images/header_photo.jpg);}
body#inquiry #image-photo { background-image: url(../../inquiry/images/header_photo.jpg);}
body#privacypolicy #image-photo { background-image: url(../../privacypolicy/images/header_photo.jpg);}

/*------------------------------------
	bread
------------------------------------*/
ul.bread {
	width: 945px;
	height: 20px;
	background-color: #F9F7F7;
	text-align: right;
	padding-right: 5px;
	font-size: 11px;
}
ul.bread li{
	display:inline;
	font-size:12px;
}
/*======================================
	wrap
=======================================*/
#wrap {
	clear: both;
	/* background: url(../images/bg.gif) left top repeat-y; */
	text-align:left;
}
/*======================================
	navi
=======================================*/
#navi {
	display:inline;
	float: left;
	width: 180px;
	margin-right: 15px;
}
#navi ul.navi01 {
	width: 170px;
	/* background: url(../images/navi01_bg.gif) left top repeat-y; */
	padding-bottom: 4px;
	padding-left: 10px;
}
#navi li,
#navi li li {
	font-size: 1px;/*For IE*/
	
}
#navi-home a { height: 39px; background-image: url(../images/navi_home.gif) ;}
#navi-busi div {
	display: block;
	width: 170px;
	height: 25px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background-repeat: no-repeat;
	background-image: url(../images/navi_busi.gif) ;}
#navi-prec a { height: 30px; background-image: url(../images/navi_prec.gif) ;}
#navi-wood a { height: 30px; background-image: url(../images/navi_wood.gif) ;}
#navi-mate a { height: 30px; background-image: url(../images/navi_mate.gif) ;}
#navi-equi a { height: 31px; background-image: url(../images/navi_equi.gif) ;}
#navi-othe a { height: 30px; background-image: url(../images/navi_othe.gif) ;}
#navi-sola a { height: 31px; background-image: url(../images/navi_sola.gif) ;}
#navi-comp a { height: 30px; background-image: url(../images/navi_comp.gif) ;}
#navi-link a { height: 30px; background-image: url(../images/navi_link.gif) ;}
#navi-inqu a { height: 30px; background-image: url(../images/navi_inqu.gif) ;}
#navi-pp a { height: 30px; background-image: url(../images/navi_pp.gif) ;}
#navi-sash a { height: 30px; background-image: url("../images/navi_sash.gif") ;}
#navi-denzai a { height: 30px; background-image: url("../images/navi_denzai.gif") ;}
#navi-consul a { height: 30px; background-image: url("../images/navi_consul.gif") ;}
#navi-fudou a { height: 30px; background-image: url("../images/navi_fudou.gif") ;}
#navi li a,
#navi li li a {
	display: block;
	width: 170px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: normal;
	background-repeat: no-repeat;
}

#navi li#navi-home{
    padding: 7px 0 0;
    /* background-color: #f1eceb; */
}







/*rollover*/
body#precut #navi-prec a,
body#wood #navi-wood a,
body#material #navi-mate a,
body#equipment #navi-equi a,
body#other #navi-othe a,
body#solar #navi-sola a,
body#company #navi-comp a,
body#link #navi-link a,
body#inquiry #navi-inqu a,
body#privacypolicy #navi-pp a, 
body#exte #navi-sash a, 
body#denz #navi-denzai a, 
body#cons #navi-consul a, 
body#fudou #navi-fudou a, 
#navi li a:hover,
#navi li li a:hover { background-position: left bottom;}

/* 太陽光バナー */
#bnrSolar {
	margin: 20px auto 0 17px;
    display: none;
}
/*リクルートバナー*/
#recruit{
	margin:20px auto 0 17px;
}


/*======================================
	content
=======================================*/
#content {
	display:inline;
	float: left;
	width:755px;
}

/*------------------------------------
	pagetop
------------------------------------*/
.pagetop {
	clear: both;
	width:920px;
	padding:10px 15px;
	text-align:right;
	font-size:11px;
	padding-top: 65px;
}
.pagetop a {
	background:url(../images/pagetop.gif) right center no-repeat;
	padding-right: 12px;
	display: inline-block;
}
/*======================================
	footer
=======================================*/
#footer {
	clear: both;
	text-align:left;
	background-color: #EBE8E5;
	border-top: solid 1px #371C00;
	padding: 20px 15px;
}
#footer a:link, 
#footer a:visited {
	color:#555;
	text-decoration: none;
}
#footer a:hover {
	color:#c30;
	text-decoration: underline;
}
#footer-navi {
	display:inline;
	float: right;
	width: 355px;
	font-size: 11px;
}
#footer-navi .col {
	display:inline;
	float: left;
	height:200px;
	border-left: solid 1px #999;
	padding-left: 7px;
}
#footer-navi #fot-home { width: 58px;}
#footer-navi #fot-section { width: 143px;}
.section-ti { font-weight: bold;}
#footer-navi #fot-company { width: 127px;}
#footer-navi ul.fot-nav02 {
	margin: 0;
	padding:0 0 0 2px;
}
#footer-navi ul.fot-nav02 li { font-weight: normal;}

#footer-info {
	display:inline;
	float: left;
	width: 560px;
	margin-top: 50px;
}
.foot-corp {
	font-size: 14px;
	font-weight: bold;
}
.foot-address {
	font-size: 11px;
}
.copyright {
	width: 320px;
	height: 20px;
	margin-top: 10px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background: url(../images/copyright.gif) left top no-repeat;
}
#footer-sns {
	display:inline;
	float: left;
	width: 100px;
}
/*======================================
	margin
=======================================*/
.mT5 {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;}
.mT100 {margin-top:100px;}

.mB5 {margin-bottom:5px;}
.mB7 {margin-bottom:7px;}
.mB10 {margin-bottom:10px;}
.mB12 {margin-bottom:12px;}
.mB15 {margin-bottom:15px;}
.mB20 {margin-bottom:20px;}
.mB25 {margin-bottom:25px;}
.mB30 {margin-bottom:30px;}
.mB35 {margin-bottom:35px;}
.mB40 {margin-bottom:40px;}
.mB50 {margin-bottom:50px;}
.mB100 {margin-bottom:100px;}

.mL2 {margin-left:2px;}
.mL4 {margin-left:4px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL30 {margin-left:30px;}
.mL50 {margin-left:50px;}
.mR2 {margin-right:2px;}
.mR4 {margin-right:4px;}
.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}
.mR25 {margin-right:25px;}
.mR30 {margin-right:30px;}
.mR40 {margin-right:40px;}
.mR50 {margin-right:50px;}

.pT5 {padding-top:5px;}
.pT10 {padding-top:10px;}
.pB10 {padding-bottom:10px;}
.pB15 {padding-bottom:15px;}
.pB20 {padding-bottom:20px;}

/*font*/
.red { color: #C00;}
.red2 { color:#900;}
.bold {font-weight: bold;}
.small {font-size: 11px;}
/*float*/
.fl-r{display:inline; float:right;}
.fl-l {display:inline; float:left;}



/*-----------------------*----*----*----*----*----*----*----*----*----* 220622_追加 */

.fc_red{
    color: #f00;
}

.pt25{
    padding: 25px 0 0;
}

.relative{
    position: relative;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 220627_追加 NEWS */

#oshirase {
    width: 730px;
    margin: 0 auto;
}

.news_box{
    border-bottom: 1px solid #999;
    padding: 15px 0;
}

.date{
    width: 100px;
    float: left;
}

.text{
    width: calc(100% - 100px);
    float: left;
}

.text a{
    text-decoration: underline;
}

.text a:hover {
    text-decoration: none;
}


.news_link {
    text-align: center;
    padding: 40px 0 0;
}

.news_link a{
    display: inline-block;
    padding: 10px 80px;
    border: 1px solid;
    font-size: 0.8rem;
}

.news_link a:hover{
    text-decoration: none;
}



#oshirase.news_wh{
    color: #fff;
}

.news_wh .text a {
    color: #fa8;
}

.news_link.link_wh a{
    color: #fff;
}



.news_content{
    padding: 15px 20px 50px;
}

.news_content #oshirase{
    width: auto;
}

.news_content h2{
    width: auto;
    height: auto;
    text-indent: inherit;
    text-align: center;
    padding: 0 0 20px;
}



.news_detail .news_box {
    margin: 0 0 25px;
}

.news_detail .text{
    font-size: 1rem;
    font-weight: bold;
}

.news_detail .date{
    padding: 4px 0 0;
}





.news_img {
    width: 96px;
    float: left;
    padding: 0 20px 0 0;
}
.news_img img{
    width: 100%;
}



.news_info{
    width: calc(100% - 116px);
    float: left;
    text-align: left;
}

.gazouari .date {
    width: 100%;
    float: none;
    padding: 0 0 5px;
}







.hdn_left {
    float: left;
    padding: 7px 0 0;
}

.hdn_right {
    float: right;
}

.hdn_right ul li img{
    vertical-align: bottom;
}

.hdn_right ul li:nth-child(2){
    width: 172px;
}

.hdn_right ul li:nth-child(2) a{
    display: block;
    height: 29px;
    background: url("../images/header_inq.gif")
}

.hdn_right ul li:nth-child(2) a:hover{
    background: url("../images/header_inq_o.gif")
}

.hdn_right2 {
    float: right;
    width: 40px;
    padding: 15px 10px 0 0;
}

.hdn_right2 ul li:nth-child(1) a{
    display: block;
    height: 40px;
    background: url("../images/icon_instagram.png")
}

.hdn_right2 ul li:nth-child(1) a:hover{
    background: url("../images/icon_instagram_on.png")
}

.hdn_right3 {
    float: right;
    width: 40px;
    padding: 15px 10px 0 0;
}

.hdn_right3 ul li:nth-child(1) a{
    display: block;
    height: 40px;
    background: url("../images/icon_facebook.png")
}

.hdn_right3 ul li:nth-child(1) a:hover{
    background: url("../images/icon_facebook_on.png")
}