@charset "utf-8";
/* CSS Document */
/* フッターナビのスタイリング */

/*初期化*/
*{
	margin:0;
	padding:0;
}
/* フッターナビ包括DIV */
div#fnav {
	width:950px;
	height:31px;
	background:#444444;
	letter-spacing:1px;
}
/* リストの初期化 */
div#fnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
/* 第２階層の幅 */
div#fnav ul ul {
	width:180px;
}
/* 第１階層リンクを横に並べる */
div#fnav li {
	float:left;
  	position:relative;

}
/* 第１階層のリンク設定 */
div#fnav a,
div#fnav a:visited {
	display:block;
	color:#FFFFFF; 
	/*width:139px;*/ 
	width:70px; 
	height:29px; 
	border:1px solid #333333; 
	border-width:1px 1px 1px 0; 
	background:#444444; 
/*	padding-left:13px; */
	padding-left:6px;
/*		padding-right:13px; */
	padding-right:6px; 
	line-height:30px;
	text-decoration:none;
	/* ↓2013/2/8 t-saitou add */
	text-align:center;
/*	font-size: x-small;*/
	font-size:12px;
	overflow:visible;
	/* ↑2013/2/8 t-saitou add */
}

/* 表示文字列の長いものはこちらを使用 2013/2/8 t-saitou add */
div#fnav a.LongName,
div#fnav a.LongName:visited {
	border:1px solid #333333;
	width:150px;
	padding-left:6px;
	padding-right:6px;
}

/* 右端のセルを拡張 */
div#fnav a.bdno,
div#fnav a.bdno:visited {
	border:1px solid #333333; 
	border-width:1px 0 1px 0;
	width:70px;  
	/*	width:5px; */
}
/* style the table so that it takes no part in the layout - required for IE to work */
div#fnav table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* 第２階層非表示 */
div#fnav ul ul {
	visibility:hidden;
	position:absolute;
	bottom:30px;
	left:0; 
	/*width:150px;*/
}
* html div#fnav ul ul {
	/*bottom:30px;*/
}
/* 第２階層のリンク設定 */
div#fnav ul ul a,
div#fnav ul ul a:visited {
	background:#4388DF; 
	color:#FFFFFF;
	height:auto;
	line-height:1em; 
	padding:10px; 
	width:180px;
	border:1px solid #FFFFFF; 
	border-width:1px 1px 0 0;
}

div#fnav ul ul a.bottom_line,
div#fnav ul ul a.bottom_line:visited {
	background:#4388DF; 
	color:#FFFFFF;
	height:auto;
	line-height:1em; 
	padding:10px; 
	width:180px;
	border-bottom:1px solid #333333; 
}
/* hover時のリンク設定 */
div#fnav a:hover{
	color:#FFFFFF; 
	background:#4388DF;
}
div#fnav :hover > a{
	color:#FFFFFF;
	background:#4388DF;
}

div#fnav ul ul a:hover{
	color:#FFFFFF; 
	background:#004A80;
}
div#fnav ul ul :hover > a {
	color:#FFFFFF;
	background:#004A80;
}
div#fnav ul ul a.bottom_line:hover{
	color:#FFFFFF;
	background:#004A80;
}

/* 第１階層のリンクまたはリストがhover時に、第２階層を表示する */
div#fnav ul li:hover ul,
div#fnav ul a:hover ul{
	visibility:visible;
	height:auto;
}