@charset "utf-8";

#index{
    margin: 0;
}

h1{
/* ｈ１が見えるように色をつける*/
/*    background-color: palevioletred;  */
/* パディング（詰め物の大きさ・字の回りのすきま）を変える*/
/*    padding: 20px 30px 40px 50px;    */
/*　ボーダー（境界線の幅と線の種類と色　一つ一つ指定も出来る*/
/*    border: 10px solid blue;*/
/* マージン　隣のボックスとの幅、すきままたは余裕*/
/*    margin: 10px;    */
/* h1の幅*/
/*    width: 300px;*/
/* テキストを真ん中へ移動する*/
/*    text-align: center;*/
}

header{
height: 68px;
width: 100%;
background-color: black;
}
.logo{
    text-align: center;   
}
.logo img{
    margin-top: 5px;
}
.nav ul {
    margin-top: 1px;  
    margin-bottom: 0px;
    text-align: center;
}
.nav ul li {
    display: inline-block;
    margin: 0 15px 0 15px;
}
.nav li a{
    color: white;    
    font-weight: 700;
    text-decoration: none;
}
.nav li a:hover{
    color: white;
    border-bottom:solid;
    border-color:#ffffff;
    border-width:3px;
}

footer{
width: 100%;
height: 155px;
background-color: black;
}
.logo2{
    text-align: left;
}
.nav2 li a{
    color: white;    
    font-weight: 700;
    text-decoration: none;
}
.nav2 li a:hover{
    color: white;
/* border-bottom:って何だろう */
/*    border-bottom:3px solid #ffffff;*/
}