@charset "utf-8";

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

　目次

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

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


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


/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
#main h3{ margin-bottom:10px; background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat; }
#main h4{ margin-bottom:10px; }

.main div{
	width:730px;
	min-height:1%;
	margin:0 0 20px;
	padding:0;
	font-size:115%;
	clear:both;
}
.main div:after{ content:''; display:block; clear:both; }
.main div div{ width:auto; margin:0; font-size:100%; clear:none; }

.main p.txt_link a{ padding-left:7px; background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat; }
.main p.txt_link a.blank{ padding-left:17px; background:url(/common/images/renew2009/arrow_blank.gif) left 1px no-repeat; }
@media print{
	* html .main p.txt_link a{ height:1%; display:block; }
}

.main span.co2{ font-size:10px; }

.main div.bnr{ margin:0; }
.main div.bnr p{ padding-bottom:10px; }

div.li_backnumber p a{ font-size:85%; }





/* ==

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

=============================================================================== */
.main .feature_02{ position:relative; }
.main .feature_02 p.img01{ text-align:center; }
.main .feature_02 p.img02{ padding-left:20px; }
.main .feature_02 p.img03{ position:absolute; bottom:0; right:20px; }


.main .ftr_hiraya{
	width:730px;
	padding-top:15px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	position:relative;
	clear:both;	
}
.section #main div.ftr_hiraya h3{ margin:0 0 10px; background:none; }


.main .ftr_hiraya .floatL{ width:255px; padding:0 0 20px; clear:none; }
.main .ftr_hiraya .floatR{ width:460px; padding:0 0 20px; clear:none; }
.main .ftr_hiraya .floatR p{ width:230px; font-size:75%; line-height:1.3; float:left; }


.main .ftr_hiraya .layout{ min-height:555px; position:relative; }
.main .ftr_hiraya .hobby{ width:350px; position:relative; }
.main .ftr_hiraya .nature{ width:395px; padding:100px 0 0; position:absolute; top:0; right:0; }
.main .ftr_hiraya .layout div dt{ margin-bottom:5px; }
.main .ftr_hiraya .layout div dt img{ vertical-align:bottom; }
.main .ftr_hiraya .layout div dd{ font-size:85%; line-height:1.4; }


.main .ftr_hiraya .hobby dl{ width:175px; position:absolute; top:0; left:145px; }
.main .ftr_hiraya .hobby p.img01{ margin-bottom:3px; }
.main .ftr_hiraya .nature dl{ width:250px; position:absolute; top:0; right:0; }
.main .ftr_hiraya .nature p.img01{ position:absolute; top:65px; left:0; }
.main .ftr_hiraya .nature p.img02{ position:absolute; top:447px; left:42px; }


.main .ftr_hiraya div.notes{ width:710px; padding:10px; background-color:#eee; clear:both; }
.main .ftr_hiraya div.notes p.img{ width:350px; margin-right:10px; float:left; }
.main .ftr_hiraya div.notes div.txt{ width:345px; font-size:85%; line-height:1.4; float:left; }



/* ==

　03. ひと仕事

=============================================================================== */
.main .job{ width:730px; clear:both; }

#main .job h4{ margin-bottom:0; padding-bottom:7px; background-color:#fff; }
#main .job h5{ padding-bottom:5px; }

.main .job_01{ width:730px; margin:0 0 10px; padding:0 0 30px; background:url(../images/job/dotline.gif) left bottom repeat-x; clear:both; }
.main .job_01 p.img{ float:right; }
.main .job_01 div.txt{ width:500px; font-size:85%; float:left; clear:none; }


.main .job_02{ width:730px; clear:both; }

.main .job_02 div.txt{ width:510px; float:right; }
.main .job_02 div.imgs{ width:190px; float:left; }

.main .job_02 div.txt div{
	margin:0 0 5px;
	padding:0 0 25px;
	background:url(../images/job/dotline.gif) left bottom repeat-x;
}

.main .job_02 div.imgs p.img01{ padding:20px 0; }
.main .job_02 div.imgs p.img02{ padding:20px 0 0 3px; }







/* ==

　04. 住まいのお手入れ

=============================================================================== */
#main .care div h4{ padding-top:10px; }
.main .care div h5{ margin-bottom:5px; }



.main .care .care_01{
	width:470px;
	margin:0;
	padding:0 260px 30px 0;
	background:url(../images/care/dotline.gif) left bottom repeat-x;
	position:relative;
	clear:both;
}
.main .care .care_01 div.txt{ font-size:85%; }
.main .care .care_01 p.img{ position:absolute; bottom:-104px; right:0; }

.main .care .care_02{
	width:730px;
	margin:0;
	padding:0 0 30px;
	background:url(../images/care/dotline.gif) left bottom repeat-x;
	position:relative;
	clear:both;
}
.main .care .care_02 div.txt{ font-size:85%; }

.main .care .care_03 p.img{ width:130px; text-align:center; float:left; }
.main .care .care_03 div.txt{ width:600px; font-size:85%; float:right; }




/* ==

　05. 日々のお楽しみメモ

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

.main div.anchor_memo{
	width:720px;
	margin:10px 0 20px;
	padding:10px 0 10px 10px;
	background-color:#edf7f2;
	clear:both;
}
.main div.anchor_memo li{
	width:165px;
	margin-right:8px;
	padding-left:9px;
	background:url(../images/memo/anchor_vline.gif) left center no-repeat;
	font-size:75%;
	line-height:1.2;
	float:left;
}
.main div.anchor_memo li.anchor_cooking{ width:165px; padding-left:0; background:none; }
.main div.anchor_memo li img{ width:30px; margin-right:5px; display:block; float:left; }
.main div.anchor_memo li span{ width:130px; display:block; float:left; }

.main div.anchor_memo li a span, .main div.anchor_memo li a strong{ color:#404f6f; }

.main div.anchor_memo li a:link span, .main div.anchor_memo li a:visited span{ text-decoration:underline; }
.main div.anchor_memo li a:hover span, .main div.anchor_memo li a:active span{ text-decoration:none; }



#cooking p.pagetop, #goodthings p.pagetop, #ecology p.pagetop{
	padding:10px 0 20px;
	background:url(../images/memo/dotline.gif) left 10px repeat-x;
}
#cooking p.pagetop a, #goodthings p.pagetop a, #ecology p.pagetop a{ top:30px; }



/* Cooking
------------------------------------------------------------------------------- */
#cooking{ position:relative; }
#cooking h4{ margin-bottom:5px; }
#cooking p.img{ width:210px; text-align:right; float:right; }
#cooking div{ width:510px; float:left; }

#cooking h5{ margin-bottom:5px; }
#cooking h5 img{ margin-right:10px; vertical-align:middle; }
#cooking h5 span{ font-weight:normal; }

#cooking p.txt_ingredients{ padding:0 340px 20px 0; }
#cooking p.notes{ padding:0 340px 20px 0; font-size:85%; }

#cooking li{
	margin-bottom:5px;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left 2px;
	line-height:1.4;
}
* html #cooking li{ height:1%; }
#cooking li.num01{ background-image:url(../../images/ic_num01.gif); }
#cooking li.num02{ background-image:url(../../images/ic_num02.gif); }
#cooking li.num03{ background-image:url(../../images/ic_num03.gif); }
#cooking li.num04{ background-image:url(../../images/ic_num04.gif); }



#cooking p.shunsozai{
	width:100px;
	min-height:58px;
	padding:75px 0 0 0;
	background:url(../images/memo/ckg_img01_2.jpg) 8px top no-repeat;
	font-size:75%;
	line-height:1.3;
	position:absolute;
	top:60px;
	left:410px;

}
* html #cooking p.shunsozai{ height:95px; }
#cooking p.shunsozai span{ color:#78a437; }



/* Good Things！
------------------------------------------------------------------------------- */
#goodthings h4, #goodthings h5{ margin-bottom:5px; }
#goodthings p.img{ width:200px; font-size:80%; line-height:1.2; float:left; }
#goodthings p.img img{ margin-bottom:5px; }
#goodthings div{ width:510px; float:right; }

#goodthings div ul{ padding-bottom:10px; }
#goodthings div li{ margin:0 0 5px; font-size:85%; }
#goodthings div li strong{
	margin:0 0 5px;
	padding-left:10px;
	background:url(../images/memo/gtngs_li_disc.gif) left center no-repeat;
}


#goodthings p.f12l15{ font-size:85%; line-height:1.5; }
#goodthings p.f12l13{ font-size:85%; line-height:1.4; }




/* Ecology
------------------------------------------------------------------------------- */
#ecology h4, #ecology h5{ margin-bottom:5px; }

#ecology p.img{ width:200px; font-size:80%; line-height:1.2; float:right; }
#ecology p.img img{ margin-bottom:5px; }
#ecology div.txt{ width:510px; float:left; }

#ecology div.txt ul{ padding-bottom:10px; }
#ecology div.txt li{ margin:0 0 10px; padding:0 0 0 1em; background:url(../images/memo/eco_li_disc.gif) left 0.5em no-repeat; font-size:90%; line-height:1.5; }

#ecology div.txt p.notes{ font-size:75%; }



/* Health&Relax
------------------------------------------------------------------------------- */
#health h4, #health h5{ margin-bottom:5px; }

#health p.notes{ margin-bottom:20px; font-size:85%; }

#health div.txt{ width:385px; margin:0 0 20px; font-size:85%; float:left; clear:none; }
#health p.img{ width:305px; margin:0 0 20px; text-align:right; float:right; clear:none; }

#health div.health_01{ margin:0 0 20px; }


#health p.f12l13{ font-size:85%; }



/*

#health div.health_01{ width:730px; margin:0 0 30px; clear:both; }

#health div.health_01 ol{ width:750px; margin:0 0 0 -15px; clear:both; }
#health div.health_01 li{
	width:168px;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}
#health div.health_01 li p{ font-size:85%; text-align:left; }
#health div.health_01 li p.img{ text-align:center; }


#health div.health_02{ width:730px; margin:0 0 30px; clear:both; }

#health div.health_02 div.txt{ width:430px; float:right; clear:none; }
#health div.health_02 p.img{ margin:0 0 5px; float:left; }

#health div.health_02 li{ margin:0 0 5px 1.5em; text-indent:-1.5em; }
#health div.health_02 li.lastChild{ margin-left:0; text-indent:0; }

#health p.f12l13{ font-size:85%; }


#health ol{ padding-bottom:10px; padding-left:1.5em; list-style-type:decimal; }
#health ol li{ margin-bottom:10px; /margin-left:1em; list-style-type:decimal; }
*/






#health div.nas{
	width:710px;
	padding:10px;
	background-color:#f0f0f0;
	font-size:85%;
	float:none;
	clear:both;
}
#health div.nas div.txt{ width:500px; margin:0; font-size:100%; float:left; }
#health div.nas div.txt p a{ font-weight:bold; }
#health div.nas p.img{ width:190px; float:right; }
#health div.nas p.img img{ vertical-align:bottom; }