body{font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;background-color: #f9fff7; padding-left: 290px;}
ul{list-style: none; padding-left: 0;}
li{padding-top: 0px; padding-bottom: 0px; margin: 4px;}
a{text-decoration:none;color: #1cab1c;}
section{max-width:850px; border:solid 1px #dedede;margin:50px auto;padding:10px;background-color: #fcfcfc;}
h1{margin-left:25px;color: #656565;text-align:center;}
h2{margin-left:25px;color: #656565;}
h3{margin-left:35px;color: #656565;}
.top{float: right;}
.note{color:gray;}
p{padding-left: 25px;line-height: 1.3em;}
.logo{max-width: 128px;float: right;border-radius: 5px;margin-left: 10px;height: 92px;}
.author{max-width:650px;}
.clear{clear:both;}
.img{max-width:90%;margin: 0 auto;display: block;}
.slider{width:45%;max-width: 150px;margin-left:10px;float:right;}
.menu {position: fixed; height: 100vh; width: 290px; background-color: #fcfcfc; left: 0; top: 0; border-right: solid 1px #ccc;overflow:scroll}
.menu a{display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; border-radius: 5px; border: solid #d2d2d2 1px; font-size: 14px;}
.menu .active{background-color: #fff1bc; }
.author{    margin: 10px auto;padding: 10px;max-width: 850px;}
.box
{border: 1px solid;margin: 25px;background-color: #ff9a9a;padding: 10px;}