@charset "utf-8";

/* 初期化・共通スタイル
############################################################################# */

html {
	font-size: 62.5%;
	color: #000000;
	background-color: #EEEEEE;
}

body, header, footer, article, aside, nav, section, main,
hgroup, h1, h2, h3, h4, h5, h6,
ul, ol, menu, li, dl, dt, dd,
caption, th, td, figure, figcaption,
form, fieldset,
div, p, pre, address, blockquote
{
	margin: 0; padding: 0;
	font-style: normal; font-weight: normal;
	font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.5em; letter-spacing: 0.2em;
	text-align: left;
	word-wrap: break-word; word-break: break-all;
}

h1, h2, h3, h4, h5, h6, dt, caption, th, legend {
	font-weight: bold;
}

table {
	margin: 0;
	border-collapse: collapse; border-spacing: 0;
}

dfn, cite, code, samp, var, kbd {
	font-weight: normal;
	font-style: normal;
}

hr {
	width: 66%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h1        {font-size: 1.50em; }
h2        {font-size: 1.35em; }
h3        {font-size: 1.20em; }
h4        {font-size: 1.10em; }
h5        {font-size: 1.10em; }
h6        {font-size: 1.10em; }
p         {text-indent: 1em;}
li        {margin-left: 1.5em;}
dd        {margin-left: 3em;}

a:link    { color: #0000FF; }
a:visited { color: #663399; }
a:hover   { color: #0066AA; background-color: #DDEEFF; }
a:active  { color: #660033; background: #FFE4CC; }

b         {font-weight: bold; }
i         {color: #220011; font-style: normal; }
em        {font-style: normal; font-weight: bold;}
strong    {color: #AA0000; font-style: normal; font-weight: bold;}
small     {font-size:0.83em;}
label     {cursor: pointer; }
rt        {font-size: 0.5em; }

#container {
	width: 100%;
	height: 100%;;
}


/* 実際のデザイン
############################################################################# */

#container {
	position: relative;
}


/* ヘッダー
############################################################################# */

#header {
	background-color: #9EF;
	box-sizing: border-box;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

@media screen and (min-width: 960px) {
	#header {
		position: absolute;
		top: 0; left: 0;
		width: 30%;
		height: 20%;;
		border: solid #040 2px;
		overflow: scroll;
	}
}

hgroup {
	margin-bottom: 0.25em;
	border-style: none none solid; border-color: #888; border-width: 1px;
}

#page-title {
	text-align: center;
}

#page-subtitle {
	text-align: center;
}

#page-info {
	list-style-type: none;
	width: 66%;
	margin-left: auto;
	margin-right: 0;
}


/* 目次
############################################################################# */

#page-toc {
	background-color: #FF9;
	box-sizing: border-box;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

@media screen and (min-width: 960px) {
	#page-toc {
		position: absolute;
		top: 20%;
		left: 0;
		width: 30%;
		height: 60%;
		border: solid #040 2px;
		overflow: scroll;
	}
}

#page-toc ol {
	list-style-type: none;
}

#page-toc li {
	margin-left: 1em;
	text-indent: -0.5em;
}

#page-toc a {
	display: inline-block;
	width: 100%;
}


/* フッタ
############################################################################# */

#footer {
	background-color: #FAA;
	box-sizing: border-box;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

@media screen and (min-width: 960px) {
	#footer {
		position: absolute;
		top: 80%;
		left: 0;
		width: 30%;
		height: 20%;
		border: solid #040 2px;
		overflow: scroll;
	}
}

#generator-info {
	list-style-type: none;
}

#generator-info li {
	text-align: center;
}


/* メイン
############################################################################# */

#main {
	background-color: #DFD;
	box-sizing: border-box;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

@media screen and (min-width: 960px) {
	#main {
		position: absolute;
		top: 0;
	left: 30%;
		width: 70%;
		border: solid #040 2px;
	}
}


/* footnote
############################################################################# */

a.noteref {
	font-size: 0.75em;
}

.footnotes {
	margin: 0.75em 0 0.5em;
	padding: 0.25em 0;
	border-style: groove none solid;
	border-color: #333333;
	border-width: medium;
}

.footnote {
	font-size: 0.83em;
}

a.backref {
	font-size: 0.75em;
}


/* page number
############################################################################# */

div.pagenum {
  text-align: center;
  color: #666666;
  background-color: #EEEEEE;
  font-size: 0.8em;
}

span.pagenum {
  color: gray;
  font-size: 0.8em;
}


/* auto reference
############################################################################# */

.ftml-reference:link    { color: #000080; }
.ftml-reference:visited { color: #331A4A; }
.ftml-reference:hover   { color: #003355; }
.ftml-reference:active  { color: #33001A; }


/* back to top
############################################################################# */

.back-to-top {
	width: 50%;
	margin-left: auto; margin-right: 0;
	background-color: #CFF;
}

.back-to-top a {
	text-align: center;
}
