/* whole pages */
body {
        background-color: white;
        color: black;
        margin: 0; padding: 0;
        font-family: Meiryo, sans-serif;
}

/* link */
a:link { color: #00c; }
a:visited { color: #00c; }
a:hover { color: #f00; }
a img { border: none; }

/* whole border */
div#container {
        margin: 0 auto;
        padding-top: 5px;
        width: 780px;
}

/* left pane */
main {
        float: left;
        width: 530px;
        padding: 10px, 10px, 10px, 0;
}

/* right pane */
aside#sidebar {
        float: left;
        width: 230px;
        background-color: #e8ffff;
        padding: 5px;
        font-size: 86%;
}

/* link of menubar */
nav.menubar a { text-decoration: none; }

/* link of menubar (not visited) */
nav.menubar a:link { color: #ccc; }

/* link of menubar (visited) */
nav.menubar a:visited { color: #ccc; }

/* table */
table.list, table.attr {
        font-size: 90%;
        width: 100%;
}

table.list th, table.attr th {
        background-color: #499;
        color: white;
        font-weight: normal;
}

table.list td, table.list th,
table.attr td, table.attr th {
        padding: 4px;
}

table.list th {
        text-align: left;
}

table.attr th {
        text-align: right;
}

table.list td, table.attr td {
        background-color: #cee;
}

/* toolbar */
ul.toolbar,
div.toolbar {
        padding: 15px 0;
        font-size: 90%;
        text-align: right;
}