body {
    margin: 7% 10%;
    background-color: #F6F6F6;
}
a:link {
    text-decoration: none;
    color: #C00;
}
a:visited {
    text-decoration: none;
    color: #606;
}
a:hover, a:active {
    text-decoration: underline;
    color: #F30;
}
h1, h2 {
    font-size: 130%;
    margin: 0px;
    padding: 0em 1em;
    position: relative;
    top: -0.5em;
    left: 1em;
    background-color: #F6F6F6;
    display: inline;
}
h2 {
    font-size: 110%;
}
li {
    line-height: 160%;
}
img {
    margin-right: 10px;
}
div.contents {
    margin-bottom: 2em;
    border: 1px dotted #333;
}
div.explain {
    margin: 0em 2em;
    font-size: 90%;
}
div.footer {
    text-align: right;
    color: #CCC;
    font-size: 80%;
}
div.footer a {
    color: #999;
}
div#menu {
    padding: 0.5em;
    text-align: right;
    font-size: 90%;
}
div.archive {
    text-align: right;
    font-size: 90%;
}