/*----------------------------  table  CSS  -------------------------*/
#main .rankbox .rank-table tr:nth-of-type(1) td,#main .rankbox .rank-table tr:last-of-type td{
	color: #ff0000;
	font-weight :900;
	}
/*--------- BGƒCƒ��[ƒW CSS  ------------------*/

.bg_nijuumaru {
	background-image: url(../img/nijuumaru_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_maru {
	background-image: url(../img/maru_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_sankaku {
	background-image: url(../img/sankaku_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_batu {
	background-image: url(../img/batu_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
	}
	@media screen and (max-width: 640px) {
	.bg_nijuumaru {
	background-image: url(../img/nijuumaru_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_maru {
	background-image: url(../img/maru_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_sankaku {
	background-image: url(../img/sankaku_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
}
.bg_batu {
	background-image: url(../img/batu_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50% auto;
	}
}

/*----------------------- ”äŠr•\2CSS Document ------------------------------*/
.hikakuhyou2 {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	width:100%;
  }
  
  .hikakuhyou2 td, .hikakuhyou2 th {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: 900;
	width: 16.666%;
	font-size: 100%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(3) td img, .hikakuhyou2 tbody tr:nth-of-type(11) td img {
	text-align:center;
	width:100%;
  }
  
  
  .hikakuhyou2 tbody tr:nth-of-type(4) td, .hikakuhyou2 tbody tr:nth-of-type(5) td, .hikakuhyou2 tbody tr:nth-of-type(6) td, .hikakuhyou2 tbody tr:nth-of-type(7) td, .hikakuhyou2 tbody tr:nth-of-type(8) td, .hikakuhyou2 tbody tr:nth-of-type(12) td, .hikakuhyou2 tbody tr:nth-of-type(13) td, .hikakuhyou2 tbody tr:nth-of-type(14) td, .hikakuhyou2 tbody tr:nth-of-type(15) td, .hikakuhyou2 tbody tr:nth-of-type(16) td{
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 150%;
	height: 100%;
  }
  
  .hikakuhyou2 tbody tr:nth-of-type(4) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(12) td dl dt {
	  background-image: url("../img/point1.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(5) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(13) td dl dt {
	  background-image: url("../img/point2.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(6) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(14) td dl dt {
	  background-image: url("../img/point3.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(7) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(15) td dl dt {
	  background-image: url("../img/point4.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(8) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(16) td dl dt {
	  background-image: url("../img/point5.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }
  /*.hikakuhyou2 tbody tr:nth-of-type(9) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(18) td dl dt {
	  background-image: url("../img/point6.png");
	  background-position: 0 5%;
	  background-repeat: no-repeat;
	  background-size: 15% auto;
	  padding-left: 15%;
  }*/
  @media screen and (max-width: 640px) {
	  /*-------------- ”äŠr•\2CSS Document -------------------*/
  .hikakuhyou2 {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	width:100%;
  }
  
  .hikakuhyou2 td, .hikakuhyou2 th {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0;
	font-weight:900;
	width:16.666%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(3) td img, .hikakuhyou2 tbody tr:nth-of-type(11) td img {
	text-align: center;
	width: 100%;
  }
  
  .hikakuhyou2 tbody tr:nth-of-type(1) th, .hikakuhyou2 tbody tr:nth-of-type(3) td, .hikakuhyou2 tbody tr:nth-of-type(9) th {
	text-align: center;
	font-size: 45%;
	color:white;
  }
  .hikakuhyou2 tbody tr:nth-of-type(2) th,.hikakuhyou2 tbody tr:nth-of-type(10) th{
	text-align: center;
	font-size: 40%;
	line-height: 150%;
	color:black;
  }
  .hikakuhyou2 tbody tr:nth-of-type(4) td, .hikakuhyou2 tbody tr:nth-of-type(5) td, .hikakuhyou2 tbody tr:nth-of-type(6) td, .hikakuhyou2 tbody tr:nth-of-type(7) td, .hikakuhyou2 tbody tr:nth-of-type(8) td, .hikakuhyou2 tbody tr:nth-of-type(12) td, .hikakuhyou2 tbody tr:nth-of-type(13) td, .hikakuhyou2 tbody tr:nth-of-type(14) td, .hikakuhyou2 tbody tr:nth-of-type(15) td, .hikakuhyou2 tbody tr:nth-of-type(16) td{
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 1%;
	text-align: left;
	vertical-align: top;
	line-height: 150%;
	width: 16.666%;
	font-size: 30%;
  }
  
  .hikakuhyou2 tbody tr:nth-of-type(4) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(12) td dl dt {
	background-image: url("../img/point1.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(5) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(13) td dl dt {
	background-image: url("../img/point2.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(6) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(14) td dl dt {
	background-image: url("../img/point3.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(7) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(15) td dl dt {
	background-image: url("../img/point4.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }
  .hikakuhyou2 tbody tr:nth-of-type(8) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(16) td dl dt {
	background-image: url("../img/point5.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }
  /*.hikakuhyou2 tbody tr:nth-of-type(9) td dl dt, .hikakuhyou2 tbody tr:nth-of-type(18) td dl dt {
	background-image: url("../img/point6.png");
	background-position: 0 5%;
	background-repeat: no-repeat;
	background-size: 8% auto;
	padding-left: 15%;
  }*/
}
  
/*------------------- ”äŠr•\ CSS  ------------------*/
  
  .hikakuhyou td{
	  font-weight:900;
	  border: 1px solid #CCCCCC;
	  border-collapse: collapse;
	  border-spacing: 0 0;
	  padding:10px;
  }
  
 
/*-----ƒe�[ƒuƒ‹�i•\�j‚b‚r‚r-----------------*/
.hyou {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	}
.hyou tr td,.hyou tr th{
	text-align: center;
	font-weight: 900;
	}
.hyou tr th{
	background-color: #0000ff;
	color: #ffffff;
	}
.hyou tr td{
	background-color: #C9F9FC;
	color: #0000ff;
	}
	.tabemono tbody tr td {
	display: block;
	width: 100%;
}
@media screen and (max-width: 640px) {
	.hyou {
	  width: 60%;
	  margin-right: auto;
	  margin-left: auto;
  
	  }
  .hyou tr td,.hyou tr th{
	  text-align: center;
	  font-weight: 900;
	  }
  .hyou tr th{
	  background-color: #0000ff;
	  color: #ffffff;
	  }
  .hyou tr td{
	  background-color: #C9F9FC;
	  color: #0000ff;
	  }
}