#sidemenu{
    /* Default Settings */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 25%;
  overflow-x: none;
  overflow-y: auto;
  background-color: #ffffff;
  border-right:1px solid #cccccc;
 
}



#sidemenu > ul li:nth-child(1) {
    height:50px;
}


#sidemenu > ul li:nth-child(1) img {
    width:50%;
}

#sidemenu .sidemenu_top > ul {
    list-style:none;
    margin:0;
    padding:0;
}

#sidemenu .sidemenu_top > li {
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    border : 0;
    float: left;
}

#sidemenu .sidemenu_top > li:nth-child(2) {
    margin: 0 5% 0 0;
    padding: 0 0 0 0;
    border : 0;
    float: right;
}


#sidemenu > ul li:nth-child(2) {
    height:30px;
    border-bottom: 1px solid #c9c9c9;
}

.left-login a{
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 10px;
font-size: 14px;
color:#361773;

}
.left-login-name{padding-left:16px;}

#sidemenu li.sidebar-logout {
    height:30px;
    text-align:center;
    vertical-align:middle;
    padding-top:10px;
    background-color:#f8f5fa;
}
#sidemenu li.sidebar-logout a{color:#6d3b97; font-weight: bold;font-size:14px;}
#sidemenu li.sidebar-logout > ul li {
    margin-left:12px;
    float:left;
}

#sidemenu .gray{ color:#303030;}

#sidemenu .blue{ color:#03a0da;}
#sidemenu .pink{color:#e4007f;}
#sidemenu .purple{color:#6d3b97;}

#sidemenu li.sidebar-header {
width:100%;
padding: 20px 25px 20px 15px;
font-size: 12px;
color: #4b646f;
}

@media all and (min-width:320px) and (max-width:375px){.sidebar-logout {font-size:12px;}}





#navi{
    padding:0;
    width:100%;
    margin:0;
}
#navi h2{
    margin: 0;
    padding: 0;
    
}


#navi h2 a{
display: block;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 10px;
font-size: 14px;
color:#361773;
/*text-shadow: 0 1px 1px #000;*/
background:#ffffff;
border-bottom: 1px solid #c9c9c9;

/*background: -moz-linear-gradient(#ffffff 0%, #163887 100%);
background: -webkit-linear-gradient(#ffffff 0%, #163887 100%);
background: -o-linear-gradient(#ffffff 0%, #163887 100%);
background: linear-gradient(#ffffff 0%, #163887 100%);*/
}




#navi img { margin-top:10px; margin-right:10px; width:15px; float:right;}


#navi :target h2 a,
#navi h2 a:focus, 
#navi h2 a:hover, 
#navi h2 a:active{

/*background:-moz-linear-gradient(#EAECED 0%, #000000 100%);
background:-webkit-linear-gradient(#EAECED 0%, #000000 100%);
background:-o-linear-gradient(#EAECED 0%, #000000 100%);
background:linear-gradient(#EAECED 0%, #000000 100%);*/
/*color:#eee;*/
/*text-shadow: 0 1px 1px #000000;*/
border-bottom: 1px solid #ffffff;

}


#navi p {
padding-left: 10px;
margin: 0;
height:0;
overflow:hidden;
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.5s ease-in;
-webkit-transition:height 0.5s ease-in;
transition:height 0.2s ease-in;
}


#navi :target p {
  height: 30px;
  border-bottom: 1px solid #ffffff;
  background:#EAECED;
}


#navi :target p a{
  display: block;
  text-decoration:none;
  padding: 4px 10px;
  line-height: 22px;
  font-size: 13px;
  color: #4e5800;

}


@media all and (min-width:320px) and (max-width:767px){
  #sidemenu{  width: 46%;} 
  
#sidemenu > ul li:nth-child(1) { height:30px;} 
#navi h2 a{font-size: 12px;}
#navi :target p a{  font-size: 11px;}
#sidemenu li.sidebar-logout a{color:#6d3b97; font-weight: bold;font-size:11px;}
#sidemenu li.sidebar-logout {
    height:26px;    text-align:center;    vertical-align:middle;
    padding-top:8px;    background-color:#f8f5fa;
}
.left-login-name{font-size:12px;}
}




#navi .menu2-2{
    display: none;
}

#navi .menu2-2 a{
    padding-left:20px;
}

#navi .menu2-2 p{
    background-color:#CECECE;
}

#navi #menu2  p span{
    position:absolute;
    margin-left:155px;
    margin-top:-3px;

    }