@charset "UTF-8";

/******************************
 * Basic
 ******************************/
html {
	font-size: 62.5%;
}

body {
	margin-left: 2%;
	margin-right: 2%;
	font-size: 1.5rem;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #ebedec;
	background-color: #2A2922;
	word-wrap: break-word;
	line-break: strict;
}

a:link {
	color: #D0F0C0;
	background-color: inherit;
	text-decoration: none;
}

a:active {
	color: maroon;
	background-color: #e0d5d5;
	text-decoration: none;
}

a:visited {
	color: #BED9C2;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #2e2e2e;
	background-color: #b2b899;
	text-decoration: underline;
}

a.external-link:not(.external-link-silent)::after {
	content: url(../image/external-link.png);
	margin: 3px;
}


h1 {
	font-size: 140%;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0.3em 0.1em 0 0.1em;
	margin: 10px 0 5px 0;
}

h2 {
	font-size: 130%;
	background-color: #CB6A15;
	padding: 0.3em 0.1em 0.2em 0.8em;
	margin: 2px 0 5px 0;
	border-radius: 5px;
}

h3 {
	font-size: 115%;
	border-color: #CB6A15;
	background-color: #2A2922;
	border-style: solid;
	border-width: 1px 8px 3px 12px;
	border-radius: 5px;
	padding: 0.3em 0.1em 0.15em 0.5em;
	margin: 15px 0 5px 0;
}

h4 {
	font-size: 103%;
	border-color: #CB6A15;
	background-color: inherit;
	border-style: double;
	border-width: 0 0 0 15px;
	padding: 0.3em 0.4em;
	margin: 15px 0 5px 0;
}

h5,
h6 {
	font-size: 100%;
	border-color: #D3D3D3;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0.3em 0.1em 0 0.1em;
	margin: 10px 0 5px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: inherit;
	line-height: 100%;
}

td {
	word-break: break-all;
}

img {
	border: none;
	vertical-align: middle;
}

textarea {
	color: inherit;
	background-color: inherit;
	border-color: #0F0E0C;
}

.edit_form textarea,
.edit_form select {
	box-sizing: border-box;
	max-width: 99.5%;
}

input[name^="msg"],
input[name^="subject"] {
	width: 95%;
	padding: 0.5em;
	margin: 0.5em;
	font-size: 1.5rem;
}


input[name="word"],
input[name="page"],
input[name="username"],
input[name="newname"],
input[type="search"],
input[type="password"],
select[name="begin"],
select[name="end"],
input[name="src"],
input[name="dst"],
input[name="filter"],
input[name="except"],
input[name="search"],
input[name="replace"],
input[name="oldplugin"],
input[name="newplugin"],
input[name="oldoption"],
input[name="newoption"],
input[name="regexp"] {
	border: 1px solid #A8A8A8;
	margin: 0.2em 0;
	padding: 0.5em;
	background-color: #0F0E0C;
	font-size: 1.5rem;
	color: #ebedec;
}

input[type="submit"],
input[type="file"] {
	text-align: center;
	display: inline-block;
	margin: 0.2em 0 0.4em;
	padding: 5px 15px;
	border-radius: 5px;
	border: 1px solid #A8A8A8;
	color: #ebedec;
	background: #0F0E0C;
	cursor: pointer;
	transition: .2s;
	font-size: 1.5rem;
}


/******************************
 * Block
 ******************************/
pre,
dl,
ol,
p,
blockquote {
	line-height: 1.5em;
	margin-top: auto;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#body p {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

blockquote {
	/*	padding: 0 0 0 5px; */
	border-width: 0 0 0 10px;
	border-style: none none none solid;
	border-color: #888899;
	background-color: #665E51;
}

pre {
	overflow: auto;
	padding: .5em;
	margin-left: .5em;
	margin-right: .5em;
	white-space: pre-wrap;
	color: #ebedec;
	background-color: #38362d;
	border-top: #DDDDEE 1px solid;
	border-bottom: #888899 1px solid;
	border-left: #DDDDEE 1px solid;
	border-right: #888899 1px solid;
	font-family: inherit;
}

dt {
	font-weight: bold;
	margin-top: 1em;
	margin-left: 1em;
}


/******************************
 * Text Decoration
 ******************************/
h1.title {
	font-size: 2.5rem;
	background-color: transparent;
	padding: 2px 0 0;
	border: 0;
	margin: 2px 0 0;
}

ul {
	line-height: 1.5em;
	margin-top: auto;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

thead td.style_td,
tfoot td.style_td {
	color: inherit;
	background-color: #424035;
}

thead th.style_th,
tfoot th.style_th {
	color: inherit;
	background-color: #424035;
}

/******************************
 * Text Style
 ******************************/
span.size1,
span.size2,
span.size3,
span.size4,
span.size5,
span.size6,
span.size7 {
	line-height: 1.5em;
	text-indent: 0;
	display: inline;
}

span.size1 {
	font-size: xx-small;
}

span.size2 {
	font-size: x-small;
}

span.size3 {
	font-size: small;
}

span.size4 {
	font-size: medium;
}

span.size5 {
	font-size: large;
}

span.size6 {
	font-size: x-large;
}

span.size7 {
	font-size: xx-large;
}

/* html.php/catbody() */
strong.word0 {
	background-color: #FFFF66;
	color: black;
}

strong.word1 {
	background-color: #A0FFFF;
	color: black;
}

strong.word2 {
	background-color: #99FF99;
	color: black;
}

strong.word3 {
	background-color: #FF9999;
	color: black;
}

strong.word4 {
	background-color: #FF66FF;
	color: black;
}

strong.word5 {
	background-color: #880000;
	color: white;
}

strong.word6 {
	background-color: #00AA00;
	color: white;
}

strong.word7 {
	background-color: #886800;
	color: white;
}

strong.word8 {
	background-color: #004699;
	color: white;
}

strong.word9 {
	background-color: #990099;
	color: white;
}

.small {
	font-size: 80%;
}

.super_index {
	color: #DD3333;
	background-color: inherit;
	font-weight: bold;
	font-size: 60%;
	vertical-align: super;
}

a.note_super {
	color: #DD3333;
	background-color: inherit;
	font-weight: bold;
	font-size: 60%;
	vertical-align: super;
}

/******************************
 * Table Class
 ******************************/
div.ie5 {
	text-align: left;
	white-space: nowrap;
	/*tableをスクロールさせる*/
	overflow: auto;
	/*tableのセル内にある文字の折り返しを禁止*/
}

div.ie5::-webkit-scrollbar {
	/*tableにスクロールバーを追加*/
	height: 5px;
}

div.ie5::-webkit-scrollbar-track {
	/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}

div.ie5::-webkit-scrollbar-thumb {
	/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}


.style_table {
	padding: 0;
	border: 0;
	margin: 3px auto 3px 10px;
	text-align: left;
	color: inherit;
	background-color: #A8A8A8;
	font-size: 90%;
}

.style_th {
	padding: 5px;
	margin: 1px;
	text-align: center;
	color: inherit;
	background-color: #424035;
}

.style_td {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #2A2922;
	line-height: 1.5em;
}

tbody tr:hover .style_td,
tbody tr:hover .text_td {
	background: #0F0E0C;
}


/******************************
 * List Class
 ******************************/
ul.list1 {
	list-style-type: disc;
}

ul.list2 {
	list-style-type: circle;
}

ul.list3 {
	list-style-type: square;
}

ol.list1 {
	list-style-type: decimal;
}

ol.list2 {
	list-style-type: lower-roman;
}

ol.list3 {
	list-style-type: lower-alpha;
}

.list-indent1 {
	padding-left: 16px;
	margin-left: 16px;
}

/* list-indent2,3,4 are used for leaping list level indentation */
.list-indent2 {
	padding-left: 32px;
	margin-left: 32px;
}

.list-indent3 {
	padding-left: 48px;
	margin-left: 48px;
}

.list-indent4 {
	padding-left: 64px;
	margin-left: 64px;
}

/******************************
 *その他
 ******************************/
/* skin/tdialiy.css.php */
span.noexists {
	color: inherit;
	background-color: #003746;
}

div.jumpmenu {
	font-size: 60%;
	text-align: right;
}

/******************************
 * Horizontal line Class
 ******************************/
hr.full_hr {
	border-style: solid;
	border-color: #C2A890;
	border-width: 1px 0;
}

hr.note_hr {
	width: 90%;
	border-style: ridge;
	border-color: #C2A890;
	border-width: 1px 0;
	text-align: center;
	margin: 1em auto 0 auto;
}


/******************************
 * Menu bar Layout
 ******************************/
div#menubar {
	padding: 0 2px 0 2px;
	word-break: break-all;
	font-size: 90%;
	overflow: hidden;
	line-height: 140%;
}

div#menubar ul {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
}


div#menubar div ul,
div#menubar ul li {
	color: #ebedec;
}

div#menubar h1,
div#menubar h2,
div#menubar h3,
div#menubar h4,
div#menubar h5 {
	font-size: 110%;
	color: #ebedec;
	border-color: #c5cca3;
	background-color: #2A2922;
	border-style: solid;
	border-width: 1px 2px 1px 8px;
	padding: 0.2em 0.1em 0.2em 0.5em;
	margin: 0 0 0.4em 0;
}

div#menubar a:link {
	color: #D0F0C0;
	text-decoration: none;
}


div#menubar a:visited {
	color: #BED9C2;
	text-decoration: none;
}

div#menubar a:hover {
	color: #2e2e2e;
	background-color: #b2b899;
	text-decoration: underline;
}

div#menubar strong {
	font-weight: normal;
}

div#menubar p {
	margin-bottom: 0.7em;
	line-height: 140%;
}

td.menubar {
	width: 13em;
	vertical-align: top;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

/******************************
 * Elements ID (Plugins etc)
 ******************************/
/* pukiwiki.skin.*.php */
div#header {
	padding: 0;
	margin: 0;
}

div#navigator {
	clear: both;
	padding: 4px 0 0 0;
	margin: 0;
}

div#contents {
	padding: 0;
	margin-top: 4px;
}

div#body {
	padding: 0 1em 0 1em;
	display: block;
}

div#note {
	clear: both;
	padding: 0;
	margin: 0;
}

div#attach {
	clear: both;
	padding: 0;
	margin: 0;
}

div#toolbar {
	clear: both;
	padding: 0;
	margin: 0;
	text-align: right;
}

div#lastmodified {
	clear: both;
	font-size: 80%;
	padding: 0;
	margin: 0;
	text-align: right;
}

div#related {
	font-size: 80%;
	padding: 0;
	margin: 16px 0 0 0;
}

div#related .page_passage {
	font-size: 60%;
}

div#footer {
	clear: both;
	font-size: 70%;
	padding: 0;
	margin: 16px 0 0 0;
}

div#preview {
	color: inherit;
	background-color: inherit;
}

img#logo {
	/*	float: left; */
	margin: 0 10px 0 0;
	padding: 5px;
}

/******************************
 * Plugin Styles
 ******************************/
/* html.php/edit_form() */
.edit_form {
	clear: both;
}

/* aname.inc.php */
.anchor_super {
	font-size: xx-small;
	vertical-align: super;
}

/* br.inc.php */

/* calendar*.inc.php */
.style_calendar {
	padding: 0;
	border: 0;
	margin: 3px;
	color: inherit;
	background-color: #CCD5DD;
	text-align: center;
}

.style_td_caltop {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #EEF5FF;
	font-size: 80%;
	text-align: center;
}

.style_td_today {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #FFFFDD;
	text-align: center;
}

.style_td_sat {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #DDE5FF;
	text-align: center;
}

.style_td_sun {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #FFEEEE;
	text-align: center;
}

.style_td_blank {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #EEF5FF;
	text-align: center;
}

.style_td_day {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #EEF5FF;
	text-align: center;
}

.style_td_week {
	padding: 5px;
	margin: 1px;
	color: inherit;
	background-color: #DDE5EE;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color: inherit;
	background-color: inherit;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

span.calendar_viewer_left {
	color: inherit;
	background-color: inherit;
	float: left;
}

span.calendar_viewer_right {
	color: inherit;
	background-color: inherit;
	float: right;
}

/* clear.inc.php */
.clear {
	margin: 0;
	clear: both;
}

/* counter.inc.php */
div.counter {
	font-size: 70%;
}

/* diff.inc.php */
span.diff_added {
	color: #6cb4ff;
	background-color: inherit;
}

span.diff_removed {
	color: #ffb3b3;
	background-color: inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align: center;
	width: 80%;
	border-style: solid;
	border-color: #C2A890;
	border-width: 1px 0;
}

/* include.inc.php */
h5.side_label {
	text-align: center;
}

/* list.inc.php */
.page_passage {
	font-size: small;
}

/* navi.inc.php */
ul.navi {
	margin: 0;
	padding: 0;
	text-align: center;
}

li.navi_none {
	display: block;
	float: none;
}

li.navi_left {
	display: block;
	float: left;
	text-align: left;
}

li.navi_right {
	display: block;
	float: right;
	text-align: right;
}

/* new.inc.php */
span.comment_date {
	font-size: x-small;
}

span.new1 {
	color: #FF5500;
	font-weight: bolder;
	background-color: transparent;
	font-size: small;
}

span.new5 {
	color: #CC9900;
	background-color: transparent;
	font-size: xx-small;
}

/* popular.inc.php */
span.counter {
	font-size: 70%;
}

ul.popular_list {
	padding: 0;
	border: 0;
	margin: 0 0 0 1em;
	word-wrap: break-word;
	word-break: break-all;
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
	padding: 0;
	border: 0;
	margin: 0 0 0 1em;
	word-wrap: break-word;
	word-break: break-all;
}

/* ref.inc.php */
div.img_margin {
	margin: 3px;
}

/* topicpath.inc.php */
span.topicpath-slash {
	margin: 0 0.2em;
}

span.topicpath-top {
	user-select: none;
}

/* vote.inc.php */
td.vote_label {
	color: #000000;
	background-color: #66CCCC;
}

td.vote_td1 {
	color: #000000;
	background-color: #DDE5FF;
}

td.vote_td2 {
	color: #000000;
	background-color: #EEF5FF;
}

/* bugtrack.inc.php */
tr.bugtrack_list_header th {
	background-color: #ffffcc;
}

tr.bugtrack_state_proposal td {
	background-color: #ccccff;
}

tr.bugtrack_state_accept td {
	background-color: #ffcc99;
}

tr.bugrack_state_resolved td {
	background-color: #ccffcc;
}

tr.bugtrack_state_pending td {
	background-color: #ffccff;
}

tr.bugtrack_state_cancel td {
	background-color: #cccccc;
}

tr.bugtrack_state_undef td {
	background-color: #ff3333;
}

/* search2.inc.php  */
.search-result-page-summary {
	font-size: 70%;
	color: gray;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* bottom  */
select#PluginColorSchemeUI,
select[name="dir"],
select[name="refer"] {
	text-align: center;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 5px;
	border: 1px solid #2c2e2a;
	color: #2c2e2a;
	background: #f6f5ea;
	cursor: pointer;
	transition: .2s;
	font-size: 1.5rem;
}


/******************************
 * Responsive
 ******************************/
@media (max-width: 65rem) {
	div#contents {
		display: table;
		table-layout: fixed;
		width: 95%;
		padding-left: 0.5em;
	}

	div#menubar {
		display: table-footer-group;
		width: 100%;
		font-size: 100%;
	}

	div#body {
		width: 100%;
		max-width: 95%;
		padding: 0 0.5em 0 0.5em;
	}

	div.img_margin {
		width: 100%;
		float: none;
	}

	div#body>p>a>img,
	div.img_margin>a>img,
	div.img_margin>img {
		max-width: 100%;
		height: auto;
	}

	select[name="template_page"] {
		width: 100%;
	}

	input[name="word"],
	input[name="page"],
	input[name="username"],
	input[name="newname"],
	input[type="search"],
	input[type="password"],
	select[name="begin"],
	select[name="end"],
	input[name="src"],
	input[name="dst"],
	input[name="filter"],
	input[name="except"],
	input[name="search"],
	input[name="replace"],
	input[name="oldplugin"],
	input[name="newplugin"],
	input[name="oldoption"],
	input[name="newoption"] {
		width: 94%;
	}
}

@media (min-width: 65.1rem) {
	div#contents {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	img#logo {
		float: left;
	}

	div#menubar {
		display: table-cell;
		vertical-align: top;
		width: 10em;
	}

	div#body {
		max-width: 98%;
	}

	div#body>p>a>img,
	div.img_margin>a>img,
	div.img_margin>img {
		max-width: 100%;
		height: auto;
	}

	input[name="username"],
	.style_td>input[name="page"],
	input[name="newname"],
	input[type="search"],
	input[type="password"],
	input[name="filter"],
	input[name="except"],
	input[name="search"],
	input[name="replace"],
	input[name="oldplugin"],
	input[name="newplugin"],
	input[name="oldoption"],
	input[name="newoption"] {
		width: 25em;
	}

	.style_td>textarea {
		width: 24em;
	}

	input[name="word"],
	input[name="page"],
	input[name="src"],
	input[name="dst"],
	select[name="begin"],
	select[name="end"],
	input[name="regexp"] {
		width: 65%;
		max-width: 65rem;
	}

	pre,
	blockquote,
	.memos {
		width: fit-content;
		min-width: 40em;
	}
}

@media print {

	a:link,
	a:visited {
		text-decoration: underline;
	}

	img#logo,
	div#navigator,
	div#menubar,
	div#related,
	div#attach,
	div#toolbar {
		display: none;
	}
}

/******************************
 *Back to TOP
 ******************************/
a.upward {
	position: fixed;
	display: block;
	bottom: 20px;
	right: 15px;
	width: 2.4rem;
	height: 2.4rem;
	background-color: #111;

	font-size: 2.4rem;
	line-height: 100%;
	text-align: center;
	color: whitesmoke;

	margin: 0;
	padding: 10px;
	border: 0;

	z-index: 9999;
	border-radius: 10px;
	opacity: 0.5;
}

a.upward:hover {
	font-size: 3.4rem;
	width: 3.4rem;
	height: 3.4rem;
	opacity: 0.8;
}

/******************************
 *Go to Menu
 ******************************/
@media (max-width: 65rem) {
	a.gotomenu {
		position: fixed;
		display: block;
		bottom: 80px;
		right: 15px;
		width: 2.4rem;
		height: 2.4rem;
		background-color: #111;

		font-size: 2.4rem;
		line-height: 100%;
		text-align: center;
		color: whitesmoke;

		margin: 0;
		padding: 10px;
		border: 0;
		z-index: 9999;
		border-radius: 10px;
		opacity: 0.5;
	}

	a.gotomenu:hover {
		font-size: 3.4rem;
		width: 3.4rem;
		height: 3.4rem;
		opacity: 0.8;
	}
}


@media (min-width: 65.1rem) {
	a.gotomenu {
		display: none;
	}
}

/******************************
 *expand.inc.php
 ******************************/
.plugin_expand {
	transition: all .3s;
}

summary {
	cursor: pointer;
	overflow-x: hidden;
}

/******************************
 *style.inc.php
 ******************************/
.memos {
	padding: 0.8em;
	border: 3px solid #C2A890;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
	margin: 0 1em;
	background-color: inherit;
}