@charset "utf-8";

#menu #link{
	position:absolute;
	z-index:100;
	font-size:14px;
	height: 100px;
	width: 100px;
	margin-left: 200px;
}

/****メインメニュー用スタイル****/
#link ul.main{
	margin:0px;
	padding:0px;
	width:100%;
	position:relative;
	list-style:none;
}

/*通常時*/
#link .main li.off{
	color: #8686c6;
	list-style-type: none;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	position:relative;
	width:100px;
	height:18px;
	overflow:hidden;
}

/*展開時*/
#link .main li.on{
	color: #8686c6;
	list-style-type: none;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	width:100px;
	height:18px;
	overflow:hidden;
}

#link .main>li.on{
	overflow:visible;
}

/*リンクスタイル*/
#link .main a{
	color: #8686c6;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	height:18px;
	display:block;
	text-decoration:none;
	padding:0px;
}

#link .main a:hover{
	color:#FFFFFF;
}

/****サブメニュー用スタイル****/
#link ol.sub{
	margin:0px;
	padding:0px;
	position:relative;
	left:98px;
	top:-20px;
	width:120px;
	height:auto;
	list-style:none;
}

#link .sub li{
	margin:0px;
	height:auto;
	background-color:#000080;
}

#link .sub a{
	font-size:15px;
	padding:0px;
	display:block;
	width:120px;
	height:auto;
}

#link .sub a:hover{
	color:#FFFFFF;
	background-color:#8686c6;
}