@charset "utf-8";

/* ==

　01. contents

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

/* 間取りのチェックTOP
------------------------------------------------------------------------------- */

#main .topCategory01 .nav01 span { background-image: url(../../images/rn01/index_bg_01.gif); }
#main .topCategory01 .nav02 span { background-image: url(../../images/rn01/index_bg_02.gif); }
#main .topCategory01 .nav03 span { background-image: url(../../images/rn01/index_bg_03.gif); }
#main .topCategory01 .nav04 span { background-image: url(../../images/rn01/index_bg_04.gif); }
#main .topCategory01 .nav05 span { background-image: url(../../images/rn01/index_bg_05.gif); }
#main .topCategory01 .nav06 span { background-image: url(../../images/rn01/index_bg_06.jpg); }

/* 間取り・プラン
------------------------------------------------------------------------------- */

#main .madoriStyle .colHeader {	margin-bottom: 30px; }

#main .madoriStyle .colHeader h3 {
	float: left;
	margin-right: 10px;
}

#main .madoriStyle .colHeader p {	padding-top: 15px; }


/* 図面集の見方
------------------------------------------------------------------------------- */

#main .patternTable {	width: 100%; }

#main .patternTable th,
#main .patternTable td {
	padding: 10px;
	text-align: center;
	border: 1px solid #b8aeab;
}

#main .patternTable th {
	background-color: #7c7673;
	color: #fff;
}

#main .patternTable td { background-color: #fff; }


/* 水回り
------------------------------------------------------------------------------- */

@media screen and (max-width:480px) {
	#main div.infoBlock03.separateBlock2 {
		padding-top: 20px;
		background: url(/mansion/images/rn01/icon_13.gif) left top repeat-x;
	}
	#container #main div.infoBlock03.separateBlock .colImg,
	#container #main div.infoBlock03.separateBlock2 .colImg {
		margin-bottom: 10px;
	}
	#main div.infoBlock03.separateBlock h3,
	#main div.infoBlock03.separateBlock2 h3 {
		margin-top: 10px;
	}
}


/* 収納力
------------------------------------------------------------------------------- */

@media screen and (max-width:768px) {
	#container #main .infoBlock01 .colImg.colMinFix,
	#container #main #contents .reverse.flowTxt .colImg.colMinFix {
		min-width: 130px;
	}
}