@charset "utf-8";
nav{
	margin:0 auto;
	width:960px;
	position:relative
}
nav ul{
	position: absolute;
	z-index:900;
}
ul.menu-level-1 {
	width:960px;
}
ul.menu-level-1 > li {
	display:block;
	float:left;
	width:130px;
	height:42px;
}
ul.menu-level-1 > li > a{
	display:block;
	width:130px;
	height:42px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
ul.menu-level-1 > li.menu07 {
	display:block;
	float:left;
	width:180px;
	height:42px;
}
ul.menu-level-1 > li.menu07  > a{
	display:block;
	width:180px;
	height:42px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

ul.menu-level-1 > li.menu01{
	background: url(../images/menu01.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu02{
	background: url(../images/menu02.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu03{
	background: url(../images/menu03.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu04{
	background: url(../images/menu04.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu05{
	background: url(../images/menu05.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu06{
	background: url(../images/menu06.png) no-repeat 0 0;}
ul.menu-level-1 > li.menu07{
	background: url(../images/menu07.png) 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.png) no-repeat 0 -42px;}
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.png) no-repeat 0 -42px;}
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.png) no-repeat 0 -42px;}
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.png) no-repeat 0 -42px;}
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.png) no-repeat 0 -42px;}
ul.menu-level-1 > li.menu06 > a:active,
ul.menu-level-1 > li.menu06 > a:focus,
ul.menu-level-1 > li.menu06 > a:hover{
	background: url(../images/menu06.png) no-repeat 0 -42px;}
ul.menu-level-1 > li.menu07 > a:active,
ul.menu-level-1 > li.menu07 > a:focus,
ul.menu-level-1 > li.menu07 > a:hover{
	background: url(../images/menu07.png) no-repeat 0 -42px;}

.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: 1;
	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: #FFFFFF;
	background: #CCE1F7;
	color: #333;
	text-decoration: none;
	background-image: none;
	border-width: 0 1px 1px;
	border-color: #AAAAAA;
	border-style: solid;
	zoom: 1;
	opacity: 0.9;
}
.menu-level-2 > li > a:hover{
	background-image: none;
	color: white;
	background: #4460C7;
	opacity: 1;
}


/*side menu*/
#s_menu{
	float:left;
	width:192px;
	font-size:14px;
	line-height:16px;
}
#s_menu ul{
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}
#s_menu li{
	/* for IE7 */
	line-height: 0;
	font-size: 1%;
}
#s_menu li:first-child a{
	border-top:0 solid #BBBBBB;

}
#s_menu ul li a{
	display:block;
	padding:11px 8px 9px;
	border-top:1px solid #BBBBBB;
	border-left:5px solid #BBBBBB;
	color:#333333;
	font-size:14px;
	line-height:16px;
	zoom: 1;
}
/*#s_menu ul li a.on,#s_menu ul li a:focus,#s_menu ul li a:hover,
#s_menu ul li.sub a.on,#s_menu ul li.sub a:focus,#s_menu ul li.sub a:hover,
#s_menu ul li.sub2 a.on,#s_menu ul li.sub2 a:focus,#s_menu ul li.sub2 a:hover{
	background-color:#EDEDED;
	color:#333333;
	text-decoration:none;
}*/
#s_menu ul li a.on,#s_menu ul li a:focus,#s_menu ul li a:hover{
	color:#333333;
	text-decoration:none;
}
#s_menu ul li.sub a{
	background:url(../images/icon_menusub.png) no-repeat 10px center;
	display:block;
	padding:11px 4px 9px 23px;
	/*
	padding:11px 4px 9px 15px;
	*/
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	color:#333333;
	font-size:14px;
	line-height:16px;
	text-indent:0;
	zoom: 1;
}
#s_menu ul li.sub2 a{
	display:block;
	padding:9px 8px 7px 2em;
	border-top:0px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	color:#333333;
	font-size:13px;
	line-height:15px;
	zoom: 1;
}
#s_menu ul li a.on,#s_menu ul li a:focus,#s_menu ul li a:hover{background-color:#EDEDED;}
#s_menu.s01 ul li a.on,#s_menu.s01 ul li a:focus,#s_menu.s01 ul li a:hover{background-color:#FFCCCC;}
#s_menu.s02 ul li a.on,#s_menu.s02 ul li a:focus,#s_menu.s02 ul li a:hover{background-color:#FFD7BB;}
#s_menu.s03 ul li a.on,#s_menu.s03 ul li a:focus,#s_menu.s03 ul li a:hover{background-color:#FFFABF;}
#s_menu.s04 ul li a.on,#s_menu.s04 ul li a:focus,#s_menu.s04 ul li a:hover{background-color:#BBEEB7;}
#s_menu.s05 ul li a.on,#s_menu.s05 ul li a:focus,#s_menu.s05 ul li a:hover{background-color:#C5E4FF;}
#s_menu.s06 ul li a.on,#s_menu.s06 ul li a:focus,#s_menu.s06 ul li a:hover{background-color:#E3D5EA;}
#s_menu.s07 ul li a.on,#s_menu.s07 ul li a:focus,#s_menu.s07 ul li a:hover{background-color:#BFDCF1;}
