#build-menu-page {
  left: 0;
  position: relative;
}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	display: none;
	width: 260px;
  padding: 0;
  position: static;
  z-index: 201;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  background-color:#fff;/*背景色*/
}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.buildmenu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
}



/*MENUボタン表示箇所*/
#mobile_bar_area {
	position: absolute;
	left: 10px;
	top: 100px;
	z-index: 201;
}
#mobile-bar {
	width:60px;
	height:26px;
	padding:4px 10px;
	background-image:url(../../images/sp/nav_footer_dt_bg.png);
	background-position: top;
	background-repeat:no-repeat;
	line-height:26px;
	font-weight:bold;
	text-align:center;
}
#mobile_bar_area #build-menu-button {
}
#mobile_bar_area a {
	color:#fff;
}
#mobile_bar_area a:hover {
	text-decoration:none;
}





/*出てくるMENU*/
#build-menu li{
	list-style: none;
	margin:0px;
	margin-left:0;
	border-top:2px solid #ccc;
	background-image:url(../../images/gray_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
}
#build-menu li a{
	display:block;
	padding:10px;
	color:#474747;
	text-decoration:none;
}
#build-menu li a:hover{
  text-decoration:none;
/*  background-color:#ccc;*/
}
#build-menu li.sub{
	padding-left:20px;
	border-bottom:none;
	background:none;
	border:none;
}
#build-menu li.tit{
	padding:10px;
}