﻿@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 中ページ枠組み
　03. タブ
　04. 賃貸経営をはじめる前に
　05. ご安心いただけるご提案・サポート体制
　06. ダイワハウスの技術と性能


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */


/* ==

　01. 基本

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }


/* ダイワハウスの技術と性能
------------------------------------------------------------------------------- */
.main .contents .column2{
	width:706px;
	/*margin-bottom:0;
	padding-bottom:20px;
	overflow:hidden;*/
	clear:both;
}
.main .contents .column2 div{
	width:343px;
	clear:none;
	/*line-height:1.5;*/
}


/* ==

　02. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
.section .main h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h3{ height:1%; }

@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}


/* ==

　03. タブ

=============================================================================== */
/* 賃貸経営をはじめる前に
------------------------------------------------------------------------------- */
/* 上 */
.main .tabTop li.tab_profit a{ background-image:url(../images/tabTop_profit.gif); left:4px; }
.main .tabTop li.tab_tax a{ background-image:url(../images/tabTop_tax.gif); left:245px; }
.main .tabTop li.tab_asset a{ background-image:url(../images/tabTop_asset.gif); left:486px; }

/* 上－アクティブ */
.main .tabTop ul.tabProfit li.tab_profit a{ background-image:url(../images/tabTop_profit_on.gif); }
.main .tabTop ul.tabTax li.tab_tax a{ background-image:url(../images/tabTop_tax_on.gif); }
.main .tabTop ul.tabAsset li.tab_asset a{ background-image:url(../images/tabTop_asset_on.gif); }

/* 下 */
.main .tabBtm li.tab_profit a{ background-image:url(../images/tabBtm_profit.gif); left:4px; }
.main .tabBtm li.tab_tax a{ background-image:url(../images/tabBtm_tax.gif); left:245px; }
.main .tabBtm li.tab_asset a{ background-image:url(../images/tabBtm_asset.gif); left:486px; }

/* アクティブ */
.main .tabBtm ul.tabProfit li.tab_profit a{ background-image:url(../images/tabBtm_profit_on.gif); }
.main .tabBtm ul.tabTax li.tab_tax a{ background-image:url(../images/tabBtm_tax_on.gif); }
.main .tabBtm ul.tabAsset li.tab_asset a{ background-image:url(../images/tabBtm_asset_on.gif); }


/* ご安心いただけるご提案・サポート体制
------------------------------------------------------------------------------- */
/* 上 */
.main .tabTop li.tab_before a{ background-image:url(../images/tabTop_before.gif); left:4px; }
.main .tabTop li.tab_after a{ background-image:url(../images/tabTop_after.gif); left:245px; }
.main .tabTop li.tab_droomPlus a{ background-image:url(../images/tabTop_droomPlus.gif); left:486px; }

/* 上－アクティブ */
.main .tabTop ul.tabBefore li.tab_before a{ background-image:url(../images/tabTop_before_on.gif); }
.main .tabTop ul.tabAfter li.tab_after a{ background-image:url(../images/tabTop_after_on.gif); }
.main .tabTop ul.tabDroomPlus li.tab_droomPlus a{ background-image:url(../images/tabTop_droomPlus_on.gif); }

/* 下 */
.main .tabBtm li.tab_before a{ background-image:url(../images/tabBtm_before.gif); left:4px; }
.main .tabBtm li.tab_after a{ background-image:url(../images/tabBtm_after.gif); left:245px; }
.main .tabBtm li.tab_droomPlus a{ background-image:url(../images/tabBtm_droomPlus.gif); left:486px; }

/* アクティブ */
.main .tabBtm ul.tabBefore li.tab_before a{ background-image:url(../images/tabBtm_before_on.gif); }
.main .tabBtm ul.tabAfter li.tab_after a{ background-image:url(../images/tabBtm_after_on.gif); }
.main .tabBtm ul.tabDroomPlus li.tab_droomPlus a{ background-image:url(../images/tabBtm_droomPlus_on.gif); }


/* ダイワハウスの技術と性能
------------------------------------------------------------------------------- */
.tech .main .tabTop li a, .tech .main .tabBtm li a{ width:179px; }

/* 上 */
.main .tabTop li.tab_str01 a{ background-image:url(../images/tabTop_str01.gif); left:4px; }
.main .tabTop li.tab_str02 a{ background-image:url(../images/tabTop_str02.gif); left:185px; }
.main .tabTop li.tab_pfm01 a{ background-image:url(../images/tabTop_pfm01.gif); left:366px; }
.main .tabTop li.tab_pfm02 a{ background-image:url(../images/tabTop_pfm02.gif); left:547px; }

/* 上－アクティブ */
.main .tabTop ul.tabStr01 li.tab_str01 a{ background-image:url(../images/tabTop_str01_on.gif); }
.main .tabTop ul.tabStr02 li.tab_str02 a{ background-image:url(../images/tabTop_str02_on.gif); }
.main .tabTop ul.tabPfm01 li.tab_pfm01 a{ background-image:url(../images/tabTop_pfm01_on.gif); }
.main .tabTop ul.tabPfm02 li.tab_pfm02 a{ background-image:url(../images/tabTop_pfm02_on.gif); }

/* 下 */
.main .tabBtm li.tab_str01 a{ background-image:url(../images/tabBtm_str01.gif); left:4px; }
.main .tabBtm li.tab_str02 a{ background-image:url(../images/tabBtm_str02.gif); left:185px; }
.main .tabBtm li.tab_pfm01 a{ background-image:url(../images/tabBtm_pfm01.gif); left:366px; }
.main .tabBtm li.tab_pfm02 a{ background-image:url(../images/tabBtm_pfm02.gif); left:547px; }

/* アクティブ */
.main .tabBtm ul.tabStr01 li.tab_str01 a{ background-image:url(../images/tabBtm_str01_on.gif); }
.main .tabBtm ul.tabStr02 li.tab_str02 a{ background-image:url(../images/tabBtm_str02_on.gif); }
.main .tabBtm ul.tabPfm01 li.tab_pfm01 a{ background-image:url(../images/tabBtm_pfm01_on.gif); }
.main .tabBtm ul.tabPfm02 li.tab_pfm02 a{ background-image:url(../images/tabBtm_pfm02_on.gif); }




/* ==

　04. 賃貸経営をはじめる前に

=============================================================================== */
/* 収益について
------------------------------------------------------------------------------- */
.main .contents .profit_01{ margin-bottom:0; }


/* 税金を考える
------------------------------------------------------------------------------- */
.tax li{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
}
.tax li.lastChild{ background:none; }
.tax li p{
	padding-left:12px;
	background:url(../images/li_disc.gif) 2px 6px no-repeat;
}
.tax .notes li{
	margin-bottom:5px;
	padding-bottom:0;
	background:none;
	font-size:85%;
	line-height:1.3;
}

* html .tax li,
* html .tax li p{ height:1%; }


/* 資産をのこす
------------------------------------------------------------------------------- */
.asset_02{ float:left; }
.asset_03{ float:right; }

.asset_02 p.img,
.asset_03 p.img{ margin-bottom:10px; text-align:center; }


/* ==

　05. ご安心いただけるご提案・サポート体制

=============================================================================== */
/* 建物が建つまで
------------------------------------------------------------------------------- */
.main .contents .step{
	margin-bottom:15px;
	clear:both;
}
.main .step h4{
	width:120px;
	float:left;
}
.main .step div{
	width:395px;
	float:left;
	clear:none;
}
.main .step div ul{
	width:250px;
	margin-bottom:7px;
}
.main .step div li{
	margin:0 3px 3px 0;
	float:left;
}
/*.main .step div p{ margin-bottom:10px; }*/

.main .contents .step_07{ margin-bottom:0; }
.main .contents .step_08{ padding-top:15px; }

.main .step_05 div p, .main .step_08 div p{ margin-top:35px; }
.main .step_06 div p{ margin-top:18px; }
.main .step_07 div p{ margin-top:25px; }

.main .contents .step_img01{ min-height:140px; margin-bottom:0; background:url(../images/bfr_step_img01.jpg) right top no-repeat; }
.main .contents .step_img02{ min-height:140px; background:url(../images/bfr_step_img02.jpg) right top no-repeat; }
.main .contents .step_img03{ min-height:140px; background:url(../images/bfr_step_img03.jpg) right top no-repeat; }
.main .contents .step_img04{ min-height:140px; background:url(../images/bfr_step_img04.jpg) right top no-repeat; }

* html .main .contents .step_img01,
* html .main .contents .step_img02,
* html .main .contents .step_img03,
* html .main .contents .step_img04{ height:140px; }




/* 建物が建ったあと
------------------------------------------------------------------------------- */
.main .aftr_01 p.img{
	width:252px;
	padding-top:5px;
	text-align:center;
	float:right;
}
.main .aftr_01 p.txt{ width:450px; float:left; }

.main .aftr_02 li{
	width:228px;
	margin-right:8px;
	float:left;
}
.main .aftr_02 li.lastChild{ margin-right:0; float:right; }
.main .aftr_02 li span{
	padding:0 4px;
	display:block;
}

.main .aftr_02 li p{
	margin-bottom:5px;
	padding:4px;
	background-color:#f4f4f4;
}
.main .aftr_02 li p a{
	width:220px;
	border:1px solid #d9d9d9;
	display:block;
}
.main .aftr_02 li p a:link, .main .aftr_02 li p a:visited{ border:1px solid #d9d9d9; }
.main .aftr_02 li p a:hover, .main .aftr_02 li p a:active{ border:1px solid #ff6600; }






/* リフレッシュプラン　D-Room Plus
------------------------------------------------------------------------------- */
.main .drmpls_01 p.img, .main .drmpls_03 p.img{ width:222px; text-align:right; float:right; }
.main .drmpls_01 .txt, .main .drmpls_03 .txt{ width:460px; float:left; }

.main .drmpls_02 p.img{ width:222px; float:left; }
.main .drmpls_02 .txt{ width:460px; float:right; }


/* ==

　06. ダイワハウスの技術と性能

=============================================================================== */
.tech .main .contents h3{ margin-bottom:5px; }
.tech .main .contents h4{ margin-bottom:10px; }
.tech .main .contents div.txt p{ margin-bottom:10px; }

/* 基本構造１
------------------------------------------------------------------------------- */
.main .str01_01 p.img{ width:258px; float:left; }
.main .str01_01 div.txt{ width:440px; float:right; }
.main .str01_01_2 p.img{ width:350px; float:right; }
.main .str01_01_2 div.txt{ width:348px; float:left; }

.main .str01_02 p.img{ width:165px; float:left; }
.main .str01_02 div.txt{ width:530px; float:right; }
.main .str01_02_2 p.img{ width:258px; float:right; }
.main .str01_02_2 div.txt{ width:435px; float:left; }


/* 基本構造２
------------------------------------------------------------------------------- */
.main .str02_01 p.img{ width:258px; float:left; }
.main .str02_01 div.txt{ width:440px; float:right; }
.main .str02_01_2 p.img{ width:258px; float:right; }
.main .str02_01_2 div.txt{ width:440px; float:left; }
.main .str02_01_3 p.img{ width:226px; float:left; }
.main .str02_01_3 div.txt{ width:470px; float:right; }


/* 住宅性能１
------------------------------------------------------------------------------- */
.main .pfm01_01 p.img{ width:250px; float:right; }
.main .pfm01_01 div.txt{ width:437px; float:left; }
.main .pfm01_02 p.img{ width:500px; float:left; }
.main .pfm01_02 div.txt{ width:190px; float:right;}
.main .pfm01_03 p.img{ width:350px; float:right; }
.main .pfm01_03 div.txt{ width:335px; float:left; }
