@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 .column2{
	width:750px;
	margin:0 0 20px -20px;
	clear:both;
}
.main .column2 div{
	width:355px;
	margin:0 0 0 20px;
	display:inline;
	float:left;
	clear:none;
}

.main .ftr_imgs .img{ margin-bottom:5px; text-align:center; }
.main .ftr_imgs p{ font-size:85%; }



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

	.main div.column2{ width:auto; margin-left:0; }
	.main div.column2 div{ width:47%; margin-left:6%; }
	.main div.column2 div:first-child{ margin-left:0; }

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

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

}







/* くつろぎの床座空間をつくる
------------------------------------------------------------------------------- */
.main .ftr_tokoza{
	width:730px;
	margin:0;
	padding-top:20px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	position:relative;
	clear:both;
}
.section #main div.ftr_tokoza h3{
	margin:0 0 10px;
	padding:0;
	background:none;
	zoom:1;
	display:block;
}


.main .ftr_tokoza div{ width:730px; margin:0 0 30px; font-size:85%; line-height:1.5; clear:both; }
.main .ftr_tokoza div div{ width:auto; margin:0; font-size:100%; clear:none; }


.main .ftr_tokoza .tokoza_01 div.txt{ width:250px; float:left; }
.main .ftr_tokoza .tokoza_01 div.img{ width:460px; float:right; }

.main .ftr_tokoza .tokoza_02 div.floatL{ width:500px; }
.main .ftr_tokoza .tokoza_02 div.floatR{ width:210px; }

.main .ftr_tokoza .tokoza_03 div.floatL{ width:425px; }
.main .ftr_tokoza .tokoza_03 div.floatR{ width:285px; }

.main .ftr_tokoza .tokoza_03 div.floatR .img03_3 img{ margin-right:10px; display:block; float:left; }




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

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

	.main .ftr_tokoza .tokoza_01 div.txt{ width:34%; }
	.main .ftr_tokoza .tokoza_01 div.img{ width:63%; }

	.main .ftr_tokoza .tokoza_02 div.floatL{ width:68.5%; }
	.main .ftr_tokoza .tokoza_02 div.floatR{ width:28.5%; }

	.main .ftr_tokoza .tokoza_03 div.floatL{ width:58%; }
	.main .ftr_tokoza .tokoza_03 div.floatR{ width:39%; }
	.main .ftr_tokoza .tokoza_03 div.floatR .img03_3 img{ margin-right:0; margin-bottom:10px; display:block; float:none; }


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

	.main .ftr_tokoza .tokoza_01 div.txt{ width:auto; margin-bottom:15px; float:none; }
	.main .ftr_tokoza .tokoza_01 div.img{ width:auto; float:none; }

	.main .ftr_tokoza .tokoza_02 div.floatL{ width:auto; margin-bottom:15px; float:none; }
	.main .ftr_tokoza .tokoza_02 div.floatR{ width:auto; float:none; }
	.main .ftr_tokoza .tokoza_02 div.floatR img{ width:45%; max-width:210px !important; height:auto; margin-right:15px; display:block; float:left; }
	.main .ftr_tokoza .tokoza_02 div.floatR .devPcTbl{ display:none; }

}


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

	.main .ftr_tokoza .tokoza_03 div.floatL{ width:auto; margin-bottom:15px; float:none; }
	.main .ftr_tokoza .tokoza_03 div.floatL p img{ width:100%; height:auto; }
	.main .ftr_tokoza .tokoza_03 div.floatR{ width:auto; float:none; }
	.main .ftr_tokoza .tokoza_03 div.floatR div.mb15{ width:55%; float:left; }
	.main .ftr_tokoza .tokoza_03 div.floatR div.mb15 p img{ width:100%; height:auto; }
	.main .ftr_tokoza .tokoza_03 div.floatR div.img03_3{ width:40%; float:right; }

}