@charset "Shift_JIS";

/*-----------------------------------------
  sample1スタイル
 -----------------------------------------*/
/* リストタグルートのUL */
#NaviMenu
{
	line-height: 1em;
	}
	/* cModsJS_navi内のリスト要素全般 */
	#NaviMenu,
	#NaviMenu ul,
	#NaviMenu li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		background: #fff;
		}
		/* メインメニューの幅など */
		#NaviMenu li
		{
			float: left;
			width: 150px;
			margin: 0px 3px;
			}
		/* cModsJS_navi内のアンカー全般 */
		#NaviMenu a
		{
			text-decoration: none;
			display: block;
			padding: 4px 3px;
			border: 1px solid #bbb;
			}
			/* メインメニューのアンカー */
			#NaviMenu li a.hover
			{
				border: 1px solid #1b9ddc;
				background: #1b9ddc;
				color: #fff;
				}
			/* サブメニューの幅など */
			#NaviMenu ul
			{
				position: absolute;
				visibility: hidden;
				width: 150px;
				}
				/* サブメニューのリスト */
				#NaviMenu ul li
				{
					/* 継承されたスタイルを取り消す */
					float: none;
					margin: 0px;
					width: auto;

					border: 1px solid #bbb;
					border-top: none;
					}
				/* サブメニューのアンカー */
				#NaviMenu ul li a
				{
					border: none;
					border: 1px solid #fff;
					}
					/* サブメニューのアンカー（オンマウス） */
					#NaviMenu ul li a:hover
					{
						background: #1b9ddc;
						color: #fff;
						}
/* for IE */
* html #NaviMenu li { float: left; }
* html #NaviMenu li a { height: 1%; }

/*-----------------------------------------
  sample2スタイル
 -----------------------------------------*/
/* リストタグルートのUL */
#NaviMenu2
{
	line-height: 1em;
	}
	/* cModsJS_navi内のリスト要素全般 */
	#NaviMenu2,
	#NaviMenu2 ul,
	#NaviMenu2 li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		background: none;
		}
		/* メインメニューの幅など */
		#NaviMenu2 li
		{
			float: left;
			width: 150px;
			margin: 0px 3px;
			}
		/* cModsJS_navi内のアンカー全般 */
		#NaviMenu2 a
		{
			text-decoration: none;
			display: block;
			padding: 4px 3px;
			border: none;
			height: 12px;
			padding-left: 23px;
			}
			/* メインメニューのアンカー */
			#NaviMenu2 li a.onmenu
			{
				background-image: url(images/cModsJS_navi-mainbg.png);
				}
				/* メイン＆サブメニューのアンカー（オンマウス） */
				#NaviMenu2 li a.hover
				{
					background-position: top right;
					}
			/* サブメニューの幅など */
			#NaviMenu2 ul
			{
				position: absolute;
				visibility: hidden;
				width: 150px;
				}
				#NaviMenu2 ul li
				{
					/* 継承されたスタイルを取り消す */
					float: none;
					margin: 0px;
					width: auto;
					}
				/* サブメニューのアンカー */
				#NaviMenu2 ul li a
				{
					background-image: url(images/cModsJS_navi-subbg.png);
					}
					/* サブメニューのアンカー（オンマウス） */
					#NaviMenu2 ul li a:hover
					{
						background-position: top right;
						}
				/* サブメニュー（一番最後の要素） */
				/* IE&Opera対策 */
				#NaviMenu2 ul li.last-child
				{
					height: 30px;
					background-image: url(images/cModsJS_navi-subbg-bottom.png);
					}
					/* サブメニュー（一番最後の要素内アンカー） */
					#NaviMenu2 ul li.last-child a
					{
						height: 14px;
						background-image: url(images/cModsJS_navi-subbg-bottom.png);
						}

/* for IE */
* html #NaviMenu2 ul li { float: left; }