@charset "utf-8";

#index{
    margin: 0;
}


body{
/*    これで背景画像設定　けれども何枚も並んでしまう*/
/*    background-image: url(g1.jpg);*/
/*  繰り返しを中止しよう*/
/*    background-repeat: no-repeat;*/
/*　画面いっぱいに表示しよう*/
/*    background-size: cover;*/
/*  このままでは縮小したとき中心がずれるから中心の設定*/
/*    background-position: center center;    */
}

@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;
}

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%;
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;
}