@charset "UTF-8";

/*ナビドロップダウンのspan*/
.nav_font {
  font-size: 13px;
  font-weight: bold;
  color: #001e43;
}


.nav_box {
  border-radius: 2px;
  padding: 1px 3px 2px 3px;
  margin-right: 2px;
  color: white;
  font-size: 12px;
}
@media (max-width:576px){
  .nav_font {
    font-size: 11px;
  }
  .nav_box {
    font-size: 11px;
  }  
}

.box1 {
  background-color: #6b395f;
}
.box2 {
  background-color: #001e43;
}
.box3 {
  background-color: #2c6b77;
}
/*ナビドロップダウンのspan end */









/*
#menu {
  width: 1000px;
  padding:3px 3px;
  margin: 0px auto 0px;
  overflow: hidden;
  list-style-type: none;
  border-top:1px solid #FFF; 
  background: #FFF;
  color:#000;
}


#menu ul{
  display:flex;
  justify-content: space-between;
}



#menu li {
  width:11.0%;
  float:left;
  padding:0px 15px 0px;
  margin:0;
  border-right:1px solid #FFF; 
   color:white;
  text-align:center;
  position:relative 1;
}

#menu li + li{
  border-left:2px solid #0099cc;
}


#menu li a {
  width:auto;
  height:20px;
  font-size:15px;
  font-weight:bold;
  padding:10px 0px 10px;
  text-decoration:none;
  background: while;
  color: #333333;
  display:block;
}

#menu li.current_page a{
  color: #0099cc;
}

#menu li a:hover {
  color: #0099cc;
}


#menu li.active a{
  background: #000000;
  color: #EEE;
}
*/