@charset "UTF-8";

/*****************************************************
FileName : /build/css/build.css
*****************************************************/

/*	c_buildLi
-------------------------------------------------------------------*/
#c_buildLi {
	position:relative;
	margin:0 0 40px 0;
	width:666px;
	overflow:hidden;
	zoom:1;
}

#c_buildLi:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_buildLi li {
	float:left;
	margin:0 6px 5px 0;
	width:317px;
}

.c_buildLiImg {
	display:block;
	padding:0 0 1px 0;
	border-bottom:3px solid #170b08;
}

#c_buildLi h3 {
	margin:0 13px 10px 13px;
	padding:14px 0 12px 0;
	border:none;
	border-bottom:1px solid #d8d4d6;
	text-align:center;
}

#c_buildLi p {
	margin:0 auto 10px auto;
	width:280px;
}

/* hover */
.ui_blockLinkOver .c_buildLiImg {
	border-bottom:3px solid #328bc8;
}

.ui_blockLinkOver .c_buildLiImg img {
	opacity:0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}


/*	c_buildLi
-------------------------------------------------------------------*/
/*-----
#c_buildLi {
	position:relative;
	margin:0 0 40px 0;
	width:666px;
	overflow:hidden;
	zoom:1;
}

#c_buildLi:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_buildLi li {
	float:left;
	margin:0 6px 5px 0;
	width:206px;
}

.c_buildLiImg {
	display:block;
	padding:0 0 1px 0;
	border-bottom:3px solid #170b08;
}

#c_buildLi h3 {
	margin:0 13px 10px 13px;
	padding:14px 0 12px 0;
	border:none;
	border-bottom:1px solid #d8d4d6;
	text-align:center;
}

#c_buildLi p {
	margin:0 auto 10px auto;
	width:160px;
}

/* hover */
.ui_blockLinkOver .c_buildLiImg {
	border-bottom:3px solid #328bc8;
}

.ui_blockLinkOver .c_buildLiImg img {
	opacity:0.7;
	filter: alpha(opacity=70);/* IE lt 8.x */
	-ms-filter: "alpha(opacity=70)";/* IE 8.x */
}----------*/


/*	c_buildCnt
-------------------------------------------------------------------*/
#c_buildCnt {
	position:relative;
	margin:-25px 0 0 0;
	padding:35px 0 0 0;
	border-top:1px solid #edebea;
}


/*	c_pageHead
-------------------------------------------------------------------*/
#c_pageHead {
	margin:0 0 35px 0;
	zoom:1;
}

#c_pageHead:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_pageHead h1 {
	float:left;
	margin:0;
}

#c_pageHead p {
	float:right;
	margin:0;
	padding:28px 0 0 0;
}


/*	c_subNav
-------------------------------------------------------------------*/
#c_subNav {
	margin:0 0 20px 0;
	width:660px;
	background:url(/common/new/img/build/build_bg_02.gif) top left repeat-x;
	zoom:1;
}

#c_subNav:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_subNav li {
	float:left;
}

#c_subNav a {
	display:block;
	height:25px;
	text-indent:-9999px;
	background-image:url(/common/new/img/build/build_bg_01.gif);
	background-repeat:no-repeat;
	outline:none;
}



/*	c_subNav02
-------------------------------------------------------------------*/
#c_subNav02 {
	margin:0 0 20px 0;
	width:660px;
	background:url(/common/new/img/build/build_bg_02.gif) top left repeat-x;
	zoom:1;
}

#c_subNav02:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_subNav02 li {
	float:left;
}

#c_subNav02 a {
	display:block;
	height:25px;
	text-indent:-9999px;
	background-image:url(/common/new/img/build/build_bg_03.gif);
	background-repeat:no-repeat;
	outline:none;
}



/*---------------[moku]---------------*/
/*-----TOP-----*/
/* default */
.c_subMoku #p_subNav01 a {
	width:61px;
	background-position:0 0;
}

/* hover */
.c_subMoku #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_12 .c_subMoku #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subMoku #p_subNav02 a {
	width:89px;
	background-position:-61px 0;
}

/* hover */
.c_subMoku #p_subNav02 a:hover {
	background-position:-61px -25px;
}

/* current */
.pg_12_01 .c_subMoku #p_subNav02 a {
	background-position:-61px -50px;
}

/*-----material-----*/
/* default */
.c_subMoku #p_subNav03 a {
	width:89px;
	background-position:-150px 0;
}

/* hover */
.c_subMoku #p_subNav03 a:hover {
	background-position:-150px -25px;
}

/* current */
.pg_12_02 .c_subMoku #p_subNav03 a {
	background-position:-150px -50px;
}

/*-----interior-----*/
/* default */
.c_subMoku #p_subNav04 a {
	width:89px;
	background-position:-239px 0;
}

/* hover */
.c_subMoku #p_subNav04 a:hover {
	background-position:-239px -25px;
}

/* current */
.pg_12_03 .c_subMoku #p_subNav04 a {
	background-position:-239px -50px;
}

/*-----spec-----*/
/* default */
.c_subMoku #p_subNav05 a {
	width:88px;
	background-position:-328px 0;
}

/* hover */
.c_subMoku #p_subNav05 a:hover {
	background-position:-328px -25px;
}

/* current */
.pg_12_04 .c_subMoku #p_subNav05 a {
	background-position:-328px -50px;
}

/*-----construction-----*/
/* default */
.c_subMoku #p_subNav06 a {
	width:88px;
	background-position:-416px 0;
}

/* hover */
.c_subMoku #p_subNav06 a:hover {
	background-position:-416px -25px;
}

/* current */
.pg_12_05 .c_subMoku #p_subNav06 a {
	background-position:-416px -50px;
}

/*-----プレミアム-----*/
/* default */
.c_subMoku #p_subNav07 a {
	width:156px;
	background-position:-504px 0;
}

/* hover */
.c_subMoku #p_subNav07 a:hover {
	background-position:-504px -25px;
}

/* current */
.pg_13_05 .c_subMoku #p_subNav07 a {
	background-position:-504px -50px;
}



/*---------------[lfits]---------------*/
/*-----TOP-----*/
/* default */
.c_subLfits #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subLfits #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_02 .c_subLfits #p_subNav01 a {
	background-position:0 -50px;
}

/*-----interior-----*/
/* default */
.c_subLfits #p_subNav02 a {
	width:104px;
	background-position:-179px 0;
}

/* hover */
.c_subLfits #p_subNav02 a:hover {
	background-position:-179px -25px;
}

/* current */
.pg_02_01 .c_subLfits #p_subNav02 a {
	background-position:-179px -50px;
}

/*-----plan-----*/
/* default */
.c_subLfits #p_subNav03 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subLfits #p_subNav03 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_02_02 .c_subLfits #p_subNav03 a {
	background-position:-283px -50px;
}


/*---------------[two-generation]---------------*/
/*-----TOP-----*/
/* default */
.c_subTwo-generation #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subTwo-generation #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_03 .c_subTwo-generation #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subTwo-generation #p_subNav02 a {
	width:104px;
	background-position:-75px 0;
}

/* hover */
.c_subTwo-generation #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_03_01 .c_subTwo-generation #p_subNav02 a {
	background-position:-75px -50px;
}

/*-----plan-----*/
/* default */
.c_subTwo-generation #p_subNav03 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subTwo-generation #p_subNav03 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_03_02 .c_subTwo-generation #p_subNav03 a {
	background-position:-283px -50px;
}


/*---------------[three-stories]---------------*/
/*-----TOP-----*/
/* default */
.c_subThree-stories #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subThree-stories #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_04 .c_subThree-stories #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subThree-stories #p_subNav02 a {
	width:104px;
	background-position:-75px 0;
}

/* hover */
.c_subThree-stories #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_04_01 .c_subThree-stories #p_subNav02 a {
	background-position:-75px -50px;
}

/*-----plan-----*/
/* default */
.c_subThree-stories #p_subNav03 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subThree-stories #p_subNav03 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_04_02 .c_subThree-stories #p_subNav03 a {
	background-position:-283px -50px;
}


/*---------------[apartment]---------------*/
/*-----TOP-----*/
/* default */
.c_subApartment #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subApartment #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_05 .c_subApartment #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subApartment #p_subNav02 a {
	width:104px;
	background-position:-75px 0;
}

/* hover */
.c_subApartment #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_05_01 .c_subApartment #p_subNav02 a {
	background-position:-75px -50px;
}

/*-----plan-----*/
/* default */
.c_subApartment #p_subNav03 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subApartment #p_subNav03 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_05_02 .c_subApartment #p_subNav03 a {
	background-position:-283px -50px;
}


/*---------------[l-wise]---------------*/
/*-----TOP-----*/
/* default */
.c_subL-wise #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subL-wise #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_06 .c_subL-wise #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subL-wise #p_subNav02 a {
	width:104px;
	background-position:-75px 0;
}

/* hover */
.c_subL-wise #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_06_01 .c_subL-wise #p_subNav02 a {
	background-position:-75px -50px;
}

/*-----plan-----*/
/* default */
.c_subL-wise #p_subNav03 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subL-wise #p_subNav03 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_06_02 .c_subL-wise #p_subNav03 a {
	background-position:-283px -50px;
}


/*---------------[core]---------------*/
/*-----TOP-----*/
/* default */
.c_subCore #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subCore #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_07 .c_subCore #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subCore #p_subNav02 a {
	width:104px;
	background-position:-75px 0;
}

/* hover */
.c_subCore #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_07_01 .c_subCore #p_subNav02 a {
	background-position:-75px -50px;
}

/*-----interior-----*/
/* default */
.c_subCore #p_subNav03 a {
	width:104px;
	background-position:-179px 0;
}

/* hover */
.c_subCore #p_subNav03 a:hover {
	background-position:-179px -25px;
}

/* current */
.pg_07_02 .c_subCore #p_subNav03 a {
	background-position:-179px -50px;
}

/*-----plan-----*/
/* default */
.c_subCore #p_subNav04 a {
	width:112px;
	background-position:-283px 0;
}

/* hover */
.c_subCore #p_subNav04 a:hover {
	background-position:-283px -25px;
}

/* current */
.pg_07_03 .c_subCore #p_subNav04 a,
.pg_07_03_01 .c_subCore #p_subNav04 a,
.pg_07_03_02 .c_subCore #p_subNav04 a,
.pg_07_03_03 .c_subCore #p_subNav04 a,
.pg_07_03_04 .c_subCore #p_subNav04 a,
.pg_07_03_05 .c_subCore #p_subNav04 a,
.pg_07_03_06 .c_subCore #p_subNav04 a,
.pg_07_03_07 .c_subCore #p_subNav04 a,
.pg_07_03_08 .c_subCore #p_subNav04 a,
.pg_07_03_09 .c_subCore #p_subNav04 a,
.pg_07_03_10 .c_subCore #p_subNav04 a,
.pg_07_03_11 .c_subCore #p_subNav04 a,
.pg_07_03_12 .c_subCore #p_subNav04 a,
.pg_07_03_13 .c_subCore #p_subNav04 a,
.pg_07_03_14 .c_subCore #p_subNav04 a {
	background-position:-283px -50px;
}


/*---------------[eco-thermal-21]---------------*/
/*-----TOP-----*/
/* default */
.c_subEco-thermal-21 #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subEco-thermal-21 #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_08 .c_subEco-thermal-21 #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subEco-thermal-21 #p_subNav02 a {
	width:105px;
	background-position:-75px 0;
}

/* hover */
.c_subEco-thermal-21 #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_08_01 .c_subEco-thermal-21 #p_subNav02 a {
	background-position:-75px -50px;
}


/*---------------[rooftop-gardening]---------------*/
/*-----TOP-----*/
/* default */
.c_subRooftop-gardening #p_subNav01 a {
	width:75px;
	background-position:0 0;
}

/* hover */
.c_subRooftop-gardening #p_subNav01 a:hover {
	background-position:0 -25px;
}

/* current */
.pg_09 .c_subRooftop-gardening #p_subNav01 a {
	background-position:0 -50px;
}

/*-----concept-----*/
/* default */
.c_subRooftop-gardening #p_subNav02 a {
	width:105px;
	background-position:-75px 0;
}

/* hover */
.c_subRooftop-gardening #p_subNav02 a:hover {
	background-position:-75px -25px;
}

/* current */
.pg_09_01 .c_subRooftop-gardening #p_subNav02 a {
	background-position:-75px -50px;
}



/*	c_readTxtImg
-------------------------------------------------------------------*/
#c_readTxtImg {
	margin:55px 0 50px 0;
}


/*	c_imgSection
-------------------------------------------------------------------*/
.c_imgSection {
	margin:0 0 60px 0;
	zoom:1;
}

.c_imgSection:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

.c_imgSection .c_imgSectionExp {
	float:left;
	width:240px;
	color:#767266;
}

.c_imgSection .g_imgGalleryVer {
	float:right;
	width:420px;
}

.c_imgSectionExp h2.c_imgSectionTtlImg {
	margin:10px 0 20px 0;
	padding:0;
	border:none;
	border-bottom:1px solid #d8d6d4;
}

.c_imgSectionExp h2.c_imgSectionTtlTxt {
	margin:10px 0 25px 0;
	padding:0 0 10px 0;
	border:none;
	border-bottom:1px solid #d6d6d6;
	color:#4c4c44;
	font-size:16px;
}

.c_imgSectionExp h3 {
	margin:0 0 20px 0;
	padding:0;
	border:none;
	color:#565045;
	font-size:14px;
}

.c_imgSectionTxt {
	padding:0 30px 0 0;
}


/*	for core plan type
-------------------------------------------------------------------*/
.pg_07_03_01 h2,
.pg_07_03_02 h2,
.pg_07_03_03 h2,
.pg_07_03_04 h2,
.pg_07_03_05 h2,
.pg_07_03_06 h2,
.pg_07_03_07 h2,
.pg_07_03_08 h2,
.pg_07_03_09 h2,
.pg_07_03_10 h2,
.pg_07_03_11 h2,
.pg_07_03_12 h2,
.pg_07_03_13 h2,
.pg_07_03_14 h2 {
	margin:0;
	padding:15px 0 5px 0;
	border:none;
	color:#86867f;
	font-size:16px;
	font-weight:bold;
}

.pg_07_03_01 h3,
.pg_07_03_02 h3,
.pg_07_03_03 h3,
.pg_07_03_04 h3,
.pg_07_03_05 h3,
.pg_07_03_06 h3,
.pg_07_03_07 h3,
.pg_07_03_08 h3,
.pg_07_03_09 h3,
.pg_07_03_10 h3,
.pg_07_03_11 h3,
.pg_07_03_12 h3,
.pg_07_03_13 h3,
.pg_07_03_14 h3 {
	margin:0 0 8px 0;
	padding:0;
	border:none;
	text-align:right;
	color:#545045;
}

/*----------coreTypeMain----------*/
/*-----for south-----*/
#c_coreTypeMainS {
	background:url(/build/core/plan/img/plan_bg_01.gif) top left repeat-y;
}

/*-----for north-----*/
#c_coreTypeMainN {
	background:url(/build/core/plan/img/plan_bg_02.gif) top left repeat-y;
}

/*-----both-----*/
#c_coreTypeMainS,
#c_coreTypeMainN {
	margin:0 0 60px 0;
	padding:0 0 30px 0;
	color:#fff;
}

#c_coreTypeMainS .g_imgLeft01,
#c_coreTypeMainN .g_imgLeft01 {
	margin:15px auto 0 auto;
	width:570px;
}

#c_coreTypeMainS .g_il01L,
#c_coreTypeMainN .g_il01L {
	padding:0 20px 0 0;
}

#c_coreTypeMainS .g_imgfloatTxt,
#c_coreTypeMainN .g_imgfloatTxt {
	padding:7px 0 0 0;
}

#c_coreTypeMainS #c_coreTypeMainInfo {
	background:url(/build/core/plan/img/plan_bg_03.gif) top left repeat-y;
	zoom:1;
}

#c_coreTypeMainN #c_coreTypeMainInfo {
	background:url(/build/core/plan/img/plan_bg_05.gif) top left repeat-y;
	zoom:1;
}

#c_coreTypeMainInfo:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#c_coreTypeMainSpace {
	float:left;
	padding:5px 15px 3px 0;
	width:255px;
}

*html #c_coreTypeMainSpace {/* IE6.x */
	width:250px;
}

#c_coreTypeMainPrice {
	float:left;
	padding:20px 0 0 20px;
	width:120px;
	font-size:11px;
}

*html #c_coreTypeMainPrice {/* IE6.x */
	width:115px;
}

#c_coreTypeMainPrice em {
	padding:0 3px 0 0;
	line-height:1em;
	font-size:24px;
}

/*----------c_coreTypeCntS01----------*/
/*-----for south-----*/
.c_coreTypeCntS01 {
	padding:20px 0 60px 0;
	border-top:1px solid #006ebc;
}

/*-----for north-----*/
.c_coreTypeCntN01 {
	padding:20px 0 60px 0;
	border-top:1px solid #198585;
}

/*----------c_coreTypeTtl----------*/
/*-----for south-----*/
.c_coreTypeTtlS {
	color:#006ebc;
}

/*-----for north-----*/
.c_coreTypeTtlN {
	color:#198585;
}

/*-----both-----*/
.c_coreTypeTtlS,
.c_coreTypeTtlN {
	margin:0 0 35px 0;
	line-height:1.1em;
	font-size:36px;
}

#c_coreTypeMainS .c_coreTypeTtlS,
#c_coreTypeMainN .c_coreTypeTtlN {
	margin:0;
	padding:35px 25px 0 25px;
	color:#fff;
}

.c_coreTypeCnt01 .c_coreTypeTtlS,
.c_coreTypeCnt01 .c_coreTypeTtlN {
	padding:0 5px;
}

/*----------c_coreTypeInfo----------*/
.c_coreTypeInfo {
	display:table;
	margin:30px 0 0 0;
	background:url(/build/core/plan/img/plan_bg_04.gif) top left repeat-y;
	zoom:1;
}

.c_coreTypeInfo:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

.c_coreTypeFamily {
	display:table-cell;
	padding:17px 0 0 0;
	width:155px;
	text-align:center;
}

html* .c_coreTypeFamily {/* IE6,7 */
	display:inline;
	zoom:1;
}

.c_coreTypeExp {
	display:table-cell;
	padding:4px 20px 2px 20px;
	width:320px;
	vertical-align:middle;
	color:#66665f;
	font-size:11px;
}

html* .c_coreTypeExp {/* IE6,7 */
	display:inline;
	zoom:1;
}

.c_coreTypePrice {
	display:table-cell;
	padding:2px 5px 0 20px;
	width:120px;
	vertical-align:middle;
	color:#87877f;
	font-size:11px;
}

html* .c_coreTypePrice {/* IE6,7 */
	display:inline;
	zoom:1;
}

/*-----for south-----*/
.c_coreTypeCntS01 .c_coreTypePrice span {
	color:#006ebc;
}

/*-----for north-----*/
.c_coreTypeCntN01 .c_coreTypePrice span {
	color:#198585;
}

.c_coreTypePrice em {
	padding:0 3px 0 0;
	line-height:0.9em;
	font-size:24px;
	font-weight:normal;
}



/*	#siShowroom
-------------------------------------------------------------------*/
#siShowroom {
	margin:0 10px;
}

#siShowroom #siShowroomTop {

}

#siShowroom #siShowroomTop p {
	font-size:11px;
}

#siShowroom #siShowroomTop .g_number {
	margin-bottom:5px;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	line-height:1.0em;
}

#siShowroom #siShowroomTop .g_number img{
	vertical-align:top;
	margin:1px 5px 0 0;
}

#siShowroom #siShowroomTop small {
	display:block;
	margin-bottom:15px;
	text-align:center;
	font-size:10px;
}

#siShowroom #siShowroomTop small em {
	font-size:11px;
	font-weight:bold;
}

#siShowroom #siShowroomBottom {
	padding:17px 15px;
}

#siShowroom #siShowroomBottom .g_txtBtn02 {
	margin-bottom:0;
	text-align:center;
}


@media screen and (max-width: 750px){
	#c_pageHead h1 img {
		width:auto;
		height:200px;
	}
	#c_subNav {
		width: 690px;
	}
	.g_sliderAreaTop {
		margin:0 auto;
		width:660px;
	}
}