body{
    font-family:"Lucida Grande";
    background-color: rgba(0, 0, 0, 0.05);
    margin:0px;
}
/* ヘッダー・フッター------------------------------------ */
header{
    background-color:black;
}
footer{
    background-color:black;
}
header img,footer img{
    width:25%;
    padding:15px;
    filter:invert(100%);
}
header li,footer li{
    list-style:none; /* リストの黒点をなくす */
    float:left; /* リスト項目を横に並べる */
    color:white;
    margin-right:10px; /* リスト項目の右側に間隔をあける */
}
header ul,footer ul{
    display:inline-block; /* 要素の表示形式を決める */
    text-align: right;
}
header li a,footer li a{
    text-decoration:none; /* リンクの下線を消す */
    border-radius:15px; /* ボタンの角を丸くする */
    background-color: white;
    color:black;
    padding:10px;
}
header li a:hover,footer li a:hover{
    background-color: gray;
}
/* ボタン------------------------------------------------ */
.lastTabButton{
    display:block;
    text-align: center;
    margin:100px auto; /* 要素を左右中央に揃える */
}

.lastTabButton a{
    display:inline-block;
    color:black;
    text-align:center; /* テキストを左右中央に揃える */
    width:49%; /* ボタンの横幅の指定 */
    padding:10px 0px; /* ボタンの縦の大きさを指定 */
    background-color:rgba(255, 192, 203, 0.5);
    text-decoration: none; /* リンクの下線を消す */
    border-radius:10px; /* ボタンの角を丸くする */
}
.lastTabButton a:hover{
    background-color:rgba(255, 166, 0, 0.5);
}
.lastTabButton img{
    vertical-align: middle;
    height: 35px;
    padding-right: 5px;
    padding-bottom:2px;
}