body{
    background-image: url(../pic/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.header{
    background-image: url(../pic/background_navi.png);
    
    width: 60%;
    height: 70px;
    
    margin-left: 20%;
    
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

#font_pic{
    padding-left: 15px;
    padding-top: 5px;
}

.navi_top{
    background-image: url(../pic/background_navi.png);
    
    width: 60%;
    height: 30px;

    line-height: 30px;
    vertical-align: middle;
    
    margin-left: 20%;
    text-align: center;
}

.navi_left{
    background-image: url(../pic/background_navi.png);
    
    width: 10%;
    height: 720px;   
    
    margin-left: 20%;
    float: left;
    
    text-align: center;
}

.site_right{
    background-image: url(../pic/background_site.png);
    
    width: 50%;
    height: 720px;
    margin-left: 30%;
    display: block;
}

.footer{
    background-image: url(../pic/background_navi.png);  
      
    text-align: right;   
                             
    width: 60%;  
    margin-left: 20%;
    
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


#navi_top_style{
    margin-left: auto;
    margin-right: auto;    
}

#links{
    padding-left: 25px;
}

#copyright{
    color: #FFFFFF;
    padding-right: 20px;
}

.site_right span{
    bottom: 0;
}

.navi_top a{
    font-size: 14pt;
    font-style: italic;
    color: #FFFFFF;
    text-decoration: none;
}

.navi_top a:hover{
    color: #800080;
}

.navi_left a{
    font-size: 12pt;
    color: #FFFFFF;
    text-decoration: none;    
}

.navi_left a:hover{
    color: #800080;
}