.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;
}

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("../img/floorplan_hall_jr.png") transparent no-repeat left top;
    background-size: 100% 100%;
}
div#MapC2F {
	position: absolute;
    top: 0px;
    left: 200px;
    width: 480px;
    height: 640px;
    background: url("../img/floorplan_c2f_j.png") transparent no-repeat left top;
    background-size: 100% 100%;
}
div#MapC1F {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 680px;
    height: 510px;
    background: url("../img/floorplan_c1f_j.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:140px;height:30px;left:356px; top: 247px; }

div.map #A01 {width:27px;height:18px;left:93px; top:392px;}
div.map #A02 {width:27px;height:18px;left:119px; top:392px;}
div.map #A03 {width:27px;height:18px;left:145px; top:392px;}
div.map #A04 {width:27px;height:18px;left:171px; top:392px;}
div.map #A05 {width:27px;height:18px;left:198px; top:392px;}
div.map #A06 {width:27px;height:18px;left:224px; top:392px;}
div.map #A07 {width:27px;height:18px;left:331px; top: 392px; }
div.map #A08 {width:27px;height:18px;left:359px; top: 392px; }
div.map #A09 {width:27px;height:18px;left:386px; top: 392px; }
div.map #A10 {width:27px;height:18px;left:413px; top: 392px; }
div.map #A11 {width:27px;height:18px;left:441px; top: 392px; }
div.map #A12 {width:27px;height:18px;left:468px; top: 392px; }
div.map #A13 {width:18px;height:27px;left:156px; top:335px;}
div.map #A14 {width:18px;height:27px;left:156px; top:308px;}
div.map #A15 {width:18px;height:27px;left:174px; top:335px;}
div.map #A16 {width:18px;height:27px;left:174px; top:308px;}
div.map #A17 {width:18px;height:27px;left:230px; top:335px;}
div.map #A18 {width:18px;height:27px;left:230px; top:308px;}
div.map #A19 {width:18px;height:27px;left:248px; top:335px;}
div.map #A20 {width:18px;height:27px;left:248px; top:308px;}
div.map #A21 {width:18px;height:27px;left:331px; top: 335px; }
div.map #A22 {width:18px;height:27px;left:331px; top: 308px; }
div.map #A23 {width:18px;height:27px;left:349px; top: 335px; }
div.map #A24 {width:18px;height:27px;left:349px; top: 308px; }
div.map #A25 {width:18px;height:27px;left:413px; top: 335px; }
div.map #A26 {width:18px;height:27px;left:413px; top: 308px; }
div.map #A27 {width:18px;height:27px;left:431px; top: 335px; }
div.map #A28 {width:18px;height:27px;left:431px; top: 308px; }
div.map #A29 {width:18px;height:27px;left:490px; top: 335px; }
div.map #A30 {width:18px;height:27px;left:490px; top: 308px; }
div.map #A31 {width:18px;height:27px;left:90px; top:335px;}
div.map #A32 {width:18px;height:27px;left:90px; top:308px;}
div.map #A33 {width:18px;height:27px;left:108px; top:335px;}
div.map #A34 {width:18px;height:27px;left:108px; top:308px;}



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; }