/******************************************************
 * 全要素への適用                                     *
 ******************************************************/
* {
    font-style          : normal;
    margin              : 0px;
    padding             : 0px;
    text-decoration     : none;
}

/******************************************************
 * ボディの定義                                       *
 ******************************************************/
body {
    color               : #303030;
    font-family         : ＭＳ ゴシック, Monospace;
    font-size           : 82%;
}

/******************************************************
 * 箱の定義                                           *
 ******************************************************/
div#top {
    background-color    : #FFF5AC;
    background-image    : url(http://www.wankuma.com/images/backtop.png);
    background-repeat   : repeat-y;
    background-position : 0px;
    height              : 60px;
    padding             : 0px;
}

div#menu {
    background-color    : #F2F2F2;
    border-top          : solid 1px #A0A0A0;
    border-bottom       : solid 1px #A0A0A0;
    height              : 1.45em;
    padding             : 0.1em 0px 0.12em 0px;
    overflow            : hidden;
}

div#left {
    background-color    : #FCFADF;
    border-bottom       : solid 1px #808080;
    border-right        : solid 1px #808080;
    left                : 0px;
    overflow            : hidden;
    padding             : 0px 0px 20px 0px;
    position            : absolute;
    white-space         : nowrap;
    width               : 175px;
}

div#main {
    background-image    : url(http://www.wankuma.com/images/backmain.gif);
    border-left         : solid 1px #808080;
    border-bottom       : solid 1px #808080;
    padding             : 0px;
    margin              : 0px 0px 0px 175px;
}

#left div {
    margin-left         : 14px;
}

/******************************************************
 * ヘッディング定義                                   *
 ******************************************************/
#top h1 {
    display             : none;
    font-size           : 165%;
    font-weight         : bold;
    margin              : 12px 8px 12px 8px;
    padding             : 4px 3px 2px 8px;
}

#top h2 {
    margin              : 0px;
}

#left h3 {
    background-color    : #DC9674;
    border-bottom       : solid 1px #BEAC9A;
    color               : #FFFFFF;
    font-size           : 100%;
    margin              : 0px;
    padding             : 3px 0px 2px 5px;
}

#left h4 {
    background-color    : #DC9674;
    border-bottom       : solid 1px #BEAC9A;
    color               : #FFFFFF;
    font-size           : 100%;
    margin              : 20px 0px 0px 0px;
    padding             : 3px 0px 2px 5px;
}

h3 {
    border-bottom       : solid 2px #D17447;
    color               : #604020;
    font-size           : 160%;
    font-weight         : bold;
    padding             : 4px 0px 1px 4px;
    margin              : 10px 10px 16px 10px;
}

h4 {
    border-bottom       : solid 1px #D17447;
    color               : #604020;
    font-size           : 118%;
    font-weight         : bold;
    padding             : 4px 0px 2px 4px;
    margin              : 24px 20px 16px 20px;
}

/******************************************************
 * 順同・順不同・対話リスト                           *
 ******************************************************/
#menu ul {
    line-height         : 1.06em;
    margin              : 0px;
    padding             : 0px;
}

#left ul {
    line-height         : normal;
    margin              : 0px 0px 20px 0px;
    padding             : 0px;
}

#bottom ul {
    line-height         : normal;
    margin              : 0px 2px 0px 0px;
    padding             : 0px;
}

ul {
    line-height         : 1.4em;
    list-style-type     : disc;
    margin              : 10px 18px 0px 37px;
}

ol {
    line-height         : 1.4em;
    list-style-type     : decimal;
    margin              : 10px 18px 0px 44px;
}

/******************************************************
 * リスト                                             *
 ******************************************************/
#menu li {
    border-right        : solid 1px #D0D0D0;
    float               : left;
    list-style-type     : none;
    margin              : 1px 0px 1px 0px;
    padding             : 1px 5px 1px 5px;
    width               : 7.6em;
}

#left li {
    list-style-type     : none;
    margin              : 0px 0px 0px 5px;
    padding             : 2px 0px 1px 0px;
}

#bottom li {
    float               : right;
    list-style-type     : none;
}

#main li {
    margin-left         : 2em;
}

/******************************************************
 * <P>                                                *
 ******************************************************/
#main p {
    line-height         : 1.4em;
    margin              : 10px 24px 10px 34px;
}

#left p {
    margin              : 0px;
    padding             : 3px 0px 1px 1px;
}

p#navi {
    background-color    : #FFFFFF;
    border-bottom       : solid 1px #C0C0C0;
    height              : 1.02em;
    letter-spacing      : -1px;
    line-height         : 1.05em;
    margin              : 0px;
    padding             : 3px;
    white-space         : nowrap;
}

/******************************************************
 * OTHERES                                            *
 ******************************************************/
address {
    font-size           : 86%;
    font-style          : italic;
    margin              : 6px 0px 5px 0px;
    text-align          : center;
}

img {
    border-style        : none;
}

#left img {
    margin              : 0px 2px -1px 2px;
    padding             : 0px;
}

/******************************************************
 * <TABLE>                                            *
 ******************************************************/
table.main {
    background-color    : #C0C0C0;
    margin              : 20px 4% 0px 3%;
    width               : 90%;
    font-size           : 100%;
}

.main th {
    background-color    : #F0FFF0;
    padding             : 3px;
}

.main td {
    background-color    : #FFFFFF;
    padding             : 5px;
}

/******************************************************
 * 通常のリンクの定義                                 *
 ******************************************************/
a:link {
    color               : #0000FF;
}

a:visited {
    color               : #800080;
}

a:hover {
    text-decoration     : underline;
}

a:active {
    color               : #FF4A2A;
    text-decoration     : underline;
}

a.box:visited {
    color               : #2040FF;
}

a.box:hover {
    background-color    : #E0F2FE;
    border              : solid 1px #44B0F9;
    margin              : 0px -1px 0px -1px;
    text-decoration     : none;
}

a.box:active {
    background-color    : #E0F2FE;
    border              : solid 1px #44B0F9;
    color               : #2040FF;
    margin              : 0px -1px 0px -1px;
    text-decoration     : none;
}

#left a {
    color               : #404040;
    padding             : 1px 1px 1px 2px;
}

#top a {
    font-weight         : bold;
    color               : #000060;
}

#menu a, #menu a:visited {
    color               : #404040;
    display             : block;
    padding             : 1px;
    text-align          : center;
    width               : 7.5em;
}

#menu a:hover {
    background-color    : #D0D0D0;
    border              : solid 1px #808080;
    margin              : -1px 0px -1px 0px;
    padding             : 1px 0px 1px 0px;
    text-decoration     : none;
}

#menu a:active {
    background-color    : #D0D0D0;
    border              : solid 1px #808080;
    margin              : -1px 0px -1px 0px;
    padding             : 0.11em 0px 1px 0px;
    text-decoration     : none;
}

#navi strong {
    font-weight         : normal;
}