@charset "utf-8";

/*	[日々木共通]
-----------------------------------------------*/

#container #main .hibikiBanner {
	margin: 0 0 20px;
	text-align: right;
}

.hibikiBanner li {
	margin-bottom: 1px;
}

.explain {
	padding-bottom:20px;
}

/*	[日々木]
-----------------------------------------------*/

.indexDesigners {
	margin-bottom: 25px;
}
.indexDesigners .title {
	margin-bottom: 17px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}
.indexDesigners .title h3 {
	padding: 18px 10px 13px 52px;
	background: url(/hibiki/img/bg_index_designers.gif) no-repeat;
}
#container #main .indexDesigners p {
	margin: 0;
}
.indexDesignersBoxHeader {
	clear: both;
	margin-right: 8px;
	padding-top: 3px;
	font-weight: bold;
	background: url(/hibiki/img/bg_index_designersBoxHeader.gif) no-repeat;
}
.indexDesignersBoxFooter {
	/*padding-bottom: 15px;*/
	background: url(/hibiki/img/bg_index_designersBoxFooter.gif) no-repeat 0 100%;
	margin-bottom:7px;
	padding-bottom: 3px;
}

.indexDesignersBoxFooter a {
	display: block;
	padding: 10px 14px;
	background: url(/hibiki/img/bg_index_designersBox.gif) repeat-y;
}
.indexDesignersBoxFooter a:hover {
	background: url(/hibiki/img/bg_index_designersBox_o.gif) repeat-y;
}

.indexDesignersBoxFooter a.inlink {
	float: left;
	margin: -39px 0 0 166px;
	padding-left: 17px;
	background: url(/shared/img/icon_arrow08.gif) no-repeat 0 1em;
}

.indexDesignersBoxHeader .photo {
	display: inline;
	float: left;
	margin-right: 15px;
}
.indexDesignersBoxHeader .text {
	margin-bottom: 15px;
}
.indexDesignersBoxHeader span {
	color: #333;
	font-weight: normal;
	font-size: 92%;
}

.indexDesignersBoxFooter .inner {
	background: url(/hibiki/img/bg_index_designersBox_inner.gif) repeat-y;
	padding:0 14px;
}

.indexDesignersBoxHeader .inner .photo {
	margin: 0 0 0 9px;
	border:3px solid #fff;
	float:right;
}

.indexDesignersBoxFooter .inner a {
	background:none;
}

.indexDesignersBoxFooter .inner a:hover {
	background: #E1F3FF;
}

.indexDesignersBoxFooter .inner a.inlink {
	margin:-39px 141px 0 0;
	background: url(/shared/img/icon_arrow08.gif) no-repeat 0 1em;
	float:right;
	_margin:-39px 70px 0 0;
}

.indexDesignersBoxFooter .inner a.inlink:hover {
	background: url(/shared/img/icon_arrow08.gif) no-repeat 0 1em;
}

.indexSeries {
	clear: both;
	padding-bottom: 19px;
}
#container #main .indexSeries ul,
#container #main .indexSeries p {
	margin: 0;
}
.indexSeries .title {
	margin-bottom: 17px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}
.indexSeries .title h3 {
	padding: 18px 10px 13px 52px;
	background: url(/hibiki/img/bg_index_seriesTitle.gif) no-repeat;
}
#container #main .indexSeries .list {
	margin-right: 9px;
}
.indexSeries .list li {
	float: left;
	width: 344px;
	padding: 3px 0 0 0;
	background: url(/hibiki/img/bg_index_seriesBoxHeader.gif) no-repeat;
}
.indexSeries .list li.floatR {
	float: right;
}
.indexSeries .list div {
	padding-bottom: 3px;
	background: url(/hibiki/img/bg_index_seriesBoxFooter.gif) no-repeat 0 100%;
}
.indexSeries .list a {
	font-weight: bold;
}
.indexSeries .list a.linkBox {
	display: block;
	padding: 17px 11px 9px;
	background: url(/hibiki/img/bg_index_seriesBox.gif) repeat-y;
}
.indexSeries .list a.linkBox:hover {
	background: url(/hibiki/img/bg_index_seriesBox_o.gif) repeat-y;
}
.indexSeries .list a.linkBox img {
	float: left;
	margin: -8px 11px 0 0;
}
.indexSeries .list a.linkBox span {
	color: #333;
	font-weight: normal;
	font-size: 92%;
}
.indexSeries .list a.works {
	float: left;
	margin: -2.5em 0 0 166px;
	padding-left: 17px;
	background: url(/shared/img/icon_arrow08.gif) no-repeat 0 0.2em;
}

.indexNews {
	clear: both;
	padding-bottom: 15px;
}
.indexNews li {
	margin-bottom: 15px;
	padding: 0 0 15px 9px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}

.indexAbout {
	clear: both;
	padding-bottom: 14px;
}
.indexAbout .title {
	margin-bottom: 20px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}
.indexAbout .title h3 {
	padding: 18px 0 13px 34px;
	background: url(/hibiki/img/bg_index_about.gif) no-repeat;
}
.indexAbout h4 {
	margin: 0 0 18px 19px;
}
#container #main .indexAbout ul,
#container #main .indexAbout p {
	margin: 0;
}
#container #main .indexAbout .list01 {
	margin: 0 0 26px 26px;
}
.indexAbout .list01 li {
	float: left;
	padding-left: 35px;
}
#container #main .indexAbout .text01 {
	margin: 0 0 16px 107px;
}
#container #main .indexAbout .list02 {
	margin-bottom: 28px;
}
.indexAbout .list02 li {
	display: inline;
	float: left;
	margin-left: 9px;
}
#container #main .indexAbout .text02 {
	margin: 0 0 28px 9px;
}

.indexAbout .detail .text {
	float: left;
	width: 390px;
}
.indexAbout .detail .text h4 {
	margin: 0 0 16px 16px;
}
#container #main .indexAbout .detail .text p {
	margin: 0 0 1.5em 16px;
}
#container #main .indexAbout .detail .text .separate {
	margin-bottom: 2.5emhttp://elk.gofield.com/hibiki/index.html;
}
#container #main .indexAbout .detail ul {
	float: right;
	width: 262px;
}
.indexAbout .detail ul li {
	margin-bottom: 8px;
	border: 6px solid #E8E8E8;
}

.icon-model {
	margin:-33px 90px 0 0;
	float:right;
	/margin:-50px 102px 0 0;
}

.catch-copy {
	font-size:115%;
	font-weight:bold;
	color:#ED6C27;
}

/*	[ピュア]
-----------------------------------------------*/

.pureMainBox {
	margin-bottom: 10px;
	padding-bottom: 21px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}

.pureMainBox .text {
	float: left;
	width: 280px;
}
.pureMainBox .text h3 {
	margin: 0 20px 12px 14px;
	padding-left: 5px;
	border-left: 3px solid #8CBC3E;
}
.pureMainBox .text h3 span {
	color: #8CBC3E;
	font-size: 142%;
}
#container #main .pureMainBox .text .text01 {
	margin: 0 20px 18px 16px;
}
.pureMainBox .text h4 {
	margin: 0 20px 7px 14px;
}
#container #main .pureMainBox .text ul {
	margin: 0 0 17px 12px;
}
.pureMainBox li {
	display: inline;
	float: left;
	margin-right: 10px;
	border: 1px solid #8CBC3F;
}
#container #main .pureMainBox .text .btn {
	margin-left: 12px;
}
.pureMainBox .photo {
	float: left;
	width: 430px;
}

.pureGalleryBox h3 {
	margin: 0 0 19px 14px;
}
#container #main .pureGalleryBox ul {
	margin: 0 0 0 47px;
	_margin-bottom: 32px /* IE6 */
}
*:first-child+html #container #main .pureGalleryBox ul {
	margin-bottom: 32px; /* IE7 */
}
.pureGalleryBox li {
	float: left;
	margin: 0 0 32px 52px;
	padding: 5px;
	border: 1px solid #999;
}
.pureGalleryBox li.start {
	margin-left: 0;
}

/*	[ZEROプラス]
-----------------------------------------------*/

.zeroLeadBox {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}
.zeroLeadBox h3 {
	margin: 10px 0 6px 3px;
}
#container #main .zeroLeadBox .text {
	display: inline;
	float: left;
	width: 335px;
	margin: 0 0 0 10px;
	padding-top: 10px;
}
#container #main .zeroLeadBox .photo {
	float: right;
	width: 355px;
	margin: 0;
}

.zeroStyleNavi {
	margin-bottom: 20px;
}
.zeroStyleNavi h3 {
	margin: 0 0 11px 5px;
}
#container #main .zeroStyleNavi p {
	margin: 0 0 14px 5px;
}
.zeroStyleNavi ul {
	position: relative;
	width: 710px;
	height: 76px;
	background: url(/hibiki/img/bg_zero_styleNavi.gif) no-repeat;
}
.zeroStyleNavi li {
	position: absolute;
	top: 9px;
}
.zeroStyleNavi .list01 {
	left: 11px;
}
.zeroStyleNavi .list02 {
	left: 245px;
}
.zeroStyleNavi .list03 {
	left: 481px;
}

.zeroStyleBox {
	margin-bottom: 20px;
	background: url(/hibiki/img/bg_zero_type.gif) repeat-y;
}
.zeroStyleBox h4 {
	margin-bottom: 9px;
}
#container #main .zeroStyleBox .text {
	margin-left: 45px;
}
#container #main .zeroStyleBox .photo {
	float: left;
	margin: 0;
	text-align: right;
}
#container #main .zeroStyleBox .list {
	float: right;
}
.zeroStyleBox .list h5 {
	margin: 0 0 7px 2px;
}
#container #main .zeroStyleBox .list ul {
	margin: 0;
}
#container #main .zeroStyleBox .list li {
	display: inline;
	float: left;
	margin-right: 9px;
	border: 3px solid #D3D3D3;
}
.zeroType01,
.zeroType02,
.zeroType03,
.zeroType04,
.zeroType05,
.zeroType06 {
	padding-bottom: 20px;
	background: url(/hibiki/img/bg_zero_typeFooter.gif) no-repeat 0 100%;
}
#container #main .zeroType01 .photo {
	width: 448px;
	padding-top: 21px;
}
#container #main .zeroType01 .list {
	width: 236px;
	padding-top: 16px;
}
#container #main .zeroType01 .list ul {
	margin-bottom: 29px;
}
#container #main .zeroType02 .photo {
	width: 438px;
	padding-top: 26px;
}
#container #main .zeroType02 .list {
	width: 217px;
	padding-top: 16px;
}
#container #main .zeroType02 .list ul {
	padding-bottom: 5px;
}
#container #main .zeroType02 div.list li {
	margin-bottom: 8px;
}
#container #main .zeroType03 .photo {
	width: 449px;
	padding-top: 13px;
}
#container #main .zeroType03 .list {
	width: 236px;
	padding-top: 16px;
}
#container #main .zeroType03 .list ul {
	margin-bottom: 26px;
}
#container #main .zeroType04 .photo {
	width: 429px;
	padding-top: 19px;
}
#container #main .zeroType04 .list {
	width: 233px;
	padding-top: 16px;
}
#container #main .zeroType04 .list ul {
	margin-bottom: 29px;
}
#container #main .zeroType05 .photo {
	width: 442px;
	padding-top: 17px;
}
#container #main .zeroType05 .list {
	width: 233px;
	padding-top: 15px;
}
#container #main .zeroType05 .list ul {
	margin-bottom: 29px;
}
#container #main .zeroType06 .photo {
	width: 430px;
	padding-top: 20px;
}
#container #main .zeroType06 .list {
	width: 233px;
	padding-top: 26px;
}
#container #main .zeroType06 .list ul {
	margin-bottom: 29px;
}

#container #main .zeroBrandBox {
	padding: 25px 0;
	background: url(/hibiki/img/bg_zero_brand.gif) no-repeat 306px 25px;
}
.zeroBrandBox dt {
	float: left;
	width: 285px;
	padding-top: 16px;
	text-align: right;
}
.zeroBrandBox dd {
	float: right;
	width: 377px;
}

.zeroProfile {
	margin-bottom: 17px;
	padding-bottom: 4px;
	border-bottom: 2px solid #999;
}
.zeroProfileBox {
	margin: 0 18px 29px;
	padding: 11px 9px;
	border: 1px solid #C1C1C1;
}
#container #main .zeroProfileBox .photo {
	float: left;
	width: 92px;
	margin: 0;
}
#container #main .zeroProfileBox dl {
	float: left;
	width: 560px;
	margin: 0;
}
.zeroProfileBox dt {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	font-size: 125%;
	background: url(/shared/img/bg_dot02.gif) repeat-x 0 100%;
}
.zeroProfileBox dt strong {
	font-size: 114%;
}

#container #main .zeroStyleBox .zeroType02 .btn-model{
	margin:-33px 0 -4px 308px;
}


/*	[無垢＋外断熱『「日々木ゼロプラス」つなぐ家』デザイナーズモデルハウス]
-----------------------------------------------*/
.model-theme {
	padding-bottom:10px;
}
.model-theme .big{
	color:#4b3819;
	font-weight:bold;
	display:block;
}

.model-theme .lead{
	padding:4px 0;
	color:#313130;
	font-weight:bold;
	display:block;
}

h3.model-title {
	margin:15px 0 0 0;
	background:url(../img/bg_model_title.gif) repeat-x 0 0;
	padding:0 15px;
	font-size:120%;
	color:#615447;
	line-height:3.3em;
}

.tell {
	margin: 0 20px 0 0;
	padding:8px 15px;
	background:#cfe8f8;
	font-weight:bold;
}


/*----- 3つのこだわり -----*/

#sticksTo h3.hibikiUnder{
	background:url(../img/bg_tit2_blown.jpg) 0 0 no-repeat;
	font-size: 100%;
	font-weight:bold;
	padding:10px 0 10px 5px;
	margin-top: 25px;
	clear:both;
}

#sticksTo .finding{
	background: #FAE9DE;
	padding: 15px 0;
	text-align: center;
}

#sticksTo .under{
	margin: 30px 0 20px;
}
#sticksTo div.hr01{
	font-size:1px;
	height:3px;
	background: url(../img/bg_line_orange.gif) repeat-x 0 0;
	margin: 20px 0;
	clear:both;
}
#sticksTo div.hr01 hr{
	display:none;
}
#sticksTo .sticksNavi ul{
	margin-top: 15px;
}
#sticksTo .sticksNavi li{
	display: inline;
	margin-right: 12px;
}
#sticksTo .sticksNavi li.last{
	margin: 0;
}


/*----- 健やかさ -----*/

#sticksTo h4.hibikiUnder{
	font-weight:bold;
	padding:10px 0 10px 15px;
	margin-top: 25px;
	clear:both;
	color:#4F2900;
	background:#FAE9DE;
}

#sticksTo .health01 .floatL{
	float: left;
	width: 380px;
}
#sticksTo .health01 .floatR{
	float: right;
	width: 300px;
}
#sticksTo .health02 .floatL{
	float: left;
	width: 305px;
}
#sticksTo .health02 .floatR{
	float: right;
	width: 373px;
}
#sticksTo .health03 .floatL{
	float: left;
	width: 505px;
}
#sticksTo .health03 .floatR{
	float: right;
	width: 165px;
}

#sticksTo ul.hibiki-list li {
	background:url(../img/icon_list.gif) no-repeat 0 0.4em;
	padding-left:13px;
}


/*----- 強さ -----*/
#sticksTo .strong01 .floatL{
	float: left;
	width: 500px;
}
#sticksTo .strong01 .floatR{
	float: right;
	width: 177px;
}
#sticksTo .strong02 .floatL{
	float: left;
	width: 400px;
}
#sticksTo .strong02 .floatR{
	float: right;
	width: 287px;
}
#sticksTo .strong03 .floatL{
	float: left;
	width: 530px;
}
#sticksTo .strong03 .floatR{
	float: right;
	width: 149px;
}
#sticksTo .strong04 .floatL{
	float: left;
	width: 420px;
}
#sticksTo .strong04 .floatR{
	float: right;
	width: 256px;
}


/*----- 味わい -----*/
#sticksTo .technology01 .floatL{
	float: left;
	width: 305px;
}
#sticksTo .stechnology01 .floatR{
	float: right;
	width: 380px;
}



/* clearfix*/
div{
	display: inline-block;
}
div:after{
	height: 0;
	visibility: hidden;
	content: url("../img/common/img_spacer.gif");
	display: block;
	clear: both;
}
/* hide MacIE \*/
* html div{
	height: 1em;}
div{
	display: block;}