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





/* -------------------------------------------------------menu------------------------------------------------------ */
.menu {
	width:530px;
	float: left;
}

		.m {	width:70px;	height:70px; margin-left:5px; float:left; }
		.m:hover { background-position:0px 70px; }
		
		.m1 { background-image:url("menu/01.gif"); }
		.m1:active { background-image:url("menu/menu_in/01.gif"); }

			.in1 { background-image:url("menu/menu_in/01.gif"); }
		
		.m2 { background-image:url("menu/02.gif"); }
		.m2:active { background-image:url("menu/menu_in/02.gif"); }

			.in2 { background-image:url("menu/menu_in/02.gif"); }
			
		.m3 { background-image:url("menu/03.gif"); }
		.m3:active { background-image:url("menu/menu_in/03.gif"); }

			.in3 { background-image:url("menu/menu_in/03.gif"); }
			
		.m4 { background-image:url("menu/04.gif"); }
		.m4:active { background-image:url("menu/menu_in/04.gif"); }

			.in4 { background-image:url("menu/menu_in/04.gif"); }
			
		.m5 { background-image:url("menu/05.gif"); }
		.m5:active { background-image:url("menu/menu_in/05.gif"); }

			.in5 { background-image:url("menu/menu_in/05.gif"); }
			
		.m6 { background-image:url("menu/06.gif"); }
		.m6:active { background-image:url("menu/menu_in/06.gif"); }

			.in6 { background-image:url("menu/menu_in/06.gif"); }
			
		.m7 { background-image:url("menu/07.gif"); }
		.m7:active { background-image:url("menu/menu_in/07.gif"); }

			.in7 { background-image:url("menu/menu_in/07.gif"); }