@charset "utf-8";

@media only screen and (max-width: 650px) {
#slide_menu {
  position: fixed;
  top: 0;
  left: -191px;
  width: 191px;
  height: 100%;
  background: #35549d;
  z-index:999;
}

/* 以下装飾など */

#slide_menu ul {
  padding: 1px 0 0 0;
  margin: 0;
  height:100%!important;
  overflow:auto!important;
}

#slide_menu li + li { /*border-top: solid 1px #f39191;*/ }

#slide_menu li {
  border-bottom: solid 1px #4972d2;
  list-style: none;
  padding:0 14px;
}

#slide_menu li a {
	background:url(../../images/common/i-arw1.gif) no-repeat left 12px;
	color:#fff;
  display: block;
  font-family: OpenSans-Light;
  font-size:15px;
  padding: 7px 0 7px 22px;
  color: #fff;
  text-align: left;
  text-decoration: none;
}

#slide_menu li ul { display:none; height:inherit!important; margin:0 0 10px 0; }
#slide_menu li ul.showmenu { display:block; }
#slide_menu li:hover ul { display:block; }
#slide_menu li ul li { border-bottom:none; padding:0 0 0 10px; }
#slide_menu li ul li a { background:none; font-size:13px; padding:5px 0 5px 10px; }

#slide-button {
  position: absolute;
  top: 0;
  width: 29px;
  height: 28px;
  outline: none;
  border: none;
  cursor: pointer;
  right:0;
}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
#slide_menu {
  position: fixed;
  top: 0;
  left: -191px;
  width: 191px;
  height: 100%;
  background: #35549d;
  z-index:999;
}

/* 以下装飾など */

#slide_menu ul {
  padding: 1px 0 0 0;
  margin: 0;
  height:100%!important;
  overflow:auto!important;
}

#slide_menu li + li { /*border-top: solid 1px #f39191;*/ }

#slide_menu li {
  border-bottom: solid 1px #4972d2;
  list-style: none;
  padding:0 14px;
}

#slide_menu li a {
	background:url(../../images/common/i-arw1.gif) no-repeat left 13px;
	color:#fff;
  display: block;
  font-family: OpenSans-Light;
  font-size:15px;
  padding: 7px 0 7px 22px;
  color: #fff;
  text-align: left;
  text-decoration: none;
}

#slide_menu li ul { display:none; height:inherit!important; margin:0 0 10px 0; }
#slide_menu li ul.showmenu { display:block; }
#slide_menu li:hover ul { display:block; }
#slide_menu li ul li { border-bottom:none; padding:0 0 0 10px; }
#slide_menu li ul li a { background:none; font-size:13px; padding:5px 0 5px 10px; }

#slide-button {
  position: absolute;
  top: 0;
  width: 29px;
  height: 28px;
  outline: none;
  border: none;
  cursor: pointer;
  right:0;
}	
}