@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. メリットへのリンクボタン
　03. ダイワハウスの技術開発・進化
　04. 
　05. 


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/shohin/xevo/css/style.css"); /* xevo共通CSS（/jutaku/shohin/xevo/css/) */


/* ==

　01. 基本

=============================================================================== */
.main h2{ margin-top:5px; }
.main h2 img{ margin-bottom:5px; }

.main div{
	margin-bottom:20px;
	line-height:1.5;
}



/* ==

　02. メリットへのリンクボタン

=============================================================================== */
.btnMerit{
	margin-top:10px;
}
.btnMerit li{
	float:left;
}
.btnMerit li span{ display:none; }
.btnMerit li a{
	width:182px;
	height:31px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.btnMerit li a:link, .btnMerit li a:visited{ background-position:left top; }
.btnMerit li a:hover, .btnMerit li a:active{ background-position:left bottom; }

.btnMerit li.sotobari a{ width:183px; background-image:url(../images/btn_sotobari.gif); }
.btnMerit li.daeqt a{ background-image:url(../images/btn_daeqt.gif); }
.btnMerit li.xecoat a{ background-image:url(../images/btn_xecoat.gif); }
.btnMerit li.solar a{  width:183px;background-image:url(../images/btn_solar.gif); }


/* ==

　03. ダイワハウスの技術開発・進化

=============================================================================== */
.section .main div.history{ margin-bottom:10px; }
.section .main div.history h3{
	padding-bottom:0;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	border-bottom:none;
}
.section .main div.history p,{ padding-bottom:10px; }




.section .main div.cntntsMerit h3{
	padding-bottom:0px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	border-bottom:none;
}

/* 表組み
------------------------------------------------------------------------------- */
.section .main div.history table{
	width:729px;
	margin:10px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.section .main div.history th{
	padding:5px 10px;
	background-color:#ededed;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:1.3;
	color:#737b8c;
	vertical-align:top;
}
.section .main div.history td{
	width:265px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:90%;
	color:#737b8c;
	line-height:1.3;
	font-weight:bold;
	vertical-align:top;
}
.section .main div.history td span{
	color:#737b8c;
	font-weight:normal;
}
.section .main div.history td strong{
	font-size:110%;
	color:#273656;
}


/* ==

　04. メリットコンテンツ一覧

=============================================================================== */
.main .cntntsMerit{ margin-bottom:10px; }
.main .cntntsMerit ul{ clear:both; }
.main .cntntsMerit li{
	margin:0 8px 8px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.main .cntntsMerit li img{ margin-bottom:3px; }

.main .cntntsMerit .column2 li{ width:353px; }

.main .cntntsMerit li a{
	padding:0 10px;
	background-color:#fff;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	display:block;
}
.main .cntntsMerit .column2 li a{
	width:196px;
	height:97px;
	padding-top:10px;
	padding-right:145px;
	color:#666;
	background-position:right top;
}
.main .cntntsMerit li a:link, .main .cntntsMerit li a:visited{ text-decoration:none; border:1px solid #d9d9d9; }
.main .cntntsMerit li a:hover, .main .cntntsMerit li a:active{ text-decoration:none; border:1px solid #ff6600; }

.main .cntntsMerit .column2 li.sotobari a{ background-image:url(../images/img_sotobari.jpg); }
.main .cntntsMerit .column2 li.xecoat a{ background-image:url(../images/img_xecoat.jpg); }
.main .cntntsMerit .column2 li.daeqt a{ background-image:url(../images/img_daeqt.jpg); }
.main .cntntsMerit .column2 li.solar a{ background-image:url(../images/img_solar.jpg); }

.main .cntntsMerit .column2 li.daeqt,
.main .cntntsMerit .column2 li.solar{ margin-right:0; }


/* コンテンツ一覧
-------------------------------------------------------------------------------
.main .cntnts li{
	margin:0 8px 8px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.main .cntnts li img{ margin-bottom:3px; }

.main .cntnts .column3 li{ width:230px; }
.main .cntnts .column2 li{ width:353px; }

.main .cntnts li a{
	padding:0 10px;
	background-color:#fff;
	background-repeat:no-repeat;
	border:1px; solid #d9d9d9;
	display:block;
}
.main .cntnts .column3 li a{ background-position:left top; }
.main .cntnts .column2 li a{ background-position:right top; }

.main .cntnts li a:link, .main .cntnts li a:visited{ color:#666; text-decoration:none; border:1px solid #d9d9d9; }
.main .cntnts li a:hover, .main .cntnts li a:active{ color:#666; text-decoration:none; border:1px solid #ff6600; }


.main .cntnts .column3 li a{
	width:208px;
	height:80px;
	padding-top:95px;
}
.main .cntnts .column2 li a{
	width:196px;
	height:97px;
	padding-top:10px;
	padding-right:145px;
}

.main .cntnts .column3 li.history a{ background-image:url(../images/img_history.jpg); }
.main .cntnts .column3 li.lab a{ background-image:url(../images/img_lab.jpg); }
.main .cntnts .column3 li.support a{ background-image:url(../images/img_support.jpg); }

.main .cntnts .column2 li.sotobari a{ background-image:url(../images/img_sotobari.jpg); }
.main .cntnts .column2 li.solar a{ background-image:url(../images/img_solar.jpg); }
.main .cntnts .column2 li.xecoat a{ background-image:url(../images/img_xecoat.jpg); }
.main .cntnts .column3 li.daeqt a{ height:90px; background-image:url(../images/img_daeqt.jpg); }
.main .cntnts .column3 li.security a{ height:90px; background-image:url(../images/img_security.jpg); }
*/

