/*--------------------------*
 * メインメニューのデザイン *
 *--------------------------*/

#menu { /* メニュー全体 */
	background-image: url(../NEW_image/menu_bg.png); 	/* メニュー背景画像 */
	border-bottom: solid #4D99FF 1px;				/* メニューの境界線(左から線の種類、色、太さ) */
	border-top: solid #4D99FF 1px;					/*											  */
	clear: both;
	height: 45px;									/* メニューの縦幅 */
}
/*-- ↓メニューエリア --*/
#menu ul {
	border-right: solid #4D99FF 1px;
	margin-top: 0;						/* 余白 */
	margin-bottom: 0;					/*		*/
	margin-left: auto;					/* 左右の余白をautoにしてメニューエリアを中心に配置 */
	margin-right: auto;					/*											  */
	padding: 0;							/* 内側の余白 */
	width: 760px;						/* メニューエリアの幅 */
}

/*      	☆☆☆☆ margin ☆☆☆☆
 *			☆■■■ border ■■■☆
 *			☆■○○padding ○○■☆
 *			☆■○　 内容　 　○■☆
 *			☆■○○○○○○○○■☆
 *			☆■■■■■■■■■■☆
 *			☆☆☆☆☆☆☆☆☆☆☆☆
 */

#menu li { /* メニューの項目 */
	list-style-type: none;				/* 項目の前に付ける印の種類(noneなら何も付けない) */
	float: left;
	font-size: 0.875em;					/* メニューの文字の大きさ */
	line-height: 45px;					/* 行の縦幅 */
}
#menu li.active { /* その項目のページが開かれてる場合 */
	background-image: url(../NEW_image/menu_button_mouse-over.png);
}
#menu li a { /* 項目のリンク */
	border-right: solid #4D99FF 1px;	/* リンクの右側の境界線*/
	color: #333333;						/* 文字の色 */
	display: block;						/* これを指定すると文字の周りの余白もリンクになる*/
	text-align: center;					/* 文字の位置(left,center,right) */
	text-decoration: none;				/* noneにするとリンクの下線が消える*/
	width: 120px;						/* リンクの横幅*/
}
#menu li#first a { /* 左端の項目のリンク */
	border-left:  solid #4D99FF 1px;
}
#menu li a:hover { /* 項目のリンクにマウスカーソルが乗った場合 */
	background-image: url(../NEW_image/menu_button_mouse-over.png);
}
/*-- ↑メニューエリア --*/