@charset "euc-jp";


/* ------------------------------------------------------------------
	contents
-------------------------------------------------------------------*/
#ancBtn{ margin-bottom:20px; }
#ancBtn li{
	float:left;
	width:250px;
	margin:0 10px 10px 0;
}
#ancBtn li a {
	color: #FFFFFF;
	font-size:1.1em;
	font-weight: bold;
	text-align:center;
	display: block;
	padding:15px 0;
	background: #00579e url(../img/record/icon_arrow.png) no-repeat 94% 50%;
	background-size:8px auto;
	border-bottom:5px solid #003b77;
	border-radius: 4px;
}
#ancBtn li a:hover{ text-decoration:none; }
#ancBtn li:last-child { margin-right:0; }

.slideToggle {
	display:none;
	position:relative;
	margin:15px 0 10px;
	padding:6px 10px;
	border:2px solid #6786a5;
	border-radius:4px;
	color:#6786a5;
	cursor:pointer;
}
.slideToggle:after {
	position:absolute;
	top:50%;
	right:10px;
	content:"";
	width:20px;
	height:20px;
	margin-top:-10px;
	background-image:url(../img/swimmer/toggle_plus.png);
	background-size:contain;
}
.slideToggle.active { background-color:#e8f2fc; }
.slideToggle.active:after { background-image:url(../img/swimmer/toggle_minus.png); }

.swimmerBox {
	margin:15px 0 40px 0;
}
.lastSwim {
	margin-bottom:20px;
}

.leftBox {
	float:left;
}

.rightBox {
	float:right;
	width:590px;
}

.whiteBox table th, .whiteBox2 table th {
	font-size:12px;
	width:90px;
}


.whiteBox2 table th{
	background:#7cc7dc !important;
}

.whiteBox table td, .whiteBox2 table td{
	font-size:12px;
	width:auto;
}


.whiteBox table td.years {
	background-color:#e5f0f8;
	border-bottom:1px solid #cddbe6;
	text-align:center;
	width:50px;
}

.subTxt {
	font-size:80%;
	text-align:right;
}

.whiteBox2{
	padding-top:20px;
}

.whiteBox2 table td.years {
	background-color:#e5f0f8;
	border-bottom:1px solid #cddbe6;
	text-align:center;
	width:50px;
}
@media screen and (max-width: 980px) {
	#ancBtn{ margin:15px 10px; }
	#ancBtn li{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	
	.slideToggle { display:block; }
	.swimmerBox {
		display:none;
		margin-top:0;
	}
	.leftBox,
	.rightBox {
		float:none;
		width:auto;
	}
	.leftBox {
		margin-bottom:10px;
		padding:10px;
		border:1px solid #DDD;
		text-align:center;
	}
	.leftBox img {
		max-width:229px;
		width:100%;
	}
	.whiteBox table th,
	.whiteBox table td,
	.whiteBox2 table th,
	.whiteBox2 table td,
	.whiteBox2 table td.years {
		display:block;
		width:auto !important;
	}
	.whiteBox table tr:first-child,
	.whiteBox2 table tr:first-child { display:none; }

}
/*
@media screen and (max-width: 500px) {
	#contents ul{
		letter-spacing:-0.4em;
		text-align:center;
	}
	#contents ul li{
		display:inline-block;
		float:none;
		width:50%;
		margin:0;
		letter-spacing:normal;
	}
	#contents ul a {
		display:inline-block;
		margin:0 5px;
	}
	#contents ul img {
		max-width:220px;
		width:100%;
	}
}
*/