@charset "EUC-JP";
#container {
	background: #FFFFFF;
/*	-webkit-transform: translate3d(0px, 0px, 1px); */
/*	-moz-transform: translate3d(0px, 0px, 1px);*/
	-webkit-transition: .2s -webkit-transform ease-in-out;/*.2sは0.2s*/
	z-index: 1;
/*	overflow:hidden; */
}
#container.show {
	-webkit-transform: translate3d(260px, 0px, 1px);
/*	-webkit-transform: translate3d(0px, 0px, 1px);*/
/*	-moz-transform: translate3d(260px, 0px, 1px);*/
	min-width: 320px;
	background: #FFFFFF;
}
#slidemenu {
/*	left:0;*/
	left: -260px;
	top: 0;
	position: fixed;
	visibility: hidden;
	z-index: 3;
	 -webkit-transition: z-index .2s linear .2s;/*z-indexを０秒でlinear(一定のスピード　easeなし)で変化させる。*/
	-webkit-transition: visibility .2s ease-in-out;
	-webkit-transition: left .1s linear .2s;
/*----以下add------*/
	background: none repeat scroll 0 0 #323232;
    box-shadow: 0 0 5px 5px #222 inset;
	color: #fff;
	font-size: 15px;
    height: 100%;
	overflow:scroll;
 }
#slidemenu.show {
    height: 100%;
    visibility: visible;
    z-index: 3;
	left:0;
    -webkit-transition: z-index 0s linear .2s;/*z-indexを０秒でlinear(一定のスピード　easeなし)で変化させる。*/
   -webkit-transition: visibility .2s ease-in-out;
	-webkit-transition: left .1s linear .2s;
 }
/*.top #slidemenu.show {
	left:0;
	-webkit-transition: left .1s linear;
}*/

 #slidemenu_contents {
	display: none;
	height: 100%;
	position: relative;
	width: 260px;
}
/* .top #slidemenu {left: -260px;}*/
 #slidemenu ul{
    /*border-bottom: 1px solid #4d4d4d;*/
  /*  border-top: 1px solid #1a1a1a;*/
    /*display: block;*/
    margin: 0 0 15px;
    padding: 0;
 }
   #slidemenu ul >li{
	       border-bottom: 1px solid #1a1a1a;
		    border-bottom: 1px solid #707070;
    border-top: 1px solid #919191;
   }
#slidemenu ul#slidemenu_list >li{
	border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #575757;
}
.support #slidemenu ul#slidemenu_list >li.support-sp,
.company #slidemenu ul#slidemenu_list >li.company-sp,
.analysis #slidemenu ul#slidemenu_list >li.ana-sp,
.creative #slidemenu ul#slidemenu_list >li.cre-sp,
.rental #slidemenu ul#slidemenu_list >li.ren-sp{background-color:#000;}
#slidemenu ul li{
 display: block;
    line-height: 48px;
    margin: 0;
}
span.menu-on{ display:none;}
#slidemenu_list .no-link{ 
padding: 0 15px;
/*pointer-events:none;*/
/*z-index:999;*/
}
.analysis .ana-sp .nav-inner-sp{ display:block;}
.analysis .ana-sp span.menu-on{ display:block;}
.analysis .ana-sp span.menu-off{ display:none;}

.creative .cre-sp .nav-inner-sp{ display:block;}
.creative .cre-sp span.menu-on{ display:block;}
.creative .cre-sp span.menu-off{ display:none;}

.rental .ren-sp .nav-inner-sp{ display:block;}
.rental .ren-sp span.menu-on{ display:block;}
.rental .ren-sp span.menu-off{ display:none;}

.support .support-sp .nav-inner-sp{ display:block;}
.support .support-sp span.menu-on{ display:block;}
.support .support-sp span.menu-off{ display:none;}

.company .company-sp .nav-inner-sp{ display:block;}
.company .company-sp span.menu-on{ display:block;}
.company .company-sp span.menu-off{ display:none;}

.nav-inner-sp{display:none; }
.nav-inner-sp li{
	position:relative;
}
#slidemenu_list span{
/*.nav-inner-sp li span{*/
	position:absolute;
	top:1px;
	right:11px;
	color:#999999;
}
    #slidemenu ul li.menu-bottom{
    border-bottom: none;
   height:50px;
  }
  #slidemenu ul li ul {
    border-bottom: medium none;
    margin: 0;
}
  .sub-menu-btn {
    padding-left: 12px;
    position: relative;
}
.sub-menu {
    background-color: #696969;
    display: none;
}
#slidemenu ul li .sub-menu-btn > a {
	pointer-events: none;
     padding: 0;
}
#slidemenu ul li .sub-menu-btn a.show-link {
	pointer-events: auto;
	padding: 0;
}
ul#slidemenu_list >li >a,
 .sidr ul li span {
    color: #fff;
    display: block;
    padding: 0 15px;
    text-decoration: none;
}
ul#slidemenu_list >li >div a,
ul#slidemenu_list  li ul.nav-inner-sp a{
	padding:7px 5px 7px 20px;
    color:#fff;
}
#gnavi-btn a{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#slidemenu div#slidemenu_contents ul#slidemenu_list >li >a:hover{
/*	background-color:#444;*/
}
#slidemenu div#slidemenu_contents ul#slidemenu_list >li >a{
	-webkit-tap-highlight-color:#444;
}
#slidemenu_list	.nav-inner-sp a:hover{
/*	background-color:#636363;*/
}	
#slidemenu_list	.nav-inner-sp a{
	-webkit-tap-highlight-color:#636363;
}
.arrow {
    position: absolute;
    right: 20px;
    top: 18px;
}
  #slidemenu ul li ul li{
	  background-color:#7E7E7E;
  }
  #slidemenu ul li ul li:last-child{
	  border-bottom:none;
   /* border-bottom: 1px solid #898989;*/
}

 #slidemenu ul li ul li a,  #slidemenu ul li ul li span {
    color: rgba(255, 255, 255, 0.8);
    /*padding-left: 30px;*/
}
#page-top{
	z-index:9999;
}
/*
 * クリック範囲を文字からプレートに変更
*/
#slidemenu_list .link{ 
	display:inline-block;
	width:235px;
	height:100%;
	background-color:rgba(0, 0, 0, 0);
}
#slidemenu_list .link:hover{ 
	opacity:0.7;
}
#slidemenu_list a{ 
	background-color:transparent !important;
	-webkit-touch-callout:none !important;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important;
}
#slidemenu_list a:hover{ 
	color:rgba(255, 255, 255, 0.8) !important;
}