@charset "UTF-8";

.drop_menu{width:766px;}
.drop_menu li a{width:189px;}

.drop_menu{
	height:32px;
	border-top:1px solid rgb(230 ,230 ,230);
	border-bottom:1px solid rgb(230 ,230 ,230);
	background:url(../image/menu_btn.jpg) repeat-x;
}
.drop_menu li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.drop_menu li a{
	display: block;
	padding-top:5px;
	height:27px;
	font-size:20px;
	font-weight:bolder;
	line-height:1;
	text-decoration: none;
}
.drop_menu li:hover > a{
	background:rgb(102,165,221);
}
.drop_menu li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.drop_menu li ul li{
	overflow: hidden;
	height: 0;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.drop_menu li ul li a{
	background:rgb(102,165,221);
	padding-top:7px;	
	margin-left:10px;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	width:23em;
}
.drop_menu li:hover ul li{
	overflow: visible;
	height:32px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	z-index:3;
}
.drop_menu a:link{
	color: #FFFFFF;
}

.drop_menu a:hover,
.drop_menu a:focus{
	color: #FF6060;
}


#menu{
	height:32px;
	width:765px;
	border-top:1px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background:url(../image/menu_btn.jpg) repeat-x;
} 
.menu_border{
	float:left; 			
	height:32px;			
	width:2px;
	background: url(../image/yline.gif) repeat-y;
}


#menu a{
	float:left;
	height:32px;			
	width:189px;
	font-size:14px;
}

#menu a img{
	position:relative;
	left:56px;
	padding-top:5px;		
}

/* 背景の色は優先順位がある　下方の記述が優先される */

#menu a:selected{
	float:left; 			
	height:32px;			
	width:250px;
	background:#D1D9FE;
}

/*
#menu a.selected img{
	position:relative;
	left:54px;
	padding-top:5px;		
}
*/

#menu a:hover{
	background:rgb(102,165,221);
}

#menu a:focus{
	background:#D1D9FE;
}