@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通
　02. ナビ
　03. トップページ
　04. きずなspace
　05. はぐくみspace
　06. 間取り・プラン


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css");


/* ==

　01. 共通

=============================================================================== */
p.top{
	padding-top:10px;
	float:left;
}
img.catalog{ float:right; }


.main div{
	min-height:1%;
	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 .column2{ margin-bottom:10px; clear:both; }

.main div p{
	margin-bottom:10px;
	line-height:1.5;
}
.main div p.img img{ margin-bottom:5px; }
.main div p.img{ font-size:85%; line-height:1.3; }

.main ul.img{ margin-bottom:20px; }
.main ul.img li{
	width:237px;
	margin-right:9px;
	line-height:1.3;
	float:left;
}
.main ul.img li.lastChild{ margin-right:0; float:right; }
.main ul.img dt{ margin-bottom:5px; }
.main ul.img dd{ font-size:85%; }

.main .nextback{ margin-bottom:20px; }

.main p.bnr{ margin-bottom:10px; }
.main p.notes{
	margin-top:5px;
	font-size:85%;
	line-height:1.4;
	clear:both;
}


/* みんなの声
------------------------------------------------------------------------------- */
.voice{ clear:both; }
.voice p{
	margin-bottom:15px;
	padding-left:15px;
}
.voice li{
	font-size:85%;
	line-height:1.5;
}
.voice li span{ color:#f39630; }



/* ==

　02. ナビ

=============================================================================== */
/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li.nav_happyhug{ margin-right:0; }
.main .nav li.nav_top a{ width:50px; background-image:url(../images/nav_top.gif); }
.main .nav li.nav_kizuna a{ width:186px; background-image:url(../images/nav_kizuna.gif); }
.main .nav li.nav_hagukumi a{ width:186px; background-image:url(../images/nav_hagukumi.gif); }
.main .nav li.nav_plan a{ width:186px; background-image:url(../images/nav_plan.gif); }
.main .nav li.nav_happyhug a{ width:100px; background-image:url(../images/nav_happyhug.gif); }

/* アクティブ */
.main .nav ul.navTop li.nav_top a{ background-position:left bottom; }
.main .nav ul.navKizuna li.nav_kizuna a{ background-position:left bottom; }
.main .nav ul.navHagukumi li.nav_hagukumi a{ background-position:left bottom; }
.main .nav ul.navPlan li.nav_plan a{ background-position:left bottom; }


/* ==

　03. トップページ

=============================================================================== */
.cnt_list{
	margin-bottom:10px;
	padding-bottom:40px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
}
.cnt_list li{
	width:355px;
	float:left;
}
.cnt_list li.lastChild{
	float:right;
}
.cnt_list li span{
	margin:7px 0 0;
	padding-left:10px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	display:block;
}


/* ==

　04. きずなspace

=============================================================================== */
.kzn_01 .point p,
.kzn_02 .point p,
.kzn_03 .point p{ color:#e95877; }

.kzn_01 h4,
.kzn_02 h4,
.kzn_03 h4{ margin-bottom:5px; }


/* ヒロマ＆フキヌケ
------------------------------------------------------------------------------- */
.kzn_01{ margin-bottom:20px; }
.kzn_01 .point{
	width:484px;
	float:right;
}
.kzn_01 .column2 p.img img{ margin-bottom:0; }
.kzn_01 .column2 div.img{
	width:237px;
	margin-bottom:0;
	float:left;
}
.kzn_01 .column2 dt{ margin-bottom:5px; color:#e95877; }
.kzn_01 .column2 dd{ font-size:85%; }


/* みんなの声 */
.kzn_01 .voice{
	background:url(../images/kzn_voice01_bk.gif) left 9px no-repeat;
}
.kzn_01 .voice ul{
	width:500px;
	margin:0;
	padding:0 0 0 230px;
	background:url(../images/btm_voice.gif) left bottom no-repeat;
	clear:both;
}
.kzn_01 .voice li{
	width:235px;
	margin:0;
	padding:0 15px 15px 0;
	float:left;
}
@media print{
	* html .kzn_01 .voice li{ padding:0 0 15px 20px; }
}


/* エンガワドマ
------------------------------------------------------------------------------- */
.kzn_02 ul.img dt{ color:#e95877; }

.kzn_02 .column2 .point{
	width:484px;
	float:left;
}
.kzn_02 .column2 p.img{
	width:237px;
	margin-bottom:0;
	float:right;
}

.kzn_02 .column2 .floatL{
	margin-top:9px;
}

/* みんなの声 */
.kzn_02 .voice{
	width:355px;
	background:#ebf5f9 url(../images/btm_voice355.gif) left bottom no-repeat;
	float:right;
}
.kzn_02 .voice p{
	width:330px;
	padding-left:25px;
	background:#fff url(../images/top_voice355.gif) left 9px no-repeat;
}
.kzn_02 .voice li{
	margin:0 15px;
	padding-bottom:10px;
}


/* 夫婦のイバショ
------------------------------------------------------------------------------- */
.main .kzn_03{
	margin-bottom:10px;
	padding-bottom:40px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
}

.kzn_03 .column2 .point{
	width:484px;
	float:right;
}
.kzn_03 .column2 p.img{
	width:237px;
	margin-bottom:0;
	float:left;
}

/* みんなの声 */
.kzn_03 .voice{
	background:url(../images/kzn_voice03_bk.gif) left 9px no-repeat;
}
.kzn_03 .voice ul{
	padding:0 225px 5px 0;
	background:url(../images/btm_voice.gif) left bottom no-repeat;
}
.kzn_03 .voice li{
	width:235px;
	margin:0 0 0 15px;
	padding-bottom:15px;
	display:inline;
	float:left;
}




/* ==

　05. はぐくみspace

=============================================================================== */
.hgkm_01 .point p,
.hgkm_02 .point p,
.hgkm_03 .point p{ color:#5ba446; }

.hgkm_01 h4,
.hgkm_02 h4,
.hgkm_03 h4{ margin-bottom:10px; }

.hgkm_01 ul.img dt,
.hgkm_02 ul.img dt,
.hgkm_03 ul.img dt{ color:#5ba446; }

/* しつけのアドバイス */
.main .upbringing{
	padding-bottom:5px;
	background:url(../images/btm_upbringing.gif) left bottom no-repeat;
}
.main .upbringing p{
	width:730px;
	margin-bottom:0;
	padding-bottom:10px;
	background:#fff url(../images/top_upbringing.gif) left 60px no-repeat;
}
.main .upbringing dl{
	width:325px;
	padding:5px 15px;
	background-color:#faf3cc;
	line-height:1.5;
	float:left;
}
.main .upbringing dl.lastChild{ float:right; }
.main .upbringing dt{
	margin-bottom:5px;
	color:#e9648d;
}
.main .upbringing dd{ font-size:85%; }
* html .main .upbringing dd{ height:1%; }


/* みんなのイバショ
------------------------------------------------------------------------------- */
.hgkm_01 .point{
	width:484px;
	float:right;
}
.hgkm_01 .column2 p.img{
	width:237px;
	margin-bottom:0;
	float:left;
}

.hgkm_01 ul.img{ margin-bottom:10px; }
.hgkm_01 ul.img li{ width:483px; }
.hgkm_01 ul.img li.lastChild{ width:237px; }


/* みんなの声 */
.hgkm_01 .voice{
	background:url(../images/hgkm_voice01_bk.gif) left 9px no-repeat;
}
.hgkm_01 .voice ul{
	padding:0 225px 5px 0;
	background:url(../images/btm_voice.gif) left bottom no-repeat;
}
.hgkm_01 .voice li{
	width:235px;
	margin:0 0 0 15px;
	padding-bottom:15px;
	display:inline;
	float:left;
}

/* マナビバ
------------------------------------------------------------------------------- */
.hgkm_02 .point{
	width:484px;
	float:left;
}
.hgkm_02 .column2 p.img{
	width:237px;
	margin-bottom:0;
	float:right;
}
.hgkm_02 .upbringing dd{
	padding-right:140px;
	background:url(../images/hgkm_img02_upbr.gif) 210px top no-repeat;
}
.hgkm_02 .upbringing .lastChild dd{
	background:url(../images/hgkm_img02_upbr2.gif) 210px top no-repeat;
}

/* 子どものイバショ
------------------------------------------------------------------------------- */
.main .hgkm_03{
	margin-bottom:10px;
	padding-bottom:40px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
}

.hgkm_03 .point{
	width:484px;
	float:right;
}
.hgkm_03 .column2 p.img{
	width:237px;
	margin-bottom:0;
	float:left;
}

.hgkm_03 ul.img{ margin-bottom:10px; }
.hgkm_03 ul.img li{ width:483px; }
.hgkm_03 ul.img li.lastChild{ width:237px; }


.hgkm_03 .upbringing dd{
	padding-right:100px;
	background:url(../images/hgkm_img03_upbr.gif) 250px top no-repeat;
}
.hgkm_03 .upbringing .lastChild dd{
	min-height:130px;
	background:url(../images/hgkm_img03_upbr2.gif) 240px top no-repeat;
}
* html .hgkm_03 .upbringing .lastChild dd{ height:130px; }




/* ==

　06. 間取り・プラン

=============================================================================== */
.main .plan_01{ margin-bottom:0; }
.plan_01 .column2 div{
	width:565px;
	float:left;
}
.plan_01 .column2 p.img{ margin:5px 0 0; float:right; }
.plan_01 .column2 div h4{ margin-bottom:7px; }
.plan_01 h5{
	width:730px;
	margin-bottom:10px;
	background:url(../images/plan_line.gif) left center repeat-x;
}

.plan_01 .layout_1f{ margin-bottom:20px; }
.plan_01 .layout_1f p.img{ margin-bottom:10px; float:right; }
.plan_01 .layout_1f ul{	float:left; }
.plan_01 .layout_1f li{	width:245px; margin-bottom:10px; }

.plan_01 .layout_2f p.img{ margin-bottom:10px; float:left; }
.plan_01 .layout_2f ul{	float:right; }
.plan_01 .layout_2f li{ width:330px; margin-bottom:10px; }
.plan_01 .layout_2f li.firstChild img{ float:left; }
.plan_01 .layout_2f li.firstChild dl{
	width:190px;
	float:right;
}

.plan_01 div .column3{
	width:730px;
	clear:both;
}
.plan_01 div .column3 ul{ float:none; }
.plan_01 div .column3 li{
	width:235px;
	margin-right:10px;
	float:left;
}
.plan_01 div .column3 li.firstChild{ width:158px; }
.plan_01 div .column3 li.lastChild{
	width:315px;
	margin-right:0;
	float:right;
}

.plan_01 div li img{ margin-bottom:5px; }
.plan_01 div dl{
	margin-bottom:10px;
	font-size:85%;
	line-height:1.3;
}
.plan_01 div dt{
	margin-bottom:3px;
	color:#1fb9df;
}

.plan_01 .layout_2f div li.firstChild dl{ width:auto; }
.plan_01 .layout_2f .column3{
	margin-bottom:10px;
	padding-bottom:40px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
}