@charset "UTF-8";
/* AssetNowVersion: ST1.8.0 Last Up Date: 2009-01-30 DesignVersion: 1.7 

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

#LocalNavigation {
	position: relative; /* for Safari1.3+ */
	z-index: 99; /* for Opera7+ */
	width: 200px;
}

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

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

	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: 4px; /* don't touch */
			background: #F2F2F2 url(images/localGroupMenu_bg.gif) no-repeat bottom left;
	        width: 200px;
		}

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

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

		/* =第一階層メニュー（グループメニュー使用時）---------------------------- */
			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/localGroupMenu_localPrimaryMenu_bg.gif) no-repeat top left;
			}
			li.localGroupMenu li.localPrimaryMenu {
				margin: 0;
				background: none;
				border-bottom: 1px solid #E0E0E0;
			}

	/* =第二階層メニュー------------------------------------------------------ */
	/* 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: -7px;
		padding-top: 8px;*/
		width: 186px; /* Left width */
		margin: 0 auto;
		padding-bottom: 4px;
		background: #FFFFFF url(images/localSecondaryMenu_bg.gif) no-repeat top left;
		background: none;
	}
		li.localSecondaryMenu {
			/* don't use margin & padding */
			margin: 0;
			background: #FFFFFF;
			border-top: 1px solid #E0E0E0;
		}

		/* =第二階層メニュー（グループメニュー使用時）---------------------------- */
			li.localGroupMenu ul.localSecondaryMenu {
				margin: 0;
				padding: 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: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,
				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 {
					padding: 12px 8px 9px 8px;
					padding-left: 28px;
					display: block;
					/* don't use width */
					/* for Mac IE5 horry hack \*/
					height: 1%;
					/* end hack */
					color: #333333;
					background: url(images/Menu_bg.gif) no-repeat top left;
					text-decoration: none;
				}

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

				/* =メニュー（選択後）---------------------------------------------------- */
				a.groupMenuSelected,
				a.categoryMenuSelected,
				a.pageMenuSelected,
				a.appMenuSelected,
				a:link.groupMenuSelected,
				a:link.categoryMenuSelected,
				a:link.appMenuSelected,
				a:link.pageMenuSelected,
				a:hover.groupMenuSelected,
				a:hover.categoryMenuSelected,
				a:hover.pageMenuSelected,
				a:hover.appMenuSelected,
				a:visited.groupMenuSelected,
				a:visited.categoryMenuSelected,
				a:visited.pageMenuSelected,
				a:visited.appMenuSelected {
					background: url(images/MenuSelected_bg.gif) no-repeat top left;
				}
				
				/* =第二階層メニュー------------------------------------------------------ */
				a.subCategoryMenu,
				a.subCategoryMenuSelected,
				a:link.subCategoryMenu,
				a:link.subCategoryMenuSelected,
				a:hover.subCategoryMenu,
				a:hover.subCategoryMenuSelected,
				a:visited.subCategoryMenu,
				a:visited.subCategoryMenuSelected {
					padding: 4px 6px;
					padding-left: 24px;
					background: url(images/subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				a:hover.subCategoryMenu {
					color: #BB2611;
					text-decoration: underline;
					background: #FFFFCC url(images/subMenu_hover_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（選択後）-------------------------------------------- */
				a.subCategoryMenuSelected,
				a:link.subCategoryMenuSelected,
				a:hover.subCategoryMenuSelected,
				a:visited.subCategoryMenuSelected {
					color: #333333;
					background: #F6F6F6 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: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,
				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 {
					padding: 5px 8px;
					padding-left: 28px;
					border: none;
					/* don't use width */
					/* for Mac IE5 horry hack \*/
					height: 1%;
					/* end hack */
					background: 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: 28px;
					border: none;
					background: #F7F7F7 url(images/GroupMenu_Menu_hover_bg.gif) no-repeat top left;
					color: #BB2611;
					text-decoration: underline;
				}
				
				/* =第一階層メニュー（選択後）-------------------------------------------- */
				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:hover.categoryMenuSelected,
				li.localGroupMenu a:hover.pageMenuSelected,
				li.localGroupMenu a:hover.appMenuSelected,
				li.localGroupMenu a:visited.categoryMenuSelected,
				li.localGroupMenu a:visited.pageMenuSelected,
				li.localGroupMenu a:visited.appMenuSelected {
					padding: 5px 8px;
					padding-left: 28px;
					border: none;
					color: ;
					background: #4C70B7 url(images/GroupMenu_MenuSelected_bg.gif) no-repeat top left;
					font-weight: normal;
				}
				
				/* =第二階層メニュー------------------------------------------------------ */
				li.localGroupMenu a.subCategoryMenu,
				li.localGroupMenu a.subCategoryMenuSelected,
				li.localGroupMenu a:link.subCategoryMenu,
				li.localGroupMenu a:link.subCategoryMenuSelected,
				li.localGroupMenu a:hover.subCategoryMenu,
				li.localGroupMenu a:hover.subCategoryMenuSelected,
				li.localGroupMenu a:visited.subCategoryMenu,
				li.localGroupMenu a:visited.subCategoryMenuSelected {
					padding: 4px 6px;
					padding-left: 24px;
					background: url(images/GroupMenu_subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				li.localGroupMenu a:hover.subCategoryMenu {
					color: #BB2611;
					text-decoration: underline;
					background: #FFFFCC url(images/GroupMenu_subMenu_hover_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（選択後）-------------------------------------------- */
				li.localGroupMenu a.subCategoryMenuSelected,
				li.localGroupMenu a:link.subCategoryMenuSelected,
				li.localGroupMenu a:hover.subCategoryMenuSelected,
				li.localGroupMenu a:visited.subCategoryMenuSelected {
					color: #333333;
					background: #F6F6F6 url(images/GroupMenu_subMenuSelected_bg.gif) no-repeat left top;
				}
				
				
				/*特別ページのみデザイン変更*/
				a.pageMenu,
				a.pageMenuSelected,
				a:link.pageMenu,
				a:link.pageMenuSelected,
				a:hover.pageMenu,
				a:hover.pageMenuSelected,
				a:visited.pageMenu,
				a:visited.pageMenuSelected {
					margin: 0 0 0 0;
					padding: 0 5px 0 28px;
					background: url(images/OthersLink_li_bg2.gif) no-repeat left top;
					text-decoration: underline;
					color: #0774C1;
				}
				a:hover.pageMenu,
				a:hover.pageMenuSelected {
					color: #CC0000;
				}