body {
	margin-left: 1em;
	margin-right: 1em;
}

body, p {
	font-size: 1rem;
	color: #000000;
	background-color: #FFFFFF;
}

h1, .font1 {
    font-size: 2.25rem;
}

h2, .font2 {
    font-size: 2rem;
}

h3, .font3 {
    font-size: 1.75rem;
}

h4, .font4 {
    font-size: 1.5rem;
}

h5, .font5 {
    font-size: 1.25rem;
}

h6, .font6 {
    font-size: 1rem;
}

img.spot-image {
	width: 90%;
	height: auto;
	max-width: 720px
}

img.down-arrow {
	width: 2rem;
	height: auto;
	margin: 0rem 1rem 0rem 1rem;
}

hr {
	width: 98%;
}

hr.dotted {
	width: 90%;
	border: none;
	border-bottom: 1px dotted #C0C0C0;
}

.spotname {
	border: 1px solid #F0F0F0;
	color: #0000F0;
	background-color: #FFFFC0;
}

.spotname-hiragara {
	color: #A00000;
	background-color: #FFFFC0;
}

.info {
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px solid #C0C0C0;
	font-size: 1.1em;
}

.accessinfo {
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px solid #C0C0C0;
	font-size: 1em;
	color: #C00000;
	background-color: #FFFFE0;
}

.free {
	text-decoration: line-through;
}