@charset "utf-8";

@import "./common.css";

/*==================================================================*/

/* style css */

/*==================================================================*/
/* mainvisual */
#mainvisual *{margin:0;padding:0;}
#mainvisual{margin:0 auto;text-align:center;}

/* 施工事例：TOP */
/*---------------------------------------------------*/
#top-area *{margin:0;padding:0;}
#top-area{
	margin:0 auto;
	padding:2em 0;
	width:920px;
}
/* clear hack */
#top-area{zoom:1;}
#top-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* リンク透過 */
#top-area a:hover img,#advantage a:hover img,div.block a:hover img,#flow a:hover img{opacity:0.75;filter:alpha(opacity=75);}



#top-area h1{padding-bottom:1em;}

/* newマーク */
#top-area span{margin-left:4px;}
#top-area span img{vertical-align:middle;}


/* blog最新記事 */
#top-area #blog-photo *{margin:0;padding:0;}
#top-area #blog-photo{
	float:left;
	width:580px;
}
#top-area #blog-photo dl{
	float:left;
        padding:0 7px;
	width:178px;
        text-align:center;
}
#top-area #blog-photo dt{
	padding-bottom:0.5em;
}
#top-area #blog-photo dd.photo{
	margin-bottom:0.5em;
	padding:0;
}
#top-area #blog-photo dd.photo img{border:4px solid #eadfcd;}

/* clear hack */
#top-area #blog-photo{zoom:1;}
#top-area #blog-photo:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


/* 右コンテンツ */
#top-area #blog-btn *{margin:0;padding:0;}
#top-area #blog-btn{
	float:right;
        width:295px;
}
#top-area #blog-btn p{padding-bottom:0.5em;}
#top-area #blog-btn p.btn{padding-bottom:0;}

/* clear hack */
#top-area #blog-btn{zoom:1;}
#top-area #blog-btn:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#top-area a{color:#282828;text-decoration:underline;}


#contents img{vertical-align:bottom;}



/* 7つの自信 */
/*---------------------------------------------------*/

/* title */
#advantage{margin:0 auto 2em;}
/* clear hack */
#advantage{zoom:1;}
#advantage:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#advantage #a-title *{margin:0;padding:0;}
#advantage #a-title{
	margin:0 auto 1.0em;
	width:675px;
	height:62px;
	background:url('../image/advantage_bottom.gif') no-repeat 0 bottom;
}
#advantage #a-title img{vertical-align:bottom;}

/* 詳細はこちら */
#advantage img.btn-detail{padding:0 0 7px 0;}

/* 自信：fig */
#advantage p.a-fig{float:left;}
/* 自信：写真 */
#advantage p.a-photo{float:right;}

/* 新着情報 */
/*---------------------------------------------------*/
div.block{margin:0 auto 2em;}
/* clear hack */
div.block{zoom:1;}
div.block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* 大枠 */
#news *{margin:0;padding:0;}
#news{
	float:left;
	padding-bottom:20px;
	width:380px;
	background:url('../image/news_back.gif') repeat 0 0;
}

/* title */
#news .title-area *{margin:0;padding:0;}
#news .title-area{margin:0 auto 0.5em;}

/* clear hack */
#news .title-area{zoom:1;}
#news .title-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#news .title-area img{vertical-align:top;}
#news .title-area h2{
	float:left;
	padding:4px 0 0 20px;
}
#news .title-area p{
	float:right;
}
/* 記事表示エリア */
#news .new-detail{
	margin:0 auto;
	padding:10px 0;
	width:370px;
	height:160px;
	background:#fff;
	overflow:auto;
}
#news .new-detail dl{
	margin:0;
	padding:0 0 3px 0;
}
/* clear hack */
#news .new-detail dl{zoom:1;}
#news .new-detail dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#news .new-detail dt{
	float:left;
	padding-left:3px;
	color:#78b103;
}
#news .new-detail dd{
	padding-left:3px;
	float:left;
	width:175px;
	line-height:1.4;
}
#news .new-detail dd a{color:#282828;text-decoration:underline;}
#news .new-detail dd.ic{width:99px;}
#news .new-detail dd.ic img{vertical-align:top;}

/* バナーエリア */
/*---------------------------------------------------*/
#banner-area *{margin:0;padding:0;}
#banner-area{
	float:right;
	width:275px;
}
/* clear hack */
#banner-area{zoom:1;}
#banner-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#banner-area ul{list-style-type:none;}
#banner-area li{margin-bottom:1em;}


/* flow */
/*---------------------------------------------------*/
#flow *{margin:0;padding:0;}
#flow{
	margin:2em auto 3em;
	width:646px;
}
/* title-area */
#flow .flow-block{margin:0 auto 1em;width:646px;}
/* clear hack */
#flow .flow-block{zoom:1;}
#flow .flow-block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#flow .flow-block h2{float:left;}
#flow .flow-block p.flow-btn{float:right;}
#flow p{
	margin:0 auto 0.5em;
	font-size:1.2em;
}

/* 取扱メーカー */
/*---------------------------------------------------*/
#maker *{margin:0;padding:0;}
#maker{
	float:left;
	padding-bottom:15px;
	width:240px;
	background:url('../image/maker_back.gif') repeat-y 0 0;
}

#maker ul{
	margin:0.5em auto;
	text-align:center;
	width:228px;
	list-style-type:none;
}

/* clear hack */
#maker ul{zoom:1;}
#maker ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#maker li{
	float:left;
	padding:4px 2px;
}
#maker p{
	margin:0 auto 0.5em;
	width:220px;
	font-size:0.9em;
	line-height:1.3;
}


/* company */
/*---------------------------------------------------*/
#comapny-area *{margin:0;padding:0;}
#comapny-area{
	margin:0 auto 3em;
	float:right;
	width:415px;
	background:url('../image/company_photo.jpg') no-repeat 0 bottom;
}
#comapny-area h2{
	margin:0 auto 1em;
}
#comapny-area p{margin-bottom:0.5em;padding-left:230px;}