body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;max-width:720px;margin:0 auto;padding:0 16px;color:#222;line-height:1.8}
header{border-bottom:1px solid #ddd;padding:24px 0 12px;margin-bottom:24px}
header h1{font-size:1.4rem;margin:0}header h1 a{color:#222;text-decoration:none}
header p{color:#666;font-size:.9rem;margin:4px 0 0}
article h2{font-size:1.25rem;margin:0 0 8px}
time{color:#999;font-size:.85rem;display:block;margin-bottom:16px}
article img{max-width:100%;height:auto}
article pre{background:#f5f5f5;padding:12px;overflow-x:auto;font-size:.85rem}
article code{font-family:Menlo,Consolas,monospace;background:#f5f5f5;padding:1px 4px}
nav a{color:#06c;font-size:.9rem}
footer{border-top:1px solid #ddd;margin-top:40px;padding:16px 0;color:#999;font-size:.8rem}
.postlist{list-style:none;padding:0}.postlist li{margin:10px 0}
.postlist a{color:#06c;text-decoration:none}.postlist .d{color:#999;font-size:.8rem;margin-right:8px}