body{
    color: #FFFFFF;
    text-align: center;   /*　中央揃え　*/
    background-color : #000000 ;
}

.header{
    background-color:#DDDDFF; 
    width: 100%;
    height: 50px;
    position:fixed; /*　画面から見た位置で固定　*/
    top:0;
    padding-top: 5px; /*　余白　*/
    left:0;
    right:0;
    z-index:999;   /*　重ね合わせレベル　*/
}

.header a:link, .header a:visited{color: #000000;}/*　リンクの色①　*/
.header a:hover, .header a:active{color: #000000;
    background-color:#FFFFFF; }/*　リンクの色②　*/


.menu{
    line-height: 1.0;   /*　テキストの行間　*/
    margin: auto;
}

.main{
    height:87%;
    width:95%;
    margin: auto;
    margin-top: 75px; /*　ヘッダー分、上側の外側の余白　*/
    margin-bottom: 0px; /*　ヘッダー分、上側の外側の余白　*/
    border:3px ridge #FFFFFF;
    
}

      canvas {
        background: #eee;
        display: block;
        margin: 0 auto;
      }

/* ボールを跳ね返すhttps://developer.mozilla.org/ja/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls */