@charset "UTF-8";

/*=======================*/
/* トップページ　　 　   */
/*=======================*/

#topimage{
	position: relative;
	width: 800px;
	height: 500px;
	margin-bottom: 40px;
	background-color: #ECE9E1;
	background-image: url(../img/index/top_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#topimage h2,
#topimage p{
	position: absolute;
	text-indent: -9999px;
}

#topimage ul{
	position: absolute;
	top: 35px;
	left: 0;
	width: 305px;
	height: 218px;
	background-image:url(../img/index/index_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#topimage ul li{
	list-style: none;
}

#topimage ul li a{
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

#index_concept a{
	width: 305px;
	height: 54px;
}
#index_treatment a{
	width: 294px;
	height: 54px;
}
#index_equipment a{
	width: 217px;
	height: 55px;
}
#index_access a{
	width: 198px;
	height: 55px;
}

#index_concept a:hover{ background-image: url(../img/index/index_concept.jpg); }
#index_treatment a:hover{ background-image: url(../img/index/index_treatment.jpg); }
#index_equipment a:hover{ background-image: url(../img/index/index_equipment.jpg); }
#index_access a:hover{ background-image: url(../img/index/index_access.jpg); }

#seminar{
	position: absolute;
	bottom: 25px;
	right: 25px;
}

#seminar a{
	display: block;
	width: 259px;
	height: 94px;
	text-indent: -9999px;
	background-image: url(../img/index/seminar_link.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#seminar a:hover{ background-position: left bottom; }


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

#guide{
	position: relative;
	width: 330px;
	margin-bottom: 50px;
	float: left;
	font-size: 95%;
	line-height: 1.5em;
}

#guide h2{
	height: 16px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	text-indent: -9999px;
	background-image: url(../img/index/h2_treatment_day.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: dotted 1px #999999;
}

#guide dl{
	line-height: 1.4em;
	margin-bottom: 25px;
}

#guide dl dt{
	width: 5.5em;
	float: left;
}

#guide dl dd{
	padding-left: 5.5em;
}

#guide #data{
	margin-top: 25px;
	padding: 20px 0 0 85px;
	background-image: url(../img/index/mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: dotted 1px #999999;
}

#guide #recruit{
	font-weight: bold;
	margin-top: 25px;
	padding-top: 20px;
	border-top: dotted 1px #999999;
	clear: both;
}

#guide #recruit h3{
	width: 189px;
	height: 19px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../img/index/h3_recruit.png);
	background-repeat: no-repeat;
	background-position: left top;
}


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

#calendar{
	position: relative;
	margin-left: 370px;
}

#calendar table{
	width: 195px;
	margin-bottom: 35px;
	border-collapse: collapse;
	font-size: 90%;
}

#calendar table th,
#calendar table td{
	text-align: center;
	border-bottom: solid 1px #AAAAAA;
}

#calendar table th.off,
#calendar table td.off{
	color: #FF3300;
}

#calendar table th.saturday,
#calendar table td.saturday{
	color: #4792D6;
}

#calendar table td.special{
	color: #61AB30;
}

#calendar table caption{
	text-align: left;
}

#calendar table caption em{
	color: #333333;
	font-weight: bold;
	font-size: 150%;
	margin: 0 10px 7px 0;
}

#calendar2{
	position: absolute;
	top: 0;
	right: 0;
}

#calendar div{
	width: 393px;
	padding: 15px;
	background-color: #F5F5F5;
	border: solid 1px #E5E5E5;
}

#calendar div h3{
	font-size: 100%;
	margin-bottom: 7px;
	font-weight: bold;
}

#calendar div ul{
	margin-left: 20px;
	font-size: 90%;
	line-height: 1.5em;
}