@charset "utf-8";
/*CSS Document */
section{
	color: #333;
 line-height: 1.6
}
h2 + p{
font-size:16px;
margin: 0 0 60px;
line-height: 1.6
}

#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: 767px){
h2 + p {
  font-size: 14px;
  margin: 0 0 30px;
  padding-left: 15px;
  padding-right: 15px;
}
}
@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;
}
*/