@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+ */
	background: #f3f5f7;
	border: 1px solid #91b4cf;
	border-top-width: 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(http://www.city.kamaishi.iwate.jp/common/images/default_home/images/localGroupMenu_bg.gif) no-repeat left bottom;
			width: 160px; /* 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;
	}

		li.localPrimaryMenu {
			/* don't use margin & padding */
			width: 100%; /* Left width */
			border-bottom: 1px solid #dae0e5;
		}
		li.localPrimaryMenu:last-child {
			border-bottom-width: 0;
		}
		li.localPrimaryMenu:hover {
				/*background: #FFFFFF url(images/localPrimaryMenu_bg.gif) no-repeat bottom -160px;*/
		}

		/* =第一階層メニュー（グループメニュー使用時）---------------------------- */
			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(http://www.city.kamaishi.iwate.jp/common/images/default_home/images/localPrimaryMenu_bg.gif) no-repeat bottom 0;
			}
			li.localGroupMenu ul.localPrimaryMenu:hover {
				background: #CCCCCC url(http://www.city.kamaishi.iwate.jp/common/images/default_home/images/localPrimaryMenu_bg.gif) no-repeat bottom -160px;
			}
			li.localGroupMenu li.localPrimaryMenu {
				margin: 0;
				background: none;
				border-bottom: 1px solid #CCCCCC;
			}

	/* =第二階層メニュー------------------------------------------------------ */
	/* 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: 6px;
		padding-bottom: 6px;
		background: #FFFFFF;
	}
		li.localSecondaryMenu {
			/* don't use margin & padding */
			margin: 0;
			background: #FFFFFF;
		}

		/* =第二階層メニュー（グループメニュー使用時）---------------------------- */
			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: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: 14px 8px 7px 30px;
					display: block;
					/* don't use width */
					/* for Mac IE5 holy hack \*/
					height: 1%;
					/* end hack */
					color: #0066cc;
					text-decoration: none;
					background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/Menu_bg.png) no-repeat left 17px;
				}

				/* =メニュー（hover）----------------------------------------------------- */
				a:hover.groupMenu,
				a:hover.categoryMenu,
				a:hover.pageMenu,
				a:hover.appMenu {
					color: #000000;
					text-decoration: underline;
					background-color: #E3F1FE;
				}

				/* =メニュー（選択後）---------------------------------------------------- */
				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 {
					color: #000000;
					border-bottom: 1px solid #dae0e5;
					background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/Menu_bg.png) no-repeat -172px 17px;
					font-weight: bold;
				}
				
				/* =第二階層メニュー------------------------------------------------------ */
				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;
					margin-left: 7px;
					font-size: 93%;
					color: #0066cc;
					text-decoration: none;
					background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				a:hover.subCategoryMenu {
					color: #000000;
					text-decoration: underline;
				}
				
				/* =第二階層メニュー（選択後）-------------------------------------------- */
				a.subCategoryMenuSelected,
				a:link.subCategoryMenuSelected,
				a:visited.subCategoryMenuSelected,
				a:hover.subCategoryMenuSelected {
					color: #000000;
					font-weight: bold;
				}
				

				/* =グループメニュー使用時---------------------------------------------------
			
				*カスタマイズメモ
				- 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(http://www.city.kamaishi.iwate.jp/common/images/default_home/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(http://www.city.kamaishi.iwate.jp/common/images/default_home/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;
					color: #FFFFFF;
					background: #4C70B7 url(http://www.city.kamaishi.iwate.jp/common/images/default_home/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: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(http://www.city.kamaishi.iwate.jp/common/images/default_home/images/GroupMenu_subMenu_bg.gif) no-repeat left top;
				}
				
				/* =第二階層メニュー（hover）--------------------------------------------- */
				li.localGroupMenu a:hover.subCategoryMenu {
					color: #000000;
					background: #B2C1E0 url(http://www.city.kamaishi.iwate.jp/common/images/default_home/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(http://www.city.kamaishi.iwate.jp/common/images/default_home/images/GroupMenu_subMenuSelected_bg.gif) no-repeat left top;
				}
				
				/*市政の窓口・ピックアップ情報*/
				.sideNav {
					width: 100%;
					background: #e0eff8 url(http://www.city.kamaishi.iwate.jp/common/images/common_images/bg_subNavhead.png) no-repeat left top;
					margin-bottom: 10px;
					border: 1px solid #9ecfec;
				}
				
				.sideNav .tit {
					color: #333333;
					background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/bg_subNavtitle.png) no-repeat 5px center;
					padding-left: 15px;
					line-height: 23px;
					margin: 8px 0;
				}
				
				.sideNav li {
					font-size: 93%;
					list-style: none;
				}
				
				.sideNav .suvNavContents {
					border: 1px solid #dae9f5;
					background-color: #FFF;
					width: 190px;
					margin: 0 auto 5px;
				}
				
				.sideNav li a {
					color: #0066cc;
					text-decoration: none;
					background: url(http://www.city.kamaishi.iwate.jp/common/images/common_images/Menu_bg.png) no-repeat -3px center;
					padding-left: 25px;
					display: inline-block;
					margin-bottom: 15px;
				}
				.sideNav li:first-child a {
					margin-top: 15px;
				}
				.sideNav li a:hover {
					color: #000000;
					text-decoration: underline;
				}
				
				.sideNav .suvNavContents .bnr {
					text-align: center;
					margin-bottom: 10px;
				}
				.sideNav .suvNavContents .bnr a:hover {
					opacity: 0.6;
					filter: alpha(opacity=60);        
					-ms-filter: "alpha(opacity=60)";  
				}