@charset "utf-8";

#navbar {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 height: 60px;
 z-index: 1000;
 background-color:#fff;
 border-top:4px solid #000;
 border-bottom:1px solid #ccc;
}
#navbar-menu{
 margin:20px 12px 0 0;
 font-size:0.6em;
 font-weight:bold;
 color:#5d2f0f;
 float:right;
 text-align:center;
}

.main-sidebar {
 position: fixed;
 top: 0;
 bottom: 0;
 background-color: #fff;
 width: 200px;
}
.main-sidebar ul {
 margin:0px 0 0 0;
}
.main-sidebar li {
 border-bottom:1px solid #999;
 line-height:1.2;
 font-weight:bold;
/* background:url(../img/common/sidebar-menu-marker.gif) no-repeat 1% 50% ; */
}
.main-sidebar li:nth-child(1) {
font-size:1.1em;
 padding:15px 0 15px 10px;
 color:#fff;
 background:#5d2f0f url(../img/common/sidebar-menu-close.gif) no-repeat 95% 50% ; 
}
.main-sidebar li a {
 padding:15px 0 15px 15px;
 display: block;
}
.main-sidebar a:link {color: #000;}
.main-sidebar a:visited {color: #000;}
.main-sidebar a:hover {color: #000;}
.main-sidebar a:active {color: #000;}


/* ��html����͍폜
------------------------------------------------------------*/
.main-sidebar .section {
    margin: 1em 0;
    margin-bottom: 2em !important;
}
/* ��
------------------------------------------------------------*/


.main-sidebar-right {
 right: 0;
 text-align: right;
}
.main-sidebar-left {
 left: 0;
 text-align: left;
}

[data-ssbplugin="sbwrapper"] {
    padding: 1em;
}

.dynamic-right .main-navbar-content {
    float: right;
}

.dynamic-left .main-navbar-content {
    float: left;
}

.main-sidebar-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1em;
}