@charset "utf-8";

/*  global navi ------------------------------------- */

#gNavi a { text-indent: -9999px; height:100%; display:block; background-repeat:no-repeat; }
#gNavi a:focus{ /*\*/ overflow: hidden;outline: none; /**/ }

#gNavi li {	height: 32px; float: left;width: 135px; }

#gNavi a { background: url(../img/header_g_navi.jpg);}
#gNavi #homeNavi a{background-position: 0px 0px;}
#gNavi #pointNavi a{background-position: -135px 0px;}
#gNavi #courseNavi a{background-position: -270px 0px;}
#gNavi #accessNavi a{background-position: -405px 0px;}
#gNavi #debutNavi a{background-position: -540px 0px;}
body#home #gNavi #homeNavi a,#gNavi #homeNavi a:hover {background-position: 0px    -50px;}
body#point #gNavi #pointNavi a,#gNavi #pointNavi a:hover {background-position: -135px -50px;}
body#course #gNavi #courseNavi a,#gNavi #courseNavi a:hover {background-position: -270px -50px;}
body#access #gNavi #accessNavi a,#gNavi #accessNavi a:hover {background-position: -405px -50px;}
body#debut #gNavi #debutNavi a,#gNavi #debutNavi a:hover {background-position: -540px -50px;}

#gNavi:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#gNavi{overflow:hidden;}
/* Hides from IE-mac \*/* html #gNavi{ height:1%;overflow:visible;}/* End hide from IE-mac */


/*  sub navi ----------------------------------------- */

#sNavi a { text-indent: -9999px; height:100%; display:block; background-repeat:no-repeat; }
#sNavi a:focus{ /*\*/ overflow: hidden;outline: none; /**/ }

#sNavi li {	height: 32px; float: left;margin-right: 37px;margin-top: 6px; }

#sNavi #karaokeNavi{width: 155px;}
#sNavi #knowledgeNavi{width: 186px;}
#sNavi #howtoNavi{width: 130px;}
#sNavi #enjoyNavi{width: 147px;}
#sNavi #triallessonNavi{width: 154px;margin-right:0;}

#sNavi a { background: url(../img/header_s_navi.jpg);}
#sNavi #karaokeNavi a{background-position: 0px 0px;}
#sNavi #knowledgeNavi a{background-position: -193px 0px;}
#sNavi #howtoNavi a{background-position: -417px 0px;}
#sNavi #enjoyNavi a{background-position: -584px 0px;}
#sNavi #triallessonNavi a{background-position: -769px 0px;}
body#karaoke #sNavi #karaokeNavi a,#sNavi #karaokeNavi a:hover {background-position: 0px    -50px;}
body#knowledge #sNavi #knowledgeNavi a,#sNavi #knowledgeNavi a:hover {background-position: -193px -50px;}
body#howto #sNavi #howtoNavi a,#sNavi #howtoNavi a:hover {background-position: -417px -50px;}
body#enjoy #sNavi #enjoyNavi a,#sNavi #enjoyNavi a:hover {background-position: -584px -50px;}
body#triallesson #sNavi #triallessonNavi a,#sNavi #triallessonNavi a:hover {background-position: -769px -50px;}


#sNavi:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#sNavi{overflow:hidden;}
/* Hides from IE-mac \*/* html #sNavi{ height:1%;overflow:visible;}/* End hide from IE-mac */