html, body {
	font-size: 14px;
	font-family: sans-serif;
}
.develop {
	display: none;
	color: #F00;
}
#Contents a[type='button'],
#Contents button,
#Contents span.button {
	display: inline-block;
	background:#fff;
	padding: 0 3em;
	border:1px solid #333;
	border-radius:4px;
	line-height: 2.8em;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-family: serif;
	color: #333;
	cursor: pointer;
	box-sizing: border-box;
}
#Contents span.button {
	margin: 0 5px;
	padding: 0 1em;
	height: 1.4em;
	line-height: 1.4em;
}

#Contents table + a[type='button'],
#Contents table + button {
	margin-top: 40px;
}
#Contents a[type='button']:not(.disable):hover,
#Contents button:not(.disable):hover,
#Contents span.button:not(.disable):hover {
	background: #005A82;
	color: #fff;
}

#Contents a[type='button'].disable,
#Contents button.disable,
#Contents span.button.disable {
	border-color: #AAA;
	color: #AAA;
	cursor: default;
}


#Contents input:not([type]),
#Contents input[type=text],
#Popup input:not([type]),
#Popup input[type=text] {
	border: 1px solid #CCC;
	padding: 0 0.3em;
	font-size: 1em;
	box-sizing: border-box;
}
#Contents textarea,
#Popup textarea {
	border: 1px solid #CCC;
	padding: 0 0.3em;
	font-size: 1em;
	box-sizing: border-box;
}

#Outline {
	padding: 0 0 19px;
}
#Header {
	position: fixed;
	top: 0; left: 0;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 5px 0 42px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
    background-color: #FFF;
	z-index: 100;
}
#Header:before {
	content: '';
	display: block;
	position: absolute;
	top: 5px; left: 7px;
	width: 29px;
	height: 29px;
	background-image: url(../../../file/img/logo.gif);
	background-size: cover;
}

#Nav {
	position: fixed;
	border-right: 1px solid #000;
	top: 40px; bottom: 19px; left: 0;
	width: 200px;
	z-index: 100;
}

#Menu {
	margin: 0 0 24px 200px;
	padding: 12px;
	width: calc(100% - 200px);
	height: 42px;
	font-size: 0;
}
#Menu div {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	min-width: 18px;
	height: 100%;
	font-size: 1rem;
	vertical-align: bottom;
}
#Menu div.prev + div:not(.up),
#Menu div.up + div {
	margin-left: 10px;
}

#Menu div a,
#Menu div span {
	display: inline-block;
	height: 100%;
	line-height: 18px;
	color: #666;
}
#Menu div.prev a,
#Menu div.up a {
	width: 100%;
}
#Menu div.prev a:before,
#Menu div.up a:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: center center;
}
#Menu div.prev a:before {
	background-image: url(../../../file/img/arrow_left.svg);
}
#Menu div.up a:before {
	background-image: url(../../../file/img/arrow_up.svg);
}
#Menu div:not(.prev,.up) + div:before {
	content: '/';
	display: inline-block;
	width: 10px;
}

#Contents {
	margin: 0 0 0 200px;
    padding: 0 60px 40px;
	width: calc(100% - 200px);
}

#Contents pre {
	display: none;
	margin: 10px 0;
	border: 1px solid #999;
    padding: 10px;
    color: #999;
}

#Footer {
	position: fixed;
	right: 0; bottom: 0; left: 0;
	border-top: 1px solid #000;
	height: 19px;
	line-height: 18px;
    background-color: #FFF;
	z-index: 100;
}

#Popup {
	display: none;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 1000;
}

@media print {
#Header,
#Nav,
#Menu,
#Footer {
	display: none;
}
#Contents {
	margin: 0;
	width: 100%;
}
}