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

/* ========================================================================== */
/* トップページのみに使用するCSS */
/* ========================================================================== */
/* mainphoto */
.mainphoto {
	margin: 0;
	padding: 0;
	width: 685px;
	background-image: url(../top_img/mainphoto.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
}

.mainphoto h2 {
	margin: 0;
	padding: 0;
	height: 256px;
	text-indent: -9999999px;
}

.mainphoto ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none;
}

.mainphoto ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;	
	width: 218px;
}

.mainphoto h3 {
	line-height: 160%;
	padding: 5px 25px 0 25px;
	margin: 0 0 25px 0;
	clear: both;
}

/* whatsnewbox */
.whatsnewbox {
	width: 673px;
	margin-left: 10px;
}

/* newsbox */
.newsbox01 {
	width: 443px;
	margin: 0 0 10px 0;
	float: left;
	background-image: url(../top_img/bg-newsbox.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.newsbox01:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;	
}

.newsbox02 {
	background-image: url(../top_img/bg-newsboxbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.newsbox03 {
	background-image: url(../top_img/bg-newstitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 10px 0 15px;
	height: 160px;
}

.newsbox03 h3 {
	margin: 0;
	padding: 5px 0 0 17px;
}

.newsbox03 p.rss {
	position: relative;
	height: 20px;
	margin: 0;
	padding: 0;
}

.newsbox03 p.rss a {
	position: absolute;
	top: -18px;
	right: 7px;
}

.txtblogtitle {
	width: 405px;
	height: 108px;
}


/* moviebox */
.moviebox {
	width: 217px;
	height: 165px;
	float: right;
	background-color: #CCC;
	display: inline;
}

/* banner */
.indexbanner {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

.indexbanner li {
	display: inline;
	margin: 0;
	padding: 0;
}

.indexbanner li.indexstaff {
	margin: 0 10px 0 0;
	padding: 0;
}

.indexbanner li.indexcareitem {
	margin: 12px 0 0 0;
	padding: 0;
}

/* indexcontact */
.index-contactbox {
	padding: 0 10px;
}

.contactbox {
	margin: 0 15px 30px 15px;
	width: 645px;
}

.contactbox th {
	font-weight: bold;
	text-align: right;
	border-bottom: 2px dotted #e5e5e5;
	padding: 12px 10px 10px 10px;
	color: #333333;
	width: 140px;
	vertical-align: top;
}

.contactbox td {
	border-bottom: 2px dotted #e5e5e5;
	padding: 10px 10px 10px 5px;
	line-height: 140%;
}

.contactbox td.mapbtnbox {
	vertical-align: top;
	padding: 12px 10px 10px 5px;
}

.contactbox td div {
	border-left: 4px solid #d7d7d7;
	padding-left: 11px;
	line-height: 140%;
	color: #444444;
}

.contactbox td div dl {
	margin: 5px 0 0 0;
	padding: 0;
}

.contactbox td div dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.contactbox td div dl dd {
	margin: 0;
	padding: 0 0 0 10px;
}

.contactbox td div ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

.contactbox td div ul li {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* access */
.accessbox {
	margin: 0 auto;
	width: 645px;
}

.accessbox h3 {
	margin: 0 0 10px;
	padding: 0;
}

.accessbox dl {
	margin: 0;
	padding: 0;
	float: left;
	width: 310px;
}

.accessbox dl dt {
	margin: 0;
	padding: 0;
}

.accessbox dl dd {
	margin: 0;
	padding: 0;
}

.accessbox dl.jinaibox {
	border-right: 2px dotted #e5e5e5;
	padding-right: 11px;

}

.accessbox dl.shimizubox {
	padding-left: 11px;
}

.accessbox dl dd.map div.mapbox {
	border: 1px solid #d7d7d7;
	text-align: center;
	padding: 4px 0;
	margin-top: 6px;
}

.accessbox dl dd.map p {
	text-align: right;
	margin: 3px 0 0 0;
	line-height: 25px;
}

.accessbox dl dd.map p a {
	background-image: url(../top_img/i-largemap.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 5px 0 5px 23px;
}