@charset "UTF-8";
/*body {background: #ddd; color: #444; width: 100%; height:100%; -webkit-text-size-adjust: none; margin:0; font: 16px/1.231 "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Arial, sans-serif;}*/
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    top: 0;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 270px;
    padding: 0;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #ffffff;
    color: #FFF;
}

nav ul {
    list-style:none;
}

/*#navbox {
    display: table;
    width: 100%;
    height: 48px;
/*  background: url(/sp/img/common/menu_btn.gif) no-repeat;*/
}*/
#left-nav {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #8B7965;
    padding: 0 5px;
    box-sizing: border-box;
    width: 30px;
    vertical-align: middle;
}

#menu_button {
    width: 60px;
    height: 43px;
/*  background : #000000;*/
}

#slidemenu dt {
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b8e2ff), color-stop(0.00, #e0f3ff));
  background: -webkit-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
  background: linear-gradient(to bottom, #e0f3ff 0%, #b8e2ff 100%);
  border-radius: 8px;        
 -webkit-border-radius: 8px;   
 -moz-border-radius: 8px; */
  background: #00aeef;
  border-bottom:1px solid #fff;
  text-align: left;
  color: #000;
  padding: 10px;
  position: relative;
/*  width : 220px;
    list-style: none;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size:14px;
    line-height: 1.8;
    padding:10px 0 10px 20px;
*/
}

#slidemenu dt:after{
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
  color: #fff;
}


#slidemenu_list dt.trigger span.open-close {
 background: url(/sp/img/common/icon_plus.png) no-repeat right top;
 background-size:20px 20px;
-webkit-background-size: 20px 20px;
 float: right;
 width: 20px;
 height: 20px;
 text-indent: -9999em;
 }
#slidemenu_list dt.active span.open-close {
 background: url(/sp/img/common/icon_minus.png) no-repeat right top;
 background-size:20px 20px;
 float: right;
 width: 20px;
 height: 20px;
 }   
 
#slidemenu dt a {
    display: block;
    text-decoration: none;
    color: #333;
}
/*
#slidemenu li:first-child {
    border-top: none;
    border-bottom:5px solid #ccc;
}
*/
#slidemenu dt:last-child {
margin-bottom:30px !important;
/*
    border-bottom: none;
*/
}
#slidemenu dt img{
    vertical-align: middle;
    margin-right: 10px;
}

#slidemenu dd {
    width : 220px;
    list-style: none;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size:14px;
    line-height: 1.8;
    padding:10px 0 10px 20px;
    display:none;
}
#slidemenu dd a {
    display: block;
    text-decoration: none;
    color: #333;
}
/*#slidemenu li:first-child {
    border-top: none;
    border-bottom:5px solid #ccc;
}
*/
#slidemenu dd:last-child {
    border-bottom: none;
}
#slidemenu dd img{
    vertical-align: middle;
    margin-right: 10px;
}

#mobile-bar{
text-align:center;
border:2px solid #666;
border-radius:5px;
margin:5px;
padding:1px 0px 5px 0px;
line-height:0.6em;
}
#mobile-bar i{
font-size:24px;
color:#666;
}
#mobile-bar span{
font-size:10px !important;
/*font-weight:bold;*/
color:#666;
}
#menu_button > a{
text-decoration:none;
}



#slidemenu_list dt.active{margin-bottom:0 !important;}
.menu_list{margin-bottom:10px;list-style:none;}
.menu_list li{
padding:10px 25px 10px 20px;
border-bottom:1px solid #dddddd;
position: relative;
list-style:none;
}
.menu_list li:after{
font-family: 'FontAwesome';
content: "\f054";
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
color:#999;
}
.menu_list li a{
text-decoration:none;
}
#slidemenu_list{color:#000000;}
#slidemenu_list h3{
padding:14px 15px 14px 15px;
margin-bottom:1px;
background-color:#09F;
color:#FFF;
font-size:16px;
vertical-align:bottom;
}
.menu_close {
/*  position: fixed;*/
  display: block;
  float: right;
  font-size: 11px;
  font-weight: normal;
  padding: 3px 10px;
  border-radius: 6px;
  margin-top:-4px;
  border: #FFF 1px solid;
}
.menu_close a{
color:#FFF;
text-decoration:none;
}
.menu_close_bottom{
display:block;
float:right;
font-size:11px;
font-weight:normal;
padding:3px 10px;
border-radius: 6px;
border:#09F 1px solid;
}
.menu_close_bottom a{
color:#09F !important;
text-decoration:none;
}
.navmenu_tbl td{vertical-align:middle;}
.padt0{padding-top:6px !important;}
.padb0{padding-bottom:0 !important;}
.mgnb0{margin-bottom:0 !important;}


.menu_last {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border:0 none !important;
margin:0 !important;
padding:15px 10px 0 10px !important;
}
.menu_last i{
color:#999;
padding-right:5px;
}
.menu_last > a{
/*display:inline !important;*/
}