div#main {

	width: 760px;

}



@media print {

  div#main { width: 100% }

  

}



h1 {

	font-size: 24px;

	font-weight: bold;

	width: 100%;

	font-style: italic;

	background-color: #ffff00;

	padding: 8px;

	margin: 20px;

}



table {

	margin: 20px auto;

	border-collapse: separate;

	border: 1px solid #cccccc;

}



table#detail {

	width: 100%;

	margin: 20px auto;

}



th, td {

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	text-align: center;

	vertical-align: middle;

	padding: 4px;

	border: 1px solid #777777;

	border-right: none;

	border-bottom: none;

}



th.index {

	background-color: #d4d4d4;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	text-align: center;

	vertical-align: middle;

	width: 100px;

}



th.racename {

	background-color: #d4d4d4;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

	width: 160px;

}



td.color1 {

	background-color: #abf1cb;

	width: 160px;

}



td.color2 {

	background-color: #aee465;

	width: 160px;

}



td.color3 {

	background-color: #d4d4d4;

}



table#discountdetail {

	width: 640px;

}



th#otoku {

	background-color: #ff0000;

	color: #ffff00;

}



td.color4 {

	background-color: #b5ffb5;

}



span#big {

	font-size: 24px;

	color: #ffff00;

	font-weight: bold;

	font-style: normal;

}



strong {

	font-size: 14px;

	color: #ff0000;

	font-weight: bold;

	font-style: normal;

}



strong.blue {

	font-size: 12px;

	color: #0000ff;

	font-weight: bold;

	font-style: normal;

}



p.link {

	font-size: 16px;

	margin: 1em;

	font-weight: bold;

	text-align: left;

}