@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 住まいのお手入れ


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


/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
.container{ width:auto; }


#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; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 790px) {

	#main{ width:auto; }
	.main div{ width:auto; }


}
@media only screen and (max-width: 600px) {
	#main p{ font-size:100%; }
}












/* ==

　02. 住まいのお手入れ

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

#main .care p.f12l15{ font-size:85%; }

.main .care div.care_01{
	width:730px;
	margin:0 0 20px;
	padding:0 0 20px;
	background:url(../images/care/line_dotted.gif) left bottom no-repeat;
}

.main .care div.column2{ width:750px; margin:0 0 0 -20px; clear:both; }
.main .care div.column2 h4{ margin-left:20px; }
.main .care div.column2 div{ width:355px; margin:0 0 0 20px; display:inline; float:left; clear:none; }
.main .care div.column2 div div{ width:auto; margin-left:0; display:block; float:none; clear:both; }

.main .care div.column2 div dd{ padding:5px 0; }
.main .care div.column2 div dd{ font-size:100%; line-height:1.5; }

.main .care div.column2 div.care_02, .main .care div.column2 div.care_04{ width:355px; margin:0 0 20px; }







/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 790px) {

	.main .care div.care_01{ width:auto; }

	#main .care div.column2{ width:auto; margin:0; }
	#main .care div.column2 div{ width:47%; margin-left:6%; }
	#main .care div.column2 div:first-child{ margin-left:0; }
	#main .care div.column2 div div{ width:auto; margin-left:0; display:block; float:none; clear:both; }

	.main .care div.column2 div.care_02, .main .care div.column2 div.care_04{ width:47%; }
	

}


@media only screen and (max-width: 640px) {

	#main .care div.column2 div{ width:auto; margin-left:0; float:none; display:block; }
	#main .care div.column2 div:first-child{ margin-bottom:30px; }





}