@charset "utf-8";
@import "/css/common.css";

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

/* room style css(住まいの資料館) */

/*==================================================================*/
/* h1 */
h1{margin:0 auto 1em;padding:0;}

#room *{margin:0;padding:0;}
#room{
	width:670px;
	margin:0 auto 4em;
}

#room p.read{margin:0 0 1.2em;}

/* h2 */
#room h2{margin:0 0 0.6em;}

/* block */
/* -------------------------------------------- */
#room .block{
	width:610px;
	margin:0 auto 2em;
	padding:0 0 20px;
	border-bottom:1px dashed #ccc;
}

/* clear hack */
#room .block{zoom:1;}
#room .block:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* h3 */
#room .block h3{margin:0 0 1.4em;}

#room .block p.text{
	padding:10px;
	background-color:#fff3c1;
}

/* block-l */
/* -------------------------------------------- */
#room .block-l .left{
	float:left;
	width:310px;
}

#room .block-l .right{
	float:right;
	width:270px;
	padding:16px 0 0;
}

/* block-r */
/* -------------------------------------------- */
#room .block-r .left{
	float:left;
	width:270px;
	padding:20px 0 0;
}

#room .block-r .right{
	float:right;
	width:310px;
}

/* access */
/* -------------------------------------------- */
#room .access{
	width:640px;
	margin:0 auto;
}

/* h4 */
#room .access h4{margin:0 0 2.2em;}

#room .access-info{
	width:620px;
	margin:0 auto 1.8em;
}

/* clear hack */
#room .access-info{zoom:1;}
#room .access-info:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#room .access-info .left{
	float:left;
	width:300px;
}

#room .access-info .right{
	float:right;
	width:300px;
}

#room .access-info .left dl dt{
	margin:0 0 0.4em;
	padding:2px 0 2px 8px;
	font-weight:bold;
	color:#623a07;
	background-color:#f5eee1;
}

#room .access-info .left dl dd{margin:0 8px 0.8em;}

/* map */
/* -------------------------------------------- */
#room .map{margin:0 0 3em;text-align:center;}
#room .map iframe{border:2px solid #ccc;}

/* contact */
/* -------------------------------------------- */
/* h5 */
#room h5{
	width:590px;
	margin:0 auto 0.6em;
}

#room .contact-text{
	width:584px;
	margin:0 auto 0.4em;
}

#room .contact{
	width:580px;
	margin:0 auto;
	padding:6px 0 1px;
	border:1px solid #ccc;
	background-color:#fff3c1;
}

#room .contact ul{margin:0 0 0 20px;}
#room .contact ul li{
	list-style:none;
	margin:0 28px 0 0;
	display:inline;
}

#room .contact ul li.end{margin:0;}

/* --------------------------------------------------------------- */