@charset "UTF-8";

@import url("../../common/css/base.css");
@import url("../../common/css/contents.css");
@import url("../../common/css/common.css");
@import url("../../common/css/font.css");




/*----------------------------------------------
 house/common
-----------------------------------------------*/

.comm-bline {
 margin: 40px 0 10px;
}



/*----------------------------------------------
 house/index.html
-----------------------------------------------*/

.house h3 {
 margin-top: 30px;
}

.house .house-b {
 margin-top: 10px;
	line-height: 1.5;
}

.house .house-b {
 margin-top: 10px;
	line-height: 1.5;
}
.house .house-b .house-bl {
 float: left;
	width: 418px;
}
.house .house-b .house-br {
 float: right;
	width: 220px;
}
.house .house-b .house-bl p {
 margin-top: 10px;
}


.house ul.house-plus {
 margin-top: 20px;
}
.house ul.house-plus li.end {
 margin-left: 0px;
}
.house ul.house-plus li {
 float: left;
	background: url(../images/plus_bg.gif) no-repeat;
	text-align: center;
	width: 212px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.house ul.house-plus li h4 {
 margin-top: 20px;
}
.house ul.house-plus li p {
	margin-top: 10px;
	padding: 0;
}
.house ul.house-plus li ul li {
 float: none;
	background: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.house ul.house-plus li ul li img {
 vertical-align: bottom;
}

.house .other-bl {
 float: left;
	width: 530px;
}
.house .detail-btn {
 float: right;
	width: 81px;
}



/*----------------------------------------------
 house/flow.html
-----------------------------------------------*/

.flow .step {
 margin: 5px 0;
}
.flow .step h3 {
 background: url(../images/flow_w_top.gif) no-repeat;
	height: 37px;
}
.flow .step h3 span {
 padding: 9px 15px 0;
	font-size: 110%;
	display: block;
	color: #FFFFFF;
}
.flow .step .step-body {
 background: url(../images/flow_w_body.gif) repeat-y;
	padding: 0 20px;
	line-height: 1.5;
}
.flow .step .step-body p {
 padding-top: 10px;
}
.flow .step .contact div {
 padding-left: 40px;
}
.flow .step .contact h4 {
	background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding: 15px 0 5px;
}
.flow .step .contact a {
	background: url(../../common/images/arrow01.gif) no-repeat left center;
	padding-left: 10px;
}


.flow .step .step-p {
 float: right;
}
.flow .step .step-txt1,.flow .step .step-txt2,.flow .step .step-txt3 {
 float: left;
}
.flow .step .step-txt1 {
	width: 380px;
}
.flow .step .step-txt2 {
	width: 330px;
}
.flow .step .step-txt3 {
	width: 260px;
	margin-top: 50px;
}
.flow .step .right-end {
 padding-right: 2px;
}

.flow .step p.sub_t {
	background-color: #666666;
	padding: 3px 10px;
	margin-top: 30px;
	color: #FFCC00;
}
.flow .step .plan {
 margin-top: 30px;
}
.flow .step .plan .plan-b {
	width: 290px;
}
.flow .step .plan .plan-b .plan-t {
 background-color: #CCCCCC;
	padding: 3px 10px;
}
.flow .step .plan .plan-b .kome {
	padding: 10px 0 0;
	font-size: 85%;
	color: #FF0000;
}
.flow .step .plan ul {
 margin-left: 30px;
}
.flow .step .plan ul li {
 list-style: disc;
	margin-top: 5px;
	color: #666666;
}



/*----------------------------------------------
 house/QandA.html
-----------------------------------------------*/

ul.anchor {
	margin-top: 20px;
	border: 1px dashed #8D8D8D;
	padding: 5px 8px;
	background: #F2F2F2;
}
ul.anchor li {
 float: left;
}
ul.anchor li img {
 vertical-align: bottom;
}
ul.anchor li p {
 margin-right: 5px;
}


.qa-list .answer a {
 background: url(../../common/images/arrow01.gif) no-repeat left center;
	padding-left: 10px;
	margin-right: 20px;
}
.qa-list ul li {
 background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	margin-top: 20px;
 padding-bottom: 10px;
}
.qa-list ul li h4 {
	padding: 5px 0;
}
.qa-list ul li h4 span {
 background: url(../images/icon_faq_f01.gif) no-repeat 10px 0px;
	padding: 2px 10px 3px 45px;
	display: block;
	font-weight: bold;
}
.qa-list ul li .answer {
	background: url(../images/icon_faq_f02.gif) no-repeat 10px 16px;
	padding: 5px 10px 10px 45px;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
}
.qa-list ul li .answer p {
 margin-top: 10px;
	line-height: 1.5;
}




/*----------------------------------------------
 house/plus
-----------------------------------------------*/

/*plus common*/

.plus {
 line-height: 1.5;
}
.plus h4 {
 margin-top: 20px;
	font-weight: bold;
	font-size: 115%;
}
.plus .page-tb p {
 position: absolute;
	top: 85px;
	left: 95px;
}

.plus .plus-box {
 padding: 0 15px;
}
.plus .plus-box p.txt {
 margin-top: 10px;
}

.plus .plus-box .left-b1 {
 float: left;
	width: 410px;
}
.plus .plus-box .left-b2 {
 float: left;
	width: 370px;
}
.plus .plus-box .left-b3 {
 float: left;
	width: 310px;
}
.plus .plus-box .left-b4 {
 float: left;
	width: 260px;
}


.plus .kome {
 color: #CC0000;
}



/* table */
.plus table {
	border-top: 1px solid #C8C7C9;
	border-right: 1px solid #C8C7C9;
	text-align: left;
	width: 100%;
}
.plus table th {
	background-color: #F5F4F4;
	white-space: nowrap;
}
.plus table th,
.plus table td {
 border-left: 1px solid #C8C7C9;
	border-bottom: 1px solid #C8C7C9;
	padding: 3px 8px;
}
.bg-clr {
	background-color: #FFFFCC;
}




/* house/comfortable/high_efficiency.html
---------------------------------------------*/

.plus .function-list td {

}



/* house/comfortable/earthquake.html
---------------------------------------------*/

.plus .measure {
 margin-top: 10px;
}
.plus .measure li {
 background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding: 5px 0;
}
.plus .measure li .measure-l {
 float: left;
	width: 100px;
}
.plus .measure li .measure-r {
 float: right;
	width: 510px;
}
.plus .measure li .measure-r .structure {
	margin-top: 5px;
	padding: 2px 8px;
	background-color: #7A7A7A;
	color: #FFFFFF;
}
.plus .measure li .measure-r ul {
 margin-left: 18px;
}
.plus .measure li .measure-r ul li {
 margin-top: 3px;
	list-style: circle;
	background: none;
	padding: 0px;
}

.plus .eq-strong li {
 float: left;
 background-color: #E3E3E4;
	margin: 5px 5px 0 0;
}
.plus .eq-strong li div {
 background-color: #FFFFFF;
	padding: 3px;
	margin: 3px;
	
}
.plus .eq-strong li div p {
 width: 190px;
	height: 80px;
}
.plus .eq-strong li div p span {
 padding: 0 5px;
	display: block;
}

.plus .eq-strong li div p span.eq-strong-t {
 padding: 0;
	font-weight: bold;
	color: #FD7E39;
}

.plus .eq-movie {
 margin-top: 30px;
}
.plus .eq-movie .movie {
	background-color: #E3E3E4;
	padding: 10px 20px;
	text-align: center;
	margin: 5px auto 0;
}

.plus .eq-caution {
 margin-left: 20px;
}
.plus .eq-caution li {
 list-style: disc;
}



/* house/comfortable/long.html
---------------------------------------------*/

.plus .base-p {
 background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding-bottom: 30px;
}
.plus .base-p p {
 float: left;
}
.plus .base-p div {
 float: right;
	width: 290px;
	padding-top: 40px;
}

.plus ul.base {
 background: url(../../common/images/dot_line03.gif) repeat-x left bottom;
	padding-bottom: 20px;
}
.plus ul.base div {
 width: 300px;
}

.plus ul.base li ul {
 margin-left: 16px;
}
.plus ul.base li ul li {
 list-style: disc;
	margin-top: 5px;
	padding-right: 20px;
	color: #666666;
}

.plus .feature .align-l span {
 padding-left: 13px;
	background: url(../../common/images/icon_square.gif) no-repeat left center;
	font-weight: bold;
	color: #000000;
}
.plus .feature .align-r {
 width: 560px;
}
.plus .feature li {
 margin-top: 5px;
	padding-bottom: 5px;
	background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	color: #666666;
}

.plus .app {
 margin-top: 20px;
 padding: 0 30px;
}
.plus .app li {
 width: 249px;
}
.plus .app li p {
 margin-bottom: 10px;
	padding: 2px 8px;
	background-color: #7A7A7A;
	color: #FFFFFF;
}



/* house/eco/human.html
---------------------------------------------*/

.plus .voc-table .w-short {
 width: 20%;
}

.plus .sick {
 margin-top: 20px;
}
.plus .sick p {
 margin-top: 10px;
}
.plus .sick p.sick-q {
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 10px;
	background-color: #999999;
}
.plus .sick ul {
 margin-left: 25px;
}
.plus .sick ul li {
 list-style: circle;
	margin-top: 3px;
}



/* house/eco/environment.html
---------------------------------------------*/
.plus .flon {
 border: 1px solid #CCCCCC;
	margin-top: 10px;
	padding: 5px 15px 10px;
}
.plus .flon li {
 background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding: 5px 0;
}
.plus .flon li .flon-l {
 float: left;
	width: 155px;
	font-weight: bold;
}
.plus .flon li .flon-r {
 float: right;
	width: 440px;
}