@charset "utf-8";

.head_menu_scroll{
text-align: center;
margin: 0 auto 0;
}

.nav_h_type3 {
background-color: #fff;
position:relative;
overflow:hidden;
border-bottom: solid 1px #cccccc;
border-top: solid 0px #cccccc;
}

.nav_h_type3 ul {
float: none;
display:block;
font-size:0;
white-space:nowrap;
position:relative;
}

.nav_h_type3 li {
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
width: 150px;
line-height:100px;
vertical-align:top;
text-align:center;
font-size:12px;
font-weight: bold;
background-color: #fff;
border-left: solid 1px #cccccc;
}

.nav_h_type3 li:last-child {
border-right: solid 1px #cccccc;
}

.nav_h_type3 li.on {
background-color: #fff;

}

.nav_h_type3 a {
  display: block;
  padding: 8px 0px;
  text-decoration: none;
  color: #333;
  height: 3em;
  line-height: 3;
}
.nav_h_type3 a:hover {
  color: #FFFFFF;
  background-color: #000000;
}


/* =================================
smartphone
================================= */
@media (max-width: 767px) {

.nav_h_type3 ul {
float: left;
display:block;
font-size:0;
white-space:nowrap;
position:relative;
}

.nav_h_type3 li {
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
width: 120px;
line-height:100px;
vertical-align:top;
text-align:center;
font-size:12px;
font-weight: bold;
background-color: #fff;
border-left: solid 1px #cccccc;
}

.nav_h_type3 a {
  display: block;
  padding: 4px 0px;
  text-decoration: none;
  color: #333;
  height: 3em;
  line-height: 3;
}

}