* {box-sizing: border-box;}
.page {width:800px; margin-top: 0px; margin-left: auto; margin-right:auto; font-size: 12pt}

body {margin: 0; font-family: Arial, Helvetica, sans-serif;}
.header {overflow: hidden; background-color: #000; color:white}

.top {overflow: hidden; background-color: #e9e9e9; margin:4px 6px; padding: 14px 16px}

.topnav { overflow: hidden; background-color: #333;}
.topnav a { float: left; display: block; color: #fff; text-align: center; padding: 10px 12px; text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #0ff; color: #000;}
.topnav a.active {background-color: #2196F3; color: #0f0;}

.main { overflow: hidden; background-color: #e9e9e9;}
.main a { float: none; display: block; color: black; text-align: center; padding: 6px 6px; text-decoration: none; font-size: 17px;}
.main a:hover {background-color: #0ff; color: black;}
.main a.active {background-color: #2196F3; color: white;}
.arrow {background:#ccc; cursor: pointer;}
.footer {overflow: hidden; background-color: #8ff;}

@media screen and (max-width: 600px) {
  .topnav .search-container {float: none;}
  .topnav a {float: none; display: block; text-align: left; width: 100%; margin: 0px; padding: 14px;}
}

/* listのstyle */