@charset "utf-8";

#index{
    margin: 0;
}


body{
    background-image: url(g1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;    
/*文字セットの指定*/
    /*    font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;   */
}

@charset "utf-8";

#index{
    margin: 0;
}

h1{
/* 全部コメントアウトするか削って */
/*    background-color: palevioletred;  */
/*    padding: 20px 30px 40px 50px; */
/*    border: 10px solid blue;*/
/*    margin: 10px;    */
/*    width: 300px;      */
/*    text-align: center;*/

/* 色を白くする   */
/*    color: white;*/
}

/* 文字の色を白くしよう*/
/*p{*/
/*    color: white;*/
/*}*/

/*　ｈ１と文字を右に寄せよう*/
/*.cont{*/
/*    margin: 20px 0px 80px 30px;*/
/*    height: 320px;*/
/*}*/


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: 150px;*/
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:3px solid #ffffff;
}