@charset "utf-8";

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

　目次

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

　00. base
　01. 


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



/* ==

　00. base

=============================================================================== */
#main div:after{ content:''; display:block; clear:both; }

#main h2{ margin-bottom:10px; }
#main h3{ margin-bottom:10px; }

p em{ font-weight:bold; }
#main p.leadTxt{ padding:45px 0 50px; text-align:center; }
#main p.leadTxt.mobile{ padding:15px 0 30px; font-weight:bold; }


#main p.hdTxt{ margin-bottom:10px; }

#main div.note{ padding-top:15px; border-top:1px dotted #ccc; clear:both; }



/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 600px) {
	#main p.leadTxt.mobile{ padding:20px 0 40px; text-align:left; }
}





/* ==

　01. 汚れに応じた、お掃除方法でわが家をきれいに

=============================================================================== */
.howtoBlock .howto01,
.howtoBlock .howto02{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
	zoom:1;
	clear:both;	
}
.howtoBlock .howto03{
	margin:0 0 20px;
	zoom:1;
	clear:both;	
}
.howtoBlock div .note{ margin-left:1em; text-indent:-1em; }

.howtoBlock div .colTxt{ width:35%; float:left; }
.howtoBlock div .colImg{ width:62%; float:right; }

.howtoBlock .howto01 .colImg .img{ width:49%; float:left; }
.howtoBlock .howto01 .colImg .txt{ width:49%; float:right; }

.howtoBlock .howto02 .colImg .col1{ width:32%; float:left; }
.howtoBlock .howto02 .colImg .col2{ width:64%; float:right; }
.howtoBlock .howto02 .colImg .col2 div{ margin-right:10px; float:left; }
.howtoBlock .howto02 .colImg .col2 p{ padding-top:10px; }

.howtoBlock .howto03 .colImg .col1{ width:40%; position: relative; float:left; }
.howtoBlock .howto03 .colImg .col1 p{ position:absolute; top:110px; left:90px; }
.howtoBlock .howto03 .colImg .col2{ width:55%; float:right; }


/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 1020px){
}
@media only screen and (max-width: 820px) {
	.howtoBlock div .colTxt{ width:auto; margin-bottom:15px; float:none; }
	.howtoBlock div .colImg{ width:auto; float:none; }
}
@media only screen and (max-width: 600px) {
	.howtoBlock .howto01 .colImg .img{ width:auto; max-width:285px; margin:0 auto 10px; float:none; }
	.howtoBlock .howto01 .colImg .txt{ width:auto; float:none; }

	.howtoBlock .howto02 .colImg .col1{ width:46%; }
	.howtoBlock .howto02 .colImg .col2{ width:50%; }
	.howtoBlock .howto02 .colImg .col2 div{ margin-right:0; float:none; }

	.howtoBlock .howto03 .colImg .col1{ width:45%; }
	.howtoBlock .howto03 .colImg .col2{ width:50%; }
}



/* ==

　02. この春から家族で「ついでおそうじ 」をはじめよう！

=============================================================================== */
.ftr_tsuide{
	margin:0 0 50px;
	padding-top:30px;
	border-top:1px dotted #ccc;
	zoom:1;
	clear:both;
}
.ftr_tsuide .col1{ width:48%; float:left; }
.ftr_tsuide .col2{ width:48%; float:right }
.ftr_tsuide div .col1, .ftr_tsuide div .col2{ width:auto; float:none; }

.ftr_tsuide div p.note{ margin-left:1em; text-indent:-1em; }

.ftr_tsuide .kitchen,
.ftr_tsuide .bathroom,
.ftr_tsuide .washroom{
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dotted #ddd;
	zoom:1;
	clear:both;	
}

.ftr_tsuide div p em{
	padding-left:12px;
	background: url(../images/comfortableLife/li_disc01.gif) left 0.5em no-repeat;
	color:#588b34;
	font-weight:bold;
}

.ftr_tsuide .kitchen .col1{ margin:0 0 30px; padding:0; zoom:1; clear:both; }
.ftr_tsuide .kitchen .col1 .txt{ width:59%; float:left; }
.ftr_tsuide .kitchen .col1 .img{ width:37%; float:right; }

.ftr_tsuide .kitchen .col2 .txt{ width:50%; float:right; }
.ftr_tsuide .kitchen .col2 .img{ width:46%; margin-top:-50px; float:left; }

.ftr_tsuide .living .col1 .txt{ width:50%; float:left; }
.ftr_tsuide .living .col1 .img{ width:46%; float:right; }

.ftr_tsuide .bathroom .col1 .txt{ width:62%; float:left; }
.ftr_tsuide .bathroom .col1 .img{ width:34%; float:right; }

.ftr_tsuide .washroom .col1 .txt{ width:55%; float:left; }
.ftr_tsuide .washroom .col1 .img{ width:41%; float:right; }

.ftr_tsuide .lavatory .col1 .txt{ width:56%; float:left; }
.ftr_tsuide .lavatory .col1 .img{ width:40%; float:right; }




/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
}
@media only screen and (max-width: 820px) {
	.ftr_tsuide .col1{ width:auto; float:none; }
	.ftr_tsuide .col2{ width:auto; float:none; }
	.ftr_tsuide .living{
		margin:0 0 20px;
		padding:0 0 20px;
		border-bottom:1px dotted #ddd;
		zoom:1;
		clear:both;	
	}
}
@media only screen and (max-width: 600px) {
}