@import url("common.css?230306");

/* ------------------------------
 Top(flash)
------------------------------ */

#top {
	height: 300px;
	width: 100%;
	background: url(../img/main_bg.gif) repeat-x center top;
}
#top #flash {
	width: 920px;
	height: 300px;
}
#top #flash h2 {
	width: 920px;
	height: 300px;
	background: url(../img/main.jpg) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}
.pageside {
	padding-top: 38px;
}
#contents {
	padding-bottom: 10px;
}
.maincontents {
	padding-top: 10px;
}

/* ---------- Recruitment ---------- */

.recruit .h {
	height: 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.recruit p {
	overflow: hidden;
	font-size:14px;
	font-weight: bold;
	text-indent: -9999px;	
}

.recruit {
	width: 442px;
	height: 170px;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}
.recruit a {
	width: 442px;
	height: 150px;
	display: block;
	background: url(../img/btn_contact.jpg) no-repeat left top;
}
.recruit a:hover {
	background-position: right bottom;
}

/* ---------- Navigation ---------- */


/* ---------- Staff ---------- */

.staff {
	width: 216px;
	height: 150px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	margin-bottom: 22px;
}
.staff a {
	width: 216px;
	height: 150px;
	display: block;
	background: url(../img/btn_staff.jpg) no-repeat left top;
}
.staff a:hover {
	background-position: right bottom;
}

/* ---------- Navigation ---------- */

.topnavi {
	width: 698px;
	margin: 0 0 20px -10px;
	clear: both;
	overflow: hidden;
	padding-bottom: 22px;
	border-bottom: #CCC 1px solid;
}
.topnavi dl {
	width: 208px;
	height: 280px;
	float: left;
	display: inline;
	margin-left: 10px;
	border: #E1E1E1 4px solid;
	overflow: hidden;
}
.topnavi dl dt {
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 5px;
}
.topnavi dl.aboutnavi dt {
	background: url(../img/area_about.gif) no-repeat left top;
}
.topnavi dl.medicalnavi dt {
	background: url(../img/area_medical.gif) no-repeat left top;
}
.topnavi dl.recruitnavi dt {
	background: url(../img/area_recruit.gif) no-repeat left top;
}
.topnavi dl dd {
	line-height: 24px;
	margin-left: 12px;
	font-size: 12px;
}
.topnavi dl dd a {
	line-height: 24px;
	padding: 0 0 0 15px;
	background: url(../img/point_black.gif) no-repeat left center;
	font-size: 12px;
	color: #333;
}
.topnavi dl dd a:hover {
	color: #3EB4C7;
}
.topnavi dl ul {
	margin: 2px 0 4px 16px;
}
.topnavi dl ul li {
	line-height: 20px;
	font-size: 12px;
}
.topnavi dl dd ul a {
	line-height: 20px;
	color: #777;
	background: url(../img/point_s.gif) no-repeat left center;
	font-size: 12px;
}
.topnavi dl dd ul a:hover {
	color: #759C47;
}

/* ---------- News ---------- */

.newsarea {
	width: 440px;
	float: left;
	overflow: hidden;
}
.newsarea .newshead {
	height: 30px;
	margin-bottom: 15px;
	background: url(../img/news.gif) no-repeat left top;
}
.newshead .h {
	float: left;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}
.newshead .link {
	float: right;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}
.newshead .link a {
	width: 140px;
	height: 30px;
	display: block;
	background: url(../img/btn_news.png) no-repeat left top;
}
.newshead .link a:hover {
	background-position: right bottom;
}
.newsarea ul {
	width: 440px;
}
.newsarea ul li {
	margin: 4px 0 4px 0;
}
.newsarea ul li a {
	display: block;
	padding: 5px 5px;
	overflow: hidden;
}
.newsarea ul li .wrapper {
	overflow: hidden;
	padding: 5px;
}
.newsarea ul li a:hover {
	background-color: #EBF7D9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.newsarea ul li .date {
	width: 80px;
	float: left;
	line-height: 16px;
	font-size: 12px;
}
.newsarea ul li .cat {
	width: 60px;
	height: 16px;
	float: left;
	line-height: 16px;
}
.newsarea ul li .cat img {
	vertical-align: middle;
}
.newsarea ul li .text {
	float: right;
	width: 280px;
	line-height: 16px;
}

/* ---------- PhotoDiary-Button ---------- */

/*
.photodiary {
	width: 216px;
	height: 180px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
}
.photodiary a {
	display: block;
	width: 216px;
	height: 180px;
	background: url(../img/btn_photodiary.jpg) no-repeat left top;
}
.photodiary a:hover {
	background-position: right bottom;
}
*/
ul.subbutton {
	width: 216px;
	float: right;
}
ul.subbutton li {
	width: 216px;
	text-indent: -9999px;
	overflow: hidden;
}
ul.subbutton li a {
	display: block;
	width: 216px;
}
ul.subbutton li.btn_photo {
	height: 120px;
	margin-bottom: 8px;
}
ul.subbutton li.btn_photo a {
	height: 120px;
	background: url(../img/btn_photodiary_s.jpg) no-repeat left top;
}
ul.subbutton li.btn_letter {
	height: 74px;
}
ul.subbutton li.btn_letter a {
	height: 74px;
	background: url(../img/btn_letter.jpg) no-repeat left top;
}
ul.subbutton li a:hover {
	background-position: right bottom;
}

/* 2013.02.15 LogoMark-Bosyu */

ul.subbutton li.logo_bosyu {
	height: 80px;
	margin-bottom: 6px;
}
ul.subbutton li.logo_bosyu a {
	display: block;
	height: 80px;
	background: url(../img/logo_bosyu.jpg) no-repeat left top;
}
ul.subbutton li.logo_bosyu a:hover {
	background-position: right bottom;
}

/* 2014.3.12 the doctors hirano */

ul.subbutton li.thedoctors {
	height: 74px;
	margin-top: 8px;
}
ul.subbutton li.thedoctors a {
	display: block;
	height: 74px;
	background: url(../img/banner_thedoctors.jpg) no-repeat left top;
}
ul.subbutton li.thedoctors a:hover {
	background-position: right bottom;
}

/* 2015.2.27 research */

ul.subbutton li.research {
	height: 107px;
	margin-top: 8px;
}
ul.subbutton li.research a {
	display: block;
	height: 107px;
	background: url(../img/banner_research.jpg) no-repeat left top;
}
ul.subbutton li.research a:hover {
	background-position: right bottom;
}

/* 2017.8.21 Specialty outpatient open */
ul.subbutton li.spopen {
	height: 200px;
	margin-bottom: 8px;
}
ul.subbutton li.spopen a {
	display: block;
	height: 200px;
	background: url(../img/banner_spopen2.jpg) no-repeat left top;
}
ul.subbutton li.spopen a:hover {
	background-position: right bottom;
}