html, body {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none 0;
    }

a:link    {color:00008B; text-decoration:none}
a:visited {color:8B7B8B; text-decoration:none}
a:hover   {color:66CD00; text-decoration:underline}
a:active  {color:FF1493; text-decoration:none}

div.title.pagetop{
    padding: 0;
    margin: 0;
    border: none 0;
    }

div.pagetop{
   width:640; height:120; padding: 20; text-align:center;
   font-family : cursive; font: xx-large; color: ffffff;
   background: 000000 url(../header.jpg);
   }

div.menu {
    width: 160;
    margin: 15;
    padding: 0;
    border: none 0;
    text-align: right;
    font: x-small;
    }

div.notes{
    position:absolute;
    top: 220px;
    left: 220px;
    font: x-small;
    margin: 0;
    padding: 0;
    border: none 0;
    }

div.contents{
    color: 000000;
    position:absolute;
    top: 140px;
    left: 220px;
    width: 420;
    font: x-small; line-height: 20px;
    margin: 0;
    padding: 0;
    border: none 0;
    }


div.text {
    color: 006060;
    font: x-small;
    width: 400;
    margin: 15 0;
    padding: 10;
    border: solid 1; border-color: 000000;
    background: dfdfdf url(../note2.gif);
    }

div.footer {
    color: FFFFFF; font: x-small;
    height:120px; width:640px;
    background: 000000 url(http://www4.ocn.ne.jp/~inuneko/footer.jpg);
    padding : 75 0 0 50;
    }

/* オペラ6.x，インターネットエクスプローラ4.x/マック版5.x対策。 */
@media screen {
    div.menu, div. main {
        height: 100%;
        overflow: scroll;
        }
    }

@media projection {
    div.menu, div. main {
        height: 100%;
        overflow: scroll;
        }
    }