@charset "utf-8";
/* CSS Document */

/* コロナ対策 */


/* トップメインPHOTO */
#main_photo {
	background: url(../images/main_photo.jpg) no-repeat center;
	width: 100%;
	height: 513px;
	text-indent: -9999px;
	position: absolute;
	top: 193px;
}

/* 2020.04.23 コロナ対策 add */
#top_textarea .topNews {
	margin-bottom: 80px;
	text-align: center;
}

#top_textarea .topNews h2 {
	width: auto;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;
	color: red;
	font-size: 40px;
	white-space: nowrap;
	text-align: center;
}

#top_textarea .topNews .note {
	width: auto;
	line-height: 1.5;
	margin: 0 auto 26px;
	padding: 0;
	color: red;
	font-size: 24px;
	white-space: nowrap;
	text-align: left;
}

#top_textarea .top_Btn a {
	text-align: center;
	background: yellow;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	width: 215px;
	height: 50px;
}

/* 2017/10 banner add*/
#top_textarea .bannerUl {
	margin-bottom: 50px;
}

#top_textarea .bannerUl li {
	margin-bottom: 15px;

	a {
		transition: ease .3s;

		&:hover {
			opacity: .7;
			transition: ease .3s;
		}

		img {
			width: 100%;
			height: auto;
			display: block;
		}
	}
}

#top_textarea .bannerUl li:last-child {
	margin-bottom: 0px;
}


/* トップテキスト */
#top_textarea {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	height: auto;
	margin-bottom: 60px;
	margin-top: 0px;
	position: relative;
	top: 550px;
	/*background-image: url(../images/top_director.jpg);*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

#top_textarea h3 {
	background-image: url(../images/top_title.png);
	width: 378px;
	height: 60px;
	text-indent: -9999px;
	margin-bottom: 30px;
	float: none;
	clear: both;
}

#top_textarea p {
	width: 700px;
	height: auto;
}

#page .yellow_Btn {
	margin-top: 30px;
}

#disease {
	height: 520px;
	background-image: url(../images/haikei.jpg);
	background-repeat: repeat;
	width: 100%;
	position: relative;
	top: 487px;
}

#disease #disease_box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	clear: both;
	height: 320px;
}

#skyblue_area {
	height: 320px;
	width: 100%;
	background-color: #CBE8FA;
	position: relative;
	top: 487px;
}

#tooth_navi {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	clear: both;
}

#tooth_navi ul.tooth_Btn {
	margin-right: -17px;
	margin-left: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	_zoom: 1;
	padding-top: 40px;
}

#tooth_navi ul.tooth_Btn li {
	margin-right: 17px;
	width: 305px;
	height: 240px;
	float: left;
}

.yellow_Btn a {
	background-image: url(../images/concept_Btn.png);
	width: 215px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.yellow_Btn a:hover {
	background-image: url(../images/concept_Btn.png);
	width: 215px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin-top: 30px;
	background-position: 0px -50px;
	margin-bottom: 50px;
}

#disease_box .dise_Img img {
	width: 950px;
	height: 320px;
	display: block;
	padding-top: 50px;
}

.dise_Btn a {
	background-image: url(../images/atehamaru.png);
	width: 340px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

.dise_Btn a:hover {
	background-image: url(../images/atehamaru.png);
	width: 340px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	background-position: 0px -50px;
}

.nurse_photo {
	width: 499px;
	height: 320px;
	margin-top: 70px;
	float: left;
}

.dental_hygienist {
	width: 378px;
	height: auto;
	float: right;
	padding-top: 110px;
}

.hygienist_rec a {
	background-image: url(../images/recruet_Btn.png);
	width: 215px;
	height: 50px;
	display: block;
	margin-top: 35px;
	text-indent: -9999px;
}

.hygienist_rec a:hover {
	background-image: url(../images/recruet_Btn.png);
	width: 215px;
	height: 50px;
	display: block;
	margin-top: 35px;
	text-indent: -9999px;
	background-position: 0px -50px;
}

.topics {
	width: 378px;
	height: auto;
	float: left;
	padding-top: 110px;
}

#foot_contact {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	/* border-top: 1px solid #DDDDDD; */
	margin-bottom: 60px;
}

#mapmap {
	margin: 0 auto;
}

#to_bigmap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#to_bigmap .g_map a {
	text-decoration: none;
	color: #207BEE;
	font-size: 12px;
	float: right;
	background-image: url(../images/yajirushi.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: 12px;
	background-position: 0px 7px;
	margin-top: 10px;
}

#to_bigmap .g_map a:hover {
	text-decoration: underline;
	color: #207BEE;
	font-size: 12px;
	float: right;
	background-image: url(../images/yajirushi.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: 12px;
	background-position: 0px 7px;
	margin-top: 10px;
}

.tooth_Btn li a:hover {
	opacity: 0.8;
	/* モダンブラウザ */
	filter: alpha(opacity=80);
	/* IE 8 以下 */
	-ms-filter: "alpha(opacity=80)";
	/* IE 8 */
	zoom: 1;
}

#top_textarea .top_textinner {
	width: 950px;
	height: auto;
	margin-top: 40px;
}

#top_textarea .top_textinner img {
	width: 207px;
	height: 17px;
	display: block;
	padding-bottom: 20px;
}

/*ニュース欄*/
.topics {
	clear: both;
	width: 100%;
	margin-bottom: 60px;


}

dl dt.news_date {
	color: #323232;
	font-weight: bold;
	padding: 0 25px 0 9px;
}

dl dd.news_text {
	color: #323232;
	padding-bottom: 15px;
	border-bottom: 1px solid #dddddd;
}

.topics h2 {
	margin-bottom: 30px;
}

#news_box2 {
	margin-top: 10px;
}

#news dl.news_box {
	width: 90%;
}

#news dl.news_box:not(:first-child) {
	margin-top: 30px;
}

#news {
	overflow: auto;
	max-height: 280px;
}