@charset "utf-8";

.logo img {
	margin-top: 20px;
}

.top-msg p {
	font-weight: bold;
}

.topnews {
	text-align: left;
	padding-left: 120px;
	padding-right: 120px;
	margin-bottom: 20px;
}

.topnews p {
	text-align: center;
}

.topnews img {
	margin-top: 10px;
	margin-left: 10px;
}

.news-title {
	font-size: 20px;
	font-weight: bold;
}

.about {
	width: 840px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.content {
	display: inline-block;
	width: 348px;
	margin-left: 30px;
	text-align: left;
}

.about img {
	width: 216px;
	height: 162px;
}

.compo {
	display: inline-block;
	width: 420px;
	margin-left: 30px;
	vertical-align: top;
}


.amount {
	margin-bottom: 30px;
	font-size: 16px;
}

.amount p {
	text-align: right;
	margin-right: 30px;
}

.amount p span {
	font-size: 36px;
	text-align: right;
}

.donation {
	font-size: 16px;
	margin-bottom: 30px;
}

.donation ol {
	list-style-type: none;
	text-align: left;
}

.donation li {
	margin-bottom: 5px;
}

.donation p {
	text-align: right;
	margin-right: 30px;
}

.timeline {
	display: inline-block;
	width: 420px;
	margin-right: 30px;
	margin-bottom: 30px;
	vertical-align: top;
}

.update {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

.update p {
	margin-left: 30px;
}

.article {
	display: inline-block;
	margin-left: 30px;
}

#time-schedule{
	margin-left: 30px;
}

#time-schedule,#time-schedule th,#time-schedule td {
	border-collapse: collapse;
	border: 0px;
	padding: 5px 10px;
}

#time-table {
	margin-top:10px;
	margin-left:10px;
}


#time-table,#time-table th,#time-table td {
	border-collapse: collapse;
	border: 1px solid #888888;
	padding: 5px;
}

#time-table th {
	text-align: center;
	background-color: #1E247F;
	color: #ffffff;
	font-weight: normal;
}

#time-table td {
	text-align: center;
}

#race-result {
	margin-top:10px;
	margin-left:10px;
}

#race-result,#race-result th,#race-result td {
	border-collapse: collapse;
	border: 1px solid #888888;
	padding: 5px;
}

#race-result th {
	text-align: center;
	background-color: #1E247F;
	color: #ffffff;
	font-weight: normal;
}

.data-right {
	text-align: right;
}

.time-head {
	width: 60px;
}

.time-data {
	width: 300px;
}

@media screen and (max-width: 900px){



.logo img {
	margin-top: 0px;
}

.topnews {
	padding-left: 30px;
	padding-right: 30px;
}

.news-title {
	font-size: 24px;
}

.about {
	width: 580px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.content {
	display: block;
	width: 520px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align: left;
}

.about img {
	width: 216px;
	height: 162px;
}

.compo {
	display: block;
	width: 580px;
	margin-left: 30px;
	margin-right: 30px;
}

.amount p span {
	font-size: 48px;
}

.donation {
	font-size: 20px;
}

.donation li {
	margin-bottom: 2em;
}

.timeline {
	display: block;
	width: 580px;
	margin-left: 30px;
}

}