@charset "utf-8";

.dropmenu {
	text-align:left;
	width:950px;
	margin-bottom:30px;/*menuとcontentsの隙間*/
	background:url(../img/common/menu_11px.png);
	/*background:url(../img/common/menu950.png);*/
}
.dropmenu li {
	/*	position:relative;*/
/*	width:110px;固定じゃなくなったのでコメントアウト*/
	height:30px;
	float:left;
}
.dropmenu li ul {
	position:absolute;
	overflow:hidden;
	width:200px;
	display:none;
	z-index:200;
	opacity:0;
}
.dropmenu li li {
	width:auto;
	float:none;
	display:inline;
}
.dropmenu a, .dropmenu a:active, .dropmenu a:visited {
	display:block;
	text-decoration:none;
}
/**/
#m1 a, #m2 a, #m3 a, #m4 a, #m5 a, #m6 a, #m7 a {
	background:url(../img/common/menu_11px.png) no-repeat 0 0;
	/*background:url(../img/common/menu950.png);*/
	text-indent:-7777px;
	height:30px;
}
#m1 a {
	background-position:0 0;
	width:70px;
}
#m2 a {
	background-position: -70px 0;
	width:69px;
}
#m3 a {
	background-position: -139px 0;
	width:89px;
}
#m4 a {
	background-position: -228px 0;
	width:92px;
}
#m5 a {
	background-position: -320px 0;
	width:83px;
}
#m6 a {
	background-position: -403px 0;
	width:79px;
}
#m7 a {
	background-position: -482px 0;
	width:108px;
}
/**/
#m1 a:hover {
	background-position: 0 -30px;
}
#m2 a:hover {
	background-position: -70px -30px;
}
#m3 a:hover {
	background-position: -139px -30px;
}
#m4 a:hover {
	background-position: -228px -30px;
}
#m5 a:hover {
	background-position: -320px -30px;
}
#m6 a:hover {
	background-position: -403px -30px;
}
#m7 a:hover {
	background-position: -482px -30px;
}
/**/


#navi ul li a, #navi ul li a:hover {
	padding:0.5em 1em;
	height:auto;
	background-image:none;
	text-indent:0px;
}

#navi li li a {
	width:15em;
}
#navi ul li a{
	background:#eff3de;
	border-top:1px solid #fff;
	border-bottom:1px solid #c2c2a6;	
}
#navi ul li a:hover{
	background:#f6f6ea;
	border-top:1px solid #fff;
	border-bottom:1px solid #c2c2a6;	
}