/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
div.menu {
	display: none;
}
}






/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
div.menu {
	margin:   0px 0px  0px 0px;
	padding:  0px 0px 20px 0px;
/*	border-top: 1px solid #ff6600;  */
	background-color: #fff;
}

div.menu-body {
	margin:   0 auto;
	padding:  40px 0px  0px  0px;
/*	border-top: 1px solid #ff8c00;  */
/*	background-color: #039; */
	width: 960px;
	line-height: 0px;     /* メニューの下に隙間が出ないようにする */
}

ul.menu {
	margin:  0px 45px 0px 45px;
	padding: 0px;
	width: 870px;
	height: 32px;
	list-style-type: none;
	overflow: hidden;  /* float 解除 */
}
}






ul.menu li {
	margin:  0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 32px;
	font-size: 1px;
	float: left;
}

/* トップ */
li.menu01 {
	background-image: url("image/button/menu01.gif");
}

li.menu01on, li.menu01 a:hover {
	background-image: url("image/button/menu01on.gif");
}

ul.menu li.menu01 a, ul.menu li.menu01on a {
	margin-right: 45px;
	width:  65px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* スクール紹介 */
li.menu02 {
	background-image: url("image/button/menu02.gif");
}

li.menu02on, li.menu02 a:hover {
	background-image: url("image/button/menu02on.gif");
}

ul.menu li.menu02 a, ul.menu li.menu02on a {
	margin-right: 45px;
	width: 128px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* レッスン */
li.menu03 {
	background-image: url("image/button/menu03.gif");
}

li.menu03on, li.menu03 a:hover {
	background-image: url("image/button/menu03on.gif");
}

ul.menu li.menu03 a, ul.menu li.menu03on a {
	margin-right: 45px;
	width:  78px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* スタッフ */
li.menu04 {
	background-image: url("image/button/menu04.gif");
}

li.menu04on, li.menu04 a:hover {
	background-image: url("image/button/menu04on.gif");
}

ul.menu li.menu04 a, ul.menu li.menu04on a {
	margin-right: 45px;
	width:  78px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* イベント */
li.menu05 {
	background-image: url("image/button/menu05.gif");
}

li.menu05on, li.menu05 a:hover {
	background-image: url("image/button/menu05on.gif");
}

ul.menu li.menu05 a, ul.menu li.menu05on a {
	margin-right: 45px;
	width:  78px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* 写真・動画 */
li.menu06 {
	background-image: url("image/button/menu06.gif");
}

li.menu06on, li.menu06 a:hover {
	background-image: url("image/button/menu06on.gif");
}

ul.menu li.menu06 a, ul.menu li.menu06on a {
	margin-right: 45px;
	width: 103px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

/* ブログ */
li.menu07 {
	background-image: url("image/button/menu07.gif");
}

li.menu07on, li.menu07 a:hover {
	background-image: url("image/button/menu07on.gif");
}

ul.menu li.menu07 a, ul.menu li.menu07on a {
	margin-right: 0px;
	width:  70px;
	height: 32px;
	display: block;
	text-decoration: none;
	color: #fff;
}

span.menu-title {
	display: none;
}