@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. コンセプト
　03. 建て方（タイプ）
　04. 仕様・設備


******************************************************************************* */




/* ==

　01. 基本

=============================================================================== */
/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li.nav_concept a{ width:150px; background-image:url(../images/nav_concept.gif); }
.main .nav li.nav_type01 a{ width:77px; background-image:url(../images/nav_type01.gif); }
.main .nav li.nav_type02 a{ width:77px; background-image:url(../images/nav_type02.gif); }
.main .nav li.nav_type03 a{ width:76px; background-image:url(../images/nav_type03.gif); }
.main .nav li.nav_type04 a{ width:77px; background-image:url(../images/nav_type04.gif); }
.main .nav li.nav_equipment{ margin-right:0; }
.main .nav li.nav_equipment a{ width:150px; background-image:url(../images/nav_equipment.gif); }

.main .nav ul.navConcept li.nav_concept a,
.main .nav ul.navType01 li.nav_type01 a,
.main .nav ul.navType02 li.nav_type02 a,
.main .nav ul.navType03 li.nav_type03 a,
.main .nav ul.navType04 li.nav_type04 a,
.main .nav ul.navEquipment li.nav_equipment a{ background-position:left bottom; }


.main h4{
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #ccd;
}


#lnav04 li a#prdcts_2f{ margin-top:0; }


/* ==

　02. コンセプト

=============================================================================== */
.main div.about dl{
	width:730px;
	min-height:1%;
	clear:both;
}
.main div.about dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div.about dt{
	width:230px;
	float:left;
}
.main div.about dd{
	width:500px;
	float:right;
}

.main .cncpt_01{
	margin-bottom:20px;
	padding:10px 0 20px;
	border-bottom:1px solid #ccc;
}

.main .cncpt_02{ padding-top:10px; }

.main .cncpt_02 div.txt{
	width:300px;
	float:left;
}
.main .cncpt_02 div.img{
	width:420px;
	float:right;
}
.main .cncpt_02 div.img li{
	margin:0 15px 10px 0;
	float:left;
}
.main .cncpt_02 div.img li.odd{ margin-right:0; }





/* ==

　03. 建て方（タイプ）

=============================================================================== */
.main div.type .column2{ width:707px; margin-bottom:10px; clear:both; }
.main div.type .column2 p.img,
.main div.type .column2 div.img{ width:355px; float:left; }
.main div.type .column2 div.txt{ width:335px; float:right; }

.main div.type div.details{ width:730px; clear:both; }
.main div.type div.img div.details{ width:355px; }
.main div.type div.details dl{ float:left; }
.main div.type div.details dt{ margin:0; padding:0; }
.main div.type div.details dd{ margin:0; padding:0; }

/*.main div.type div.details ul{ display:inline; }*/
* html .main div.type div.details ul{ display:inline; }
.main div.type div.details dd li{ font-size:85%; float:left; }
.main div.type div.details dd li img{ margin-bottom:3px; }

/* 外壁 */
.main div.type div.details dl.wall{ padding-left:2px; float:left; }
.main div.type div.details .wall dd li{ padding-left:5px; font-size:85%; }

.main div.type02_stylish div.txt p{ width:135px; float:left; }
.main div.type02_stylish div.txt p.mb10{ width:190px; float:right; }


/* 特長＆メリット
------------------------------------------------------------------------------- */
.main div.merit{ padding-top:10px; }
.main div.merit dt{
	margin-bottom:7px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}
.main div.merit dd li{
	margin-bottom:5px;
	padding-left:10px;
	background:url(../images/li_disc.gif) left 6px no-repeat;
	line-height:1.3;
}

.type_01 .main div.merit{ background:url(../images/type_01/img.gif) 530px bottom no-repeat; }
.type_01 .main div.merit dl{ width:510px; }
.type_02 .main div.merit{ background:url(../images/type_02/img.gif) 530px bottom no-repeat; }
.type_02 .main div.merit dl{ width:510px; }
.type_03 .main div.merit{ background:url(../images/type_03/img.gif) 530px bottom no-repeat; }
.type_03 .main div.merit dl{ width:510px; }
.type_04 .main div.merit{ background:url(../images/type_04/img.gif) 530px 30px no-repeat; }
.type_04 .main div.merit dl{ width:510px; }


/* ==

　04. 仕様・設備

=============================================================================== */
.main div.column2{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0;
	clear:both;
}
.main .column2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

/* 技術力
------------------------------------------------------------------------------- */
.equip_tech01 .column2 div.txt{ width:520px; float:left; }
.equip_tech01 .column2 p.img{ width:190px; float:right; }

.main .equip_tech .column2{ margin-bottom:20px; }
.equip_tech .column2 div.txt{ width:320px; float:left; }
.equip_tech .column2 p.img{ width:390px; float:right; }