@charset "UTF-8";
/* ---------------------------------------------------------------- */
/* Style Sheet for comodi-iida.co.jp ClubSite Navigation Style      */
/* ---------------------------------------------------------------- */
/* ====== Gloval-Navigation ====== */
#navi {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
}
#navi ul.gnav {
  position: relative;
  margin: 0;
  padding: 0;
}
#navi ul.gnav li {
  float: left;
  width: 12.5%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
  border-right: 1px solid #CCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFF;
  position: relative;
  background-color: #4D4133;
  behavior: url(/func/css/pie/PIE.htc);
  text-shadow: 2px 2px 2px #000;
}
*:first-child+html #navi ul.gnav li {
  float: left;
  width: 125px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
  border-right: none;
  border-left: none;
  color: #FFF;
  position: relative;
  background-color: #4D4133;
}
#navi ul.gnav li:first-child {
  border-left: 1px solid #CCC;
}
*:first-child+html #navi ul.gnav li:first-child {
  border-left: none;
}
#navi ul.gnav li a {
  display: block;
  width: 100%;
  color: #FFF;
  text-decoration: none;
}
#navi ul.gnav li a:hover {
  color: #FFF;
  text-decoration: none;
  text-shadow: none;
  background-color: #6F6559;
}
#navi ul.gnav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
}
#navi ul.gnav ul li {
  font-weight: normal;
  font-size: 1.2em;
  border-right: none;
  float: none;
  display: block;
  width: 100%;
  height: 34px;
  line-height: 34px;
  border-top: 1px solid #CCC;
}
*:first-child+html #navi ul.gnav ul li {
  font-size: 1.2em;
}



#navi ul.gnav ul li:first-child {
  border-left: none;
}
#navi ul.gnav ul li a {
  border-right: none;
  width: 100%;
  display: inline-block;
}
#navi ul.gnav ul ul {
  left: 100%;
  top: 0;
}
#navi ul.gnav li:hover ul {
/*#navi ul.gnav li:hover > ul {*/
  visibility: visible;
}
#navi ul.gnav li.this, #navi ul.gnav li.this a {
  color: #FF0;
  text-shadow: 2px 2px 2px #000;
}
#navi ul.gnav li.this ul li a {
  color: #FFF;
}






























@media screen and (min-width: 640px) and (max-width: 799px) {
#navi {
  height: 100px;
}
#navi ul.gnav li {
  width: 25%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #999;
}
#navi ul.gnav li:first-child {
  border-left: none;
}
#navi ul.gnav li:nth-child(4n) {
  border-right: none;
}
#navi ul.gnav ul {
  display: none;
}
#navi ul.gnav li a:hover {
  background: url("../img/bggnav.png") repeat-x left bottom;
}


}
@media screen and (max-width: 640px) {
#navi {
  height: 200px;
}
#navi ul.gnav li {
  width: 50%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #999;
}
#navi ul.gnav li:first-child {
  border-left: none;
}
#navi ul.gnav li:nth-child(2n) {
  border-right: none;
}
#navi ul.gnav ul {
  display: none;
}


#navi ul.gnav li a:hover {
  background: url("../img/bggnav.png") repeat-x left bottom;
}






}