/* 全体 */

body {
	background-color: #F8F8F8;
	color: #333;
	font-size: 90%;
	font-family: "Segoe UI", sans-serif;
	line-height: 1.5;
}

a {
	color: #44F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #A4A;
}

p {
	margin: 1em 0;
}

strong {
	color: #C33;
}

/* タイトル */

body > header {
	text-align: right;
	background-color: #333;
	color: #FFF;
	padding: 2em;
	margin: 0 0 1em 0;
}

#title {
	font-size: 175%;
	letter-spacing: 0.3em;
}

#title > a {
	color: #FFF;
}

#subtitle {
	margin-top: 1em;
}

/* ナビゲーション */

nav {
	position: fixed;
	left: 3em;
	width: 13em;
	font-size: 90%;
}

nav > h1 {
	margin: 0 0 1em -2em;
}

nav a:visited {
	color: #44F;
}

/* メインコンテンツ */

#main {
	margin: 0 1em 5em 18em;
}

article,
section,
header {
	margin: 1em 0;
}

h1 {
	background-color: #F6F6F6;
	font-size: 110%;
	letter-spacing: 0.2em;
	border: 1px solid #CCC;
	margin: 0 0 1em -3em;
	padding: 0.5em 0.7em;
}

h2 {
	color: #755;
	font-size: 110%;
	border-left: 4px solid #CCC;
	border-bottom: 1px dashed #CCC;
	margin: 0 0 1em -2em;
	padding: 0 0.5em;
}

h3 {
	font-size: 100%;
	margin: 0 0 0.5em -2em;
	letter-spacing: 0.3em
}

ul ul {
	margin-bottom: 1em;
	padding-left: 1em;
}

ul ul ul {
	padding-left: 1em;
}

.imgbox {
	float: right;
	margin: 1em;
}

.older_box {
	display: none;
}