@charset "UTF-8";
/* AssetNowVersion: FX1.7.0 Last Up Date: 2008-7-25 DesignVersion: 1.6 */

/*****************************************************************************/
/* -=ローカルナビゲーション(カテゴリーメニュー)                              */
/* common/groupmenu.cfm                                                      */
/*****************************************************************************/

#LocalNavigation {
	position: relative; /* for Safari1.3+ */
	z-index: 99; /* for Opera7+ */
	padding: 4px;
	border: 1px solid #B0B0B0;
	background: #F8F8F8;
	margin: 0;
}

	/* =グループメニュー (通常は使用しない）------------------------------------

	*カスタマイズメモ
	- 通常は使用しないが、システム設定によって使用可能
	-------------------------------------------------------------------------- */

	ul.localGroupMenu {
		/* don't use margin & padding */
		list-style: none; /* don't touch */
		list-style-position: outside; /* don't touch */
		text-align: left;
	}

		li.localGroupMenu {
	/* don't use margin & padding */
			margin-bottom: 5px; /* don't touch */
			background: #FFFFFF url(images/localGroupMenu_bg.gif) no-repeat left bottom;
			width: 190px; /* Left width */
		}

	/* =第一階層メニュー------------------------------------------------------ */
	/* localPrimaryMenu------------------------------------------------------- */
	ul.localPrimaryMenu {
		/* don't use margin & padding */
		list-style: none; /* don't touch */
		list-style-position: outside; /* don't touch */
		text-align: left;
		font-size: 93%;
	}

		li.localPrimaryMenu {
			/* don't use margin & padding */
			margin-bottom: 5px; /* don't touch */
			background: #FFFFFF url(images/localPrimaryMenu_bg.gif) no-repeat bottom left;
			width: 190px; /* Left width */
		}
		li.localPrimaryMenu:hover {
			background: #CCCCCC url(images/localPrimaryMenu_bg.gif) no-repeat -190px bottom;
		}

		/* =第一階層メニュー（グループメニュー使用時）---------------------------- */
			li.localGroupMenu ul.localPrimaryMenu {
				/* don't use margin & padding */
				list-style: none; /* don't touch */
				list-style-position: outside; /* don't touch */
				text-align: left;
				margin-top: -7px;
				padding-top: 8px;
				background: #FFFFFF url(images/localPrimaryMenu_bg.gif) no-repeat bottom 0;
			}
			li.localGroupMenu ul.localPrimaryMenu:hover {
				background: #CCCCCC url(images/localPrimaryMenu_bg.gif) no-repeat bottom -190px;
			}
			li.localGroupMenu li.localPrimaryMenu {
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: none;
			}

	/* =第二階層メニュー------------------------------------------------------ */
	/* localSecondaryMenu ---------------------------------------------------- */
	ul.localSecondaryMenu {
	/* don't use margin & padding */
		list-style: none; /* don't touch */
		list-style-position: outside; /* don't touch */
		text-align: left;
		margin-top: 0px;
		padding-top: 0px;
		background: #FFFFFF;
		border-right: 1px solid #B7B7B7;
		border-left: 1px solid #B7B7B7;
	}
		li.localSecondaryMenu {
			/* don't use margin & padding */
			margin: 0;
			background: #FFFFFF;
			border-bottom: 1px solid #CCCCCC;
		}

		/* =第二階層メニュー（グループメニュー使用時）---------------------------- */
			li.localGroupMenu ul.localSecondaryMenu {
				padding: 0;
				margin: 0;
				background: none;
			}
			li.localGroupMenu li.localSecondaryMenu  {
				border: none;
			}

				/* =メニュー-------------------------------------------------------------- */
				a.groupMenu,
				a.groupMenuSelected,
				a.categoryMenu,
				a.categoryMenuSelected,
				a.subCategoryMenu,
				a.subCategoryMenuSelected,
				a.pageMenu,
				a.pageMenuSelected,
				a.appMenu,
				a.appMenuSelected,
				a:link.groupMenu,
				a:link.groupMenuSelected,
				a:link.categoryMenu,
				a:link.categoryMenuSelected,
				a:link.subCategoryMenu,
				a:link.subCategoryMenuSelected,
				a:link.pageMenu,
				a:link.pageMenuSelected,
				a:link.appMenu,
				a:link.appMenuSelected,
				a:visited.groupMenu,
				a:visited.groupMenuSelected,
				a:visited.categoryMenu,
				a:visited.categoryMenuSelected,
				a:visited.subCategoryMenu,
				a:visited.subCategoryMenuSelected,
				a:visited.pageMenu,
				a:visited.pageMenuSelected,
				a:visited.appMenu,
				a:visited.appMenuSelected,
				a:hover.groupMenu,
				a:hover.groupMenuSelected,
				a:hover.categoryMenu,
				a:hover.categoryMenuSelected,
				a:hover.subCategoryMenu,
				a:hover.subCategoryMenuSelected,
				a:hover.pageMenu,
				a:hover.pageMenuSelected,
				a:hover.appMenu,
				a:hover.appMenuSelected {
					padding: 7px 8px 5px 20px;
					display: block;
					/* don't use width */
					/* for Mac IE5 holy hack \*/
					height: 1%;
					/* end hack */
					color: #333333;
					background: url(images/Menu_bg.gif) no-repeat left top;
					text-decoration: none;
				}

				/* =メニュー（hover）----------------------------------------------------- */
				a:hover.groupMenu,
				a:hover.categoryMenu,
				a:hover.pageMenu,
				a:hover.appMenu {
					color: #000000;
					text-decoration: underline;
					background: url(images/Menu_bg.gif) no-repeat -190px top;
				}

				/* =メニュー（選択後）---------------------------------------------------- */
				a.groupMenuSelected,
				a.categoryMenuSelected,
				a.pageMenuSelected,
				a.appMenuSelected,
				a:link.groupMenuSelected,
				a:link.categoryMenuSelected,
				a:link.appMenuSelected,
				a:link.pageMenuSelected,
				a:visited.groupMenuSelected,
				a:visited.categoryMenuSelected,
				a:visited.pageMenuSelected,
				a:visited.appMenuSelected,
				a:hover.groupMenuSelected,
				a:hover.categoryMenuSelected,
				a:hover.pageMenuSelected,
				a:hover.appMenuSelected {
					border-bottom: 1px solid #CCCCCC;
					font-weight: bold;
					color: #000000;
					background: #FAFAFA url(images/MenuSelected_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー------------------------------------------------------ */
				a.subCategoryMenu,
				a.subCategoryMenuSelected,
				a:link.subCategoryMenu,
				a:link.subCategoryMenuSelected,
				a:visited.subCategoryMenu,
				a:visited.subCategoryMenuSelected,
				a:hover.subCategoryMenu,
				a:hover.subCategoryMenuSelected {
					padding: 5px 6px 4px 18px;
					font-size: 93%;
					color: #0000EE;
					text-decoration: none;
					background: #FFFFFF url(images/subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				a:hover.subCategoryMenu {
					color: #0000EE;
					text-decoration: underline;
					background: #E9F7EB url(images/subMenu_hover_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（選択後）-------------------------------------------- */
				a.subCategoryMenuSelected,
				a:link.subCategoryMenuSelected,
				a:visited.subCategoryMenuSelected,
				a:hover.subCategoryMenuSelected {
					color: #000000;
					background: #E9F7EB url(images/subMenuSelected_bg.gif) no-repeat left top;
				}
				

				/* =グループメニュー使用時---------------------------------------------------
			
				*カスタマイズメモ
				- li.localGroupMenuの中の要素となった場合
				-------------------------------------------------------------------------- */
				/* =メニュー-------------------------------------------------------------- */
				li.localGroupMenu a.categoryMenu,
				li.localGroupMenu a.categoryMenuSelected,
				li.localGroupMenu a.subCategoryMenu,
				li.localGroupMenu a.subCategoryMenuSelected,
				li.localGroupMenu a.pageMenu,
				li.localGroupMenu a.pageMenuSelected,
				li.localGroupMenu a.appMenu,
				li.localGroupMenu a.appMenuSelected,
				li.localGroupMenu a:link.categoryMenu,
				li.localGroupMenu a:link.categoryMenuSelected,
				li.localGroupMenu a:link.subCategoryMenu,
				li.localGroupMenu a:link.subCategoryMenuSelected,
				li.localGroupMenu a:link.pageMenu,
				li.localGroupMenu a:link.pageMenuSelected,
				li.localGroupMenu a:link.appMenu,
				li.localGroupMenu a:link.appMenuSelected,
				li.localGroupMenu a:visited.categoryMenu,
				li.localGroupMenu a:visited.categoryMenuSelected,
				li.localGroupMenu a:visited.subCategoryMenu,
				li.localGroupMenu a:visited.subCategoryMenuSelected,
				li.localGroupMenu a:visited.pageMenu,
				li.localGroupMenu a:visited.pageMenuSelected,
				li.localGroupMenu a:visited.appMenu,
				li.localGroupMenu a:visited.appMenuSelected,
				li.localGroupMenu a:hover.categoryMenu,
				li.localGroupMenu a:hover.categoryMenuSelected,
				li.localGroupMenu a:hover.subCategoryMenu,
				li.localGroupMenu a:hover.subCategoryMenuSelected,
				li.localGroupMenu a:hover.pageMenu,
				li.localGroupMenu a:hover.pageMenuSelected,
				li.localGroupMenu a:hover.appMenu,
				li.localGroupMenu a:hover.appMenuSelected {
					padding: 5px 8px;
					padding-left: 20px;
					border: none;
					/* don't use width */
					/* for Mac IE5 holy hack \*/
					height: 1%;
					/* end hack */
					background: #FFFFFF url(images/GroupMenu_Menu_bg.gif) no-repeat top left;
				}

				/* =メニュー（hover）----------------------------------------------------- */
				li.localGroupMenu a:hover.categoryMenu,
				li.localGroupMenu a:hover.pageMenu,
				li.localGroupMenu a:hover.appMenu {
					padding: 5px 8px;
					padding-left: 20px;
					border: none;
					background: #B2C1E0 url(images/GroupMenu_Menu_hover_bg.gif) no-repeat top left;
				}
				
				/* =第一階層メニュー（選択後）-------------------------------------------- */
				li.localGroupMenu a.categoryMenuSelected,
				li.localGroupMenu a.pageMenuSelected,
				li.localGroupMenu a.appMenuSelected,
				li.localGroupMenu a:link.categoryMenuSelected,
				li.localGroupMenu a:link.appMenuSelected,
				li.localGroupMenu a:link.pageMenuSelected,
				li.localGroupMenu a:visited.categoryMenuSelected,
				li.localGroupMenu a:visited.pageMenuSelected,
				li.localGroupMenu a:visited.appMenuSelected,
				li.localGroupMenu a:hover.categoryMenuSelected,
				li.localGroupMenu a:hover.pageMenuSelected,
				li.localGroupMenu a:hover.appMenuSelected {
					padding: 5px 8px;
					padding-left: 20px;
					border: none;
					font-weight: normal;
					color: #FFFFFF;
					background: #4C70B7 url(images/GroupMenu_MenuSelected_bg.gif) no-repeat top left;
				}
				
				/* =第二階層メニュー------------------------------------------------------ */
				li.localGroupMenu a.subCategoryMenu,
				li.localGroupMenu a.subCategoryMenuSelected,
				li.localGroupMenu a:link.subCategoryMenu,
				li.localGroupMenu a:link.subCategoryMenuSelected,
				li.localGroupMenu a:visited.subCategoryMenu,
				li.localGroupMenu a:visited.subCategoryMenuSelected,
				li.localGroupMenu a:hover.subCategoryMenu,
				li.localGroupMenu a:hover.subCategoryMenuSelected {
					padding: 2px 6px;
					padding-left: 18px;
					background: #FFFFFF url(images/GroupMenu_subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				li.localGroupMenu a:hover.subCategoryMenu {
					color: #000000;
					background: #B2C1E0 url(images/GroupMenu_subMenu_hover_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（選択後）-------------------------------------------- */
				li.localGroupMenu a.subCategoryMenuSelected,
				li.localGroupMenu a:link.subCategoryMenuSelected,
				li.localGroupMenu a:visited.subCategoryMenuSelected,
				li.localGroupMenu a:hover.subCategoryMenuSelected{
					color: #000000;
					background: #EFEFEF url(images/GroupMenu_subMenuSelected_bg.gif) no-repeat left top;
				}