@charset "utf-8";

/*ヘッダー部分メニュー*/

.ddMenu{
	position: absolute;
}

.ddMenu li{
	display: inline;
	list-style:none;
	position: relative;
}

.ddMenu ul{
	display:none;
	position:absolute;
	top:30px;
	left:0;
	background:#FFF;
	
	border:#999999 1px solid;
}

.ddMenu ul li{
	display: block;
	list-style:none;
	width:12em;
	padding:5px;
	
}


/* Main部分メニュー */

.ddMenuMain{}

.ddMenuMain li{
	position: relative;
}

.ddMenuMain ul{
	display:none;
	position:absolute;
	bottom:68px;
	background:#FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
	width:174px;
	height:290px;
}

#main-menu.ddMenuMain ul li{
	display:block;
	padding:5px;
	font-size:14px;
}

.ddMenuMain ul li a:visited{
	color:#333;
}

.ddMenuMain ul li a:hover{
	background:#FFFF00;
}

/*以下デフォルト設定*/

#gnavi{
	position:relative;
}

#gnavi li{
	float: left;
	position:relative;
	width:200px;
	list-style:none;
	margin:0;
	border:#000 1px solid;
}

#gnavi ul{
	display:none;
	position:absolute;
	top:15px;
	left:-30px;
}

* html #gnavi ul{
	line-height:0;
}

#gnavi ul li{
	float:none;
}

#gnavi ul{
	width:320px;
	/* サイズを指定しておかないとIE7で出現の仕方がちょっと変 */
}

#gnavi ul ul{
	position:absolute;
	top:10px;
	left:-30px;
}

#gnavi ul a { 
	display:block;
	background:#000;
	padding:0.5em;
	color:#fff;
	border-bottom:1px solid #fff;
	opacity:0.6;
	filter:alpha(opacity=60);
	zoom:1;
	line-height:1;
}

#gnavi ul a.hover{
	background:#444;
}

/* clearfix */
.cf{/zoom:1;}
.cf:after{content:'';display:block;clear:both;height:0;}