/* menu */

#menu{
	height:50px;
	margin:0;
	padding:0;
	border:1px solid #FFF6DF;
}
#menu ul
   {
    width:480px;             /* リスト全体の幅 */
    list-style:none;         /* リストマークを無しにする */
	margin-top:0;
	padding-top:0;
   }

/* 各項目 */
#menu li
   {
    width:75px;             /* 項目の幅 */
    height:48px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
	margin-top:0;
	padding-top:0;
   }

/* リンク部分 */

#menu .news a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
#menu .prof a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-80px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none; 
   }
 #menu .disco a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-160px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }
 #menu .blog a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-240px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }

#menu .goods a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-320px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   } 
 #menu .fun a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-400px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }  
   
#menu .news a:hover
   {
    background-image:url(../img/menu.gif);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -50px;    /* ★↑背景画像の（0px  -50px）に移動★ */
   }
#menu .prof a:hover
   {
    background-image:url(../img/menu.gif);
    background-position:-80px  -50px;
   }
#menu .disco a:hover
   {
    background-image:url(../img/menu.gif); 
    background-position:-160px  -50px;
    }
#menu .blog a:hover
   {
    background-image:url(../img/menu.gif); 
    background-position:-240px  -50px;
    }
#menu .goods a:hover
   {
    background-image:url(../img/menu.gif); 
    background-position:-320px  -50px;
    }
#menu .fun a:hover
   {
    background-image:url(../img/menu.gif); 
    background-position:-400px  -50px;
    }
	
/* onpage */
#news #menu .news a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../img/menu.gif);   /* リンク範囲の背景画像設定 */
    background-position:0px -50px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
#prof #menu .prof a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-80px -50px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none; 
   }
#disco #menu .disco a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-160px -50px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }
#blog #menu .blog a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-240px -50px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }

#goods #menu .goods a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-320px -50px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   } 
#fun #menu .fun a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../img/menu.gif);
    background-position:-400px -50px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }