@charset 'UTF-8';

/* mainnaviHeader */
#mainnaviHeader { width: 550; height: 30px; margin: 0px auto; z-index: 9998; }
#mainnaviHeader #mainNavi { margin: 0; padding: 0; }
#mainnaviHeader #mainNavi li { display: inline; }
#mainnaviHeader #mainNavi li a { float: left; width: 110px; height: 30; overflow: hidden; text-indent: -9999px; }
#mainnaviHeader #mainNavi li a,
#mainnaviHeader #mainNavi { background-image: url(../img/navi.png); _background-image: url(../img/navi.gif); background-repeat: no-repeat; }

/* Button */
#mainnaviHeader #mainNavi li#mn_about a { background-position: 0px 0px; }
#mainnaviHeader #mainNavi li#mn_info a { background-position: -110px 0px; }
#mainnaviHeader #mainNavi li#mn_event a { background-position: -220px 0px; }
#mainnaviHeader #mainNavi li#mn_studio a { background-position: -330px 0px; }
#mainnaviHeader #mainNavi li#mn_price a { background-position: -440px 0px; }

/* Over */
#mainnaviHeader #mainNavi li#mn_about a:hover { background-position: 0px -40px; }
#mainnaviHeader #mainNavi li#mn_info a:hover { background-position: -110px -40px; }
#mainnaviHeader #mainNavi li#mn_event a:hover { background-position: -220px -40px; }
#mainnaviHeader #mainNavi li#mn_studio a:hover { background-position: -330px -40px; }
#mainnaviHeader #mainNavi li#mn_price a:hover { background-position: -440px -40px; }

/* Pressed */
#mainnaviHeader #mainNavi li#mn_about a:active { background-position: 0px -80px; }
#mainnaviHeader #mainNavi li#mn_info a:active { background-position: -110px -80px; }
#mainnaviHeader #mainNavi li#mn_event a:active { background-position: -220px -80px; }
#mainnaviHeader #mainNavi li#mn_studio a:active { background-position: -330px -80px; }
#mainnaviHeader #mainNavi li#mn_price a:active { background-position: -440px -80px; }

/* On */
#mainnaviHeader.about #mainNavi li#mn_about a { background-position: 0px -120px; !important; }
#mainnaviHeader.info #mainNavi li#mn_info a { background-position: -110px -120px !important; }
#mainnaviHeader.event #mainNavi li#mn_event a { background-position: -220px -120px !important; }
#mainnaviHeader.studio #mainNavi li#mn_studio a { background-position: -330px -120px !important; }
#mainnaviHeader.price #mainNavi li#mn_price a { background-position: -440px -120px !important; }


/* courseSelect */
#courseSelect { width: 180; height: 60px; margin: 0px auto; position: relative; z-index: 9998; }
#courseSelect ul {
	width: 180px;
	height: 500px;
	padding: 0px;
	float: left;
	overflow: hidden;
	background: url(../../images/common/bg_nav.gif) no-repeat left top;
}
#courseSelect ul li {
	vertical-align: bottom;
	width: 180px;
	height: 60px;
	padding-bottom: 1px;
}
#courseSelect ul li a {
	text-decoration:none;
	line-height: normal;
	text-indent: -9999px;
	width: 180px;
	height: 60px;
	display: block;
}

/* GUITAR */
#courseSelect ul li#cs_guitar a { background: url(../common/navi_courseselect/img/guitar.png) no-repeat left top; }
#courseSelect ul li#cs_guitar a:hover { background-position: -180px top; }
#courseSelect ul li#cs_guitar a:active { background-position: -360px top; }
#courseSelect.cs01 ul li#cs_guitar a { background-position: -540px !important; }

/* VOCAL */
#courseSelect ul li#cs_vocal a { background: url(../common/navi_courseselect/img/vocal.png) no-repeat left top; }
#courseSelect ul li#cs_vocal a:hover { background-position: -180px top; }
#courseSelect ul li#cs_vocal a:active { background-position: -360px top; }
#courseSelect.cs02 ul li#cs_vocal a { background-position: -540px !important; }

/* BASS */
#courseSelect ul li#cs_bass a { background: url(../common/navi_courseselect/img/bass.png) no-repeat left top; }
#courseSelect ul li#cs_bass a:hover { background-position: -180px top; }
#courseSelect ul li#cs_bass a:active { background-position: -360px top; }
#courseSelect.cs03 ul li#cs_bass a { background-position: -540px !important; }

/* DRUM */
#courseSelect ul li#cs_drum a { background: url(../common/navi_courseselect/img/drum.png) no-repeat left top; }
#courseSelect ul li#cs_drum a:hover { background-position: -180px top; }
#courseSelect ul li#cs_drum a:active { background-position: -360px top; }
#courseSelect.cs04 ul li#cs_drum a { background-position: -540px !important; }

/* KEYBOARD */
#courseSelect ul li#cs_keyboard a { background: url(../common/navi_courseselect/img/keyboard.png) no-repeat left top; }
#courseSelect ul li#cs_keyboard a:hover { background-position: -180px top; }
#courseSelect ul li#cs_keyboard a:active { background-position: -360px top; }
#courseSelect.cs05 ul li#cs_keyboard a { background-position: -540px !important; }

/* PERCUSSION */
#courseSelect ul li#cs_percussion a { background: url(../common/navi_courseselect/img/percussion.png) no-repeat left top; }
#courseSelect ul li#cs_percussion a:hover { background-position: -180px top; }
#courseSelect ul li#cs_percussion a:active { background-position: -360px top; }
#courseSelect.cs06 ul li#cs_percussion a { background-position: -540px !important; }

/* UKULELE */
#courseSelect ul li#cs_ukulele a { background: url(../common/navi_courseselect/img/ukulele.png) no-repeat left top; }
#courseSelect ul li#cs_ukulele a:hover { background-position: -180px top; }
#courseSelect ul li#cs_ukulele a:active { background-position: -360px top; }
#courseSelect.cs07 ul li#cs_ukulele a { background-position: -540px !important; }

/* BAND */
#courseSelect ul li#cs_band a { background: url(../common/navi_courseselect/img/band.png) no-repeat left top; }
#courseSelect ul li#cs_band a:hover { background-position: -180px top; }
#courseSelect ul li#cs_band a:active { background-position: -360px top; }
#courseSelect.cs08 ul li#cs_band a { background-position: -540px !important; }


/* coursenaviHeader */
#coursenaviHeader { width: 180; height: 45px; margin: 0px auto; position: relative; z-index: 9998; }
#coursenaviHeader ul {
	width: 180px;
	height: 230px;
	padding: 0px;
	float: left;
	overflow: hidden;
	background: url(../../images/common/bg_nav.gif) no-repeat left top;
}
#coursenaviHeader ul li {
	vertical-align: bottom;
	width: 180px;
	height: 45px;
	padding-bottom: 1px;
}
#coursenaviHeader ul li a {
	text-decoration:none;
	line-height: normal;
	text-indent: -9999px;
	width: 180px;
	height: 45px;
	display: block;
}

/* 01 */
#coursenaviHeader ul li#cn_01 a { background: url(../img/courseimg/coursenavi/cn_01.png) no-repeat left top; }
#coursenaviHeader ul li#cn_01 a:hover { background-position: -180px top; }
#coursenaviHeader ul li#cn_01 a:active { background-position: -360px top; }
#coursenaviHeader.cn01 ul li#cn_01 a { background-position: -540px !important; }

/* 02 */
#coursenaviHeader ul li#cn_02 a { background: url(../img/courseimg/coursenavi/cn_02.png) no-repeat left top; }
#coursenaviHeader ul li#cn_02 a:hover { background-position: -180px top; }
#coursenaviHeader ul li#cn_02 a:active { background-position: -360px top; }
#coursenaviHeader.cn02 ul li#cn_02 a { background-position: -540px !important; }

/* 03 */
#coursenaviHeader ul li#cn_03 a { background: url(../img/courseimg/coursenavi/cn_03.png) no-repeat left top; }
#coursenaviHeader ul li#cn_03 a:hover { background-position: -180px top; }
#coursenaviHeader ul li#cn_03 a:active { background-position: -360px top; }
#coursenaviHeader.cn03 ul li#cn_03 a { background-position: -540px !important; }

/* 04 */
#coursenaviHeader ul li#cn_04 a { background: url(../img/courseimg/coursenavi/cn_04.png) no-repeat left top; }
#coursenaviHeader ul li#cn_04 a:hover { background-position: -180px top; }
#coursenaviHeader ul li#cn_04 a:active { background-position: -360px top; }
#coursenaviHeader.cn04 ul li#cn_05 a { background-position: -540px !important; }

/* 05 */
#coursenaviHeader ul li#cn_05 a { background: url(../img/courseimg/coursenavi/cn_05.png) no-repeat left top; }
#coursenaviHeader ul li#cn_05 a:hover { background-position: -180px top; }
#coursenaviHeader ul li#cn_05 a:active { background-position: -360px top; }
#coursenaviHeader.cn05 ul li#cn_05 a { background-position: -540px !important; }


/* infoSwitch */
#infoSwitch {
	width: 222px;
	height: 20px;
	float: right;
}

ul.switchParts li a {
	float: left;
	width: 110px;
	height: 20px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	padding-right: 1px;
}

/* HOT NEWS */
ul.switchParts li#parts_01 a { background: url(../info/img/infoswitch_hotnews.png) no-repeat; }
ul.switchParts li#parts_01 a:hover { background-position: 0px -30px; }
ul.switchParts li#parts_01 a:active { background-position: 0px -60px; }
#infoSwitch.hotnews ul li#parts_01 a { background-position: 0px -60px; !important; }


/* BLOG */
ul.switchParts li#parts_02 a { background: url(../info/img/infoswitch_blog.png) no-repeat; }
ul.switchParts li#parts_02 a:hover { background-position: 0px -30px; }
ul.switchParts li#parts_02 a:active { background-position: 0px -60px; }
#infoSwitch.blog ul li#parts_02 a { background-position: 0px -60px; !important; }