<style>
html{
    font-size: 16px ; 
}
body{
    font-size:16px;/* 16px*/
    line-height: 2;
    overflow: auto;
    background-color:beige;
}

#pankzu{
    padding-bottom: 20px;
}
#pankuzu li{
    display: inline;
}
div#Container_main{
    position: absolute;
    width: 90%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 20px;
    background-color:beige;
    background-image: url("http://www.terra.dti.ne.jp/~yymatsu/common/img/title_twice_told_records.gif") ;
    background-repeat: no-repeat;
    background-position: top 30px center;

    }

div#Container_small{
    position: relative;
    width: 80%;
    max-width: 800px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
        }

div#MainMenu{
        width: 20%;
        margin: 0px;
        padding-left: 0px;
        padding-top:2px;
        float: left;

        position: relative;
        background-color: #666633;
        }
    ul.menu {
        margin: 10px;
        padding-left: 0px;
        }
    ul.menu li{
        list-style-type: none;  /* リストの先頭記号を消す */
        margin: 2px;
        padding-left: 0px;
        }
    ul.menu a{
        display: block;         /* ★項目内全域をリンク可能にする */
        }
    ul.menu a:link{color:white;}
    ul.menu a:visited{color:white; }
    ul.menu a:active{color:white;}
    ul.menu a:hover{color:black; background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */}


div#footer{
    clear: both;
}
.shadow{
    text-shadow: silver 2px 2px 2px, silver -2px 2px 2px,
        white 2px -2px 2px, white -2px -2px 2px;
}
.shadow_white{
    text-shadow: lightgrey 2px 2px 2px, white -2px 2px 2px,
         white 2px -2px 2px, white -2px -2px 2px;
}
.article-title{
    color:brown;
}



</style>