@charset "utf-8";
html {
    overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    color: #005;
}
a {}
a:hover, a:active { color: green; }
#header {
    margin: 15px 0px;
    height: 60px;
}
#header h1 { font-size: large; }
#header p { font-size: small; }
#header #topic_path { clear: both; text-align: left; margin-left: 50px; }
#logo {
    float: left;
    font-size: xx-large;
    font-family: 'ＭＳ ゴシック';
    margin: 5px 10px;
}
#logo a { text-decoration: none; }
#container { 
    width: 940px;
    margin: 0px auto;
    background-color: #fff;
}
#main {
    width: 700px;
    float: right;
}
#main ul, #main table { margin: 20px; }
#main table { font-size: small; }
#main_onecolumn .content p, #main .content p { margin: 10px; }
#main .content { clear: both; width: 100%; }
#side {
    width: 220px;
}
#footer { 
    clear: both;
    text-align: center;
    margin: 10px 0px;
}
.content {
    border: 1px solid silver;
    margin-bottom: 10px;
}
.content h2 {
    border: 1px solid;
    border-color: white silver silver white;
    background-color: #ddf;
    font-size: medium;
    padding: 5px 0px;
    text-align: center;
}
#generation_ranking div {
    text-align: center;
    margin: 10px;
}
#generation_ranking span {
    margin: 10px;
}
#category_ranking p, #history_ranking p {
    font-size: small;
}
#history_ranking {
}
#ranking .item { clear: both; overflow: hidden; position: relative; width: 100%; }
#ranking .item div { float:left; }
#ranking .item .rank { width: 50px; text-align: center; }
#ranking .item .title { width: 550px; }
#ranking .item .nav { position: absolute; right: 5px; bottom: 5px; }
#ranking .item .nav a { text-decoration: none; }
#ranking .item a img { margin: 2px; padding: 2px; border: 1px solid #aab; }

#calendar { overflow: hidden; }
#calendar .month {
    width: 180px;
    float: left;
    margin: 20px;
}

#generations {}
#generations div { margin: 5px 20px }

#categories { overflow: hidden; }
#main #categories .category_link {
    float: left;
    margin: 5px 10px;
}

/* side */

#category_ranking .category_link { text-indent: 0.5em; }
#category_ranking p { margin: 5px; }

#history_ranking div, #history_ranking p { margin: 5px; }