@charset "utf-8";

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

　目次

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

　01. 基本
　02. タブ
　03. 中ページ枠組み
　04. 事例一覧
　05. 事例詳細ページ


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


/* ==

　01. 基本

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav .lnav01 p a{ background-image:url(../images/lnav_subt_index.gif); }
.lnav .lnav02 p a{ background-image:url(../images/lnav_subt_function.gif); }

.main .contents{ margin-bottom:0; }
.main .contents div{ min-height:1%; }
* html .main .contents div{ height:1%; }
.main .contents div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.section .main .lnavBtm{ margin:10px auto 0; padding-bottom:10px; }


/* ==

　02. タブ

=============================================================================== */
.main .tabTop{ margin:0; }
.main .tabTop li a, .main .tabBtm li a{ width:222px; height:32px; }

#utilize .section .tabTop{ height:37px; background:url(/common/images/renew2009/bk_tabTop.gif) left top no-repeat; }
#utilize .section .tabBtm{ height:37px; background:url(/common/images/renew2009/bk_tabBtm.gif) left top no-repeat; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ background-image:url(../images/tabTop_index.gif); left:6px; }
.main .tabTop li.tab_function a{ background-image:url(../images/tabTop_function.gif); left:230px; }

/* アクティブ */
.main .tabTop ul.tabIndex li.tab_index a{ background-image:url(../images/tabTop_index_on.gif); }
.main .tabTop ul.tabFunction li.tab_function a{ background-image:url(../images/tabTop_function_on.gif); }

/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ background-image:url(../images/tabBtm_index.gif); left:6px; }
.main .tabBtm li.tab_function a{ background-image:url(../images/tabBtm_function.gif); left:230px; }

/* アクティブ */
.main .tabBtm ul.tabIndex li.tab_index a{ background-image:url(../images/tabBtm_index_on.gif); }
.main .tabBtm ul.tabFunction li.tab_function a{ background-image:url(../images/tabBtm_function_on.gif); }


/* ==

　03. 中ページ枠組み

=============================================================================== */
.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:10px;
	padding:0;
	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%; }

.main div h4{ margin-bottom:5px; font-size:100%; line-height:1.5; }

@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}


/* ==

　04. 事例一覧

=============================================================================== */
.section .main .list_case{ margin-bottom:0; padding-bottom:0; }
.main .list_case div{
	width:343px;
	margin-right:20px;
	margin-bottom:0;
	padding:20px 0 0;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	float:left;
}
.main .list_case div.firstChild{ padding-top:0; background:none; }
.main .list_case div.odd{ margin-right:0; }

.main .list_case div p.img{ width:100px; float:left; }
.main .list_case div p.img img{ margin-bottom:10px; }

.main .list_case div div.txt{
	width:235px;
	margin:0 0 10px;
	padding:0;
	background:none;
	float:right;
	clear:none;
}
.main .list_case div div.txt p{
	margin-bottom:5px;
	line-height:1.3;
}
.main .list_case div div.txt p.tit a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	font-size:120%;
	display:block;
}
* html .main .list_case div div.txt p.tit a{ height:1%; }
.main .list_case div div.txt p.data{
	padding:2px 5px;
	background-color:#666;
	color:#fff;
}
.main .list_case div div.txt p.comment{ font-size:85%; line-height:1.5; }




/* ==

　05. 事例詳細ページ

=============================================================================== */
.main div{
	min-height:1%;
	margin-bottom:20px;
	visibility:visible;
	clear:both;
}
* html .main div{ height:1%; }
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div div{ margin-bottom:0; clear:none; }
.main div p{ line-height:1.5; }

.main div div.clearfix{ clear:both; }



/* 共通パーツ
------------------------------------------------------------------------------- */
/* 概要 */
.main .summary{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e0e0e0;
}
.main .summary div.txt{ width:355px; float:left; position:relative; }
.main .summary p.img{ width:355px; text-align:right; float:right; }

.main .summary dl{
	width:355px;
	margin:10px 0;
	padding:0;
	line-height:1.5;
	clear:both;
}
.main .summary dd{
	margin:-1.6em 0 7px;
	padding:0 0 0 5.5em;
}

.main .summary p.comment{
	padding-top:10px;
	border-top:1px solid #e0e0e0;
}

/* D-Room Plusサブ画像 */
.main .summary div.txt p.img{
	width:auto;
	margin:0;
	padding:0;
	position:absolute;
	left:130px;
	top:220px;
	float:none;
	clear:both;
}
.main .summary div.txt p.img img{ margin:0; }

/* マンション概要 */
.main .summary dl.m_details dt{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #e0e0e0;
	font-weight:bold;
}
.main .summary dl.m_details dd{
	margin-top:0;
	padding:0;
}


/* ご入居者の声 */
.main .voice h3{ margin-bottom:0; background:none; }
.main .voice h4{
	margin:0;
	padding:0 10px 10px;
	background-color:#d8f2f7;
}
.main .voice div{
	padding:0 10px 10px;
	background:#d8f2f7 url(../images/btm_voice.gif) left bottom no-repeat;
}

/* オーナー様の声 */
.main .voice_owner h3{ margin-bottom:0; background:none; }
.main .voice_owner h4{
	margin:0;
	padding:0 10px 10px;
	background-color:#e3f3dc;
}
.main .voice_owner div{
	padding:0 10px 10px;
	background:#e3f3dc url(../images/btm_voice_owner.gif) left bottom no-repeat;
}

/* スタッフの声 */
.main .voice_staff h3{
	margin-bottom:0;
	padding:10px 10px 5px;
	background:url(../images/top_voice_staff.gif) left top no-repeat;
}
.main .voice_staff{
	padding:0 0 10px;
	background:#f0f0f0 url(../images/btm_voice_staff.gif) left bottom no-repeat;
}
.main .voice_staff p{ padding:0 10px; }

/* 今回のpoint */
.main .point{
	margin:0 0 20px;
	padding:0;
	background:url(../images/bk_point.gif) left top no-repeat;
	clear:both;
}
.main .point div{
	margin:0;
	padding:0 10px;
	background:url(../images/btm_point.gif) left bottom no-repeat;
}
.main .point h3{
	width:160px;
	margin:0 10px 0 0;
	padding:5px 10px 0 0;
	background:none;
	text-align:center;
	float:left;
}
.main .point ol{
	width:530px;
	margin:0;
	padding:10px 0 5px;
	list-style-type:decimal;
	float:right;
}
.main .point li{
	margin:0 0 5px 25px;
	padding:0;
	list-style-type:decimal;
}
.main .point p{
	width:530px;
	margin:10px 0;
	float:right;
}


/* 今回のpoint2 */
.main .point2{
	margin:0 0 20px;
	padding:0;
	background:url(../images/bk_point.gif) left top no-repeat;
	clear:both;
}
.main .point2 div{
	margin:0;
	padding:0 10px;
	background:url(../images/btm_point.gif) left bottom no-repeat;
}
.main .point2 h3{
	width:160px;
	margin:0 10px 0 0;
	padding:5px 10px 0 0;
	background:none;
	text-align:center;
	float:left;
}
.main .point2 ol{
	width:530px;
	margin:0;
	padding:10px 0 5px;
	list-style-type:none;
	float:right;
}
.main .point2 li{
	margin:0 0 5px 25px;
	padding:0;
	list-style-type:none;
}
.main .point2 p{
	width:530px;
	margin:10px 0;
	float:right;
}

/* 前のページへ戻るリンク
------------------------------------------------------------------------------- */
.section .main .li_back{
	width:730px;
	margin:20px 0 40px;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	text-align:center;
	clear:both;
}
.main .li_back p{ width:138px; margin:0 auto; }
.main .li_back p a{
	width:138px;
	height:28px;
	background-image:url(../images/btn_back.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .li_back p a span{ display:none; }
.main .li_back p a:link, .main .li_back p a:visited{ background-position:left top; }
.main .li_back p a:hover, .main .li_back p a:active{ background-position:left bottom; }

@media print{
	.main .li_back{ background:none; }
	.main .li_back p{ display:none; }
}






/* 写真有り
------------------------------------------------------------------------------- */
.main p.img,{ font-size:85%; }
.main p.img img{ margin-bottom:3px; }

.main div p.txt,
.main div div.txt{ width:235px; float:left; }
.main div p.img{
	width:483px;
	float:right;
}


/* 写真 － 2列 */
.main div div.img{ width:483px; float:right; }
.main div div.img p{
	width:236px;
	font-size:85%;
	/*text-align:right;*/
	float:left;
}
.main div div.img p img{ margin-bottom:3px; }
.main div div.img p.lastChild{ float:right; }

/* 写真 － 3列 */
.main div div.img_clmn3{ padding-top:10px; clear:both; }
.main div div.img_clmn3 p{
	width:236px;
	margin-right:10px;
	font-size:85%;
	float:left;
}
.main div div.img_clmn3 p img{ margin-bottom:3px; }
.main div div.img_clmn3 p.lastChild{ margin-right:0; float:right; }



/* case8　住みやすさに配慮・・・
------------------------------------------------------------------------------- */
.main .case08_02 p.img{ width:236px; float:left; }
.main .case08_02 .floatR{ width:483px; float:right; }
.main .case08_02 .floatR div.img{ float:none; }


/* case11　ご兄弟が力を・・・
------------------------------------------------------------------------------- */
.main .case11_voice p.img{ width:231px; float:right; }
.main .case11_voice p.txt{ width:455px; float:left; }


/* case13　景観と上質な・・・
------------------------------------------------------------------------------- */
.main .case13_01 p.img{ float:left; }
.main .case13_01 p.txt{ float:right; }


/* case15　「非日常的な・・・
------------------------------------------------------------------------------- */
.main .case15_02 div{ margin-bottom:20px; }
.main .case15_02 div div{ margin-bottom:0; }
.main .case15_02 h4{
	margin:0 0 10px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}
.main .case15_02sea p.floatL{ width:236px; font-size:85%; float:left; clear:none; }
.main .case15_02sea div.floatR{ width:483px; font-size:85%; float:right; clear:none; }
.main .case15_02sea div.floatR div p{ width:236px; padding-top:5px; float:left; clear:none; }
.main .case15_02sea div.floatR p.lastChild{ float:right; }
.main .case15_02sea p img{ margin-bottom:5px; }


/* case19　女性のための・・・
------------------------------------------------------------------------------- */
.main .case19_img01, .main .case19_img02{ width:730px; clear:both; }
.main .case19_img01 p, .main .case19_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .case19_img01 p img, .main .case19_img02 p img{ margin-bottom:5px; }
.main .case19_img01 .floatR{ width:480px; padding-top:30px; }
.main .case19_img02 .floatL{ width:216px; }
.main .case19_img02 .floatR{ width:501px; }

/* case23　せせらぎの・・・
------------------------------------------------------------------------------- */
.main .case23_img01, .main .case23_img02{ width:730px; clear:both; }
.main .case23_img01 p, .main .case23_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .case23_img01 p img, .main .case23_img02 p img{ margin-bottom:5px; }
.main .case23_img02 .floatR{ float:right; }
.main .case23_img02 .floatR{ width:167px; float:right; clear:right;}

/* case24　せせらぎの・・・ダミー
------------------------------------------------------------------------------- */
.main .case23_img01, .main .case23_img02{ width:730px; clear:both; }
.main .case23_img01 p, .main .case23_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .case23_img01 p img, .main .case23_img02 p img{ margin-bottom:5px; }
.main .case23_img02 .floatR{ float:right; }
.main .case23_img02 .floatR{ width:167px; float:right; clear:right;}

/* case25　せせらぎの・・・ダミー
------------------------------------------------------------------------------- */
.main .case23_img01, .main .case23_img02{ width:730px; clear:both; }
.main .case23_img01 p, .main .case23_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .case23_img01 p img, .main .case23_img02 p img{ margin-bottom:5px; }
.main .case23_img02 .floatR{ float:right; }
.main .case23_img02 .floatR{ width:167px; float:right; clear:right;}

/* case26　防犯配慮　D-roomガード
------------------------------------------------------------------------------- */
.main .case26_img01,.main .case26_img02{ width:730px; clear:both; }
.main .case26_img01 p, .main .case26_img02 p{
	padding-bottom:10px;
	font-size:85%;
	line-height:1.3;
	padding-right: 5px;
}
.main .case26_img01 p img, .main .case26_img02 p img{ margin-bottom:5px; }
.main .case26_img01 .floatL,.main .case26_img02 .floatL{ float:left; }
.main .case26_img01 .floatR,.main .case26_img02 .floatR{ width:730px; float:right; clear:right;}
.main .case26_img04 p img,.main .case26_img04 .floatC{
	float:none;
	margin-bottom:10px;
	text-align:center;
	clear: both;
}

/* cre02　八千代の杜
------------------------------------------------------------------------------- */
.main .cre02_img01 p, .main .cre02_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .cre02_img01 p img, .main .cre02_img02 p img { margin-bottom:5px; }
.main .cre02_img01 .floatL,.main .cre02_img02 .floatL{ float:left; }
.main .cre02_img03 p img,.main .cre02_img03 .floatC{
	float:none;
	margin-bottom:10px;
	text-align:center;
	clear: both;
}

/* r_case01　築24年とは・・・
------------------------------------------------------------------------------- */
@media print{
	.main .rcase01_02{ page-break-before:always; }
}

/* r_case02　築24年とは・・・
------------------------------------------------------------------------------- */
.main .rcase02_01{ margin-bottom:10px; }

.main .rcase02_01_2 p.img{ width:157px; float:left; }
.main .rcase02_01_2 p.txt{ width:560px; float:right; }
.main .rcase02_01_2 p.txt img{ margin:0 10px 0 0; float:left; }

.main .rcase02_02 p.img{ width:190px; }
.main .rcase02_02 p.txt{ width:527px; }
.main .rcase02_02 p.txt img{ margin:0 0 0 15px; float:right; }


/* r_case03　間取りと部材の・・・
------------------------------------------------------------------------------- */
.main .rcase03_02 div.img p{ width:483px; float:none; }

/* r_case04　和室中心の・・・
------------------------------------------------------------------------------- */
.main .rcase04_02 div.img p{ width:483px; float:none; text-align:right; }

/* r_case05　永く住み続けて・・・
------------------------------------------------------------------------------- */
.main .rcase05_02 p.img{ margin-top:5px; text-align:right; }

/* r_case06　新築の建物に・・・
------------------------------------------------------------------------------- */
.main .rcase06_summary p.img{
	width:auto;
	margin-top:10px;
	text-align:right;
	float:none;
	clear:both;
}

/* r_case08　間取りもインテリアも・・・
------------------------------------------------------------------------------- */
.main .rcase08_01 p.img{ width:535px; }
.main .rcase08_01 p.txt{ width:185px; }


/* r_case09　賃貸住宅だからこそ・・・
------------------------------------------------------------------------------- */
#r_case09 .summary div.txt p.img{ left:0; }
#r_case09 .summary div.txt p.img img{ margin-bottom:3px; }

.main .rcase09_01 div.txt, .main .rcase09_01 p.img{ width:355px; }






/* マンション事例共通
------------------------------------------------------------------------------- */
.main .mcase_01 p.img{ width:236px; }
.main .mcase_01 p.txt{ width:480px; }

.main .mcase_02 p.img{ width:363px; float:left; }
.main .mcase_02 p.txt{ width:355px; float:right; }



/* case m_07　ファレール西参道
------------------------------------------------------------------------------- */
.main .m_case07_img01, .main .m_case07_img02{ width:730px; clear:both; }

.main .m_case07_img01 .floatL{ width:350px; }
.main .m_case07_img01 .floatR{ width:360px; }

.main .m_case07_img01 p, .main .m_case07_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .m_case07_img01 p img, .main .m_case07_img02 p img{ margin-bottom:5px; }

.main .m_case07_img02 .floatL{ width:330px; }
.main .m_case07_img02 .floatR{ width:370px; }

/* case m_08　市川　アバンウェルディッツォ-HV（ファミリーマート）
------------------------------------------------------------------------------- */
.main .m_case08_img01{ width:730px; clear:both; }

.main .m_case08_img01 .floatL{ width:700px; }

.main .m_case08_img01 p, .main .m_case08_img02 p{ padding-bottom:10px; font-size:85%; line-height:1.3; }
.main .m_case08_img01 p img, .main .m_case08_img02 p img{ margin-bottom:5px; }