@charset "UTF-8";


/* MAIN WINDOW MODULES -NAVI AREA- 
--------------------------------------------------------------*/

#naviArea #navi{
	width:220px;
	background:url(/ex/scramble/common/images/navi/bg.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
#naviArea #navi ul{
	background:url(/ex/scramble/common/images/navi/bg.gif) no-repeat left top;
	padding:0 10px;
}
#naviArea #navi ul li{
	padding-top:10px;
	width:201px;
}
#naviArea #navi ul li a{
	display:block;
	width:201px;
	height:40px;
	text-decoration:none;
}
#naviArea #navi ul li a:active,
#naviArea #navi ul li a:hover{
	background-position:0 -40px !important;
}
#naviArea #navi ul li.cur a{
	background-position:0 -80px !important;
	cursor:default;
}
#naviArea #navi ul li.cur a:active,
#naviArea #navi ul li.cur a:hover{
	background-position:0 -80px !important;
}
#naviArea #navi ul li a span{
	visibility:hidden;
}
#naviArea #navi ul li.outline a{
	background:url(/ex/scramble/common/images/navi/outline.gif) no-repeat;
}
#naviArea #navi ul li.communicate a{
	background:url(/ex/scramble/common/images/navi/communicate.gif) no-repeat;
}

#naviArea #navi ul li.aikotoba a{
	background:url(/ex/scramble/common/images/navi/aikotoba.gif) no-repeat;
}

#naviArea #navi ul li.comingSoon span{
	display:block;
	width:201px;
	height:40px;
	background:url(/ex/scramble/common/images/navi/coming_soon.gif) no-repeat;
}
#naviArea #navi ul li.comingSoon span span{
	visibility:hidden;
}


#naviArea #naviBnr{
	width:100%;
	background:url(/ex/scramble/common/images/navi/bg.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
#naviArea #naviBnr ul{
	background:url(/ex/scramble/common/images/navi/bg.gif) no-repeat left top;
	padding:0 10px;
}
#naviArea #naviBnr ul li{
	padding-top:10px;
	width:201px;
}
#naviArea #naviBnr ul li a.haribotekit{
	display:block;
	width:201px;
	height:80px;
	text-decoration:none;
}
#naviArea #naviBnr ul li a.haribotekit .panel{
	width:201px;
	height:80px;
}
#naviArea #naviBnr ul li a:active .panel,
#naviArea #naviBnr ul li a:hover .panel{
	background-position:0 -80px !important;
}

#naviArea #naviBnr ul li.zukan a.haribotekit .panel{
	background:url(/ex/scramble/common/images/navi/bn_3dzukanbw.gif) no-repeat;
}
#naviArea #naviBnr ul li.pokemon3ds a.haribotekit .panel{
	background:url(/ex/scramble/common/images/navi/bn_pokemon3ds.gif) no-repeat;
}