@charset "utf-8";

/* トップページ用CSS */

/*-----------------------------------------
   slider
----------------------------------------- */
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../images/common/slider/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/common/slider/next.jpg) no-repeat left center;}

.pagination {
	width: 950px;
	height: 13px;
	text-align: right;
	display: inline;
	position: absolute;
	left: 50%;
	bottom: 8px;
	margin-left: -480px;
	padding: 0 5px 0 5px;
	z-index: 200;
}

.pagination a {
	background: url(../images/common/slider/bg_pagination.png) no-repeat 0 0;
	margin: 0 3px;
	width: 13px;
	height: 13px;
	display: inline-block;
	overflow: hidden;
}
.pagination a.active {
	background: url(../images/common/slider/bg_pagination.png) no-repeat 0 -13px;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/*-----------------------------------------
   nav-banner
----------------------------------------- */
#nav-banner {
	background: url(../images/top/bg_navbanner_01.gif) repeat-x 0 0;
	height: 113px;
	margin-bottom: 35px;
}
#nav-banner #slider-bg {
	background: url(../images/top/bg_navbanner_02.gif) repeat-x 0 0;
	width: 951px;
	height: 113px;
	margin: 0 auto;
	padding: 10px 0 11px 9px;
}
#nav-banner ul li {
	background: url(../images/top/bnr_bg.jpg) no-repeat 0 0;
}
#nav-banner .slider-banner img,
.box-top-diy img {
	vertical-align: bottom;
}

/*-----------------------------------------
   d.i.y
----------------------------------------- */
.box-top-diy {
	margin-bottom: 40px;
}
.box-top-diy h2 {
	float: left;
	padding: 9px 0 0 0;
}
.box-top-diy h3 {
	margin-bottom: 10px;
}
.box-top-diy .box-top-diy-detail {
	float: left;
	margin-bottom: 15px;
	padding: 16px 0 0 15px;
/*	width: 255px; 20160112 delete flower*/
	width: 524px;
}
.box-top-diy .box-top-diy-detail .detail  {
	background: #fff;
	border: 2px solid #1a5e39;
	padding: 10px;
	position: relative;
}
.box-top-diy .box-top-diy-detail .detail img {
	border: 3px solid #d0d0d0;
	float: left;
}
.box-top-diy .box-top-diy-detail .detail .ttl {
	color: #6d665f;
	display: block;
	line-height: 1.2em;
	font-size: 75%;
	padding: 3px 0 3px 0;
}
.box-top-diy .box-top-diy-detail .detail h4 {
	color: #ff9110;
/*	font-size: 125%; 20160112 delete flower*/
	font-size: 136%;
	font-weight: bold;
	padding: 2px 0 32px 0;
}
.box-top-diy .box-top-diy-detail .detail h4 span {
	font-size: 60%;
	padding-right: 5px;
}
.box-top-diy .box-top-diy-detail .detail div {
	float: right;
/*	width: 148px; 20160112 delete flower*/
	width: 418px;
}
.box-top-diy .box-top-diy-detail .detail .btn {
	position: absolute;
	right: 10px;
/*	bottom: 10px; 20160112 delete flower*/
	bottom: 17px;
}

/*-----------------------------------------
   ニュース
----------------------------------------- */
.ttl-type-a {
	margin: 40px 0 8px 0;
}