body    {width: 980px;}

head h1 {font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 24px;
        width: 900px;
        margin-left: auto;
        margin-right: auto;}

header  {background-color: #ffffff;
        border-bottom: solid 1px #aaaaaa;
        margin-bottom: 0px;
        box-shadow: 0 1px 7px #aaaaaa;
        padding: 5px;}        

/*ナビゲーション*/
nav ul  {list-style-type: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        font-size: 0;}
        
nav li  {display: inline;
        font-size: 12px;
        border-right: solid 1px #aaaaaa;
        padding-left: 10px;
        padding-right: 10px;}
        
nav li:first-child{border-left: solid 1px #aaaaaa;}

nav     {width: 900px;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        margin-top: -27px;
        margin-bottom: 10px;}

nav a   {color: #000000;
        text-decoration: none;}
 
        .container {
                width: 100%;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
              }
              
              .main-contents {
                width: 60%;
                margin: 0 auto;
                padding: 10px;
                background-color: #ccc;
              }
              
              .left-menu,
              .right-menu {
                width: 20%;
                margin: 0 auto;
                padding: 10px;
                background-color: #aaaaaa;
              }