@charset "utf-8";
.box01 .leftside{
	width: 260px;
}
.box01 .rightside{
	margin-left: 10px;
}

.tableArea .table-ttl {
	float: right;
	width: 380px;
	color: #002886;
	font-weight: bold;
	margin-bottom: 8px;
}
.tableArea table {
	float: right;
	width: 380px;
	font-size: 13px;
}
.tableArea table th {
	width: 40%;
	text-align: center;
	padding: 4px 0;
	border: #BBB solid 1px;
}
.tableArea table td {
	width: 60%;
	text-align: center;
	padding: 4px 0;
	border: #BBB solid 1px;
}
.tableArea table .cell01 {
	background-color: #EDF5FB;
}

.box02 .rightside{
	width: 380px;
}
@media screen and (max-width: 740px){
	.box01 .rightside{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.box01 .leftside{
		float: none;
		padding-bottom: 20px;
		width: 100%;
	}
	.pers-club{
		width: 100%;
	}

	.box02 .rightside{
		float: none;
		width: 100%;
		text-align: center;
	}
	.box02 .leftside{
		float: none;
		padding-bottom: 20px;
		width: 100%;
	}
}