* {
	margin: 0;
	padding: 0;
}

html {
	font-family: sans-serif;
	font-size: 62.5%;
}

body {
	line-height: 1.5;
	margin: 20px;
	color: #333;
}

a:hover {
	text-decoration: none;
}

.pageHead {
	margin-bottom: 20px;
	padding: .5em;
	background-color: #eee;
}

.btn {
	width: 100%;
	margin-bottom: 20px;
	padding: 1em 0;
	border: none;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	cursor: pointer;
	background-color: orangered;
}

.l-container {
	width: 980px;
}

.l-contents {
	float: left;
	width: 780px;
	margin-bottom: 40px;
}

/* desc
-------------------------*/
.desc {
	clear: both;
	font-size: 1.2rem;
	margin-bottom: 30px;
}

.desc em {
	font-style: normal;
	color: #e00;
}

.desc dl + dl {
	margin-top: 1em;
}

.desc dt {
	margin-bottom: .5em;
	padding-left: .5em;
	border-left: 5px solid #e00;
	font-weight: bold;
	font-size: 1.4rem;
}

.desc ul {
	padding-left: 20px;
}

.desc li + li {
	margin-top: .3em;
}


/* nav
-------------------------*/
.nav {
	float: left;
	width: 180px;
	margin: 0 20px 40px 0;
	font-size: 1.3rem;
}

.nav dl,
.nav div {
	padding: .5em 0;
	border-top: 1px solid #ccc;
}

.nav dt {
	font-weight: bold;
}

.nav dd {
	display: inline-block;
}

/* map
-------------------------*/
.map {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
	border: 1px solid #000;
}

/* message
-------------------------*/
.message {
	margin-bottom: 20px;
	color: #e00;
	font-weight: bold;
	font-size: 1.4rem;
}

.message.is-hidden {
	display: none;
}

/* infoBox
-------------------------*/
.infoBox {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.infoBox.is-hidden {
	display:none;
}

.infoBox dt {
	padding: .3em 1em;
	margin-bottom: .8em;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	background-color: #008fd0;
}

.infoBox dd {
	padding: 0 .5em;
}

/* otherTable
-------------------------*/
.otherTable {
	width: 100%;
	border-collapse: collapse;
}

.otherTable.is-hidden {
	display:none;
}

.otherTable caption {
	padding: 1em;
	border-top: 1px solid #ccc;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
}

.otherTable thead th {
	padding: .3em;
	font-size: 1.2rem;
	background-color: #eee;
}

.otherTable thead th + th {
	border-left: 4px solid #fff;
}

.otherTable tbody td {
	padding: .5em;
	border-bottom: 1px solid #ddd;
	font-size: 1.2rem;
}