@charset "UTF-8";

body, th, td {
	font-family : "Arial", "Tahoma", "Verdana", sans-serif;
	font-size : small;
}
body {
	background-color : #e4e5ed;
	margin : 0;
}
div.head {
	position : absolute;
	top : 0;
	right : 0;
	bottom : 85%;
	left : 0;
	width : 100%;
	height : 15%;
	z-index : 1;
	background-color : #b9bbd1;
}
div.head div.notice, div.head div.menu {
	position : absolute;
	right : 1em;
	bottom : 1em;
	z-index : 2;
}
div.head div.last-update {
	position : absolute;
	left : 1em;
	bottom : 1em;
	z-index : 2;
	font-size : 90%;
}
div.abstract, div.in-progress {
	position : absolute;
	top : 15%;
	right : 80%;
	left : 0;
	width : 20%;
	z-index : 1;
	background-color : #e4e5ed;
}
div.in-progress div.opened-rooms {
	border-width : 1px;
	border-style : solid;
	border-color : #00ff00;
	background-color : #efffef;
	margin : 1em;
}
div.in-progress div.closed-rooms {
	border-width : 1px;
	border-style : solid;
	border-color : #ff0000;
	background-color : #ffefef;
	margin : 1em;
}
div.body {
	position : absolute;
	top : 15%;
	right : 0;
	left : 20%;
	width : 80%;
	height : 85%;
	z-index : 1;
	background-color : #ffffff;
}

div.body div.notice-title {
	font-size : x-small;
	position : absolute;
	left : 0.5em;
	top : 0.5em;
	padding : 0.25em;
	background-color : #c9cbe1;
	border-style : solid;
	border-width : 5px;
	border-color : #999bb1;
}
div.body div.notice {
	font-size : x-small;
	margin : 1.5em;
	padding : 1em 0;
	background-color : #c9cbe1;
	border-style : solid;
	border-width : 5px;
	border-color : #999bb1;
}
div.notice p {
	margin : 0 1em
}

div.opened, div.closed, div.terminated {
	margin : 1.5em;
	padding : 0.5em;
	border-style : solid;
	border-width : 5px;
	color : black;
}
div.opened {
	border-color : #efefff #cfcfff #bfbfef #dfdfff;
	background-color : #d7d7ef;
}
div.closed {
	border-color : #ffefef #ffcfcf #efbfbf #ffdfdf;
	background-color : #efd7d7;
}
div.terminated {
	border-color : #efefef #cfcfcf #bfbfbf #dfdfdf;
	background-color : #d7d7d7;
}

div.page-jumper {
	text-align : center;
	border-style : solid none;
	border-width : 1px;
	border-color : #666;
	margin : 1.5em 1.5em 0;
	padding : 0.5em;
}
div.version-info {
	text-align : center;
	border-style : none none solid;
	border-width : 1px;
	border-color : #666;
	margin : 0 1.5em 0;
	padding : 0.5em;
}
address {
	text-align : center;
	margin : 0 1.5em 0.5em;
	padding : 0.5em;
	font-style : normal;
}



h1 {
	font-family : "Century Gothic", "Book Antiqua", "Times New Roman", serif;
	font-size : 250%;
	font-weight : normal;
	text-align : left;
	color : #006;
	background-color : transparent;
	margin : 0.25em 0.5em;
	volume : 150%;
	pause : 150%;
	speech-rate : x-slow;
}
h2, h3, h4 {
	font-family : "Lucida Sans Unicode", "Sylfaen", serif;
	font-weight : bold;
	color : inherit;
	margin-top : 1em;
	margin-bottom : 1em;
	padding : 0.5em 0.75em;
	pause : 125%;
	speech-rate : slow;
}
h2 {
	font-size : 125%;
	border-width : 1px 0 3px 10px;
	border-style : solid none double solid;
	border-color : #006;
	background-color : #ffe;
	margin : 1em 0;
	volume : 125%;
}
h2:before {
	content : "Chapter " counter( chapter, decimal ) ". ";
	counter-increment : chapter;
	counter-reset : section;
}
h3 {
	font-size : 115%;
	border-width : 3px 1px;
	border-style : double none double solid;
	border-color : #060;
	background-color : #efe;
	margin : 1em 1%;
	volume : 115%;
}
h3:before {
	content : "Section " counter( chapter, decimal ) "-" counter( section, decimal ) ". ";
	counter-increment : section;
	counter-reset : subsection;
}
h4 {
	font-size : 100%;
	border-width : 0 0 3px 5px;
	border-style : none none dotted solid;
	border-color : #033;
	background-color : #eef;
	margin : 1em 2%;
	volume : 105%;
}
h4:before {
	content : "Subsection " counter( chapter, decimal ) "-" counter( section, decimal ) "-" counter( subsection, decimal ) ". ";
	counter-increment : subsection;
}



a {
	text-indent : 0;
	height : 1em;
}
a:link, a:visited, a:hover, a:active {
	text-decoration : none;
	background-color : transparent;
}
a:link {
	color : #00f;
}
a:visited {
	color : #006;
}
a:hover {
	color : #06f;
	position : relative;
	left : 2px;
	top : 2px;
}
a:active {
	color : #f00;
	font-weight : bold;
}



p {
	margin : 1em 5%;
	text-indent : 1em;
	line-height : 1.5em;
	pause : 120%;
}
div.navigation-bar {
	margin-top : 1em;
	margin-bottom : 1em;
	padding : 0.5em;
	border-width : 1px;
	border-style : solid none solid;
	border-color : #666;
}
div.advertisement, div.page-jump-control, div.page-information, div.validate-shortcut {
	padding : 0.5em;
	text-align : center;
}
div.advertisement {
	border-width : 3px;
	border-style : double;
	border-color : #666;
}
div.page-jump-control {
	border-width : 1px;
	border-style : solid none none;
	border-color : #666;
}
div.page-information {
	border-width : 1px;
	border-style : solid none;
	border-color : #666;
}
div.validate-shortcut {
	border-width : 1px;
	border-style : none none solid;
	border-color : #666;
}
pre {
	margin : 1em 5%;
	line-height : 1.5em;
	pause : 120%;
}



div.notes {
	border-width : 1px;
	border-style : dotted;
	border-color : #666;
	color : inherit;
	background-color : #eee;
	margin : 1em 5%;
	padding : 1em 0;
}
div.attention {
	border-width : 1px;
	border-style : dotted;
	border-color : #666;
	color : inherit;
	background-color : #ffe;
	margin : 1em 5%;
	padding : 1em 0;
}



ul.code, pre.code, div.samp {
	font-family : "Century Gothic", "News Gothic", sans-serif;
	font-size : 90%;
	color : inherit;
	border-width : 1px;
	border-style : solid;
	padding : 2em;
	margin : 1em 5%;
}
ul.code li {
	list-style : none;
}
ol.code {
	font-family : "Century Gothic", "News Gothic", sans-serif;
	font-size : 90%;
	color : inherit;
	border-width : 1px;
	border-style : solid;
	padding : 2em 2em 2em 4em;
	margin : 1em 5%;
}
ol.code li {
	list-style : decimal-leading-zero;
}
code, samp {
	font-family : "Century Gothic", "News Gothic", sans-serif;
	font-size : 90%;
	border-width : 3px;
	border-style : none none double;
	padding : 0 0.25em;
}
var {
	font-family : "Tahoma", "Verdana", sans-serif;
	font-weight : bold;
	font-style : normal;
}
ul.code, ol.code, pre.code, code {
	background-color : #fee;
	border-color : #f00 #900 #600 #c00;
}
div.samp, samp {
	background-color : #efe;
	border-color : #0f0 #090 #060 #0c0;
}
div.illust {
	font-family : "Century Gothic", "News Gothic", sans-serif;
	font-size : 90%;
	color : inherit;
	background-color : #eef;
	border-width : 1px;
	border-style : solid;
	border-color : #00f #009 #006 #00c;
	padding : 1.5em;
	margin : 1em 5%;
}
div.group {
	border-width : 1px;
	border-style : solid;
	border-color : #666;
	margin : 0.5em;
	padding : 0.5em;
}
div.subtitle {
	font-family : "Times New Roman", "Sylfaen", serif;
	font-size : 140%;
	font-weight : bold;
	font-style : italic;
	color : #009;
	background-color : transparent;
	text-align : center;
	margin-bottom : 0.5em;
}
div.page-title, div.page-created, div.last-modified, div.validators, div.verified-results {
	margin : 0;
	speak-numeral : continuous;
}

div.samp p, div.illust p {
	margin : 1em;
	text-indent : 1em;
	line-height : 1.5em;
	pause : 120%;
}



ul, ol, dl {
	margin : 1em 10%;
}

ul {
	list-style : disc outside;
}
ul ul {
	list-style : circle outside;
	margin : 0 2em;
}
ol {
	list-style : decimal outside;
}
ol ol {
	list-style : decimal outside;
	margin : 0 2em;
}
dt, dd {
	margin-top : 0.8em;
	margin-bottom : 0.8em;
}
dt {
	font-weight : bold;
}
dd {
	text-indent : 1em;
}

ol.contents {
	font-family : "Century Gothic", "News Gothic MT", "News Gothic", sans-serif;
	color : inherit;
	background-color : #cfd;
	padding : 0.5em;
}
ol.contents ol {
	margin : 0;
}
ol.contents li {
	font-size : 90%;
	color : inherit;
	background-color : #9f9;
	list-style : inside;
	margin : 1em;
	padding : 0.25em 0.5em 0.05em;
}
ol.contents li li {
	font-size : 95%;
	color : inherit;
	background-color : #cef;
	margin : 0 1em 1em;
	padding : 0.25em 0.5em 1em;
}
ol.contents li li li {
	color : inherit;
	background-color : #cfc;
	margin : 0 1em;
	padding : 0.1em 0.5em;
}

ul.keyboard-shortcut li, ol.keyboard-shortcut li {
	margin : 0.5em;
}



table {
	margin : 1em 5%;
	width : 90%;
	border-width : 1px;
	border-style : solid;
	border-color : #ccc #666 #333 #999;
	border-collapse : separate;
	border-spacing : 2px;
	empty-cells : show;
}
thead th {
	white-space : nowrap;
	color : inherit;
	background-color : #eee;
}
th, td {
	font-size : 100%;
	border-width : 1px;
	border-style : solid;
	border-color : #333 #999 #ccc #666;
	padding : 0.1em 0.5em;
}
td ul {
	margin : 0 1em;
}
td p {
	text-indent : 0;
	margin : 0;
}

tr.opened {
	background-color : #d7d7ef;
}
tr.closed {
	background-color : #efd7d7;
}
tr.terminated {
	background-color : #d7d7d7;
}



form {
	margin : 0;
}
input, select {
	font-family : "Arial", "Tahoma", "Verdana", sans-serif;
	font-size : 90%;
}
div.admin-password {
	display : inline;
}
table.input-form {
	border : none;
}
table.input-form th {
	width : 30%;
}
table.input-form th, table.input-form td {
	padding : 0;
	border-color : #ddd #bbb #aaa #ccc;
}
table.input-form input.text, table.input-form select {
	width : 100%;
}



img, object {
	border-style : none;
}

abbr {
	border-width : 1px;
	border-style : none none dotted;
	border-color : black;
}
kbd {
	font-family : "News Gothic MT", "News Gothic", sans-serif;
	font-size : 80%;
	font-weight : normal;
	color : inherit;
	background-color : #ddd;
	padding : 0 0.25em;
	border-width : 2px 3px 4px;
	border-style : solid;
	border-color : #eee #bbb #aaa #ccc;
	vertical-align : middle;
	margin : 0 0.25em;
}
dfn {
	font-family : "Century Gothic", "News Gothic", sans-serif;
	font-weight : bold;
	font-style : normal;
	border-width : 3px;
	border-style : none none double;
	border-color : #33f;
	padding : 0 0.25em;
}
em {
	font-weight : bold;
	font-style : normal;
	volume : 105%;
	speech-rate : slow;
}
strong {
	color : #f00;
	background-color : transparent;
	font-weight : bold;
	volume : 110%;
	speech-rate : slow;
}



.sup {
	font-size : 90%;
	color : #336;
	background-color : transparent;
	volume : 90%;
}
.extra {
	color : #009;
	background-color : inherit;
}
.in-preparation {
	color : #333;
	background-color : inherit;
	volume : 90%;
}
.babbr {
	display : none;
}
.navi {
	display : none;
}

span.ids {
	color : black;
	font-size : 80%;
}
div.system {
	color : black;
}
div.character {
	color : blue;
}

em.lt30min, a.lt30min:link, a.lt30min:visited {
	color : #090;
}
em.lt60min, a.lt60min:link, a.lt60min:visited {
	color : #00c;
}
em.lt120min, a.lt120min:link, a.lt120min:visited {
	color : #f00;
}
em.gteq120min, a.gteq120min:link, a.gteq120min:visited {
	color : black;
}