@charset "utf-8";

ul,
div,
img {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-weight: normal;
}

#main {margin-top: 60px;}
nav{float: right;}
#navi {top: 80px;height: 40px;width: 100%;margin: 0 auto 0 auto;background-color:#66ccff;}
#navi input {
  display: none;
}

.menu-left {
  float: left;
  line-height: 40px;
}
.menu-left img {
  vertical-align: middle;
  margin-left: 10px;
}
#menu{text-align:left; width: 1110px;margin: 0 auto 0 auto;right:0;}
#menu li {position: relative; white-space: nowrap;}
#menu li {display: block;text-align: center;}
#menu li a{display: block;width: 158px;color: #000;text-decoration: none;}
#menu li a:hover{width: 158px;}
#menu > li {float: left;margin: 0;line-height: 40px;font-size: 14px;font-weight: bold;background-color:#66ccff;}
#menu li ul li{float: left;text-align: left;margin: 0;line-height: 40px;font-size: 10px;font-weight: bold;background-color:#66ccff;}
#menu li ul li a:hover{width: 200px;margin-left:0;}

#menu > li .pd {
  display: none;
}

#menu-navibtn {
  display: none;
  cursor: pointer;
  cursor: hand;
}


@media screen and (max-width: 900px) {
#menu{text-align:left; width: 100%;margin: 0 auto 0 auto;right:0;}

}