/*******************************************************
 * mys_style_navigation.css
 * CREATED BY Design Studio MYS
 * CREATE DATE : 2009.02.06
 * UPDATE DATE : 2009.02.10
 *******************************************************/





/* -----------------------------------------------------
	NAVIGATION - TOP MENU
----------------------------------------------------- */

#navTop
{
	width: auto;
}


/* -----------------------------------------------------
	NAVIGATION - SIDE MENU
----------------------------------------------------- */

#navSide
{
	float: left;
	width: 120px;
}


#dhtmlgoodies_menu{
	font-family:arial;			/* メインメニューのフォント */
	width:120px;				/* メインメニューの幅 */
}
#dhtmlgoodies_menu	li{			/* メインメニュー */
	list-style-type:none;
	margin:0px;					/* マージン0 - Opera用の指定 */
}
#dhtmlgoodies_menu ul{
	margin:0px;
	padding:0px;
}
#dhtmlgoodies_menu ul li ul{	/* JavaScriptをオフにしている人のためのサブメニュースタイル*/
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{		/* メインメニュー */
	text-decoration:none;
	color:#000;
	height:40px;
	line-height:20px;
	vertical-align:middle;
	display:block;
}
#dhtmlgoodies_menu li a:hover,
#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
}
.dhtmlgoodies_subMenu{
	margin:0px;
	padding:0px;

	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
	font-family:arial;
	text-align:left;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:0px;				/* サブメニューのボーダーとサブメニュー項目の間隔*/
}
.dhtmlgoodies_subMenu ul li a{	/* サブメニュー項目 */
	white-space:nowrap;
	text-decoration:none;
	color:#000;

	height:20px;
	line-height:20px;
	border-top: 1px solid #ccc;

	display:block;				/* 変更不可 */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* マウスオーバー時のサブメニューのスタイル */
	color:#FFF;
}