header{
height: 68px;
width: 100%;
background-color: yellow;
/*    上を消して下のように黒くする*/
/*background-color: black;*/
}

.logo{
    text-align: center;   
}
.logo img{
    margin-top: 5px;
}

.nav ul {
    margin-top: 0px;  
    margin-bottom: 0px;
    text-align: center;
}
.nav ul li{
    display: inline-block;
    margin: 0 15px 0 15px;
}

.nav li a{
/*    ↓リストの文字も白くする*/
/*    color: white;*/    
/*    ↓リストの文字を太くする*/
/*    font-weight:bold;*/
/*    ↓上の方法ではなく太さを指定する方法もある　100から900で表す　400が普通*/
/*    font-weight: 700;*/
/*　　テキストの飾りをなくす　アンダーラインが消える*/
/*    text-decoration: none;*/
}
/*マウスがリストの上に重なったとき　外してマウスをページ上でリストに重ねてみよう*/
.nav li a:hover{
/*    color: white;*/
/*    border-bottom:solid;*/
/*    border-color:#FFFFFF;*/
/*    border-width:3px;*/
}