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;
}