header#top{
	width:850px;
	height:60px;
	padding:0;
	margin:0 auto 0px;
	overflow: hidden;
	position:relative;
}
/****************************/
/* contents                 */
/****************************/
#topimage{
	width:100%;
	background:#FFFFDC;
	background-repeat:repeat;
	margin:0 auto;
}
#tBox{ background:url(../img/top/topimage.jpg) no-repeat; margin:0 auto; width:900px; height:405px; padding-left:50px; }
#topH2{
	background:url(../img/top/topmassage.png) no-repeat;
	width:562px;
	height:62px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
}
/* 当院の診療について */
.puBox{ width:200px; float:left;}
.puBox p{ letter-spacing:0px; }
.pu{
    position:relative;
    width:200px;
	height:200px;
	padding:15px;
    border:solid 1px #999;
	box-sizing:border-box;
	margin:0px auto 20px;
	background:#fff;
	text-align:center;
	float:left;
	font-size:14px;
	background: -moz-linear-gradient(top center, #fff 0%, #EFEFEF 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#EFEFEF));/* Chrom と Safari */
	background: linear-gradient(to bottom, #fff 0%, #EFEFEF 100%);/* 共通 */
}
.pu2{
    position:relative;
    width:640px;
	height:180px;
	padding:15px 10px;
    border:solid 1px #999;
	box-sizing:border-box;
	margin:0px auto 20px;
	background:#fff;
	font-size:14px;
	background: -moz-linear-gradient(top center, #fff 0%, #ffffdc 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ffffdc));/* Chrom と Safari */
	background: linear-gradient(to bottom, #fff 0%, #ffffdc 100%);/* 共通 */
}
.pu a,
.pu2 a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pu a:hover,
.pu2 a:hover{
    background:#FFF;
    filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}
/*お知らせ*/
ul#infoList{ margin:0 auto 20px; padding:0; list-style:none; }
ul#infoList li{ margin:15px 0; padding-bottom:3px; border-bottom:dotted 1px #534741; }
ul#infoList li em{ color:#64c8a0; font-style:normal; }
/* cl */
#calBox{ width: 180px; height: 490px; margin:0 auto; }
iframe.ifCl{ width: 180px; height: 490px; border:none; }

/* 新型コロナウイルス感染拡大に伴う当院の取り組み */
.info-covid19{ border:2px solid #239225; box-sizing:border-box; margin:1px 0 36px; }
.info-covid19 h2{ background:#239225; box-sizing:border-box; margin:0; padding:8px; text-align:center; width:100%; height:auto; }
.info-covid19-inr{ padding:20px; }
.info-covid19-inr ol{ margin:5px 0 0; padding-left:24px; }
.info-covid19-inr ol li{ margin-bottom:5px; }
.info-covid19-inr ol li:last-child{ margin-bottom:0; }
.m1em{ margin-bottom:0.8em; }

/*ぺージ修正20220207*/
#topH3{
	background:url("../img/top/topmassage_2.png") no-repeat;
	width:460px;
	height:25px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
}
.top_Btn {
  position: relative;
  display: inline-block;
  padding: 10px 100px;
  background-color: #00479d;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}
.top_Btn::after {
  position: absolute;
  top: 50%;
  right: 1em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.top_Btn:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}






