@charset "euc-jp";

/* Á´ÊǶ¦ÄÌ */

#RJSMegaDropdownMenu{
	z-index:-1;
}

#gloNaviArea,
#gloNaviArea2{
	position:relative;
	z-index:8000;
	width:100%;
	min-width:950px;
	height:50px;
	left:0;
    font-size:14px;
}

#gloNaviArea2{
	background-color:#29295b;
}

#gloNaviArea2 .inn{
	height:50px;
}

#gloNaviArea a,
#gloNaviArea2 a{
	display:block;
	height:100%;
}

.gloNaviBox{
	width:950px;
	margin:0 auto;
	position:relative;
}


#gloNaviArea .gloLogo{
	display:none;
}

#gloNaviArea2 .gloLogo{
	display:block;
	width:315px;
	height:50px;
	position:absolute;
	left:-65px;
	top:0;
	z-index:10;
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnavi_bnr.png) right top no-repeat;
	background-color:#29295b;
}

#gloNaviArea2 .gloLogo .gnavi_bnr a:hover img{
	opacity:0.8;
}

.gloMegaMenu{
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	background-color:#29295b;
}

.gloMegaMenu li{
/* ~ie7 */
*zoom:expression(
this.runtimeStyle.zoom='1',
this.insertBefore(
document.createElement('span'),
this.childNodes[0]
).className='before'
);
    float:left;
	width:140px;
    height:50px;
    color:#FFFFFF;
	line-height:1.2;
}

.gloMegaMenu li:before,
.gloMegaMenu li .before,
.gloMegaMenu li .txt{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
}

.gloMegaMenu li:before,
.gloMegaMenu li .before{
	content:'';
	width:1px;
	height:50px;
	background:url(/halloween/2016/_pc/img/cmn/gnavi/border.gif) right top no-repeat;
	*margin-right:-1px;
}

.gloMegaMenu li.first:before,
.gloMegaMenu li.first .before{
	background:none;
}

.gloMegaMenu li .txt{
	width:139px;
}


/* #gloNaviArea hover */


.gloMegaMenu li:hover,
.gloMegaMenu li.active{
	color:#29295b;
}

.gloMegaMenu li.menu01:hover,
.gloMegaMenu li.menu01.active{
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnav_bg01.png) no-repeat center top;
}
.gloMegaMenu li.menu02:hover,
.gloMegaMenu li.menu02.active{
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnav_bg02.png) no-repeat center top;
}
.gloMegaMenu li.menu03:hover,
.gloMegaMenu li.menu03.active{
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnav_bg03.png) no-repeat center top;
}
.gloMegaMenu li.menu04:hover,
.gloMegaMenu li.menu04.active{
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnav_bg04.png) no-repeat center top;
}
.gloMegaMenu li.menu05:hover,
.gloMegaMenu li.menu05.active{
	background:url(/halloween/2016/_pc/img/cmn/gnavi/gnav_bg05.png) no-repeat center top;
}


/* #gloNaviArea2 hover */


.submenu-area{
	position:relative;
	left:0;
	top:39px;
}

#gloNaviArea2 .submenu-area{
	top:38px;
}

.submenu-area .submenu{
	display:none;
	position:absolute;
    width:700px;
    padding-bottom:6px;
    top:-4px;
    right:-1px;
	text-align:left;
}

#gloNaviArea2 .submenu-area .submenu{
	top:-3px;
	text-align:left;
}

.submenu-area .submenu .menuArrow{
	position:relative;
	z-index:9000;
	overflow:hidden;
    height:10px;
	margin-bottom:5px;
}

.submenu-area .submenu.submenu01 .menuArrow{
	background-position:54px bottom;
}

.submenu-area .submenu.submenu02 .menuArrow{
	background-position:170px bottom;
}

.submenu-area .submenu.submenu03 .menuArrow{
	background-position:286px bottom;
}

.submenu-area .submenu.submenu04 .menuArrow{
	background-position:402px bottom;
}

.submenu-area .submenu.submenu05 .menuArrow{
	background-position:518px bottom;
}


.submenu-area .submenu .menuContents{
	background-image:url(/halloween/2016/_pc/img/cmn/gnavi/submenu_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#ffffff;
	position:relative;
	height:100%;
	padding:10px 6px 10px;
	z-index:1;
	border:1px solid #29295b;
	font-size:86%;
}

.submenu-area .menuContents .balloon{
	background-image:url(/halloween/2016/_pc/img/cmn/gnavi/arrow.png);
	display:block;
	position:absolute;
	height:10px;
	width:17px;
	z-index:5;
}

.submenu-area .submenu01 .menuContents .balloon{
	top:-10px;
	left:61px;
}

.submenu-area .submenu02 .menuContents .balloon{
	top:-10px;
	left:200px;
}

.submenu-area .submenu03 .menuContents .balloon{
	top:-10px;
	left:339px;
}

.submenu-area .submenu04 .menuContents .balloon{
	top:-10px;
	left:478px;
}

.submenu-area .submenu05 .menuContents .balloon{
	top:-10px;
	left:617px;
}

.menuList{
	overflow:hidden;
	zoom:1;
	margin-left:-12px;
}

.menuList li{
	float:left;
	margin-left:12px;
	width:216px;
}

.menuItem{
	position:relative;
}
.menuItem:hover{
	background-color:#ffedf3;
}

.menuItem .menuThumb{
	position:absolute;
	top:5px;
	left:5px;
	width:40px;
	height:40px;
	z-index:10;
	background-color:#ffffff;
}

.menuItem .menuText{
	position:relative;
}
.menuItem .menuText a{
	padding:5px 5px 5px 50px;
	line-height:40px;
	display:block;
	position:relative;
	color:#000000!important;
	text-decoration:none;
}
.menuItem:hover .menuText a{
	color:#ff5500!important;
	text-decoration:none;
}
.menuItem .menuText a.line2{
	line-height:20px;
	padding-top:5px;
	padding-bottom:5px;
}