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

#YokoBoardPhoto{
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;

}


#APanel26 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 32px;
	top: 164px;
	width: 20px;
}

#APanel27 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 185px;
	top: 162px;
	width: 20px;
}

#APanel28 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 341px;
	top: 160px;
	width: 20px;
}

#APanel29 {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 533px;
	top: 115px;
	width: 20px;
}







.Pnl a:hover{
	border: 2px solid #ED1C29;
	
}

#Pnla26 {
	display: block;
	position: absolute;
	left: 31px;
	top: 192px;
	height: 255px;
	width: 130px;
}


#Pnla26 a:link {
	display: block;
	height: 255px;
	width: 130px;
}


#Pnla26 a:hover {
	display: block;
	height: 255px;
	width: 130px;
}


#Pnla27 {
	display: block;
	position: absolute;
	left: 187px;
	top: 192px;
	height: 255px;
	width: 130px;
}


#Pnla27 a:link {
	display: block;
	height: 255px;
	width: 130px;
}


#Pnla27 a:hover {
	display: block;
	height: 255px;
	width: 130px;
}

#Pnla28 {
	display: block;
	position: absolute;
	left: 343px;
	top: 192px;
	height: 255px;
	width: 170px;
}


#Pnla28 a:link {
	display: block;
	height: 255px;
	width: 170px;
}


#Pnla28 a:hover {
	display: block;
	height: 255px;
	width: 170px;
}

#Pnla29 {
	display: block;
	position: absolute;
	right: 30px;
	top: 143px;
	height: 300px;
	width: 130px;
}


#Pnla29 a:link {
	display: block;
	height: 300px;
	width: 130px;
}


#Pnla29 a:hover {
	display: block;
	height: 300px;
	width: 130px;
}

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

#Tsurisage {
	margin-top: 40px;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 20px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}
#Tsurisage img {
	float: left;
	margin-right: 12px;
}
#Tsurisage dl dt {
	font-weight: bold;
}

.panelTb tr th{
	background-color: #DCDCDC;
	padding: 8px;
	border-color: #BEBEBE;
	text-align: center;
}

.panelTb tr td {
	border-color: #BEBEBE;
	text-align: center;
}
.panelTb {
	border-color: #BEBEBE;
	width: 100%;
	margin-top: 8px;
}

.dougabnr, .jireibnr {
    margin-top: 40px;
}


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



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

.panelTb{
	width: 94%;
}

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


#APanel26{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 5%;
	top: 31%;
}

#APanel27{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 26%;
	top: 31%;
}

#APanel28{
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 31%;
}

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


#Pnla26 {
	display: block;
	position: absolute;
	left: 5%;
	top: 42%;
	height: 55%;
	width: 19%;
}


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

#Pnla27 {
	display: block;
	position: absolute;
	left: 26%;
	top: 42%;
	height: 55%;
	width: 19%;
}

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

#Pnla28 {
	display: block;
	position: absolute;
	left: 49%;
	top: 42%;
	height: 55%;
	width: 25%;
}

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

#Pnla29 {
	display: block;
	position: absolute;
	left: 76%;
	top: 30%;
	height: 67%;
	width: 20%;
}

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


 /*テーブルのデータが少ない場合*/  
 
 
  #Kanagu.scrolltb tbody tr{
	width: 100%;
}

#Kanagu thead tr .adjust{
	width: 100px;
	}


}
#YukouPanel .panelTb tr td .nl {
	font-weight: bold;
}