@charset "utf-8";

/*
	Site Name: 高齢者住宅募集センター
	Description: 
	Version: 2.0
	Author: Yugo Tsunoda
*/

/*
===== CONTENTS ===========================================

	1: BOX

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

/*
===== 1: BOX ==========================================
*/
div#main-img{
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}
div#main-box{
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	background-image:url(../img/bg_box-end.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#top_about-center_box {
	width: 322px;
	height: 226px;
	margin: 10px 0 0 0;
	padding: 0px;
	background-image: url(../img/bg_about-center.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#top_about-center_box #button a {
	margin: 10px 5px 0px 0px;
	padding: 0px;
	width: 97px;
	height: 23px;
	background-image: url(../img/button_about-center.jpg);
	background-repeat: no-repeat;
	float: right;
	display: block;
	text-indent:-9999px;
}
div#top_about-center_box #button a:hover {
	background-image: url(../img/button_about-center_over.jpg);
}

div#top_about-shop_box {
	width: 323px;
	height: 226px;
	margin: 10px 0 0 0;
	padding: 0px;
	background-image: url(../img/bg_about-shop.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#top_about-shop_box #button a {
	margin: 10px 5px 0px 0px;
	padding: 0px;
	width: 97px;
	height: 23px;
	background-image: url(../img/button_about-shop.jpg);
	background-repeat: no-repeat;
	float: right;
	display: block;
	text-indent:-9999px;
}
div#top_about-shop_box #button a:hover {
	background-image: url(../img/button_about-shop_over.jpg);
}

div#top_staff_box {
	width: 322px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-image: url(../img/bg_staff.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#top_staff_box #button a {
	margin: 7px 5px 0px 0px;
	padding: 0px;
	width: 97px;
	height: 23px;
	background-image: url(../img/button_staff.jpg);
	background-repeat: no-repeat;
	float: right;
	display: block;
	text-indent:-9999px;
}
div#top_staff_box #button a:hover {
	background-image: url(../img/button_staff_over.jpg);
}


div#top_staff_box div#detail_box {
	margin: 95px 5px 10px 5px;
}
div#top_staff_box div#staff_photo {
	width: 65px;
	margin: 5px;
	float: left;
}
div#top_staff_box p#staff_name {
	margin: 5px 0px 0px 5px;
	float: left;
	font-weight: bold;
	width: 215px;
	text-align: left;
}
div#top_staff_box p#staff_info {
	margin: 0px 0px 0px 5px;
	float: left;
	width: 220px;
	text-align: left;
}


div#top_contact_box {
	width: 323px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-image: url(../img/bg_contact.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#top_contact_box #button01 a {
	margin: 172px 5px 0px 10px;
	padding: 0px;
	width: 145px;
	height: 54px;
	background-image: url(../img/button_contact-mail.jpg);
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent:-9999px;
}
*html div#top_contact_box #button01 a {
	margin: 172px 5px 0px 5px;
}
div#top_contact_box #button01 a:hover {
	background-image: url(../img/button_contact-mail_over.jpg);
}
div#top_contact_box #button02 a {
	margin: 172px 5px 0px 5px;
	padding: 0px;
	width: 145px;
	height: 54px;
	background-image: url(../img/button_contact-yoyaku.jpg);
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent:-9999px;
}
div#top_contact_box #button02 a:hover {
	background-image: url(../img/button_contact-yoyaku_over.jpg);
}


#news_box {
	display: block;
	padding :0px;
	margin: 10px 0px 20px 0px;
}
#news_box .title{
	background-image: url(../img/ttl_news.jpg);
	background-repeat: no-repeat;
	width: 645px;
	height: 37px;
}
#news_box .title #button a {
	margin: 8px 15px 0px 0px;
	padding: 0px;
	width: 97px;
	height: 23px;
	background-image: url(../img/button_new_ichiran.jpg);
	background-repeat: no-repeat;
	float: right;
	display: block;
	text-indent:-9999px;
}
#news_box .title #button a:hover {
	background-image:  url(../img/button_new_ichiran_over.jpg);
}

#news_box p{
	padding :0px;
	margin: 10px 20px;
}


#recommend_box {
	display: block;
	padding :0px;
	margin: 10px 0px 0px 0px;
}
#recommend_box .title{
	background-image: url(../img/ttl_recommend.jpg);
	background-repeat: no-repeat;
	width: 645px;
	height: 37px;
	text-indent:-9999px;
}

#recommend_box #shisetsu-box{
	width: 625px;
	margin: 10px;
}
#recommend_box #shisetsu-box #photo-area{
	width: 118px;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
}
#recommend_box #shisetsu-box #info-area{
	width: 495px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#recommend_box #shisetsu-box #info-area p.name{
	margin: 0px 0px 1px 0px;
	padding: 3px;
	background-color: #DAF1D8;
	text-align: left;
	font-weight: bold;
}
#recommend_box #shisetsu-box #info-area p.type{
	margin: 0px 0px 1px 0px;
	padding: 3px;
	background-color: #EEEEEE;
	text-align: left;
	font-weight: bold;
}
#recommend_box #shisetsu-box #info-area p.info{
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
	text-align: left;
}
div#line{
	clear: both;
	border-bottom: 2px dotted #CCCCCC;
}