/* CSS Document */

/*===============================
メインメニュー基本設定
===============================*/
#MainMenu {
	clear:both;
}

#MainMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#MainMenu li {
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#MainMenu a {
	display:block;
	height:40px;
	background-image:url(../../img/category_menu_BG.gif);
	text-decoration:none;
}

/*===============================
メインメニュー（通常時）
===============================*/
#Menu01 a {
	width:160px;
	background-position:0px 0px;
}

#Menu02 a {
	width:160px;
	background-position:-160px 0px;
}

#Menu03 a {
	width:160px;
	background-position:-320px 0px;
}

#Menu04 a {
	width:160px;
	background-position:-480px 0px;
}

#Menu05 a {
	width:160px;
	background-position:-640px 0px;
}

/*===============================
メインメニュー（オンマウス時）
===============================*/
#Menu01 a:hover {
	background-position:0px -40px;
}

#Menu02 a:hover {
	background-position:-160px -40px;
}

#Menu03 a:hover {
	background-position:-320px -40px;
}

#Menu04 a:hover {
	background-position:-480px -40px;
}

#Menu05 a:hover {
	background-position:-640px -40px;
}

/*===============================
メインメニュー（選択時）
===============================*/
#Menu01Now a {
	width:160px;
	background-position:0px -80px;
}

#Menu02Now a {
	width:160px;
	background-position:-160px -80px;
}

#Menu03Now a {
	width:160px;
	background-position:-320px -80px;
}

#Menu04Now a {
	width:160px;
	background-position:-480px -80px;
}

#Menu05Now a {
	width:160px;
	background-position:-640px -80px;
}

/*===============================
サブメニュー基本設定
===============================*/
#SubMenu {
	clear:both;
}

#SubMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#SubMenu li {
	float:left;
	text-indent:-9999px;
}

#SubMenu li a {
	display:block;
	height:40px;
	background-image:url(../submenu/submenu_BG.gif);
}

/*===============================
サブメニュー（通常時）
===============================*/
#item01 a {
	width:127px;
	background-position:0px 0px;
}

#item02 a {
	width:104px;
	background-position:-127px 0px;
}

#item03 a {
	width:104px;
	background-position:-231px 0px;
}

#item04 a {
	width:104px;
	background-position:-335px 0px;
}

#item05 a {
	width:86px;
	background-position:-439px 0px;
}

#item06 a {
	width:85px;
	background-position:-523px 0px;
}

#item07 a {
	width:104px;
	background-position:-608px 0px;
}

#item08 a {
	width:86px;
	background-position:-712px 0px;
}

/*===============================
サブメニュー（オンマウス時）
===============================*/
#item01 a:hover {
	background-position:0px -40px;
}

#item02 a:hover {
	background-position:-127px -40px;
}

#item03 a:hover {
	background-position:-231px -40px;
}

#item04 a:hover {
	background-position:-335px -40px;
}

#item05 a:hover {
	background-position:-439px -40px;
}

#item06 a:hover {
	background-position:-523px -40px;
}

#item07 a:hover {
	background-position:-608px -40px;
}

#item08 a:hover {
	background-position:-712px -40px;
}

/*===============================
サブメニュー（選択時）
===============================*/
#item01Now a {
	width:127px;
	background-position:0px -80px;
}

#item02Now a {
	width:104px;
	background-position:-127px -80px;
}

#item03Now a {
	width:104px;
	background-position:-231px -80px;
}

#item04Now a {
	width:104px;
	background-position:-335px -80px;
}

#item05Now a {
	width:86px;
	background-position:-439px -80px;
}

#item06Now a {
	width:85px;
	background-position:-523px -80px;
}

#item07Now a {
	width:104px;
	background-position:-608px -80px;
}

#item08Now a {
	width:86px;
	background-position:-712px -80px;
}

/*============================================
コンテンツページ内ナビゲーション
============================================*/
#PageMenu {
	font-size:10px;
	padding-bottom:10px;
	clear:both;
	width:100%;
	overflow:auto;
}

#PageMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#PageMenu li {
	margin:0;
	padding-right:5px;
	padding-left:5px;
	background-image:url(../../img/vBorder.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
}