@charset "utf-8";
nav{
	margin:0 auto;
	width:980px;
}

ul.menu-level-1 {
	width:980px;
}
ul.menu-level-1 > li {
	display:block;
	float:left;
	width:196px;
	height:47px;
}

ul.menu-level-1 > li > a{
	display:block;
	width:196px;
	height:47px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}


ul.menu-level-1 > li.menu01{
	background: url(../images/menu01.gif) no-repeat 0 0;}
ul.menu-level-1 > li.menu02{
	background: url(../images/menu02.gif) no-repeat 0 0;}
ul.menu-level-1 > li.menu03{
	background: url(../images/menu03.gif) no-repeat 0 0;}
ul.menu-level-1 > li.menu04{
	background: url(../images/menu04.gif) no-repeat 0 0;}
ul.menu-level-1 > li.menu05{
	background: url(../images/menu05.gif) no-repeat 0 0;}



ul.menu-level-1 > li.menu01 > a:active,
ul.menu-level-1 > li.menu01 > a:focus,
ul.menu-level-1 > li.menu01 > a:hover{
	background: url(../images/menu01.gif) no-repeat 0 -47px;}
ul.menu-level-1 > li.menu02 > a:active,
ul.menu-level-1 > li.menu02 > a:focus,
ul.menu-level-1 > li.menu02 > a:hover{
	background: url(../images/menu02.gif) no-repeat 0 -47px;}
ul.menu-level-1 > li.menu03 > a:active,
ul.menu-level-1 > li.menu03 > a:focus,
ul.menu-level-1 > li.menu03 > a:hover{
	background: url(../images/menu03.gif) no-repeat 0 -47px;}
ul.menu-level-1 > li.menu04 > a:active,
ul.menu-level-1 > li.menu04 > a:focus,
ul.menu-level-1 > li.menu04 > a:hover{
	background: url(../images/menu04.gif) no-repeat 0 -47px;}
ul.menu-level-1 > li.menu05 > a:active,
ul.menu-level-1 > li.menu05 > a:focus,
ul.menu-level-1 > li.menu05 > a:hover{
	background: url(../images/menu05.gif) no-repeat 0 -47px;}



.menu-level-2{
	width: 196px;
	position: absolute;
	display: none;
	zoom: 1;
	line-height: 0;
}

/* for IE7 */
*:first-child+html .menu-level-2{
	margin-top: -1px; /* 隙間が空くので詰める */
}
ul.menu-level-1 > li:hover > .menu-level-2{
	display: block
}

.menu-level-2 > li{
	float: none;
	width: 196px;
	opacity: 0.95;
	height: auto;
	background-image: none;
	/* for IE7 */
	line-height: 0;
	font-size: 1%;
}


.menu-level-2 > li > a{
	display: block;
	padding: 7px 9px;
	font-size: 13px;
	line-height: 15px;
	text-indent: 0;
	background: #FCEAE0;
	color: #333;
	text-decoration: none;
	background-image: none;
	border-width: 0 1px 1px;
	border-color: #BBB;
	border-style: solid;
	zoom: 1;
}
.menu-level-2 > li > a:hover{
	background-image: none;
	color: white;
	background-color: #FB3C3C;
}





/*side menu*/
#s_menu{
	float:left;
	width:196px;
	font-size:14px;
	line-height:16px;
}
#s_menu img{
	margin-bottom:5px;
}
#s_menu ul{
}
#s_menu li{
	/* for IE7 */
	line-height: 0;
	font-size: 1%;
}
#s_menu ul li a{
	display:block;
	margin-bottom:1px;
	padding:10px 8px 8px;
	width:178px;
	background: url(../images/bg_menu02.gif) no-repeat left top;
	border:1px solid #DEDEDE;
	color:#333333;
	font-size:14px;
	line-height:16px;
	zoom: 1;
}
#s_menu ul li.sub{
	display:block;
	margin-bottom:1px;
	padding:9px 8px 7px;
	width:178px;
	background: url(../images/bg_menu03.gif) no-repeat left top;
	border:1px solid #DEDEDE;
	color:#333333;
	font-size:14px;
	line-height:16px;
	zoom: 1;
}
#s_menu ul li.sub a{
	background:url(../images/icon_menu03.gif) no-repeat left center;
	border:none;
	padding: 0 0 0 7px;
	width:175px;
}


#s_menu ul li a.active,
#s_menu ul li a:focus,
#s_menu ul li a:hover{
	color:#006FCD;
	text-decoration:none;
}