body{
        font: 16px Comic Sans MS, Arial, Helvetica, sans-serif;
        color: #000000;

        background: url(../images/bg.png);
        background-color: #ccc0cc;
}

#root_site {
    width: 1000px;
}

    #head_main_container{
        height: 215px;
        width: 990px;
        margin: auto;
        border: 5px solid #000000;
        border-radius: 20px;
        background-image: url(../images/bg_top.png);
    }

    #navi_main_container{
        width: 1000px;
        height: 50px;
        margin: 10px -4px auto;
    }

    #navi_main_container ul{
        list-style: none;
        margin: auto;
    }

    #navi_main_container ul li{
        display: inline;
        margin: auto;
    }

    #navi_main_container ul li a{
        font-size: 16px;
        color: #000000;
        text-align: center;
        font-weight: bold;
        font-variant: small-caps;
        text-decoration: none;
        display: block;
        float: left;
        /*width: 170px;*/
        height: 40px;
        line-height: 40px;
        background-color:#cc00ff;
        margin-left: 5px;
        margin-right: 5px;

        padding-left: 15px;
        padding-right: 15px;

        border: 5px solid #000000;
        border-radius: 20px;
    }
    
    #navi_main_container ul li .active{
        background-color:#6600cc;
        color: #ffffff;
    }

    #navi_main_container ul li a:hover{
        background-image: url(../images/bg_menu_hover.gif);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-color: #330033;
        color: #ffffff;
        border: 10px solid #000000;
        border-radius: 25px;
        margin: -5px 0px 0px 0px;
    }

    #content_main_container
    {
        width: 970px;
        margin: 10px auto;
        padding: 10px 10px 10px 10px;
  
        background-color:#e599ff;
         
        border: 5px solid #000000;
        border-radius: 20px; 
    }

    #footer_main_container {
    }