@charset "utf-8";

/*----------------------------------------------------
　 main contents
----------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
	margin: 0px auto 65px;
	overflow:hidden;
}

#wrapper p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*----------------------------------------------------
　 バナー　（#banner01）
----------------------------------------------------*/
#banner01{
	width: 100%;
	height: 220px;
	margin: 0;
	padding: 0;
	background-image: url(../images/main_ba_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}

#ba_in{
	width: 1000px;
	height: 140px;
	margin:40px auto;
	padding:0;
	clear: both;
}
.ba01{
	width: 480px;
	height:140px;
	margin: 0 20px 0 0;
	padding: 0px;
	float: left;	
}
.ba02{
	width: 480px;
	height:140px;
	margin: 0 0 0 20px;
	padding: 0px;
	float: right;	
}


/*----------------------------------------------------
　 main01　　（#main01）
----------------------------------------------------*/
#main01{
	width: 1000px;
	height: 130px;
	margin: 0px auto 50px;
	padding: 0px;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
#main01Com{
	width:900px;
	margin: 0px auto 0;
	font-size: 14px;
	line-height: 1.6em;
	text-align:center;
	color: #464646;
}


/*----------------------------------------------------
　 main02　取り扱いメーカー　（#main02）
----------------------------------------------------*/
#main02{
	width: 100%;
	height:460px;
	margin: 50px auto 30px;
	background-image: url(../images/main02bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
#main02In{
	width: 1000px;
	height:460px;
	margin: 0 auto;
	background-image: url(../images/main02Inbg.png);
	background-repeat: no-repeat;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
/*--------　取り扱いメーカーバナー（ボタン）　--------*/
.busi-banBox{
	width: 1000px;
	margin:70px auto 0px;
	clear:both;
	overflow:hidden;
}
ul.busi-banImg01{
	width: 792px;
	height: 48px;
	margin:20px auto 30px;
	padding:0;
}
ul.busi-banImg01 li{
	width: 164px;
	height: 48px;
	margin: 0px 50px 0px;
	list-style-type: none;
	float: left;
}
ul.busi-banImg02{
	width: 860px;
	height: 60px;
	margin:30px auto 30px;
	padding:0;
}
ul.busi-banImg02 li{
	width: 310px;
	height: 60px;
	margin: 0px 60px 0px;
	list-style-type: none;
	float: left;
}
ul.busi-banImg03{
	width: 310px;
	height: 60px;
	margin:30px auto 30px;
	padding:0;
}
ul.busi-banImg03 li{
	width: 310px;
	height: 60px;
	margin: 0px 0px 0px;
	list-style-type: none;
	float: left;
}



/*----------------------------------------------------
　main03 =住所=
----------------------------------------------------*/
#main03{
	width: 1000px;
	height: 290px;
	margin: 50px auto 0px;	
	background-image: url(../images/main03bg.png);
	background-repeat: no-repeat;
	overflow:hidden;
	clear:both;
}
#main03_add{
	width: 240px;
	height: 290px;
	margin: 0px 10px 0 18px;
	background-image: url(../images/main03_add.png);
	background-repeat: no-repeat;
	position: relative;
	float:left;
}
#main03_add p.add{
	position: absolute;
	top: 216px;
	left: 5px;
	font-size: 13px;
	line-height: 1.4em;
	color: #444;
　}
#main03_map{
	width: 700px;
	height: 290px;
	margin: 0px 16px 0;
	float:left;
}



/*----------------------------------------------------
　main05 =従業員募集バナー=
----------------------------------------------------*/
#main05{
	width: 100%;
	height: 80px;
	margin: 50px 0 50px;
	padding: 0;
	background-image: url(../images/main05bg.png);
	background-repeat: no-repeat;
	clear: both;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
#main05_in{
	width:1000px;
	height: 80px;
	margin:0 auto;
	background-image: url(../images/main05.png);
	background-repeat: no-repeat;
	position:relative;
	padding:0;
}
#main05_in p.recruit{
	position:absolute;
	top:0px;
	left:0px;
}
#main05_in p.recBtn{
	position:absolute;
	top:16px;
	right:4px;
}


/*----------------------------------------------------
　main06 =新着情報=
----------------------------------------------------*/
#main06{
	width:1000px;
	height:214px;
	margin:30px auto 0px;
	padding:0;
	overflow:hidden;
	background-image: url(../images/main06bg.png);
	background-repeat: no-repeat;
}
/* 新着情報 */
#newsArea{
	width:680px;
	height:130px;
	margin:50px 0 0px 30px;
	overflow:hidden;
}
/*#newsTitle{
	width:970px;
	height:50px;
	margin:0 auto;
	background-image: url(../images/main06Tit.png);
	background-repeat: no-repeat;
	position: relative;
}*/
#news_main {
	width: 940px;
	height: 130px;
	margin:0px auto;
	padding:0px ;
}
/* バックナンバー */
#kakokiji {
	display: block;
	height: 22px;
	width: 102px;
	text-indent: -9999px;
	position: absolute;
	top: 13px;
	right: 19px;
}
#kakokiji a {
	display:block;
	height: 22px;
	width: 102px;
	text-indent:-9999px;
}







/*----------------------------------------------------
　 main09　　（#main09）
----------------------------------------------------*/
#main09{
	width: 398px;
	height: 210px;
	margin: 0px auto 0px;
}





/*----------------------------------------------------
　 main07  ＝チラシお得情報＝ 
----------------------------------------------------*/
#main07{
	width: 100%;
	height: 450px;
	margin: 0px auto 0px;	
	background-image: url(../images/main07bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}
#main07In{
	width: 1000px;
	height: 360px;
	margin: 25px auto 0;
	background-image: url(../images/main07base.png);
	background-repeat: no-repeat;
	clear:both;
	overflow:hidden;
	position: relative;
}
#main07Tit {
	display: block;
	height: 96px;
	width: 200px;
	position: absolute;
	top: 0px;
	right: 75px;
}
#main07Img{
	width: 960px;
	margin: 110px 20px 0;
	clear:both;
}
#main07ImgL{
	width: 526px;
	margin: 0px 0 0 0px;
	float:left;
}
#main07ImgR{
	width: 426px;
	margin: 0px 0px 0 0;
	float:right;
}

/*----------------------------------------------------
　 main08  ＝リフォームフェアチラシはこちら＝ 
----------------------------------------------------*/
#main08{
	width: 1000px;
	height: 306px;
	margin: 0px auto 50px;	
}


/*----------------------------------------------------
　 main04 施工事例　（#main04）
----------------------------------------------------*/
#main04{
	width: 100%;
	height: 380px;
	margin: 52px 0 0;
	background-image: url(../images/gallery.png);
	background-repeat: repeat-x;
	overflow:hidden;
	_overflow: hidden; /*IE6用*/
	_display: inline; /*IE6用*/
}

#main04_slider{
	width: 100%;
	height: 222px;
	margin: 0px auto 0;
	padding:0;
	overflow:hidden;
}
ul.slick {
	width: 1000px;
	height: 222px;
  	margin: 0 auto;
  	padding: 0;
}
.main04Tit{
	width:1000px;
	height:60px;
	margin: 0px auto 0;
}
.main04Btn{
	width:220px;
	height: 35px;
	margin: 26px auto 0;
	padding: 0px;
	_display: inline; /*IE6用*/
	_line-height: 2em; /*IE6用*/
}
.main04Btn a{
	width:220px;
	height: 35px;
	margin: 0;
	display: block;
	background-image: url(../images/main04Btn.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}
/* オフマウス */
.main04Btn a{background-position: 0px 0;}
/* オンマウス */
.main04Btn a:hover{background-position: 0px -35px;}