@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. ローカルナビ
　03. 住まいかた・暮らしかた
　04. おうちエコ
　05. 住まいのお手入れノート
　06. 日々のお楽しみノート

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


/* ==

　00. file import

=============================================================================== */
@import url("/column/css/common.css");
@import url("/common/css/rn01/common.css");
#hdArea.common{ border-bottom:none !important; }



/* ==

　01. 基本

=============================================================================== */

#main { float:none; width:730px; margin:0 auto; line-height:1.5; }
#navbar { float:left; width:200px; }
@media print{
	#navbar{ display:none; }
	#main{ float:left; }
}

#main div.li_backnumber{ margin-top:20px; padding:10px 0; background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x; }
.main div.li_backnumber{ padding:10px 0; background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x; }
div.li_backnumber p{ text-align:right; }
div.li_backnumber p a{ padding-right:7px; background:url(/common/images/renew2009/arrow_02.gif) right 4px no-repeat; }

.main .bnr{ margin:30px 0 30px; }






/* ==

　02. ローカルナビ

=============================================================================== */
.lnav{ float:none; margin-bottom:20px; }
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subt_feature.gif); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subt_job.gif); }
.lnav div.lnav03 p a{ background-image:url(../images/lnav_subt_care.gif); }
.lnav div.lnav04 p a{ background-image:url(../images/lnav_subt_memo.gif); }
.lnav div.lnav05 p a{ background-image:url(../images/lnav_subt_backnumber.gif); }
.lnav ul li{ font-weight:bold; }

#navbar ul.navbnr li{ margin-bottom:10px; }
#navbar h2{ margin-bottom:0; background:none; }
#navbar #mobile{
	background:url(/mail/images/mobile_bk.jpg) no-repeat left bottom;
	padding:0 10px 10px 10px;
}
#navbar #mobile p{
	font-size:10px;
	padding-top:10px;
	line-height:1.3;
}
#navbar #mobile p.code{ text-align:center; }



/* ==

　03. 住まいかた・暮らしかた

=============================================================================== */
#reason,
#yu{
	border-top:1px dashed #ccc;
	margin-top:15px;
	padding-top:10px;
}
#reason .reason_l{
	float:left;
	width:465px;
	padding-bottom:10px;
}
#reason .reason_r{ float:right; width:239px; }

#yu{ padding-top:20px; }
#yu h3{ margin-bottom:15px; }
#yu .yu_l{ float:left; width:370px; }
#yu .yu_l p{ margin-bottom:10px; }
#yu .yu_l p.LastChild{ margin-bottom:0; }
#yu .yu_l p a{
	background:url("/common/images/renew2009/arrow_02.gif") no-repeat left 5px;
	padding-left:10px;
}
#yu .yu_r{ float:right; width:328px; }
#yu .yu_r img{ margin-bottom:5px; }

#explan{ margin-top:20px; }
#explan .explan_l{ float:left; width:460px; }
#explan .explan_r{ float:right; width:252px; }
#explan .explan_r li{ margin-bottom:20px; }
#explan .explan_r li img{ margin-bottom:5px; }


/* ライフスタイルbox
------------------------------------------------------------------------------- */
.lifestyle{ margin-top:15px; }
.lifestyle li{
	width:230px;
	margin:0 8px 8px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.lifestyle li a{
	width:208px;
	height:80px;
	padding:95px 10px 0;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
.lifestyle li a img{ margin-bottom:3px; }

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

.lifestyle li.happyhug a{ background-image:url(/jutaku/lifestyle/images/img_happyhug.gif); }
.lifestyle li.kinkyoikumago a{ background-image:url(/jutaku/lifestyle/images/img_kinkyoikumago.jpg); }



/* ==

　04. おうちエコ

=============================================================================== */
#read{
	border-bottom:1px dashed #ccc;
	margin:20px 0;
	padding-bottom:20px;
}
#read h3{ margin:15px 0 5px; }

#conposut h3{ margin-bottom:10px; }

#conposut .conposut_l{
	float:left;
	width:515px;
}
#conposut .conposut_l p{ margin-bottom:10px; }
#conposut .conposut_l ul{ margin-bottom:20px; }
#conposut .conposut_l ul li{
	text-indent:-1em;
	padding-left:12px;
}

#conposut .conposut_r{
	float:right;
	width:200px;
}



/* ==

　05. 住まいのお手入れノート

=============================================================================== */
#read .read_l{ float:left; width:555px; }
#read .read_r{ float:right; width:151px; margin-top:25px; }

#care h3{ margin-bottom:10px; }
#care .care_l,
#care .care_r{ margin-top:15px; }
#care .care_l{ float:left; width:355px; }
#care .care_r{ float:right; width:355px; }
#care .img_on dl{ float:left; width:260px; }
#care .img_on p{ float:right; margin-top:15px; }



/* ==

　06. 日々のお楽しみノート

=============================================================================== */
.fun{ margin-top:20px; }
.fun h3{ margin-bottom:10px; }
.fun span{ color:#9F7D8A; }

#fun01 .fun_txt{ float:left; width:510px; }
#fun01 .fun_txt ul li{ text-indent:-1em; padding-left:1em; }

#fun01 .fun_txt .txt_l,
#fun01 .fun_txt .txt_r{ margin:15px 0; }
#fun01 .fun_txt .txt_l{ float:left; width:270px; }
#fun01 .fun_txt .txt_r{ float:right; width:150px; padding-right:30px; }
#fun01 .fun_txt .txt_r img{ margin-bottom:5px; }
#fun01 .fun_img{ float:right; width:209px; }

#fun02 .fun_txt{ float:right; width:495px; }
#fun02 .fun_txt p{ margin-bottom:12px; }
#fun02 .fun_img{ float:left; width:220px; }

#fun03 .fun_txt{ float:left; width:380px; }
#fun03 .fun_img{ float:right; width:330px; }
#fun03 .fun_txt,
#fun03 .fun_img{ margin-top:15px; }








/* ==

　07. SNSボタン

=============================================================================== */
.main #sns{ width:730px; margin:0; padding:0; /padding:0 0 5px; text-align:right; clear:both; }
.main #sns:after{ content:''; display:block; clear:both; }
.main #sns p{ margin:0; padding:0; display:inline; }
.main #sns p{ /padding:0 0 0 5px; }