@charset "utf-8";

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

　目次

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

　01. 基本
　02. 共通
　03. システム商品
　04. システム工法
　05. 環境配慮
  

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



/* ==

　01. 基本

=============================================================================== */
.main div{
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
	clear:both;
}
* html .main div{ height:1%; }
.main div div{ margin-bottom:0; clear:none; }

.section .main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* ==

　02. 共通

=============================================================================== */
/* ローカルナビ（lnav）
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subt_system.gif); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subt_package.gif); }
.lnav div.lnav03 p a{ background-image:url(../images/lnav_subt_method.gif); }
.lnav div.lnav04 p a{ background-image:url(../images/lnav_subt_eco.gif); }


/* 中ページ共通
------------------------------------------------------------------------------- */
.main div{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div div{ width:auto; margin-bottom:0; }

.main div p.img{ width:210px; float:left; }
.main div div.txt{ width:500px; float:right; }
.main div div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}


/* ==

　03. システム商品

=============================================================================== */
/* ダイワコンフォルト
------------------------------------------------------------------------------- */
.kmfrt_main p{ line-height:1.0; }

.kmfrt_main ul{
	width:730px;
	margin:0;
	padding:0;
	clear:both;
}
.kmfrt_main li{
	margin:0;
	padding:10px 10px 0 0;
	float:left;
}
.kmfrt_main li.odd{ padding-right:0; }


/* 特長 */
.kmfrt_merit{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	padding:0;
	background:url(../system/images/kmfrt_bk_merit.gif) left bottom no-repeat;
	clear:both;
}
.kmfrt_merit dd ul:after,
.kmfrt_merit:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.kmfrt_merit dl,
.kmfrt_merit dt{
	margin:0;
	padding:0;
}
.kmfrt_merit dd{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.3;
}

.kmfrt_merit dd ul{
	margin:0;
	padding:0 0 5px 10px;
}
* html .kmfrt_merit dd ul{ height:1%; }
.kmfrt_merit dd li{
	width:353px;
	margin:0;
	padding:0 0 5px 12px;
	background:url(../system/images/kmfrt_li_disc.gif) left 3px no-repeat;
	color:#555;
	float:left;
}
.kmfrt_merit dd li.odd{ width:333px; }

.main .kmfrt_uses div{
	width:730px;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
}
.main .kmfrt_uses div.lastChild{ padding-bottom:0; background:none; }

.main .kmfrt_uses p.img{ width:273px; }
.main .kmfrt_uses dl{ width:435px; float:right; }
.main .kmfrt_uses dt{ margin-bottom:5px; }
.main .kmfrt_uses dd{ line-height:1.5; }


/* ==

　04. システム工法

=============================================================================== */
.list_cnts li{
	width:345px;
	margin:0 20px 20px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.5;
	float:left;
}
.list_cnts li.btn_roof,
.list_cnts li.btn_eq{ margin-right:0; }

.list_cnts li a{
	width:343px;
	min-height:153px;
	padding:0;
	background-color:#fff;
	background-position:left 30px;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
* html .list_cnts li a{ height:153px; }
.list_cnts li span{ padding:7px 7px 7px 185px; display:block; }

.list_cnts li a:link, .list_cnts li a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.list_cnts li a:hover, .list_cnts li a:active{ border:1px solid #ff6600; color:#666; }

.list_cnts li.btn_wall a{ background-image:url(../method/images/img_wall.jpg); }
.list_cnts li.btn_roof a{ background-image:url(../method/images/img_roof.jpg); }
.list_cnts li.btn_str a{ background-image:url(../method/images/img_structure.jpg); }
.list_cnts li.btn_eq a{ background-image:url(../method/images/img_earthquake.jpg); }

@media print{
	* html .list_cnts li{ margin-right:19px; }
}




/* 外壁
------------------------------------------------------------------------------- */
.main .mthd_wall p.img{ width:265px; }
.main .mthd_wall dl{ width:445px; float:right; }
.main .mthd_wall dt{ margin-bottom:5px; }
.main .mthd_wall dd{ line-height:1.5; }


/* 躯体
------------------------------------------------------------------------------- */
.main .mthd_str01 p.img{ width:155px; }
.main .mthd_str01 div.txt{ width:555px; }

.main .mthd_str02 li{ float:left; }
.main .mthd_str02 li.lastChild{ float:right; }

.main .mthd_str03 p.img{ width:265px; }
.main .mthd_str03 div.txt{ width:445px; }

.main .mthd_str04 p.img{ width:210px; }
.main .mthd_str04 dl{ width:500px; float:right; }
.main .mthd_str04 dt{ margin-bottom:5px; }
.main .mthd_str04 dd{ line-height:1.5; }



/* ==

　05. 環境配慮

=============================================================================== */
.eco .main{ font-size:115%; }
.eco .main span.co2{ font-size:10px; }

.eco .main h4{ padding:0; border-bottom:none; }

.eco .main .eco_4themes{
	width:730px;
	margin:0 0 20px;
	clear:both;
}
.eco .main .eco_4themes div.themes{
	width:750px;
	margin:0 0 20px -20px;
	padding-bottom:10px;
	background:url(../eco/images/line_dotted.gif) 20px bottom no-repeat;
	clear:both;
}
.eco .main .eco_4themes div.themes dl{
	width:355px;
	margin:0 0 0 20px;
	display:inline;
	float:left;
	clear:none;
}
.eco .main .eco_4themes div.themes dt img{ vertical-align:bottom; }
.eco .main .eco_4themes div.themes dt{ margin-bottom:7px; }
.eco .main .eco_4themes div.themes dd p.notes{ font-size:85%; line-height:1.4; }


.eco .main .eco_4themes div.column2{
	width:750px;
	margin:0 0 20px -20px;
	background:url(../eco/images/bg_column2.gif) 20px bottom no-repeat;
	clear:both;
}
.eco .main .eco_4themes div.column2 div{
	width:325px;
	margin:0 0 0 20px;
	padding:15px;
	background:url(../eco/images/bg_column2_top.gif) left top no-repeat;
	display:inline;
	float:left;
	clear:none;
}
.eco .main .eco_4themes div.column2 div li{
	margin:10px 0 0;
	padding-left:12px;
	background:url(../eco/images/li_disc.gif) left 5px no-repeat;
	line-height:1.3;
}


/* ディーズスマートシリーズ
------------------------------------------------------------------------------- */
.eco .main .dsmart div{
	width:728px;
	padding:10px 0;
	background-color:#ececec;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	clear:both;
}

.eco .main .dsmart div li{
	width:228px;
	margin:0 0 0 10px;
	zoom:1;
	float:left;
	clear:none;
	display:inline !important;
}
.eco .main .dsmart div li a{ zoom:1; display:block; }

.eco .main .dsmart div li a:link, .eco .main .dsmart div li a:visited{
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
.eco .main .dsmart div li a:hover, .eco .main .dsmart div li a:active{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}