.h1{
  color: white;
  background-color: #ff9872;
  text-align: center;
  width: 100%;
  min-width: 960px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin:0 auto;
}

.h2{
  font-size: 35pt;
}
.position{
  position: relative;
  margin: 0 auto;
}
.slider{
  width: 960px;
}
.h3{
  height: 50px;
  min-width: 960px;
  text-align: center;
  margin: 10px auto;

}
.h3 td{
  font-size: 20px;

}

.h4 {
	display: inline-block;
	padding: 0.3em;
	transition: .3s;
	transform: scale(1);
  text-decoration: none;
}
.h4:hover {
	transform: scale(1.2);
}
p{
  text-align:center;
}

tbody.scrollBody{
  display:block;
}
tbody.scrollBody{
  overflow-y:scroll;
  font-size: 15px;
  height:300px;
  max-width: 540px
}

/*幅調整*/
td,th{
  table-layout:fixed;
}
.no{
  width:200px;
  padding: 20px;
  border-bottom: 1px dashed #aaa;;

}
.name{
  width:500px;
  border-bottom: 1px dashed #aaa;;

}
.address{
  width:200px;
}

.h8{
  background-color: #afeeee;
}

#h6{
  width: 960px;
  margin:0 auto;
  overflow: hidden;
  margin-bottom: 50px;
}

#main {
  float:left;
  width: 70%;
  max-width:  540px;
  padding-right: 50px;

}

#side {
  float: left;
  margin-top: 30px;
  width: 23%;
  min-width: 250px;
  height: 400px;
  background-color: #aaa;
  padding-right: 40px;
  background-color: #ff9872;

}
#side li{
  border-bottom: 1px solid #000;
  padding-top: 10px;
  padding-bottom: 10px;
}
.clear{
  float: both;
}

.ft{
  height: 100px;
  color: white;
  background-color: #ff9872;
  width: 100%;
  min-width: 960px;
  text-align: center;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto ;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 120px;;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;

  background:#ff9872;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #ff9872;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #ff9872;
}
.dropmenu li a:hover{
  background: #616d0b;

}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
  opacity: 0.8;
}

#slideshow {
   position: relative;
   width:  960px; /* 画像の横幅に合わせて記述 */
   height: 570px; /* 画像の高さに合わせて記述 */
   right: 0;
   left: 0;
   margin:  0 auto;

}
#slideshow img {
   position: absolute;

  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;


   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
