/* --------------------------------------
　　　　　ナビゲーション表示設定
-------------------------------------- */
#naviBox {
	clear: both;
	width: 100%;
	height: 75px;
	margin: 0 auto;
	background-color: #ff6699;
}
	
.navi {
	width: 980px;
	height: 75px;
	margin: 0 auto;
	background-color: #ff6699;
}

.headerNavi {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 75px;
	text-align: left;
}

.headerNavi ul{
	list-style-type: none;
	width: 980px;
	margin: 0;
	padding: 0;
}

.headerNavi li{
    float: left;
	display: inline;
	margin-left: 0;
	list-style: none;
}

.headerNavi a{
    display: block;
	margin: 0;
    height: 75px;
    text-indent: -9999px; /* ←テキストが表示されないようにする設定 */
    overflow: hidden; /* ←テキストが表示されないようにする設定 */
}

a.menu01 {
	background-image: url(../images/menu01.gif);
    background-position: 0px 0px; /* ←ロールオーバー設定 */
	width: 196px;
}
a:hover.menu01 {
    background-position: 0px -75px; /* ←ロールオーバー設定 */
	width: 196px;
}
.stay a.menu01 {
    background-position: 0px -150px; /* ←active設定 */
	width: 196px;
}

a.menu02 {
	background-image: url(../images/menu02.gif);
    background-position: 0px 0px; /* ←ロールオーバー設定 */
	width: 196px;
}
a:hover.menu02 {
    background-position: 0px -75px; /* ←ロールオーバー設定 */
	width: 196px;
}
.stay a.menu02 {
    background-position: 0px -150px; /* ←active設定 */
	width: 196px;
}

a.menu03 {
	background-image: url(../images/menu03.gif);
    background-position: 0px 0px; /* ←ロールオーバー設定 */
	width: 196px;
}
a:hover.menu03 {
    background-position: 0px -75px; /* ←ロールオーバー設定 */
	width: 196px;
}
.stay a.menu03 {
    background-position: 0px -150px; /* ←active設定 */
	width: 196px;
}

a.menu04 {
	background-image: url(../images/menu04.gif);
    background-position: 0px 0px; /* ←ロールオーバー設定 */
	width: 196px;
}
a:hover.menu04 {
    background-position: 0px -75px; /* ←ロールオーバー設定 */
	width: 196px;
}
.stay a.menu04 {
    background-position: 0px -150px; /* ←active設定 */
	width: 196px;
}

a.menu05 {
	background-image: url(../images/menu05.gif);
    background-position: 0px 0px; /* ←ロールオーバー設定 */
	width: 196px;
}
a:hover.menu05 {
    background-position: 0px -75px; /* ←ロールオーバー設定 */
	width: 196px;
}
.stay a.menu05 {
    background-position: 0px -150px; /* ←active設定 */
	width: 196px;
}