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

#navi {
    margin: 0px auto;
    padding: 0px;
    height: 100px;
    width: 1000px;
    background-repeat: no-repeat;
    background-image: url(../images/bg_navi.jpg);
    background-position: -1px 0;
}
#navi ul {
    margin: 0px;
    padding: 0px;
    height: 100px;
    list-style: none;
    font-size: 10px;
    display: block;
    background-position: 0px -1px;
}
/*
==============================
個別
==============================
*/
#navi ul li#top {
	float: left;
	background: url(../images/navi.jpg) no-repeat -11px -20px;
	text-indent: -9999px;
	height: 65px;
	width: 62px;
	display: block;
	margin-top: 20px;
	margin-left: 10px;
}
#navi ul li#top a {
	background: url(../images/navi.jpg) no-repeat -11px -20px;
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 62px;
}
/*
==============================
現在地
==============================
*/
#navi ul li#top-now a   {
	float: left;
	background: url(../images/navi.jpg) no-repeat -11px -120px;
	text-indent: -9999px;
	height: 65px;
	width: 62px;
	display: block;
	margin-top: 20px;
	margin-left: 10px;
}
/*
==============================
ホバー
==============================
*/
#navi ul li#top a:hover {
	background: url(../images/navi.jpg) -11px -120px;
	display: block;
	height: 65px;
	width: 62px;
	float: left;
	text-indent: -9999px;
}
#navi ul #greet {
	text-indent: -9999px;
	float: left;
	height: 58px;
	width: 60px;
	margin-left: 17px;
	display: block;
	margin-top: 20px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -89px -20px;
}
#navi ul #greet a {
	text-indent: -9999px;
	height: 58px;
	width: 60px;
	display: block;
}
#navi ul #greet-now a   {
	text-indent: -9999px;
	float: left;
	height: 58px;
	width: 60px;
	background: url(../images/navi.jpg) no-repeat -89px -120px;
	margin-left: 17px;
	display: block;
	margin-top: 20px;
}
#navi ul #greet a:hover {
	background: url(../images/navi.jpg) no-repeat -89px -120px;
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 65px;
	float: left;
}
#navi ul #prog {
	background: url(../images/navi.jpg) no-repeat -163px -5px;
	text-indent: -9999px;
	height: 90px;
	width: 92px;
	float: left;
	display: block;
	margin-top: 5px;
	margin-left: 14px;
}
#navi ul #prog a {
	background: url(../images/navi.jpg) no-repeat -163px -5px;
	text-indent: -9999px;
	height: 90px;
	width: 92px;
	display: block;
}
#navi ul #prog-now a    {
	background: url(../images/navi.jpg) no-repeat -163px -105px;
	text-indent: -9999px;
	height: 90px;
	width: 92px;
	float: left;
	display: block;
	margin-top: 5px;
	margin-left: 14px;
}
#navi ul #prog a:hover {
	background: url(../images/navi.jpg) no-repeat -163px -105px;
	text-indent: -9999px;
	height: 90px;
	width: 92px;
	display: block;
}
#navi ul #point {
	float: left;
	height: 70px;
	width: 70px;
	background: url(../images/navi.jpg) repeat -270px -15px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
	margin-left: 15px;
}
#navi ul #point a {
	height: 70px;
	width: 70px;
	background: url(../images/navi.jpg) repeat -270px -15px;
	text-indent: -9999px;
	display: block;
}
#navi ul #point-now a {
	float: left;
	height: 70px;
	width: 70px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
	margin-left: 16px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -270px -115px;
}
#navi ul #point a:hover {
	height: 70px;
	width: 70px;
	background: url(../images/navi.jpg) repeat -270px -115px;
	text-indent: -9999px;
	float: left;
}
#navi ul #access {
	float: left;
	height: 70px;
	width: 68px;
	background: url(../images/navi.jpg) no-repeat -354px -15px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
	margin-left: 15px;
}
#navi ul #access a {
	height: 70px;
	width: 68px;
	background: url(../images/navi.jpg) no-repeat -354px -15px;
	text-indent: -9999px;
	display: block;
}
#navi ul #access-now a {
	float: left;
	height: 70px;
	width: 68px;
	background: url(../images/navi.jpg) no-repeat -354px -115px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
	margin-left: 15px;
}
#navi ul #access a:hover {
	height: 70px;
	width: 68px;
	background: url(../images/navi.jpg) no-repeat -354px -115px;
	text-indent: -9999px;
	display: block;
}
#navi ul #poster {
	float: left;
	height: 94px;
	width: 92px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -437px -2px;
	display: block;
	margin-top: 2px;
	margin-left: 14px;
}
#navi ul #poster a {
	height: 94px;
	width: 92px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -437px -2px;
	display: block;
}
#navi ul #poster-now a {
	float: left;
	height: 94px;
	width: 92px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -437px -102px;
	display: block;
	margin-top: 2px;
	margin-left: 14px;
}
#navi ul #poster a:hover {
	height: 94px;
	width: 92px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -437px -102px;
	display: block;
}
#navi ul #info {
	float: left;
	height: 86px;
	width: 86px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -542px -8px;
	display: block;
	margin-top: 8px;
	margin-left: 13px;
}
#navi ul #info a {
	height: 86px;
	width: 86px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -542px -8px;
	display: block;
}
#navi ul #info-now a {
	float: left;
	height: 86px;
	width: 86px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -542px -108px;
	display: block;
	margin-top: 8px;
	margin-left: 13px;
}
#navi ul #info a:hover {
	height: 86px;
	width: 86px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -542px -108px;
	display: block;
}
#navi ul #voice {
	float: left;
	height: 98px;
	width: 100px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -642px -1px;
	display: block;
	margin-top: 1px;
	margin-left: 14px;
}
#navi ul #voice a{
	height: 98px;
	width: 100px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -642px -1px;
	display: block;
}
#navi ul #voice-now a{
	float: left;
	height: 99px;
	width: 100px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -642px -101px;
	display: block;
	margin-top: 0px;
	margin-left: 14px;
}
#navi ul #voice a:hover{
	height: 99px;
	width: 100px;
	text-indent: -9999px;
	background: url(../images/navi.jpg) no-repeat -642px -101px;
	display: block;
}
#navi ul #past {
	float: left;
	height: 99px;
	width: 105px;
	text-indent: -9999px;
	display: block;
	margin-top: 1px;
	margin-left: 14px;
	background: url(../images/navi.jpg) no-repeat -756px -1px;
}
#navi ul #past a{
	height: 99px;
	width: 105px;
	text-indent: -9999px;
	display: block;
	background: url(../images/navi.jpg) no-repeat -756px -1px;
}
#navi ul #past-now a {
	float: left;
	height: 99px;
	width: 105px;
	text-indent: -9999px;
	display: block;
	margin-top: 1px;
	margin-left: 14px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -756px -101px;
}
#navi ul #past a:hover {
	height: 99px;
	width: 105px;
	text-indent: -9999px;
	display: block;
	background: url(../images/navi.jpg) no-repeat -756px -101px;
}
#navi ul #report {
	float: left;
	height: 78px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
	margin-left: 8px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -873px -10px;
}
#navi ul #report a{
	height: 78px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -873px -10px;
}
#navi ul #report-now a {
	float: left;
	height: 88px;
	width: 80px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
	margin-left: 8px;
	background-image: url(../images/navi.jpg);
	background-repeat: no-repeat;
	background-position: -873px -110px;
}
#navi ul #report a:hover {
    height: 78px;
    width: 80px;
    text-indent: -9999px;
    display: block;
    background-image: url(../images/navi.jpg);
    background-repeat: no-repeat;
    background-position: -873px -110px;
}