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

.head_dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: auto;
  margin: 0px 0px;
  padding: 0;
}
.head_dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.head_dropmenu:after{
  clear: both;
}
.head_dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.head_dropmenu li a{
  display: block;
  margin: 0;
  padding: 0px 0 0px;
  background: #ffffff;
  color: #000;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.head_dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.head_dropmenu li ul li{
  width: 100%;
}
.head_dropmenu li ul li a{
  padding: 5px 30px 5px 30px;
  border-top: 1px solid #ddd;
  background: #ccc;
  text-align: left;
}
.head_dropmenu li:hover > a{
  background: #EEEEEE;
}
.head_dropmenu li a:hover{
  background: #8F8F8F;
}
#head_fade-in li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#head_fade-in li:hover ul{
  top:32px;
  visibility: visible;
  opacity: 1;
}

/* メニュ */
div.menu a.menu3 {
	display: block;
	width: 88px;
	height: 32px;
	background: url(https://rescue99.com/pic-labo/16header_menu_03.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu3 {
	background-position: 0 bottom;
}
div.menu a.menu4 {
	display: block;
	width: 92px;
	height: 32px;
	background: url(https://rescue99.com/pic-labo/16header_menu_04.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu4 {
	background-position: 0 bottom;
}
div.menu a.menu5 {
	display: block;
	width: 80px;
	height: 32px;
	background: url(../top_img/15header_menu_05.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu5 {
	background-position: 0 bottom;
}
div.menu a.menu7 {
	display: block;
	width: 82px;
	height: 32px;
	background: url(../top_img/15header_menu_07.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu7 {
	background-position: 0 bottom;
}
div.menu a.menu8 {
	display: block;
	width: 109px;
	height: 32px;
	background: url(../top_img/15header_menu_08.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu8 {
	background-position: 0 bottom;
}
div.menu a.menu9 {
	display: block;
	width: 141px;
	height: 32px;
	background: url(../top_img/15header_menu_09.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu9 {
	background-position: 0 bottom;
}
div.menu a.menu10 {
	display: block;
	width: 74px;
	height: 32px;
	background: url(../top_img/15header_menu_10.gif) no-repeat 0 0;
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
	     -o-transition: 0.6s ease-in-out;
	        transition: 0.6s ease-in-out;
}
div.menu a:hover.menu10 {
	background-position: 0 bottom;
}
