/*
以下 tfmenu.js に関するデザイン
*/

#tfmenu   {
	color: white;
	font-size: 14px;
	width: 160px;
	height: auto;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: left;
}
#tfm-head {
	border-bottom: 1px solid white;
	height: 30px;
}

#tfm-body {
	padding: 0px 3px;
	background-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.tf1 span,
.tf2 span,
.tf1active span {
	font-size: 100%;
	vertical-align: middle;
}

.tf1  {
	border-bottom: 1px solid silver;
	cursor: pointer;
	line-height: 23px;
}

.tf1 a {
	color:#FFFFFF;
}

.tf1 a:hover  {
	color: #CCCCCC;
	text-decoration: none;
}

.tf2  {padding-left: 15px;}
.tf2 a	{color:#FFFF66}
.tf1active        {
	border-bottom: 1px solid silver;
	cursor: pointer;
	line-height: 23px;
}
.tf1active .tf2 a {
	width: 120px;
	line-height: 18px;
	color: #FFFF66;
	text-decoration: none;
}

.tf2 a:hover  {
	color: #CCCCCC;
}

.tfm-up   #tfm-head {
	background-image: url(images/navigation/navigation_top2.gif);
	background-repeat: no-repeat;
}
.tfm-down #tfm-head {
	background-image: url(images/navigation/navigation_top2.gif);
	background-repeat: no-repeat;
}
.tfm-stop #tfm-head {
	background-image: url(images/navigation/navigation_top1.gif);
	background-repeat: no-repeat;
}

#tfm-foot {
	position: relative;
	color: silver;
	font-size: 90%;
	text-align: center;
	width: 100%;
	height: 30px;
	padding-top: 5px;
	background-image: url(images/navigation/navigation_bottom.gif);
	background-repeat: no-repeat;
}