@charset "utf-8";
 /*CSS Document */



#EventPanelPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: 440px;
	width: 700px;
}



#Panel01 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 27px;
	top: 268px;
	width: 20px;
}

#Panel02 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 20px;
	left: 127px;
	top: 219px;
}

#Panel03 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 20px;
	left: 228px;
	top: 173px;
}

#Panel04 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 20px;
	left: 332px;
	top: 125px;
}

#Panel05 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 20px;
	left: 430px;
	top: 77px;
}

#Panel06 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 20px;
	left: 531px;
	top: 27px;
}

	

.Pnl a:hover{
	border: 2px solid #ED1C29;
	background-color: #FDE8E9;
	filter: Alpha(opacity=50);
	opacity:0.5;
}

	
	
#Pnl01 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 26px;
	top: 290px;
	height: 139px;
	width: 146px;
	text-indent: -9999px;
}

#Pnl01 a:link {
	display: block;
	height: 139px;	
	width: 146px;
}



#Pnl01 a:hover {
	display: block;
	height: 139px;
	width: 146px;
}

#Pnl02{
	display: block;
	position: absolute;
	height: 185px;
	width: 148px;
	left: 128px;
	top: 245px;
	text-indent: -9999px;
}

#Pnl02 a:link {
	display: block;
	height: 185px;
	width: 148px;
}



#Pnl02 a:hover {
	display: block;
	height: 185px;
	width: 148px;
}

#Pnl03{
	display: block;
	position: absolute;
	height: 233px;
	width: 148px;
	left: 228px;
	top: 197px;
	text-indent: -9999px;
}

#Pnl03 a:link {
	display: block;
	height: 233px;
	width: 148px;
}

#Pnl03 a:hover{
	display: block;
	height: 233px;
	width: 148px;
}

#Pnl04{
	display: block;
	position: absolute;
	height: 283px;
	width: 148px;
	left: 333px;
	top: 148px;
	text-indent: -9999px;
}

#Pnl04 a:link {
	display: block;
	height: 283px;
	width: 148px;
}


#Pnl04 a:hover {
	display: block;
	height: 283px;
	width: 148px;
}

#Pnl05{
	display: block;
	position: absolute;
	height: 330px;
	width: 147px;
	left: 433px;
	top: 100px;
	text-indent: -9999px;
}

#Pnl05 a:link {
	display: block;
	height: 330px;
	width: 147px;
}

#Pnl05 a:hover {
	display: block;
	height: 330px;
	width: 147px;
}

#Pnl06{
	display: block;
	position: absolute;
	height: 378px;
	width: 146px;
	left: 533px;
	top: 51px;
	text-indent: -9999px;
}

#Pnl06 a:link {
	display: block;
	height: 378px;
	width: 146px;
}

#Pnl06 a:hover{
	display: block;
	height: 378px;
	width: 146px;
}




#WPanel02{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 14px;
	top: 269px;
	width: 20px;
}

#PanelSpec table tr td p{
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	}
	
#PanelSpec table tr td .sougaku{
	font-weight: bold;
	}




@media screen and (max-width: 953px){
	.Pnl a:hover{
	border: none;
	filter: Alpha(opacity=0);
	opacity:0;
}
	}


@media screen and  (max-width: 719px){



#EventPanelPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	height: auto;
	width: 100%;
}



#Panel01 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 3%;
	top: 57%;
}

#Panel02 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 19%;
	top: 46%;
}

#Panel03 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 33%;
	top: 37%;
}

#Panel04 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 47%;
	top: 24%;
}

#Panel05 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 61%;
	top: 14%;
}

#Panel06 {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 75%;
	top: 3%;
}



	
	
#Pnl01 {
	font-weight: bold;
	position: absolute;
	left: 3%;
	top: 66%;
	height: 33%;
	width: 21%;
}

#Pnl01 a:link {
	display: block;
	height: 100%;
	width: 100%;
}



#Pnl02{
	display: block;
	position: absolute;
	left: 18%;
	top: 56%;
	height: 42%;
	width: 21%;
}

#Pnl02 a:link {
	display: block;
	height: 100%;
	width: 100%;
}



#Pnl03{
	display: block;
	position: absolute;
	left: 33%;
	top: 45%;
	height: 52%;
	width: 21%;
}

#Pnl03 a:link {
	display: block;
	height: 100%;
	width: 100%;
}


#Pnl04{
	display: block;
	position: absolute;
	left: 47%;
	top: 33%;
	height: 65%;
	width: 21%;
}

#Pnl04 a:link {
	display: block;
	height: 100%;
	width: 100%;
}


#Pnl05{
	display: block;
	position: absolute;
	left: 61%;
	top: 24%;
	height: 75%;
	width: 20%;
}

#Pnl05 a:link {
	display: block;
	height: 100%;
	width: 100%;
}


#Pnl06{
	display: block;
	position: absolute;
	left: 75%;
	top: 12%;
	height: 86%;
	width: 20.8%;
}

#Pnl06 a:link {
	display: block;
	height: 100%;
	width: 100%;
}


}


@media screen and  (max-width: 326px){
	.PPanelSpec table tr td,.PPanelSpec table tr th{
	font-size: 10px;
	}
	.PPanelSpec{
	width: 95%;
}

.PPanelSpec table caption {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	font-size: 10px;
}

	
	}	
	
	
/*.pc_only {
	letter-spacing: 3px;
}
*/