/* -*- coding: CP932 -*- */
@charset 'CP932';
/* screen.css
 * cascading style sheet, level 3
 * since: 1999-08-24
 * last-modified: 2012-05-17
 */
@media screen {
/* elements */
html {
	background-color: #d7d7d7;
}
body {
	background-color: #f7f7f7;
	color: #000;
	line-height: 1.5;
}
blockquote {
	border: 1em solid #888;
	border-width: 0 1em;
	margin: auto;
}
blockquote[cite]::before {
	content: attr(cite);
	display: block;
	margin-bottom: .125ex;
	opacity: .5;
	padding: 0 .5em;
}
h1 {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
	text-align: center;
	text-shadow: -1px -1px 0 #555, 1px 1px 0 #eee;
	color: #ccc;
}
h1, h2, h3, h4, h5, h6 {
	background-color: #eee;
	background-image: -moz-linear-gradient(#eee, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background-image: linear-gradient(#eee, #ddd);
	border-bottom: thin solid silver;
	border-top: thin solid white;
	margin-bottom: auto;
	padding: 0 .5em;
}
h3, h3 + div,
h4, h4 + div,
h5, h5 + div,
h6, h6 + div {
	margin-left: 1em;
}
p {
	text-indent: .5em;
	margin-left: .5em;
}
pre {
	background-color: #fff;
	color: #000;
	overflow: auto;
	padding: 0 .5em;
	margin: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -webkit-pre-wrap;
}
pre::first-line::first-letter {
	white-space: normal;
}
pre[title] {
	margin-bottom: .5ex;
}
pre[title]::before {
	background-color: #ddd;
	background-image: -moz-linear-gradient(0, #ddd, #fff);
	background-image: -webkit-gradient(linear, left top, right top, from(#ddd), to(#fff));
	background-image: linear-gradient(0, #ddd, #fff);
	content: attr(title);
	display: block;
	margin: 0 -.5em .25ex;
	padding: 0 .5em;
}
dl, ol, ul {
	margin: auto;
	padding: 0;
}
dl[title]::before {
	background-color: #888;
	color: #fff;
	content: attr(title);
	padding: .1em .5em;
}
dl.compact > dt {
	display: run-in;
}
dt {
	clear: right;
	background-color: #eee;
	margin: .5ex 0 0 1em;
}
dt::after {
	content: ":";
	margin-right: .2em;
	padding: 0 .1em;
}
dd, li {
	margin: .2ex .2em .2ex 2em;
}
table, caption {
	background-color: #e0e0e0;
	color: #000;
}
table.ar td {
	text-align: center;
}
table.tr td {
	text-align: right;
}
tbody > tr > td {
	background-color: #f0f0f0;
}
th {
	background-color: #e7e7e7;
}
tbody > tr:nth-child(even) > td {
	background-color: #cde;
}
tbody > tr:nth-child(even) > th {
	background-color: #bcd;
}
tbody > tr:nth-child(odd) > td {
	background-color: #f0f0f0;
}
tbody > tr:nth-child(odd) > th {
	background-color: #e7e7e7;
}
button {
	font: normal small/1.2 sans-serif;
	height: 1.6pc;
	vertical-align: middle;
	-moz-appearance: button;
	-webkit-appearance: push-button;
}
del, del * {
	opacity: .5;
}
[datetime]::after {
	color: #444;
	content: "@" attr(datetime);
	font-size: x-small;
	margin-left: .5em;
}
[datetime]:hover::after {
	opacity: .8;
}
del:hover,
ins:hover {
	text-decoration: none;
	opacity: 1;
}
code {
	background-color: #fff;
	color: #000;
	text-decoration: inherit;
}
kbd {
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
	border-style: double;
	border-width: .11em .22em .33em .22em;
	background: #fff;
	padding: 0 .2em;
}
samp {
	background-color: #ddd;
	color: #000;
}
br, hr {
	clear: both;
	float: none;
}
img {
	-moz-box-shadow: .12px 3.45px 6.78px #333;
	-webkit-box-shadow: .12px 3.45px 6.78px #333;
	box-shadow: .12px 3.45px 6.78px #333;
}
img.noshadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
img.brush,
img.scamper {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
img.menubar,
img.titlebar {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
/* idents */
#address::before {
	content: attr(title);
	font-weight: bold;
	padding: .25pc;
}
#address:hover::before {
	content: "";
	display: none;
}
#address:hover {
	height: auto;
	width: auto;
	overflow: visible;
	text-align: right;
}
#address {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: #ccc;
	line-height: 1;
	overflow: hidden;
	padding: .25em;
	text-align: center;
	height: 1em;
	width: 1em;
	position: fixed;
	right: 1%;
	top: 1%;
}
/* classes */
.body {
	left: 0;
	width: 77%;
}
.body, .menu {
	background-color: #f7f7f7;
	margin: auto;
	overflow: auto;
	position: absolute;
	top: 64px;
	bottom: 0;
	padding-bottom: .5pc;
}
.comment > div {
	background-color: #eee;
	border: thin dotted #ddd;
	margin: 1pc .25em;
	outline: thin dotted #ddd;
	padding-left: .25em;
}
.comment > div[id]::before {
	content: "#" attr(id);
	display: block;
	opacity: .2;
	text-align: right;
}
.fr {
	float: right;
	margin: .5em	!important;
}
.images {
	background-color: #ddd;
	background-image: -moz-radial-gradient(center, circle, #bbb, #f7f7f7);
	background-image: -webkit-gradient(radial, center center, 0, center center, 512, from(#bbb), to(#f7f7f7));
	background-image: radial-gradient(center, circle, #bbb, #f7f7f7);
	margin: auto;
	overflow: auto;
	padding: .5em;
	text-align: center;
}
.it {
	background-image: -moz-linear-gradient(0, #f7f7f7, #ddd);
	background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(#ddd));
	background-image: linear-gradient(0, #f7f7f7, #ddd);
	background-color: #ddd;
	margin: auto;
	overflow: auto;
	padding: .5em;
	text-align: center;
}
.images > p,
.it > p {
	text-indent: 0;
}
.l { float: left }
.l ~ p { text-align: left; }
.r { float: right; }
.r ~ p { text-align: right; }
.l, .r { margin: .5pc; }
.it + .it {
	margin-top: .5pc;
}
.images::after {
	clear: both;
	float: none;
}
.menu dd li,
.menu li li {
	margin-left: .75em;
}
.menu dd {
	display: list-item;
	list-style-type: disc;
}
.menu dl.compact > dd {
	list-style-type: none;
	margin: auto;
}
.menu {
	overflow-x: hidden;
	right: 0;
	width: 22.5%;
}
.point {
	color: #c00;
}
/* pseudo classes */
.term.root::before	{ content: "#"; }
.term.bash::before,
.term.ksh::before	{ content: "$"; }
.term.csh::before,
.term.ps1::before,
.term.tcsh::before,
.term.usr::before,
.term.zsh::before	{ content: "%"; }
.term.ps2::before	{ content: ">"; }
.term.py1::before	{ content: ">>>"; }
.term.py::before	{ content: "..."; }
.term.mint.bash::before	{ content: "bash#"; }
.term.cmdsubst::before	{ content: "cmdsubst>"; }
.term.for-quote::before	{ content: "for quote>"; }
.term.for.cmdsubst::before	{ content: "for cmdsubst>"; }
.term.for::before	{ content: "for>"; }
.term.heredoc::before	{ content: "heredoc>"; }
.term.pipe-pipe.while::before	{ content: "pipe pipe while>"; }
.term.pipe-pipe::before	{ content: "pipe pipe>"; }
.term.pipe::before	{ content: "pipe>"; }
.term.quote::before	{ content: "quote>"; }
.term.select::before	{ content: "select>"; }
.term::before {
	padding-right: .5em;
}
a {
	text-decoration: none;
}
a[accesskey]::before {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background-color: #aaa;
	color: #fff;
	content: attr(accesskey);
	font-family: monospace;
	margin-right: .25em;
	padding: 0 .4em;
	text-align: center;
	text-transform: uppercase;
}
a:link				{ color: #008; }
a:link:hover			{ color: #00f; }
a:visited			{ color: #800; }
a:visited:hover			{ color: #f00; }
a:active			{ color: #080; }
a:hover				{ text-decoration: underline; }
a[href^='#']:link		{ color: #048; }
a[href^='#']:link:hover		{ color: #08f; }
a[href^='#']:visited		{ color: #840; }
a[href^='#']:visited:hover	{ color: #f80; }
a:link>img {
	-moz-box-shadow:	.12px 3.45px 6.78px #006;
	-webkit-box-shadow:	.12px 3.45px 6.78px #006;
	box-shadow:		.12px 3.45px 6.78px #006;
}
a:link:hover>img {
	-moz-box-shadow:	.12px 3.45px 6.78px #00c;
	-webkit-box-shadow:	.12px 3.45px 6.78px #00c;
	box-shadow:		.12px 3.45px 6.78px #00c;
}
}	/* media */