nav{
border-bottom: 1px solid #7586bb;/*暗い水色*/
}
nav ul{
display: table;
margin: 0 auto;
padding: 0;
width: 80%;/*navimenu全体がページ幅に占める割合*/
text-align: center;
}
nav ul li{
display: table-cell;
min-width: 50px;
border-right: 1px solid #7586bb;/*暗い水色*/
}
nav ul li:first-child{
border-left: 1px solid #7586bb;/*暗い水色*/
}
nav ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
/*文字色*/
/*color: #aaa;*//*ライトグレー*/
/*color: #50f8e7;*//*パステルの水色*/
/*color: #7586bb;*//*暗い水色*/
color: #0;
}
nav ul li a:hover{
/*background-color:#50f8e7;*//*パステルの水色*/
/*border-bottom: 5px solid #50f8e7;*//*パステルの水色*/
background-color:#fafafa;/*やや暗い白*/
border-bottom: 5px solid #fafafa;/*やや暗い白*/
}
nav ul li.current{
font-weight: bold;
}
nav ul li.current a{
border-bottom: 5px solid #00B0F0;/*にぎやかな緑みの青*/
color: #00B0F0;/*にぎやかな緑みの青*/
}