<!--
/* 
<link href="styles/pdmenu.css" type="text/css" rel="stylesheet"> 
*/
/*▼メニューブロック▼*/
div#pdmenu {
	top: 0px;
	left: 0px;
	width: 152px /*77px;*/				/* メニュー幅	（メニュー階層１幅 + 2px）	*/
	height: 160px;				/* メニュー高さ	（項目数に応じて調整）		*/
/*	top: 10px;*/
/*	position: relative;absolute:static*/
	position: relative;
	font-family: "Osaka","sans-serif";
	font-size: 12px;
	padding: 10px;
/*	margin: auto; */     /* 標準のセンタリング方法 */
	text-align: left;     /* IE用方法の弊害対策用 */
}
/*▲メニューブロック▲*/

/*▼メニュー階層１▼*/
div#pdmenu ul li a, div#pdmenu ul li a:visited {
	width: 150px;				/* メニュー階層１幅			*/
	height: 20px;				/* メニュー階層１高さ		*/
	display: block;				/* 要素の後に改行を入れる		*/
	text-decoration: none;		/* 文字を装飾しない				*/
	line-height: 18px;			/* 行送り	（メニュー階層１高さ - 2px）	*/
	font-size: 12px;			/* 文字サイズ					*/
	text-indent: 0.75em;		/* 段落のインデント	（1文字分の幅）	*/
	color: #000033;				/* メニュー階層１前景色			*/
	background: #ccccff;		/* メニュー階層１背景色			*/
	border: 1px solid #fff;		/* サイトの背景色を指定する		*/
	border-width: 1px 1px 0 0;	/* 枠線の太さ					*/
}
div#pdmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;		/* リストマークを表示しない		*/
	text-align: left;     /* IE用方法の弊害対策用 */
}
div#pdmenu ul li {
	margin-right: 1px;
	float: left;
	position: relative;
}
div#pdmenu ul li ul {
	display: none;
}
div#pdmenu ul li:hover a {
	color: #ccccff;				/* ホバー時の前景色				*/
	background: #666699;		/* ホバー時の背景色				*/
}
/*▲メニュー階層１▲*/

/*▼メニュー階層２▼*/
div#pdmenu ul li:hover ul {
	width: 76px;				/* メニュー階層２幅 + 1px		*/
	position: absolute;
	top: 0;
	left: 76px;					/* メニュー階層１幅 + 1px		*/
	display: block;
}
div#pdmenu ul li:hover ul li a.hide {
	color: #333366;				/* 入れ子メニュー前景色			*/
	background: #9999cc;		/* 入れ子メニュー背景色			*/
}
div#pdmenu ul li:hover ul li:hover a.hide {
	width: 75px;				/* メニュー階層２幅と同じ		*/
}
div#pdmenu ul li:hover ul li ul {
	display: none;
}
div#pdmenu ul li:hover ul li a {
	width: 75px;				/* メニュー階層２幅と同じ		*/
	display: block;
	color: #ccccff;				/* メニュー階層２前景色			*/
	background: #666699;		/* メニュー階層２背景色			*/
}
div#pdmenu ul li:hover ul li a:hover {
	color: #663366;				/* ホバー時の前景色				*/
	background: #ffccff;		/* ホバー時の背景色				*/
}
/*▲メニュー階層２▲*/
-->