@media all {
	legend {
		font-weight: bold;
		color: #000;
	}

	fieldset {
		margin: 1em;
		padding: 1em;
		overflow: hidden;
	}

	input {
		margin: 0.1em 0 0.5em 0;
	}

	p.article {
		margin: 1em 0 1em 0;
		padding: 0 0 1em 0;
	}

	p.article a, p.article a:link,
	p.article a:visited, p.article a:hover,
	p.article a:active {
		text-decoration: none;
		border: none;
	}

	.highlight {
		font-weight: bold;
	}

	body.article #content p {
		margin: 1.5em 0;
	}

	#records {
		margin: 2em 0em;
		overflow: auto;
	}

	#records a {
		border: none;
	}

	#records img {
		width: 6em;
		height: 6em;
	}
}

@media screen, projection {

	fieldset {
		border: 1px solid #FFB048;
	}

	input {
		width: 86%;
	}

	p.article {
		border-bottom: 2px dotted #B8D5E7;
	}

	p.article a, p.article a:link,
	p.article a:visited, p.article a:hover,
	p.article a:active {
		color: #000;
	}

	p.article a strong {
		text-decoration: underline;
	}

	p.article a strong:hover {
		color: #385567;
	}

	span.highlight {
		background-color: #FFB048;
	}

	#records a {
		display: block;
		float: left;
		width: 16.6%;
		text-align: center;
	}

	#records img {
		border: 1px solid #70aacf;
	}

	h3 {
		clear: both;
	}

	#data .adsense {
		margin-left: 0;
		margin-bottom: 0;
	}
	
	#ajax-result {
		display: none;
	}
	
	p.notice {
		background: transparent url(notice.gif) left top no-repeat;
		padding: 0 0 0 48px !important;
		margin: 0 1.0em 0 1.5em !important;
		font-size: 0.8em;
		line-height: 1.7em;
		color: red;
	}
}

@media print {
	.article {
		border-bottom: 2px dotted #000;
	}
}