@charset "utf-8";

/*==========================================
File name: gnav.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2014.09.12
========================================== */

#gnav{
margin-top: 10px;

}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
 /* margin: 0px auto;*/
  padding: 0;

}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width:110px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
    /*font-size: 14px;*/

}
.dropmenu li a{
  display: block;
  margin: 0;
   padding: 10px 4px;
  color:#fff;
  line-height: 1;
  text-decoration: none;
}

.dropmenu li + li{
/*border-left: solid 1px #00A0DA;*/
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index:9999;
  top: 100%;
  left: 0;
  /*margin: 0;
  padding: 0;*/
  background-color: rgba(0,0,0,0.8);
 /* margin-top: 17px;*/
}
.dropmenu li ul li{
  width: 100%;
  font-size: 12px;

}
.dropmenu li ul li a{
  padding: 10px 4px;
  border-top: 1px dotted#333;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
}
.dropmenu li ul li + li{
border-left:none;
}

.dropmenu li:hover > a{
/*background: blue;
	background-color: rgba(51,51,51,0.6);*/
}
.dropmenu li a:hover{
color: #ccc;


}


/*メニューの動き*/

#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .4s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height:32px;
}






#gnav_mm{
 display: none!important;
}