@charset "UTF-8";

/* ------------------------------------- 
 *	ﾒﾆｭｰバー
 * ------------------------------------- */

ul.main{
	letter-spacing:0.05em;
	text-align:center;
	margin:0px;
	padding:0px;
	border:0px;
	width:900px;
	font-size: 13px;
	font-weight:bolder;
}

ol.sub{
	font-size:12px;
	text-align:left;
	left:0;
    top:-12px;
	margin:0px;
	padding:0px;
	border:0px;
    width:180px;
}

ul.main a{ }

.main li{background:url(img/menubg3.gif) repeat-x;}
.main li.on{background:url(img/menubg2.gif) repeat-x;}

.main a:link{color:#fff}
.main a:visited{color:#fff;}
.main a:hover{color:#ee7800;}

.sub{background-color:#fff;}
.sub li{background:#fff;}
.sub a:hover{background:#ee7800;}

.sub a:link{color:#333;}
.sub a:visited{color:#333;}
.sub a:hover{color:#fff;}


/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.off{
	height:42px;
	width:128px;
}

.main li.on{
	height:42px;
	width:128px;
}
	
.main a{
text-decoration:none;
padding:12px 0 0px;
margin:0;
border:0;
display:block;
height:42px;
width:128px;
overflow:hidden;
}


/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off{
    width:180px;
}
ol.sub li.on{
    width:180px;
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
	padding:5px 2px 5px 8px;
    width:170px;
    height:16px;
	border-bottom:1px dotted #aaa;
}

/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{border:5px solid #ee7800;}


DIV#menu{
background-color: #ffffff;
	clear:both;
	width:900px;
margin:0 auto;
	position:relative;
	z-index:2;
}

.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;}
ol.sub{position:relative;}

.menuspace{
width:900px;
height:50px;
background:url(img/menubg5.gif) repeat-x;
margin:0 auto;
clear:both;
}