body{
	text-align:center;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:14px;
	width:100%;
	min-width:600px;
	max-width:1024px;
}


/* スマホ対策 */
@media screen and (max-width: 640px) {
	body{
		-webkit-text-size-adjust: 100%;
		text-align:center;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
		font-size:14px;
		width:100%;
		min-width:50%
		max-width:100%;
	}

	select{
		font-size:18px;
	}

	button{
		font-size:18px;
	}

	#btnGetData{
		margin-top:10px;
	}
}


header {
	text-align:center;
}
/* 大会名 */
header h1 {
	color: #033D84;
	border: 5px solid #9BC3FF;
	width: 80%;
	margin: 20px auto 10px;
	background-color: #196CBA;
	color: #fff;
}
/* 開催場所 */
header h2 {
	color: #A80945;
}

/* メニュー関連 */
.menu {
	border: 5px solid #CBCBCB;
	width: 60%;
	margin: 20px auto 10px;
	padding-bottom: 20px;
}


/* テーブル関連 */
.Result {
	width:100%;
}

/* リザルトタイトル */
.Result h3 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 0;

}

.Result table {
	width: 100%;
	border-collapse:collapse;
}
/* テーブルヘッダ */
.Result th{
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	border: 1px #b9b9b9 solid;
}
/* 通過記録背景色 */
.Result .PassHead{
	background-color: #196CBA;
}
/* 区間記録背景色 */
.Result .SecHead{
	background-color:#009900
}


/* 行での色の互い違い */
.Result tr:nth-child(even) {
    background:#DCF0FC;
}

.Result td{
	border:1px #b9b9b9 solid;
}

.Result button {
	margin-top:20px;
	width:100px;
	height:40px;
}

/* カラムの横幅％ */
.Num1{
	width:8%;
}

.Num2{
	width:10%;
}

.Num3{
	width:20%;
}