/*
-----------------------------------------------------------
	navi720.css
	(C)2006 nlinks
	(C)2006 Hamasakurakumi.,Ltd
	
-----------------------------------------------------------
*/

/* 横幅を720px用にしてあります。
-------------------------------- */

/* ここからヘッダーのメニューのロールオーバー部分作成
-------------------------------- */
#menu
{
	BACKGROUND-COLOR: #aaaaaa;
	background-image: url(../img/menu_bg.gif);
	background-repeat: repeat;
	background-position: left bottom;
	position:relative;
	height:27px;
}

/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
-------------------------------- */
#menu ul 
{
}

/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
#menu li 
{
width: 116px;
height: 27px;
list-style-type:none;
float: left;
}


/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばす
-------------------------------- */
#menu li a 
{
display: block;
width: 116px;
height: 27px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは54pxです
-------------------------------- */
#menu li#sps 
{
width: 12px;
}

#menu li#information a 
{
background-image: url(../img/nav_information.gif);
}
#menu li#information2 a 
{
background-image: url(../img/nav_information.gif);
background-position: 0 -27px;
}

#menu #question a 
{
background-image: url(../img/nav_question.gif);
}
#menu #question2 a 
{
background-image: url(../img/nav_question.gif);
background-position: 0 -27px;
}


#menu #operatordiary a 
{
background-image: url(../img/nav_operatordiary.gif);
}
#menu #operatordiary2 a 
{
background-image: url(../img/nav_operatordiary.gif);
background-position: 0 -27px;
}

#menu #newevent a 
{
background-image: url(../img/nav_newevent.gif);
}
#menu #newevent2 a 
{
background-image: url(../img/nav_newevent.gif);
background-position: 0 -27px;
}

#menu #kuchikomi a 
{
background-image: url(../img/nav_kuchikomi.gif);
}
#menu #kuchikomi2 a 
{
background-image: url(../img/nav_kuchikomi.gif);
background-position: 0 -27px;
}

#menu #news a 
{
background-image: url(../img/nav_news.gif);
}
#menu #news2 a 
{
background-image: url(../img/nav_news.gif);
background-position: 0 -27px;
}

/* マウスオンすると重なった27px下の画像が出てきます
-------------------------------- */
#menu li a:hover 
{
background-position: 0 -27px;
}
/* ここまでmenu部分
-------------------------------- */