@charset "Shift_JIS";

body#map{
	background:url(../../images/map/bg.jpg) repeat scroll center top transparent;
}

body#map #popup_mask{
	width:100%;
	height:100%;
	background:url(../../images/map/pop_bg_2.png);
	position:absolute;
	z-index:100;
	display:none;
	left:0;
	top:0;
}

body#map #stage_popup{
	background:url(../../images/map/stage_bg.png) no-repeat;
	position:absolute;
	display:none;
	z-index:110;
	left:50%;
	top:50%;
	margin-left:-420px;
	margin-top:-310px;
	width:840px;
	height:620px;
	text-align:center;
}

body#map #stage_popup .body{
	display:none;
}

body#map #stage_popup .popup_video .video{
	width:760px;
	height:485px;
	margin:40px 0 0 38px;
	*margin-left:0;
}

body#map #stage_popup .popup_video .title{
	margin-top:7px;
}

body#map #stage_popup .popup_video .text{
	margin-top:10px;
}

body#map #stage_popup .popup_image .image{
	width:760px;
	height:440px;
	margin:40px 0 0 38px;
	*margin-left:0;
}

body#map #stage_popup .popup_image .title{
	margin-top:28px;
}

body#map #stage_popup .popup_image .text{
	margin-top:15px;
}

body#map #stage_popup .close{
	position:absolute;
	top:-18px;
	left:811px;
}

body#map #stage_popup .next{
	position:absolute;
	top:283px;
	left:811px;
}

body#map #stage_popup .prev{
	position:absolute;
	top:283px;
	left:-25px;
}

body#map #chara_popup{
	background:url(../../images/map/chara_bg.png) no-repeat;
	position:absolute;
	display:none;
	z-index:110;
	left:50%;
	top:50%;
	margin-left:-270px;
	margin-top:-200px;
	width:540px;
	height:400px;
	text-align:center;
}

body#map #chara_popup .popup_image .image{
	width:460px;
	height:260px;
	margin:40px 0 0 40px;
	*margin-left:0;
}

body#map #chara_popup .popup_image .name{
	margin-top:21px;
}

body#map #chara_popup .popup_image .text{
	margin-top:9px;
}

body#map #chara_popup .close{
	position:absolute;
	top:-22px;
	left:510px;
}

body#map #susume_popup{
	width:100%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-210px;
	height:420px;
	overflow:hidden;
	display:none;
	z-index:120;
}

body#map #susume_popup .pop_items{
	position:absolute;
	width:2920px;
	left:50%;
	margin-left:-210px;
	height:370px;
	top:50%;
	margin-top:-185px;
}

body#map #susume_popup .items_bg{
	position:absolute;
	left:0;
	width:100%;
	height:370px;
	top:50%;
	margin-top:-185px;
}


body#map #susume_popup .pop_items .pop_item{
	float:left;
	margin-right:80px;
	background:url(../../images/map/susume_bg.png) left top no-repeat;
	width:420px;
	height:370px;
	text-align:center;
}

body#map #susume_popup .pop_items .pop_item.p6{
	margin-right:0;
}

body#map #susume_popup .pop_items .pop_item .title{
	margin-top:22px;
}

body#map #susume_popup .pop_items .pop_item .img{
	margin-top:23px;
	margin-left:50px;
	*margin-left:0;
	width:320px;
	height:180px;
	position:relative;
}

body#map #susume_popup .pop_items .pop_item .img p{
	display:none;
	position:absolute;
	left:0;
	top:0;
}

body#map #susume_popup .pop_items .pop_item .img p.first{
	display:block;
}

body#map #susume_popup .pop_items .pop_item.p1 .name{
	margin-top:28px;
}
body#map #susume_popup .pop_items .pop_item.p2 .name{
	margin-top:23px;
}
body#map #susume_popup .pop_items .pop_item.p3 .name{
	margin-top:19px;
}
body#map #susume_popup .pop_items .pop_item.p4 .name{
	margin-top:19px;
}
body#map #susume_popup .pop_items .pop_item.p5 .name{
	margin-top:19px;
}
body#map #susume_popup .pop_items .pop_item.p6 .name{
	margin-top:29px;
}

body#map #susume_popup .pop_items .pop_item .text{
	margin-top:9px;
}

body#map #susume_popup .close{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-206px;
	margin-left:182px;
}

body#map #susume_popup .next{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-27px;
	margin-left:182px;
}
body#map #susume_popup .prev{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-27px;
	margin-left:-235px;
}

#map_menu{
	width:100%;
	position:absolute;
	bottom:86px;
	left:0;
	display:none;

}

#map_menu #stage{
	width:942px;
	height:82px;
	position:absolute;
	bottom:-52px;
	left:50%;
	margin-left:-471px;
}

#map_menu #stage .openbtn{
	position:absolute;
	left:50%;
	margin-left:-72px;
	top:-33px;
	
}

#map_menu #stage .openbtn .on{
	position:absolute;
	top:0;
	left:0;
}

#map_menu #stage .openbtn .off{
	position:absolute;
	top:0;
	left:0;
}

#map_menu #stage .stagebtn{
	background:url(../../images/map/map_navi_bg.png) left top no-repeat;
	width:942px;
	height:82px;
	position:relative;
}

#map_menu #stage .stagebtn ul{
	position:absolute;
	left:32px;
	top:26px;
	top:28px\9;
	*top:27px;
	width:890px;
}

#map_menu #stage .stagebtn ul li{
	float:left;
	margin-right:10px;
}

#map_menu #susume{
	position:absolute;
	left:50%;
	margin-left:295px;
	bottom:22px;
}

#totten{
	position:absolute;
	bottom:-88px;
	left:0;
	display:none;
	background:url(../../images/map/spacer.gif) left top repeat;
	width:102px;
	height:88px;
}

#totten .chara{
	position:absolute;
	left:0;
	top:0;
}

#totten .name{
	position:absolute;
	left:75px;
	top:56px;
	display:none;
}

body#map #totten_popup{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-175px;
	margin-left:-270px;
	height:350px;
	width:540px;
	display:none;
	z-index:120;
	background:
	url(../../images/map/map_pop_totten_bg.png) left top no-repeat;
}

body#map #totten_popup .title{
	position:absolute;
	left:36px;
	top:36px;
}

body#map #totten_popup .text{
	position:absolute;
	left:36px;
	top:76px;
}

body#map #totten_popup .img{
	position:absolute;
	left:36px;
	top:131px;
}

body#map #totten_popup .totten{
	position:absolute;
	left:336px;
	top:127px;
}

body#map #totten_popup .new{
	position:absolute;
	left:-29px;
	top:-27px;
}

body#map #totten_popup .close{
	position:absolute;
	left:504px;
	top:-19px;
}

body#map #info{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-245px;
	margin-top:-115px;
	display:none;
	z-index:6;
}

body#map.small {
	background:none;
}

body#map.small #popup_mask{
	display:block;
}

body#map.small #stage_popup{
	display:block;
	margin-top:-270px;
}

body#map.small #stage_popup .popup_video{
	display:none;
}


body#map.small #stage_popup .popup_image{
	display:block;
}

body#map.small #susume_popup{
	display:block;
}

body#map.small #totten_popup{
	display:block;
}

body#map #main_top{
	background:url(../../images/common/bg_top.png) no-repeat center top;
	width:862px;
	height:30px;
	display:none;
}

body#map #main_middle{
	background:url(../../images/common/bg_middle.png) repeat-y center top;
	display:none;
}

body#map #main_bottom{
	background:url(../../images/common/bg_bottom.png) no-repeat center top;
	width:862px;
	height:50px;
	display:none;
}

@media screen and (max-device-width: 1024px) {
	body#map #main_top{
		margin-bottom:-1px;
	}
}

@media screen and (max-device-width: 1024px) {
	body#map #main_bottom{
	margin-top:-1px;
	}
}

body#map #main{height:620px;}
body#map #main_middle{height:547px;}
body#map #main #main_middle .p1{position:absolute;left:49px;top:37px;_margin-top:-30px;}
body#map #main #main_middle .p2{position:absolute;left:16px;top:96px;_margin-top:-30px;}
body#map #main #main_middle .p3{position:absolute;left:635px;top:440px;_margin-top:-30px; }
body#map #main #main_middle .p4{position:absolute;left:649px;top:-14px;_margin-top:-30px;}
body#map #main #main_middle .p5{position:absolute;left:46px;top:527px;_margin-top:-30px;}

body#map #main #main_middle .p5{
	width:550px;
}
body#map #main #main_middle .p5 li{
	float:left;
	width:135px;
	margin-bottom:10px;
}

body#map #bg{
	display:none;
}