body { margin-top: 2em; }
hr { margin: 3em auto 2em; }

p#midashi1 { margin: 0 0 1em; padding: 0; text-align: center; }
p#midashi1 img { width: 600px; height: 120px; }
p#midashi2 { margin: 0 0 1em; padding: 0; text-align: center; }
p#midashi2 img { width: 528px; height: 48px; }
p#count { margin: 0 auto 0.5em; text-align: center; }
p#design { margin: 1.5em 0 0; text-align: center; }
p#yaku { margin: 0.5em 0; text-align: center; }

#hizuke { margin: 1.5em 0; }
#hizuke p { text-align: right; margin: 0; line-height: 120%; }

#entry p { font-size: 200%; font-weight: bold; text-align: center; line-height: 120%; }

#banner { text-align: center; }
#banner img { width: 200px; height: 40px; vertical-align: middle; }
#b-uri { font-size: 75%; font-family: "Arial", sans-serif; }

#qrcode { text-align: center; }
#qrcode img { width: 111px; height: 111px; vertical-align: middle; }

.kusha    { margin-top: 1em; margin-bottom: 1em; }
.kusha p  { margin-top: 0em; margin-bottom: 0em; }
.kusha ul { margin-top: 0em; margin-bottom: 0em; }
p.mini    { font-size: 75%; margin-top: 0.2em; }

#valid { text-align: center; }
#valid img { width: 88px; height: 31px; }

#firefox { margin: 1em 0; padding: 0; }
#firefox p { margin: 0; padding: 0; text-align: center; }

#xxx1 { background-color: white; }

span.nobr { white-space: nowrap; }


@media only screen and (max-width: 640px) {
	p#midashi1 img { width: 100%; height: auto; }
	p#midashi2 img { width: 90%; height: auto; }
	p#count { display: none; }
	p#yaku { font-size: 80%; }
	p#design { font-size: 80%; }
	#entry p { font-size: 160%; }
	p#banner { display: none; }
}
