@charset "utf-8";

/* main menu */



#navbar ul{
    background: linear-gradient(to bottom, #007c45 0%, #007c45 50%, #67be8d 100%);
margin:0;
padding:0;
list-style-type: none;
font-family: Hiragino Sans, Yu Gothic, Noto Sans JP;
font-size: 15px;
font-weight: bold;
line-height:45px; 
letter-spacing:2px;
}

#navbar li{
    background: linear-gradient(to bottom, #007c45 0%, #007c45 50%, #67be8d 100%);
    float:left;
    width:calc(900px / 3);
    text-align:center;
    padding:0;
    white-space:nowrap;
}

#navbar ul a:hover{
    background: linear-gradient(to bottom, #ea5504 0%, #ea5504 50%, #f8b500 100%);
    width:calc(900px / 3);
}

#navbar a{
color: #ffffff;
display:block;
}

#navbar a:hover{
color: #c7ddd8;
}

/* side menu*/

#side ul{
font-size: 100%;
line-height: 220%;
margin: 0px;
padding-left: 15px;
}

#side ul a:hover{
color:#ff0000;
}

#side ul{
list-style-type: none;
padding-left: 2px
}
#side li{
padding-left: 5px
}
#side li a{
color:#333333;
border-bottom: groove 2px #c89932;
width: 190px;
display:block;
}

#sidemenubar{
background-image: url(../img/sidemenubar.png);
width:205px;
line-height:42px;
font-size:120%;
font-variant:small-caps;
text-align: center;
color:#ffffff;
}