/*------------ table style set ------------*/
.hpb-cnt-tb1{
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb2{
	background-color: #333333;
	border: 1px solid #333333;
}
.hpb-cnt-tb3{
	background-color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-th1 {
	background-color: #BBBBBB;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-th2 {
	background-color: #CCCCCC;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell1 {
	background-color: #EEEEEE;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell2 {
	background-color: #FFFFFF;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell3 {
	background-color: #EEEEEE;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell4 {
	background-color: #FFFFFF;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell5 {
	background-color: #FFFFFF;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.table {
  margin: 20px auto;
}
.tbl-r02 th {
  padding: 10px;
}
.tbl-r02 td {
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
縲縲border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* 逕ｻ蜒丈ｻ倥″繝��繝悶Ν
-------------------------------------*/

.table01 {
 width:100%;縲/* 繝��繝悶Ν縺ｮ讓ｪ蟷� */
 border:#000 solid 2px;縲/* 繝��繝悶Ν蜈ｨ菴薙�鄂ｫ邱� */
}
.table01 tbody th {
 background:#fff;縲/* 隕句�縺励�閭梧勹濶ｲ */
 color:#fff;縲/* 隕句�縺励�譁�ｭ苓牡 */
 padding:10px 10px;縲/* 隕句�縺励�荳贋ｸ九�蟾ｦ蜿ｳ縺ｮ菴咏區 */
 border:#000 solid 1px;縲/* 隕句�縺励�鄂ｫ邱� */
 vertical-align:center;縲/* 隕句�縺励�邵ｦ菴咲ｽｮ�井ｸｭ螟ｮ蟇�○�� */
}
.table01 tbody td.table01-img img{
 width:100%;縲/* 逕ｻ蜒上�讓ｪ蟷�､ */
 height:100%;縲/* 逕ｻ蜒上�邵ｦ蟷�､ */
 display:block;
}
.table01 tbody td.table01-img{
 padding:0px;縲/* 逕ｻ蜒剰�菴薙�菴咏區�医↑縺暦ｼ� */
}
.table01 tbody td {
 background:#fff;縲/* 譁�ｫ�繧ｻ繝ｫ縺ｮ閭梧勹濶ｲ */
 border:#000 solid 1px;縲/* 譁�ｫ�繧ｻ繝ｫ縺ｮ鄂ｫ邱� */
 padding:10px 15px;縲/* 譁�ｫ�繧ｻ繝ｫ縺ｮ荳贋ｸ九�蟾ｦ蜿ｳ縺ｮ菴咏區 */
 vertical-align:top;縲/* 譁�ｫ�繧ｻ繝ｫ縺ｮ邵ｦ菴咲ｽｮ�井ｸｭ螟ｮ蟇�○�� */
}

/* 繝��繝悶Ν縺ｮ繝ｬ繧ｹ繝昴Φ繧ｷ繝悶ョ繧ｶ繧､繝ｳ */

@media screen and (max-width: 640px) {
.table01 tbody th {
 display:block;縲/* 繝悶Ο繝�け隕∫ｴ�縺ｫ縺励※繧ｻ繝ｫ縺ｮ蟷�ｒ100��↓縺吶ｋ */
 padding:5px;
}
.table01 tbody td.table01-img{
 padding:0px;
}
.table01 tbody td {
 display:block;
}
}