@charset "utf-8";

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
	z-index: 100;
	position: relative;
	width: 960px;
	margin-bottom: 15px;
}
.nav li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	background: #565656;
	color: #959595;
	display: block;
	padding: 0;
	text-transform: lowercase;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	color: #000000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #990000;
	color: #959595;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #003366;
	color: #003399;
}

.nav ul {
	background: #003399;
	list-style: none;
	margin: 0;
	position: absolute;
	top: -999em;
	left: 1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 44px;
  z-index: 101;
}
.nav ul li {
	border: 0;
	float: none;
	display: block;
	background-color: #003399;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
.nav ul a {
 
  border-bottom: 0;


  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}
.wide194 {
	width: 194px;
}
.wide249 {
	width: 249px;
}
.wide158 {
	width: 158px;
}
.fla-comment {
	font-size: 11px;
	padding: 5px;
	border: 1px solid #99CCFF;
	width: 308px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#flash-zone23 {
	padding-left: 15px;
}



/*--------------------------------------------*/


#menu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

/* サブメニュー1段目 */
#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* サブメニュー2段目以降 */
#menu ul ul ul {
   top:0;
   left:100%;
}

/* リスト */
#menu li {
   float:left;
}

#menu li li {
   clear:both;
}

#menu li:hover {
   position:relative;
}

#menu li:hover > ul {
   display: block
}

/* IE6用 */
* html #menu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#menu .column1 {position:relative;}
#menu .column1 ul {display:block;}
#menu .column1 * ul {display:none;}

#menu .column2 {position:relative;}
#menu .column2 ul {display:block;}
#menu .column2 * ul {display:none;}

#menu .column3 {position:relative;}
#menu .column3 ul {display:block;}
#menu .column3 * ul {display:none;}
#menu {
	margin-bottom: 10px;
}