@charset "utf-8";

/* ========================================================
	hohoemi.css => 公楽苑ほほえみ用CSS
======================================================== */

a:link, a:visited {
	color: #B18434;
}
a:hover, a:active {
	color: #B18434;
}


/* ナビゲーション
============================================================================================================ */
div#naviArea {
	background-color: #ECDFC3;
}


/* 見出し
============================================================================================================ */
div#mainArea h3 {
	background-image: url(../images/sub_title_shadow.gif);
}



/* やすらぎの日々のために
============================================================================================================ */
div.feature_box {
	margin-bottom: 10px;
	padding: 14px 18px 0;
	background-color: #F6EEE3;
	border: 1px solid #E4DFD7;
	zoom: 1;
}
div.feature_box h4 {
	margin-bottom: 10px;
}
div.feature_box h5 {
	color: #B18434;
}
div.feature_box dl {
	margin-bottom: 1.2em;
}
div.feature_box dt {
	float: left;
}

div.concept h4 {
	background-color: #FFFFFF;
	border: 1px solid #EADFC4;
}
div.concept p {
	float: right;
	padding-top: 8px;
}
div.concept ul {
	margin-right: 240px;
}







/* 施設＆居室・料金のご案内
============================================================================================================ */
div.facilities div.column1 {
	margin-top: 10px;
}
div.facilities div.column1 p {
	float: left;
	width: 180px;
	margin-left: 18px;
}
div.facilities div.column1 div {
	float: right;
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E3E2E1;
}
div.facilities div.column1 div h4 {
	margin: 5px 5px 0;
}
div.facilities div.column1 div p {
	float: none;
	width: 202px;
	margin: 0 5px;
	font-size: smaller;
}
div.facilities div.column1 div p.ph {
	width: auto;
	margin: 0;
}
div.price div.title {
	margin-top: 10px;
	background-color: #FFFFFF;
	border: 1px solid #D2CECE;
	border-bottom-width: 0;
	zoom: 1;
}
div.price div.title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div.price div.title h4 {
	float: left;
}
div.price div.title p {
	padding: 8px 1em 0;
	text-align: right;
}
div.price dl dt {
	padding-top: 0.7em;
}
div.price dl dd {
	margin-left: 14em;
	text-align: right;
}
div.price dl dd strong {
	font-size: larger;
}
div.price dl em {
	font-size: smaller;
}

div.price dl.monthly {
	margin: 10px 0 5px;
	padding: 12px 1em 12px 7px;
	background-color: #F6EEE3;
	border: 1px solid #E3DDD4;
	color: #B18434;
	zoom: 1;
}
div.price dl.monthly:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
div.price dl.monthly dt,
div.price dl.monthly dd {
	padding: 0;
}
div.price dl.monthly dt {
	float: left;
}
div.price dl.monthly dd img {
	vertical-align: -4px;
}





/* 友の会のご案内
============================================================================================================ */
div.membership {
	margin-bottom: 45px;
	padding-bottom: 8px;
	background: url(../../../common/images/line.gif) repeat-x left bottom;
}
div.membership ul li ul {
	padding: 1em 0 0.5em;
}
div.membership ul li ul li {
	margin-top: 0;
	padding: 0;
	background: none;
}