@charset "UTF-8";
/* DOC (Document Oriented CSS), 文書指向CSS */

a:link{
	color: blue;
	text-decoration: underline;
}
a:visited{
	color: purple;
	text-decoration: underline;
}

/* 2007年現在でもリキッドレイアウトを実現するための
つまらないスタイル指定 */
body.variable-column{}
body.wide{
	max-width	:	55em;
	margin		:	auto;
}
body.double-column{
	max-width	:	85em}
body.single-column{
	max-width	:	55em}
div.table	{
	display		:	table}
div.main	{
	display		:	table-cell;
	width		:	70%;
	padding		:	0 1em 0 0}
div.navi{
  clear: both;
}
div.sidebar	{
	display		:	table-cell;
	width		:	30%;
	padding		:	0 0 0 1em}
.float{
	float		:	right;
	margin-left	:	1.5em;
	margin-bottom:	1em;
	clear		:	right}
.longdesc{
	column-width		:	23em;
	-moz-column-width	:	23em;
	column-gap			:	1em;
	-moz-column-gap		:	1em;
	max-width			:	90em !important}
.short{
	-moz-column-count	:	1;
	max-width			:	50em}
.opened{
	background	:	yellow;}
.append{
	margin-top	:	0;
	text-align	:	right;}
.append cite:before{
	content		:	"――"}
.highlighted{
	background	:	yellow;}
.mark{
	color		:	#080}
.introduction{
	display: none}
*	{
	text-align	:	left;
	margin		:	0;
	padding		:	0}
body	{
	/* 可読性を優先し、コントラストを最大にする。眩しいユーザーは
	モニタの輝度を低くすれば良いので問題ない。バッテリなどの制限
	があってモニタの輝度を低くしなければならないユーザもいる
	ことに注意する。 */
	color		:	black; /* or WindowText */
	background	:	white; /* or Window */
	line-height	:	1.4;
	max-width	:	55em;
	margin	:	auto;
	padding	:	.3em 2%}
p, h2, h3, h4, h5, h6, dl, blockquote{
	margin	:	1em 0}
p.caution{
	position	:	relative;
	margin	:	0em 1em;
	padding	:	1em 3.5em;
	background-color	:	#eedddd}
p.caution:before{
	position	:	absolute;
	top		:	0px;
	left		:	13px;
	content	:	"⚠";
	color		:	red;
	font-size	:	250%}
h1, h2, h3	{
	font-weight	:	bold;
	margin-top	:	1.5em;
	clear		:	both}
h1	{
	margin		:	0.2em 0;
	font-size	:	150%}
h2	{
	font-size	:	115%}
h3	{
	font-size	:	90%}
h2[title]:before	{
	display		:	block;
	content		:	attr(title);
	font-size	:	60%;
	font-weight	:	normal;
	line-height	:	0.6;
	color		:	silver;
	border-bottom:	1px  solid #DDD}
blockquote	{
	background-image:url(quote.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin-left	:	3%;
	padding		:	1em 0 0 1em}
pre {
	display: inline-block;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: .3em;
	margin: 0;
	font-family: Consolas, monospace;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	/* end css 3 or browser specific rules */
}

ul, ol{
	margin				:	1em 0 1em 2em;
	/*
	column-width		:	25em;
	-moz-column-width	:	25em;
	column-gap			:	4em;
	-moz-column-gap		:	4em
	*/}
table ul{
	margin		:	0 1em;
	-moz-column-count: 1;}
dl ol, dl ul	{
	margin-left	:	1em}
li	{
	}
dt	{
	font-size	:	0.9em;
	font-weight	:	bold;
	margin-top	:	0.5em;
	line-height	:	1.0}
dt:after{
	content		:	": "}
dd{
	padding		:	.5em;
	margin-left	:	1em}
address	{
	border-top	:	1px solid silver;
	padding-top	:	2em;
	text-align	:	right;
	clear		:	both}
div.example{
	margin		:	3em 0 2em;
	padding		:	.5em 0;
	background	:	#FDF4FD;
	border		:	1px solid silver;
	-moz-border-radius:	0.5em;
	position	:	relative;}
div[title]{
	cursor		:	auto;
	clear		:	both;
	background	:	#FFD;
	padding		:	1%;
	min-width	:	20em;
	max-width	:	50em}
div[title]:before{
	content		:	attr(title);
	color		:	white;
	background	:	#777;
	padding		:	0 .5em}
table.object{
	font-size		:	100%;
	clear			:	both;
	border			:	1px solid silver;
	border-collapse	:	separate;
	-moz-border-radius:	1em;
	background		:	#FDF4FD;
	margin-bottom	:	1em;}
table.object caption{
	text-align		:	center;
	padding			:	0;
	clear			:	both}
table{
	font-size		:	95%;
	border-top		:	1px solid gray;
	border-bottom	:	1px solid gray;
	border-collapse	:	collapse;
	margin-bottom		:	1em;}

td .float{
	margin			:	0;
	padding			:	0;
}
thead, tfoot{}
caption{
	padding-left	:	1em;
	font-weight		:	normal}
td, th{
	padding			:	.3em .6em 0 .6em;}
th{
	}
tr{
	border-style	:	dotted none;
	border-width	:	1px;
	border-color	:	gray}
.strong{
	background-color: rgb(100%,100%, 50%);}
thead tr{
	border-style	:	solid none}
tbody  th{
	border-style	:	none dotted none none; 
	border-width	:	1px;
	border-color	:	gray}

form{
	font-size		:	90%;}
fieldset{
	border			:	1px solid silver;}
legend{
	color			:	blue;}


/* Dynamic style */
#breadcrumb, .topic-path{
	font-size		:	90%;
	border-bottom	:	1px solid silver;
	margin			:	0;
	padding			:	0}

/* Inline Elements */
a[rel="home"]	{
	font-weight			:	bold}
#breadcrumb a	{
	text-decoration		:	underline}
img{
	border				:	1px solid silver;
	padding	: .5em;
	-moz-border-radius	:	.5em;}
table img{
	border-style		:	none}
a img{
	border-color		:	rgb(180, 180, 255);}
strong	{
	font-weight	: bold}
strong strong{
	font-size	:	110%;
	color		:	red}
em{
	padding-right	:	.1em}
em, i, var, dfn, address	{
	font-style	:	italic;}
abbr[title]{
	cursor		:	help;
	border		:	none}
samp, var, code{
	font-family: Consolas, monospace}
samp, code, kbd{
	margin: 0 .2em;
	border-style: solid;
	border-width: 1px}
code{
	border-color: #AEBDCC;
	background-color: #F3F5F7}
pre code{
	border: none;
	margin: 0}
kbd{
	border-color: #0d0;
	background-color: #dfd;	}
samp{
	border-color: silver;
	background-color: inherit}
em[title]{
	cursor		:	help}
dfn{
	font-weight	:	bold;}

del, del *{
	text-decoration: line-through; }


@media print	{
	h1, h2, h3, h4, h5, h6	{
		page-break-after	:	avoid;
		page-break-inside	:	avoid}
	blockquote, pre	{
		page-break-inside	:	avoid}
	ul, ol, dl	{
		page-break-before	:	avoid}
	a[href]:after	{
		content		:	"[" attr(href) "]"}
	#breadcrumb{
		display		:	none}
}

@media tv{
	body{background: #efefef;}
}

@media only screen and (max-width:800px) {
	.float{ float : none }
	body { font-size: 16px; }
}