@charset "utf-8";
/* CSS Document */

/* ヘッダーメニュー */
#head-menu ul li#head-menu-01 a{
	background: url(../images/head_menu_on_01.png) no-repeat;}

/* メイン画像 */
#home-main-img{
	width: 1000px;
	height: 400px;
	margin-bottom: 50px;}
#home-main-img #slideGalley{
	width:1000px;
	position: relative;
	overflow:hidden;}
#home-main-img #slide{
	width:10000px;}
#home-main-img #slide li{
	float:left;
	list-style-type: none;}
#home-main-img #slide li:hover{
	opacity: 0.8;}
#home-main-img #paging{
	text-align: center;
	position: absolute;
	width:100%;
	bottom:0;}
#home-main-img #paging li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	width:20px;
	height:20px;
	background: url(../images/page.png);}
#home-main-img #paging li.active{
	background: url(../images/page_active.png);}
#home-main-img #nav{
	display: none;}
#home-main-img #nav .prev{
	position: absolute;
	left:10px;
	top:50%;
	cursor: pointer;
	margin-top:-25px;}
#home-main-img #nav .next{
	position: absolute;
	right:10px;
	top:50%;
	cursor: pointer;
	margin-top:-25px;}

/* こだわり */
#home-koda{
	background: url(../images/kodawari_bg.jpg) no-repeat bottom;
	margin-bottom: 20px;}
#home-koda #home-koda-title{
	margin-bottom: 30px;}
#home-koda #home-koda-title h2{
	text-indent: -9999px;
	background: url(../images/home_koda_title.png) no-repeat;
	height: 60px;
	margin-bottom: 5px;}
#home-koda #home-koda-title .text-box{
	padding: 5px;}
#home-koda #home-koda-title .text-box p{
	font-size: 14px;}
#home-koda #home-koda-cont{
	padding: 5px;}
#home-koda #home-koda-cont h3{
	text-shadow: 1px 1px 3px #ccc;
	line-height: 1;
	border-bottom: 1px solid #666;
	padding: 0 5px 3px;}
#home-koda #home-koda-cont h3#home-koda-t-01{
	color: #ff7f7f;}
#home-koda #home-koda-cont h3#home-koda-t-02{
	color: #22b373;}
#home-koda #home-koda-cont h3#home-koda-t-03{
	color: #bf7fff;}
#home-koda #home-koda-cont h3#home-koda-t-04{
	color: #ffbf7f;}
#home-koda #home-koda-cont .text-box{
	margin-bottom: 30px;
	padding: 5px;}
#home-koda #home-koda-cont .text-box p{
	font-size: 15px;
	text-shadow: 0 0 3px #fff;
	line-height: 1.5;}

/* DIY */
#home-diy{
	position: relative;
	color: #fff;
	background: url(../images/home_diy_bg.jpg) no-repeat;
	width: 700px;
	height: 400px;
	margin-bottom: 50px;}
#home-diy .text-box{
	font-size: 18px;
	line-height: 1.5;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 0 30px 0 35px;}
#home-diy .text-box p .muryou{
	color: #ff0;
	font-weight: bold;}
#home-diy ul{
	list-style-position: inside;
	width: 370px;
	padding: 0 40px;}
#home-diy ul li{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #ff0;
	line-height: 1;
	margin-bottom: 15px;
	padding: 0 3px 5px;}
#home-diy #diy-contact{
	position: absolute;
	right: 22px;
	bottom: 40px;
	text-indent: -9999px;
	width: 258px;
	height: 160px;}
#home-diy #diy-contact:hover{
	text-indent: 0;}

/* RSSアメブロ */
#home-blog{
	line-height: 0;
	border: 1px solid #ccc;
	margin-bottom: 50px;}
#home-blog h3{
	color: #fff;
	font-size: 20px;
	line-height: 1;
	background: url(../images/home_blog_title.png) no-repeat;
	border-bottom: 1px solid #ccc;
	height: 34px;
	padding: 16px 0 0 70px;}
.feed_item{
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 642px;
	margin-left: 10px;
	padding: 5px 10px;}
.feed_item .feed_item_title{
	padding-left: 120px;}
.feed_item .feed_item_title a{
	color: #f00;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;}
.feed_item .feed_item_title a:hover{
	text-decoration: none;}
.feed_item .feed_item_description{
	color: #666;
	font-size: 12px;
	line-height: 1.5;}
.feed_item .feed_item_date{
	position: absolute;
	top: 13px;
	left: 10px;
	color: #666;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 14px;
	overflow: hidden;}
	
/* 作業員紹介 */
#home-staff{
	margin-bottom: 50px;}
#home-staff h3{
	color: #fff;
	font-size: 20px;
	line-height: 1;
	background: url(../images/home_staff_title.png) no-repeat;
	border: 1px solid #ccc;
	height: 34px;
	margin-bottom: 15px;
	padding: 16px 0 0 70px;}
#home-staff h3 a{
	color: #fff;
	text-decoration: none;}
#home-staff h3 a:hover{
	text-decoration: underline;}
#home-staff .text-box{
	float: left;
	width: 370px;
	margin-bottom: 50px;}
#home-staff .text-box p{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;}
#home-staff .img-box{
	float: right;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #666;
	width: 300px;
	height: 215px;
	margin-bottom: 50px;
	padding: 5px;}
#home-staff .img-box a:hover{
	opacity: 0.6;}

/* 工事実績 */
#home-works{
	clear: both;
	margin-bottom: 50px;}
#home-works h3{
	font-size: 20px;
	line-height: 1;
	background: url(../images/home_works_title.png) no-repeat;
	border: 1px solid #ccc;
	height: 34px;
	margin-bottom: 15px;
	padding: 16px 0 0 70px;}
#home-works h3 a{
	color: #fff;
	text-decoration: none;}
#home-works h3 a:hover{
	text-decoration: underline;}
#home-works .text-box{
	float: right;
	width: 370px;
	margin-bottom: 50px;}
#home-works .text-box p{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;}
#home-works .text-box p #home-works-contact{
	margin-left: 1em;}
#home-works .text-box p #home-works-contact a{
	color: #00c;}
#home-works .text-box p #home-works-contact a:hover{
	text-decoration: none;}
#home-works .img-box{
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #666;
	width: 300px;
	height: 215px;
	margin-bottom: 50px;
	padding: 5px;}
#home-works .img-box a:hover{
	opacity: 0.6;}

/* 会社概要 */
#home-company{
	clear: both;}
#home-company h3{
	color: #fff;
	font-size: 20px;
	line-height: 1;
	background: url(../images/home_company_title.png) no-repeat;
	border: 1px solid #ccc;
	height: 34px;
	margin-bottom: 15px;
	padding: 16px 0 0 70px;}
#home-company h3 a{
	color: #fff;
	text-decoration: none;}
#home-company h3 a:hover{
	text-decoration: underline;}
#home-company .text-box{
	float: left;
	width: 370px;}
#home-company .text-box p{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 10px;}
#home-company .img-box{
	float: right;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #666;
	width: 300px;
	height: 215px;
	padding: 5px;}
#home-company .img-box a:hover{
	opacity: 0.6;}