
.A_ReservedColor{
	background-color: #b84049;
}
.A_BlankColor{
	background-color: #aaaaaa;
}

.A_ListDefaultColor{
	background-color: ;
	}
	
.A_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.A_ListSpotColor:hover{
	color:#ffffff;
}

.A_MapSpotColor{
	background-color: #3333aa;
}


.F_ReservedColor{
	background-color: #ef71ae;
}
.F_BlankColor{
	background-color: #777777;
}

.F_ListDefaultColor{
	background-color: ;
	}
	
.F_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.F_ListSpotColor:hover{
	color:#ffffff;
}
.F_MapSpotColor{
	background-color: #3333aa;
}

	
.Pub_ReservedColor{
	background-color: #509d69;
}
.Pub_BlankColor{
	background-color: #aaaaaa;
}

.Pub_ListDefaultColor{
	background-color: ;
	}
	
.Pub_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Pub_ListSpotColor:hover{
	color:#ffffff;
}
.Pub_MapSpotColor{
	background-color: #3333aa;
}

.Univ_ReservedColor{
	background-color: #005381;
}
.Univ_BlankColor{
	background-color: #aaaaaa;
}

.Univ_ListDefaultColor{
	background-color: ;
	}
	
.Univ_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Univ_ListSpotColor:hover{
	color:#ffffff;
}
.Univ_MapSpotColor{
	background-color: #990000;
}

.Soc_ReservedColor{
	background-color: #e07a00;
}
.Soc_BlankColor{
	background-color: #aaaaaa;
}

.Soc_ListDefaultColor{
	background-color: ;
	}
	
.Soc_ListSpotColor{
	background-color: #990000;
	color:#ffffff;
}
a.Soc_ListSpotColor:hover{
	color:#ffffff;
}
.Soc_MapSpotColor{
	background-color: #990000;

}

.pamph_DefaultColor{
background-color: #e193b5;
}


.vacColor_user{
background-color: #aaaaaa;
}
.Pamph_ReservedColor{
  background-color: #e193b5;
  }
div.map > * {
    display: table-cell;
    position: absolute;
    border: 1px solid #000;
	padding-left:0;
    color: #fff;
    text-align: center;
    vertical-align: middle;
	text-decoration:none;
 line-height: 1.0em;
}
div.map .PubPanel{
font-size:0.8em;
}
div.map .UnivPanel{
	font-size:0.8em;
	}
div.map .SociPanel{
		font-size:1em;
		}
div#MapHall {
    position: absolute;
    /*top: 100px;*/
    /*left: 310px;*/
    width: 550px;
    height: 600px;
    background: url("../../../../../meeting_j2024/exhibition/public/assets/img_e/floorplan_hall_e.png") transparent no-repeat left top;
    background-size: 100% 100%;
}

div#MapC2F {
	position: absolute;
    top: 0px;
    left: 200px;
    width: 480px;
    height: 640px;
    background: url("../../../../../meeting_j2024/exhibition/public/assets/img_e/floorplan_c2f_e.png") transparent no-repeat left top;
    background-size: 100% 100%;
}

div#MapC1F {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 680px;
    height: 510px;
    background: url("../../../../../meeting_j2024/exhibition/public/assets/img_e/floorplan_c1f_e.png") transparent no-repeat left top;
    background-size: 100% 100%;
}

.PointPanel:after {
	animation:pinAnime 1s ease-in 0s 1 normal;
	animation-fill-mode:forwards;
	content: "\f3c5";
	font-family: FontAwesome;
	display: block;
	position: absolute;
font-size:2.5em;
	
	color: rgb(224, 35, 161);
	z-index:3;
	text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;
}
/*1で解説*/
@keyframes pinAnime{
	0% {
	  opacity: 0;
	  top: -1.8em;
	}
  
	100% {
	  opacity: 1;
	  top: -0.8em;
	}
  }
  div.map #F00 { width: 29px; height: 159px; left: 508px; top: 227px; }
  div.map #A61 { width: 27px; height: 18px; left: 440px; top: 185px; }
  div.map #A60 { width: 27px; height: 18px; left: 414px; top: 185px; }
  div.map #A59 { width: 27px; height: 18px; left: 388px; top: 185px; }
  div.map #A58 { width: 27px; height: 18px; left: 362px; top: 185px; }
  div.map #A57 { width: 27px; height: 18px; left: 336px; top: 185px; }
  div.map #A56 { width: 27px; height: 18px; left: 310px; top: 185px; }
  div.map #A55 { width: 27px; height: 18px; left: 230px; top: 185px; }
  div.map #A54 { width: 27px; height: 18px; left: 204px; top: 185px; }
  div.map #A53 { width: 27px; height: 18px; left: 178px; top: 185px; }
  div.map #A52 { width: 27px; height: 18px; left: 151px; top: 185px; }
  div.map #A51 { width: 27px; height: 18px; left: 124px; top: 185px; }
  div.map #A50 { width: 27px; height: 18px; left: 97px; top: 185px; }
  div.map #A49 { width: 27px; height: 18px; left: 70px; top: 185px; }
  div.map #A48 { width: 18px; height: 27px; left: 26px; top: 197px; }
  div.map #A47 { width: 18px; height: 27px; left: 26px; top: 222px; }
  div.map #A46 { width: 18px; height: 27px; left: 26px; top: 247px; }
  div.map #A45 { width: 27px; height: 18px; left: 442px; top: 239px; }
  div.map #A44 { width: 27px; height: 18px; left: 415px; top: 239px; }
  div.map #A43 { width: 27px; height: 18px; left: 389px; top: 239px; }
  div.map #A42 { width: 27px; height: 18px; left: 362px; top: 239px; }
  div.map #A41 { width: 27px; height: 18px; left: 442px; top: 258px; }
  div.map #A40 { width: 27px; height: 18px; left: 415px; top: 258px; }
  div.map #A39 { width: 27px; height: 18px; left: 389px; top: 258px; }
  div.map #A38 { width: 27px; height: 18px; left: 362px; top: 258px; }
  div.map #A37 { width: 18px; height: 27px; left: 310px; top: 231px; }
  div.map #A36 { width: 18px; height: 27px; left: 310px; top: 258px; }
  div.map #A35 { width: 18px; height: 27px; left: 237px; top: 231px; }
  div.map #A34 { width: 18px; height: 27px; left: 237px; top: 258px; }
  div.map #A33 { width: 18px; height: 27px; left: 184px; top: 231px; }
  div.map #A32 { width: 18px; height: 27px; left: 184px; top: 258px; }
  div.map #A31 { width: 18px; height: 27px; left: 166px; top: 231px; }
  div.map #A30 { width: 18px; height: 27px; left: 166px; top: 258px; }
  div.map #A29 { width: 27px; height: 18px; left: 97px; top: 231px; }
  div.map #A28 { width: 27px; height: 18px; left: 70px; top: 231px; }
  div.map #A27 { width: 27px; height: 18px; left: 97px; top: 249px; }
  div.map #A26 { width: 27px; height: 18px; left: 70px; top: 249px; }
  div.map #A25 { width: 27px; height: 18px; left: 442px; top: 323px; }
  div.map #A24 { width: 27px; height: 18px; left: 415px; top: 323px; }
  div.map #A23 { width: 27px; height: 18px; left: 389px; top: 323px; }
  div.map #A22 { width: 27px; height: 18px; left: 362px; top: 323px; }
  div.map #A21 { width: 27px; height: 19px; left: 442px; top: 341px; }
  div.map #A20 { width: 27px; height: 19px; left: 415px; top: 341px; }
  div.map #A19 { width: 27px; height: 19px; left: 389px; top: 341px; }
  div.map #A18 { width: 27px; height: 19px; left: 362px; top: 341px; }
  div.map #A17 { width: 18px; height: 27px; left: 310px; top: 313px; }
  div.map #A16 { width: 18px; height: 27px; left: 310px; top: 341px; }
  div.map #A15 { width: 18px; height: 27px; left: 237px; top: 316px; }
  div.map #A14 { width: 18px; height: 27px; left: 237px; top: 342px; }
  div.map #A13 { width: 18px; height: 27px; left: 184px; top: 316px; }
  div.map #A12 { width: 18px; height: 27px; left: 184px; top: 342px; }
  div.map #A11 { width: 18px; height: 27px; left: 166px; top: 316px; }
  div.map #A10 { width: 18px; height: 27px; left: 166px; top: 342px; }
  div.map #A09 { width: 27px; height: 18px; left: 471px; top: 399px; }
  div.map #A08 { width: 27px; height: 18px; left: 444px; top: 399px; }
  div.map #A07 { width: 27px; height: 18px; left: 417px; top: 399px; }
  div.map #A06 { width: 27px; height: 18px; left: 390px; top: 399px; }
  div.map #A05 { width: 27px; height: 18px; left: 363px; top: 399px; }
  div.map #A04 { width: 27px; height: 18px; left: 336px; top: 399px; }
  div.map #A03 { width: 27px; height: 18px; left: 201px; top: 399px; }
  div.map #A02 { width: 27px; height: 18px; left: 174px; top: 399px; }
  div.map #A01 { width: 27px; height: 18px; left: 147px; top: 399px; }


div.map #Pub01 { width: 16px; height: 20px; left: 283px; top: 110px; }
div.map #Pub02 { width: 16px; height: 19px; left: 283px; top: 132px; }
div.map #Pub03 { width: 16px; height: 19px; left: 283px; top: 152px; }
div.map #Pub04 { width: 16px; height: 19px; left: 283px; top: 222px; }
div.map #Pub05 { width: 16px; height: 19px; left: 283px; top: 250px; }
div.map #Pub06 { width: 16px; height: 19px; left: 283px; top: 272px; }
div.map #Pub07 { width: 16px; height: 19px; left: 283px; top: 306px; }
div.map #Pub08 { width: 16px; height: 20px; left: 283px; top: 326px; }
div.map #Pub09 { width: 16px; height: 19px; left: 283px; top: 348px; }
div.map #Pub10 { width: 16px; height: 19px; left: 283px; top: 384px; }
div.map #Pub11 { width: 16px; height: 20px; left: 283px; top: 404px; }
div.map #Pub12 { width: 15px; height: 19px; left: 315px; top: 222px; }
div.map #Pub13 { width: 15px; height: 19px; left: 315px; top: 250px; }
div.map #Pub14 { width: 15px; height: 19px; left: 315px; top: 272px; }
div.map #Pub15 { width: 15px; height: 19px; left: 315px; top: 306px; }
div.map #Pub16 { width: 15px; height: 20px; left: 315px; top: 326px; }
div.map #Pub17 { width: 15px; height: 19px; left: 315px; top: 348px; }
div.map #Pub18 { width: 15px; height: 19px; left: 315px; top: 384px; }
div.map #Pub19 { width: 15px; height: 20px; left: 315px; top: 404px; }
div.map #Pub20 { width: 19px; height: 15px; left: 308px; top: 179px; }
div.map #Pub21 { width: 19px; height: 15px; left: 329px; top: 179px; }
div.map #Pub22 { width: 19px; height: 15px; left: 350px; top: 179px; }
div.map #Pub23 { width: 16px; height: 20px; left: 371px; top: 252px; }
div.map #Pub24 { width: 16px; height: 19px; left: 371px; top: 273px; }
div.map #Pub25 { width: 16px; height: 19px; left: 371px; top: 293px; }
div.map #Pub26 { width: 16px; height: 19px; left: 371px; top: 363px; }
div.map #Pub27 { width: 16px; height: 19px; left: 371px; top: 384px; }
div.map #Pub28 { width: 16px; height: 20px; left: 371px; top: 404px; }
div.map #Pub29 { width: 16px; height: 19px; left: 371px; top: 425px; }
div.map #Pub30 { width: 19px; height: 15px; left: 338px; top: 448px; }
div.map #Pub31 { width: 19px; height: 15px; left: 318px; top: 448px; }
div.map #Pub32 { width: 20px; height: 15px; left: 297px; top: 448px; }
div.map #Pub33 { width: 20px; height: 15px; left: 276px; top: 448px; }
div.map #Univ01 { width: 15px; height: 20px; left: 192px; top: 234px; }
div.map #Univ02 { width: 20px; height: 16px; left: 171px; top: 253px; }
div.map #Univ03 { width: 20px; height: 16px; left: 171px; top: 297px; }
div.map #Univ04 { width: 15px; height: 19px; left: 192px; top: 313px; }
div.map #Univ05 { width: 15px; height: 19px; left: 192px; top: 392px; }
div.map #Univ06 { width: 15px; height: 20px; left: 222px; top: 234px; }
div.map #Univ07 { width: 19px; height: 15px; left: 240px; top: 253px; }
div.map #Univ08 { width: 19px; height: 15px; left: 240px; top: 296px; }
div.map #Univ09 { width: 15px; height: 19px; left: 222px; top: 313px; }
div.map #Univ10 { width: 19px; height: 15px; left: 240px; top: 330px; }
div.map #Univ11 { width: 19px; height: 15px; left: 240px; top: 375px; }
div.map #Univ12 { width: 15px; height: 19px; left: 222px; top: 392px; }

div.map #Soc01 { width: 27px; height: 18px; left: 419px; top: 284px; }
div.map #Soc02 { width: 27px; height: 18px; left: 449px; top: 284px; }
div.map #Soc03 { width: 27px; height: 18px; left: 479px; top: 284px; }
div.map #Soc04 { width: 27px; height: 18px; left: 509px; top: 284px; }
div.map #Soc05 { width: 18px; height: 27px; left: 578px; top: 344px; }
div.map #Soc06 { width: 18px; height: 27px; left: 578px; top: 375px; }
div.map #Soc07 { width: 27px; height: 18px; left: 549px; top: 432px; }
div.map #Soc08 { width: 27px; height: 18px; left: 519px; top: 432px; }
div.map #Soc09 { width: 27px; height: 18px; left: 489px; top: 432px; }
div.map #Soc10 { width: 27px; height: 18px; left: 459px; top: 432px; }
div.map #Soc11 { width: 27px; height: 18px; left: 429px; top: 432px; }
div.map #Soc12 { width: 18px; height: 27px; left: 532px; top: 248px; }
div.map #Soc13 { width: 18px; height: 27px; left: 532px; top: 191px; }
div.map #Soc14 { width: 18px; height: 27px; left: 532px; top: 159px; }
