@charset "utf-8";
/* CSS Document */


/*メニュー--------------------------------------*/
.menu_bg{
	background-color: #000;
	height: auto;
	padding: 8px;
}

#menu_btn{
	width: 1080px;
	height: 64px;
	margin: 0 auto;
    overflow:hidden;
    zoom: 100%;
}

ul#menu_btn li { 
    float:left;
    list-style:none; 
}

ul#menu_btn li a {
    display:block; 
    height: 64px;  
    font-weight:bold; 
    letter-spacing:1px; 
    text-indent:-9898px; 
    background-image: url(../img/common/menu.png);
    background-repeat:no-repeat; 
}

/*off*/
ul#menu_btn li a.menu1 {background-position:0px 0px;width:88px;}
ul#menu_btn li a.menu2 {background-position:-88px 0px;width:150px;}
ul#menu_btn li a.menu3 {background-position:-237px 0px;width:224px;}
ul#menu_btn li a.menu4 {background-position:-462px 0px;width:160px;}
ul#menu_btn li a.menu5 {background-position:-622px 0px;width:152px;}
ul#menu_btn li a.menu6 {background-position:-780px 0px;width:186px;}

/*on*/
ul#menu_btn li a.menu1:hover {background-position:0 -64px;}
ul#menu_btn li a.menu2:hover {background-position:-88px -64px;}
ul#menu_btn li a.menu3:hover {background-position:-237px -64px;}
ul#menu_btn li a.menu4:hover {background-position:-462px -64px;}
ul#menu_btn li a.menu5:hover {background-position:-622px -64px;}
ul#menu_btn li a.menu6:hover {background-position:-780px -64px;}




#toggle{ 
 display: none;
}


@media screen and (min-width:861px) and (max-width:1024px){
	#menu_btn{
		zoom:80%;
	}

	ul#menu_btn li { 
		float:left;
		list-style:none; 
	}

	/*off*/
	ul#menu_btn li a.menu1 {background-position:0px 0px;width:88px;}
	ul#menu_btn li a.menu2 {background-position:-88px 0px;width:150px;}
	ul#menu_btn li a.menu3 {background-position:-237px 0px;width:224px;}
	ul#menu_btn li a.menu4 {background-position:-462px 0px;width:160px;}
	ul#menu_btn li a.menu5 {background-position:-614px 0px;width:152px;}
	ul#menu_btn li a.menu6 {background-position:-780px 0px;width:186px;}

	/*on*/
	ul#menu_btn li a.menu1:hover {background-position:0 -64px;}
	ul#menu_btn li a.menu2:hover {background-position:-88px -64px;}
	ul#menu_btn li a.menu3:hover {background-position:-237px -64px;}
	ul#menu_btn li a.menu4:hover {background-position:-462px -64px;}
	ul#menu_btn li a.menu5:hover {background-position:-622px -64px;}
	ul#menu_btn li a.menu6:hover {background-position:-780px -64px;}

}

@media only screen and (max-width: 860px) {

	.menu_bg{
		background-color: none;
		padding: 0;
	}
	
	#menu_btn{
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		zoom: 80%;
	}

	#menu_btn{
	  display: none;
	}

	#menu_btn li{
	  width: 100%;
	}

	#toggle{
	  display: block;
	  position: relative;
	  width: 100%;
	  background: #222;
	}

	#toggle a{
	  display: block;
	  position: relative;
	  padding: 16px 0 16px;
	  border-bottom: 1px solid #444;
	  color: #fff;
	  text-align: center;
	  text-decoration: none;
	}

	#toggle:before{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 48%;
	  left: 10px;
	  width: 20px;
	  height: 20px;
	  margin-top: -10px;
	  background: #fff;
	}
	
	#toggle a:before, #toggle a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 10px;
	  width: 20px;
	  height: 4px;
	  background: #222;
	}
	
	#toggle a:before{
	  margin-top: -6px;
	}
	
	#toggle a:after{
	  margin-top: 2px;
	}
  
}