@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
}
#WidePanelPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	width: 700px;
	height: 400px;

}

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

#WPanel08{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 119px;
	top: 233px;
	width: 20px;
}

#WPanel09{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 226px;
	top: 196px;
	width: 20px;
}

#WPanel10{
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	position: absolute;
	left: 333px;
	top: 161px;
	width: 20px;
}

#WPanel11{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 438px;
	top: 126px;
	width: 20px;
}

#WPanel12{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 544px;
	top: 93px;
	width: 20px;
}
#Shintyou {
	margin-top: 60px;
}

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


#Pnlw02 {
	display: block;
	position: absolute;
	left: 17px;
	top: 293px;
	height: 97px;
	width: 135px;
}


#Pnlw02 a:link {
	display: block;
	height: 97px;
	width: 135px;
}


#Pnlw02 a:hover {
	display: block;
	height: 97px;
	width: 135px;
}

#Pnlw08 {
	display: block;
	position: absolute;
	width: 139px;
	left: 119px;
	top: 262px;
	height: 128px;
}

#Pnlw08 a:link {
	display: block;
	width: 139px;
	height: 128px;
}


#Pnlw08 a:hover {
	display: block;
	width: 139px;
	height: 128px;
}


#Pnlw09 {
	display: block;
	width: 139px;
	position: absolute;
	left: 228px;
	top: 228px;
	height: 164px;
}

#Pnlw09 a:link {
	display: block;
	width: 139px;
	height: 164px;
}


#Pnlw09 a:hover {
	display: block;
	width: 139px;
	height: 164px;
}



#Pnlw10 {
	display: block;
	width: 139px;
	position: absolute;
	left: 334px;
	top: 190px;
	height: 200px;
}

#Pnlw10 a:link {
	display: block;
	width: 139px;
	height: 200px;
}


#Pnlw10 a:hover {
	display: block;
	width: 139px;
	height: 200px;
}


#Pnlw11 {
	display: block;
	width: 139px;
	position: absolute;
	left: 439px;
	top: 156px;
	height: 233px;
}

#Pnlw11 a:link {
	display: block;
	width: 139px;
	height: 233px;
}


#Pnlw11 a:hover {
	display: block;
	width: 139px;
	height:233px;
}



#Pnlw12 {
	display: block;
	width: 139px;
	position: absolute;
	left: 545px;
	top: 125px;
	height: 263px;
}

#Pnlw12 a:link {
	display: block;
	width: 139px;
	height: 263px;
}


#Pnlw12 a:hover {
	display: block;
	width: 139px;
	height: 263px;
}

@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){


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



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

#WPanel08{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 17%;
	top: 54%;
}

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

#WPanel10{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 45%;
	top: 39%;
}

#WPanel11{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 60%;
	top: 29%;
}

#WPanel12{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 80%;
	top: 20%;
}


#Pnlw02 {
	display: block;
	position: absolute;
	left: 2.4%;
	top: 73%;
	height: 24.25%;
	width: 19%;
}

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

#Pnlw08 {
	display: block;
	position: absolute;
	left: 18%;
	top: 66%;
	height: 32%;
	width: 20%;
}

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

#Pnlw09 {
	display: block;
	position: absolute;
	left: 33%;
	top: 57%;
	height: 42%;
	width: 20%;
}

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

#Pnlw10 {
	display: block;
	position: absolute;
	left: 48%;
	top: 47%;
	height: 51%;
	width: 20%;
}

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

#Pnlw11 {
	display: block;
	position: absolute;
	left: 62%;
	top: 40%;
	height: 55%;
	width: 20%;
}

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

#Pnlw12 {
	display: block;
	position: absolute;
	left: 77%;
	top: 30%;
	height: 66%;
	width: 20%;
}

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