@charset "Shift_JIS";


* {
        margin:5; padding:0;
        line-height:1.5;
        color:

}
body {
        background-color:skyblue;
        text-align:center;
}
div#pagebody {
        width:796px; margin:0 auto;
        text-align:left;
        background-image:url("images/bg_pagebody.gif")
        background-repeat:repeat-y;
        background-color:white;
}



div#header {
        height:77px;
        background-image:url("images/bg_header.jpg")  
        background-repeat:no-repeat;
        background-color:#cccccc;
}
hl {
        padding:20px 0px 0px 30px;
        font-family:Arial,Helvetica,sans-serif;
}
hl a {text-decoration:none;}    



ul#menu {
        height:42px; background-color:#eeeeee; font-weight:bold;
} 
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {

        float:left;
        display:inline;
        list-style-type:none;
        background-repeat:no-repeat;
}

li#menu01 {
        width:164px; height:42px;
        background-image:url("images/bg_menu01.jpg");
}
li#menu02 {
        width:156px; height:42px;
        background-image:url("images/bg_menu02.jpg");
}
li#menu03 {
        width:156px; height:42px;
        background-image:url("images/bg_menu03.jpg");
}
li#menu04 {
        width:156px; height:42px;
        background-image:url("images/bg_menu04.jpg");
}
li#menu05 {
        width:164px; height:42px;
        background-image:url("images/bg_menu05.jpg");
}
li#menu a {
        display:block;
        height;42px; padding-top:4px; text-align:center;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif;
}



div#submenu {
        width:160px;
        margin:10px 10px 10px 25px;
        display:inline;
        float:left;
}

div#submenu_header {
        height:26px; padding:4px 0px 0px 0px;
        background-image:url("images/bg_submenu_header.gif");
        background-repeat:no-repeat; background-position:top;
        background-color:#cccccc;
        font-size:90%; font-weight:bold; text-align:center;
}

ul#submenu_body {
        padding-bottom:6px;
        background-image:url("images/bg_submenu_footer.gif");
        background-repeat:no-repeat; background-position:bottom;
        background-color:#cccccc;
}

ul#submenu_body li {
        font-size:90%;
        list-style-type:none;
        display:inline;
}

ul#submenu_body li a {
        display:block;
        margin:0px 4px 0px 4px;
        padding:2px 0px 2px 20px;
        background-color:#eeeeee;
        text-decoration:none;
}

ul#submenu_body li a:hover {
        background-color:#ffffff;
}


div#content {
        width:560px; margin:10px 20px 10px 0px;
        float:right;
}


div#news {
        width:390px; margin-right:5px; padding-top:10px;
        float:left;
        background-image:url("images/bar_news.gif");
        background-repeat:no-repeat;
}


h2 {
        font-size:105%; margin-bottom:10px; padding-left:25px;
        font-size:95%; border-bottom:solid 1px #cccccc;
        background-image:url("images/icon.gif");
        background-repeat:no-repeat; background-position:left center;
}

h3 {font-size:100%; margin-left:5px;}
p {font-size:95%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}


div#nakama {
        width:150px; padding-top:10px;
        float:right;
        background-image:url("images/bar_nakama.gif");
        background-repeat:no-repeat;
}
div#nakama ul {
        margin-left:10px;
        font-size:90%;
}
div#nakama li {
        list-style-type:none;
        line-height:1.8;
}



div#footer {
        height:42px; text-align:center;
        clear:both;
        background-image:url("images/bg_footer.gif");
        background-repeat:no-repeat;
        background-color:#cccccc;
}

address {
        font-style:normal;
        font-size:small;
        padding:5px 0px 5px 0px;
}