@charset "shift_jis";
/*==================================================================================== 

navigation.css v1
2006/09/20


====================================================================================*/

#TopNavi .b1{
	height: 32px;
	width: 110px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b1 a{
	background: url(../images/header_navi.gif) no-repeat 0px 0px;
	height: 32px;
	width: 110px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b1 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat 0px 0px;
	height: 32px;
	width: 110px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#TopNavi .b2{
	height: 32px;
	width: 84px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b2 a{
	background: url(../images/header_navi.gif) no-repeat -110px 0px;
	height: 32px;
	width: 84px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b2 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat -110px 0px;
	height: 32px;
	width: 84px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#TopNavi .b3{
	height: 32px;
	width: 83px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b3 a{
	background: url(../images/header_navi.gif) no-repeat -194px 0px;
	height: 32px;
	width: 83px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b3 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat -194px 0px;
	height: 32px;
	width: 83px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#TopNavi .b4{
	height: 32px;
	width: 69px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b4 a{
	background: url(../images/header_navi.gif) no-repeat -277px 0px;
	height: 32px;
	width: 69px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b4 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat -277px 0px;
	height: 32px;
	width: 69px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#TopNavi .b5{
	height: 32px;
	width: 85px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b5 a{
	background: url(../images/header_navi.gif) no-repeat -346px 0px;
	height: 32px;
	width: 85px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b5 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat -346px 0px;
	height: 32px;
	width: 85px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#TopNavi .b6{
	height: 32px;
	width: 180px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#TopNavi .b6 a{
	background: url(../images/header_navi.gif) no-repeat -431px 0px;
	height: 32px;
	width: 180px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#TopNavi .b6 a:hover{
	background: url(../images/header_navi_2.gif) no-repeat -431px 0px;
	height: 32px;
	width: 180px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}










#Navi .b1{
	height: 46px;
	width: 181px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#Navi .b1 a{
	background: url(../images/navi.jpg) no-repeat 0px 0px;
	height: 46px;
	width: 181px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#Navi .b1 a:hover{
	background: url(../images/navi_2.jpg) no-repeat 0px 0px;
	height: 46x;
	width: 181px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Navi .b2{
	height: 46px;
	width: 144px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#Navi .b2 a{
	background: url(../images/navi.jpg) no-repeat -181px 0px;
	height: 46px;
	width: 144px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#Navi .b2 a:hover{
	background: url(../images/navi_2.jpg) no-repeat -181px 0px;
	height: 46x;
	width: 144px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#Navi .b3{
	height: 46px;
	width: 239px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#Navi .b3 a{
	background: url(../images/navi.jpg) no-repeat -325px 0px;
	height: 46px;
	width: 239px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#Navi .b3 a:hover{
	background: url(../images/navi_2.jpg) no-repeat -325px 0px;
	height: 46x;
	width: 239px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#Navi .b4{
	height: 46px;
	width: 156px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#Navi .b4 a{
	background: url(../images/navi.jpg) no-repeat -564px 0px;
	height: 46px;
	width: 156px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#Navi .b4 a:hover{
	background: url(../images/navi_2.jpg) no-repeat -564px 0px;
	height: 46x;
	width: 156px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}


#Navi .b5{
	height: 46px;
	width: 154px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
	float:left;
}
#Navi .b5 a{
	background: url(../images/navi.jpg) no-repeat -720px 0px;
	height: 46px;
	width: 154px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}
#Navi .b5 a:hover{
	background: url(../images/navi_2.jpg) no-repeat -720px 0px;
	height: 46x;
	width: 154px;
  	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}



#Banner dl{
	display: block;
	float:left;
}

#Banner dl dt a{
	display: block;
	text-indent: -9999px;
 	text-decoration: none;
}

#Banner dl dd{
	display: none;
	border-right: 1px solid #98C7F6;
	border-bottom: 1px solid #98C7F6;
	border-left: 1px solid #98C7F6;
	background: #0356AA url(../images/banner_navi_bg.jpg) no-repeat;
	line-height: 160%;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: center;
}

#Banner dl dd a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#Banner dl:hover dd{
	display: block;
}

#Banner dl dd a:hover{
	background: #459AF0 url(../images/banner_navi_bg_2.jpg) repeat-x;
}



#Banner dl.b1{
	height: 95px;
	width: 221px;
	
}
#Banner dl.b1 dt a{
	background: url(../images/banner_daitokyo.jpg) no-repeat;
	height: 95px;
	width: 221px;
}

#Banner dl.b1 dd{
	margin: 0px;
	padding: 0px;
	width: 219px;
}

#Banner dl.b1 dd a{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	width: 199px;
}

#Banner dl.b1:hover dt a{
	background: url(../images/banner_daitokyo_2.jpg) no-repeat;
}
#Banner dl.b1 dt.over a{
	background: url(../images/banner_daitokyo_2.jpg) no-repeat;
}
#Banner dl.b1 dt.out a{
	background: url(../images/banner_daitokyo.jpg) no-repeat;
}


#Banner dl.b2{
	height: 95px;
	width: 218px;
}
#Banner dl.b2 dt a{
	background: url(../images/banner_city.jpg) no-repeat;
	height: 95px;
	width: 218px;
}

#Banner dl.b2 dd{
	margin: 0px;
	padding: 0px;
	width: 216px;
}

#Banner dl.b2 dd a{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	width: 196px;
}

#Banner dl.b3{
	height: 95px;
	width: 219px;
}
#Banner dl.b3 dt a{
	background: url(../images/banner_mayleaves.jpg) no-repeat;
	height: 95px;
	width: 219px;
}

#Banner dl.b3 dd{
	margin: 0px;
	padding: 0px;
	width: 217px;
}

#Banner dl.b3 dd a{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	width: 197px;
}


#Banner dl.b4{
	height: 95px;
	width: 222px;
}
#Banner dl.b4 dt a{
	background: url(../images/banner_daitokyo_story.jpg) no-repeat;
	height: 95px;
	width: 222px;
}

#Banner dl.b4 dd{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	width: 200px;
}

#Banner dl.b4:hover dt a{
	background: url(../images/banner_daitokyo_story_2.jpg) no-repeat;
}
#Banner dl.b4 dt.over a{
	background: url(../images/banner_daitokyo_story_2.jpg) no-repeat;
}
#Banner dl.b4 dt.out a{
	background: url(../images/banner_daitokyo_story.jpg) no-repeat;
}