#navi {
	position:fixed;
	top:0;
	font-size:12px;
	box-shadow:0 1px 3px #616161;
	/*▼IE6-8用 ドロップシャドウ 角丸*/
	behavior: url(/css/PIE.htc);
	z-index:5;
}

.loginarea #navi.beforelogin{
	margin-left:320px;
}
#navi.beforelogin{
	margin-left:780px;
}

.loginarea #navi.afterlogin{
	margin-left:220px;
}
#navi.afterlogin{
	margin-left:680px;
}

#navi a {
	color: #6d74ac;
	font-weight:bold;
	text-shadow:0 1px 0 #d4d9ff;
	text-decoration: none;
	
	display:block;
	width: 98px;
	height: 25px;
	line-height: 25px;
	border-top:1px solid #dbdfff;
	border-left:1px solid #dbdfff;
	border-right:1px solid #93a0fe;
	border-bottom:1px solid #949ff2;
	margin: 0;
	
}
#navi a:link,
#navi a:visited {
	background: -moz-linear-gradient(top, #d4d9ff, #a7b1ff);
	background: -o-linear-gradient(top, #d4d9ff, #a7b1ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#d4d9ff), to(#a7b1ff));
	    /*IE10*/
		background: linear-gradient(to bottom, #d4d9ff, #a7b1ff); 
		/*IE6 IE7 */
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d4d9ff, endcolorstr=#a7b1ff));
		/* IE8 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d4d9ff, endcolorstr=#a7b1ff))";
		zoom:1;
}

#navi a:hover,
#navi a:active {
	background: #818bda;
	color:#fff;
	text-shadow:0 1px 0 #5f6bc8;
}


/*--------------------*/
#navi.beforelogin #dd{
	width:200px;	
}
#navi.afterlogin #dd{
	width:300px;
}

#dd .mainmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#dd .mainmenu a.menu {
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	width: 98px;
	text-decoration: none;
}
#dd .mainmenu a.menu:hover {
}


a.menu.mypage span{
	display:block;
	width:88px;
	height:25px;
	text-align:right;
	padding:0 10px 0 0;
	background:url(/image/icon_my.png) no-repeat 6% 50%;
}
a.menu.mypage:hover span{
	background:url(/image/icon_my_hv.png) no-repeat 6% 50%;
}

a.menu.writer span{
	display:block;
	width:90px;
	height:25px;
	text-align:right;
	padding:0 8px 0 0;
	background:url(/image/icon_pen.png) no-repeat 4% 50%;
}
a.menu.writer:hover span{
	background:url(/image/icon_pen_hv.png) no-repeat 4% 50%;
}

a.menu.message span{
	display:block;
	width:87px;
	height:25px;
	text-align:right;
	padding:0 11px 0 0;
	background:url(/image/icon_mail.png) no-repeat 6% 50%;
}
a.menu.message:hover span{
	background:url(/image/icon_mail_hv.png) no-repeat 6% 50%;
}

a.menu.regist span{
	display:block;
	width:83px;
	height:25px;
	text-align:right;
	padding:0 15px 0 0;
	background:url(/image/icon_pen.png) no-repeat 4% 50%;
}
a.menu.regist:hover span{
	background:url(/image/icon_pen_hv.png) no-repeat 4% 50%;
}

a.menu.login span{
	display:block;
	width:80px;
	height:25px;
	text-align:right;
	padding:0 18px 0 0;
	background:url(/image/icon_key.png) no-repeat 4% 50%;
}
a.menu.login:hover span{
	background:url(/image/icon_key_hv.png) no-repeat 4% 50%;
}


.submenu{
	visibility: hidden;
	position: absolute;
	z-index:100;
	background:#000 !important;
}

.submenu > a {
	display: block;
	width: 96px;
	height: 25px;
	line-height: 25px;
	border-top:1px solid #dbdfff;
	border-left:1px solid #dbdfff;
	border-right:1px solid #93a0fe;
	border-bottom:1px solid #949ff2;
	margin: 0;
	text-align:center;
	font-weight:normal !important;
}

/* サブメニューの半透明処理
--------------------*/
.submenu {
 filter: alpha(Opacity=90);
	opacity: 0.97;
}