@charset "UTF-8";

/*
	Public Domain (Written by RobaQ [mailto:robaq@netlaputa.ne.jp] in 2005-2006.)
*/

/* Default */

/* Common Attribute */

/* Structure */
html,
body{
	color: #444455;
	background-color: #eeeedd;
	border-color: #444455;

	border-style: none;
	border-width: 0;
}

html{
	padding: 0;
	margin: 0;
}

body{
	text-align: justify;

	padding: 0 3% 1em;
	margin: 0;
	line-height: 180%;
}

/* Text Module: block */
address{
	margin:0.5em 0;
	line-height: 150%;
}

blockquote{
	color: #444455;
	background-color: #ffffcc;
	border-color: #444455;

	border-style: solid none solid none;
	border-width: thin 0 thin 0;

	padding: 0 3% 0 3%;
	margin: 1em 0 0 0;
	clear: both;
}

blockquote:before,
blockquote:after{
	color: #993333;
	background-color: #ffffcc;
	border-color: #993333;

	border-style: none;
	border-width: 0;

	display: block;
	padding: 0;
	margin: 0;
}

blockquote:before{
	content: "- Quote -";
}

blockquote:lang(ja):before{
	content: "- 引用 -";
}

blockquote[title]:before{
	content: "- Quote - "attr(title);
}

blockquote[title]:lang(ja):before{
	content: "- 引用 - "attr(title);
}

blockquote:after{
	text-align: right;
}

blockquote[cite]:after{
	content: "(" attr(cite) ")";
}

blockquote blockquote{
	margin-right: 3%;
}

blockquote *:first-child{
	margin-top: 0;
}

blockquote em em,
blockquote strong{
	color: #993333;
	background-color: #ffffcc;
	border-color: #993333;
}

p{
	margin: 1em 0 1em 0;
}

p:lang(ja){
	margin: 1em 0 1em 0;
	text-indent: 1em;
}

p:lang(ja) > *{
	text-indent: 0;
}

pre{
	text-align: left;
	margin: 1em 0 1em 0;
	white-space: pre !important;
	font-family: monospace !important;
	overflow: auto;
}

*.computer{
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;

	border-style: dotted;
	border-width: thin;

	white-space: pre !important;
	font-family: monospace !important;
	padding: 0 0.2em 1em 0.2em;
	margin: 1em 1em 1em 0;
	line-height: 100%;
	width: auto;
	overflow: auto;
	min-height: 3em;
}

*.computer *{
	text-indent: 0;

	margin: 0;
	padding: 0;
}

*.computer em em,
*.computer strong{
	color: #ff3333;
	background-color: #ffffff;
	border-color: #ff3333;
	font-weight: bold;
}

*.computer *[href]:link{
	color: #ff9999;
	background-color: #ffffff;
	border-color: #ff9999;
}

*.computer *[href]:visited{
	color: #9999ff;
	background-color: #ffffff;
	border-color: #ff9999;
}

*.computer *:before,
*.computer *:after{
	margin: 0;
	padding: 0;
	border-style: none;
	text-indent: 0;
	content: "";
}

*.computer > code,
*.computer > samp{
	display: block;
	white-space: pre !important;
	font-family: monospace !important;
	padding: 0 0.5em;
	border-width: 0;
	margin: 0;
	text-indent: 0;
	line-height: 100%;
}

*.computer > code:before,
*.computer > samp:before{
	color: #993333;
	background-color: #ffffff;

	display: block;
	padding-right: 0;
	margin: 0.5em 0 0.5em;
}

*.computer > code:before{
	content: "- code -";
}

*.computer > code[title]:before{
	content:"- code - "attr(title);
}

*.computer > samp:before{
	content:"- sample -";
}

*.computer > samp[title]:before{
	content:"- sample - "attr(title);
}

/* Heading and Section */
*.section{
	padding: 0 0 0 3%;
	margin: 1em 0 0 0;
	clear: both;
}

*.section *.section > *:first-child{
	border-color: #993333;

	border-top-style: solid;
	border-top-width: thin;
}

*.section *.section *.section > *:first-child{
	border-color: #666666;
}

*.section *.section *.section *.section > *:first-child{
	border-color: #444455;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
	padding: 0.3em;
	margin: 0 0 0 -3%;
	line-height: 150%;
	font-weight: bold;
}

h1{
	font-size: 120%;
	border-top-style: none;
}

h2{
	color: #ffffff;
	background-color: #993333;
	border-color: #ffffff;
}

h3{
	color: #ffffff;
	background-color: #666666;
	border-color: #ffffff;
}

h4{
	color: #993333;
	background-color: #eeeedd;
	border-color: #993333;
}

h5,
h6{
	color: #444455;
	background-color: #eeeedd;
	border-color: #444455;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *{
	color: inherit;
	background-color: inherit;
	font-size: 100%;
	line-height: inherit;
}

h2 *[href]:link{
	color: #aaaaff;
	background-color: #993333;
	border-color: #aaaaff;
}

h2 *[href]:visited{
	color: #ffffff;
	background-color: #993333;
	border-color: #ffffff;
}

h2 *[href]:hover,
h2 *[href]:active,
h2 *[href]:focus{
	color: #ff0000;
	background-color: #993333;
	border-color: #ff0000;
}
h2 em em,
h2 strong{
	color: #ffffff;
	background-color: #993333;
	border-color: #ffffff;
	font-weight: bold;
}

h3 *[href]:link{
	color: #aaaaff;
	background-color: #666666;
	border-color: #aaaaff;
}

h3 *[href]:visited{
	color: #ffffff;
	background-color: #666666;
	border-color: #ffffff;
}

h3 *[href]:hover,
h3 *[href]:active,
h3 *[href]:focus{
	color: #ff0000;
	background-color: #666666;
	border-color: #ff0000;
}

h4 *[href]:link,
h5 *[href]:link,
h6 *[href]:link{
	color: #6666bb;
	background-color: #eeeedd;
	border-color: #6666bb;
}
h4 *[href]:visited,
h5 *[href]:visited,
h6 *[href]:visited{
	color: #444455;
	background-color: #eeeedd;
	border-color: #444455;
}

h4 *[href]:hover,
h4 *[href]:active,
h4 *[href]:focus,
h5 *[href]:hover,
h5 *[href]:active,
h5 *[href]:focus,
h6 *[href]:hover,
h6 *[href]:active,
h6 *[href]:focus{
	color: #ff0000;
	background-color: #eeeedd;
	border-color: #ff0000;
}

/* Text Module: inline */
cite,
q{
	padding: 0 0.3em 0 0.3em;
}

q{
	color: #444455;
	background-color: #ffffcc;
	border-color: #444455;
}

q em em,
q strong{
	color: #993333;
	background-color: #ffffcc;
	border-color: #993333;
}

code,
var,
kbd,
samp{
	color: #000000;
	background-color: #ffffff;
	border-color: #000000;

	border-style: none;
	border-width: 0;
	padding: 0 0.3em 0 0.3em;
	margin: 0 0.3em 0 0.3em;
	text-align: left;
}
code *,
var *,
kbd *,
samp *{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

code *:before,
code *:after,
var *:before,
var *:after,
kbd *:before,
kbd *:after,
samp *:before,
samp *:after{
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
	text-indent: 0;
	content: "";
}

code *[href]:link,
var *[href]:link,
kbd *[href]:link,
samp *[href]:link{
	color: #ff9999;
	background-color: #ffffff;
	border-color: #ff9999;
}

code *[href]:visited,
var *[href]:visited,
kbd *[href]:visited,
samp *[href]:visited{
	color: #9999ff;
	background-color: #ffffff;
	border-color: #ff9999;
}

code *[href]:hover,
code *[href]:active,
code *[href]:focus,
var *[href]:hover,
var *[href]:active,
var *[href]:focus,
kbd *[href]:hover,
kbd *[href]:active,
kbd *[href]:focus,
samp *[href]:hover,
samp *[href]:active,
samp *[href]:focus{
	color: #ff0000;
	background-color: #ffffff;
	border-color: #ff0000;
}

code em em,
code strong,
var em em,
var strong,
kbd em em,
kbd strong,
samp em em,
samp strong{
	color: #ff3333;
	background-color: #ffffff;
	border-color: #ff3333;
	font-weight: bold;
}

dfn{
	font-weight: bold;
}
em{
	font-weight: bold;
}
em em,
strong{
	color: #993333;
	background-color: #eeeedd;
	border-color: #993333;
	font-weight: bold;
}

/* Hyperlink */
*[href]{
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

*[href]:link{
	color: #6666BB;
	background-color: #eeeedd;
	border-color: #6666BB;

}
*[href]:visited{
	color: #444455;
	background-color: #eeeedd;
	border-color: #444455;
}
*[href]:hover,
*[href]:active,
*[href]:focus{
	color: #ff0000;
	background-color: #eeeedd;
	border-color: #FF0000;
}

*[href].rss:after{
	padding: 0.5em;
	content: url("http://www.netlaputa.ne.jp/~robaq/graphics/rssFeedIcon.png");
	vertical-align: baseline;
}

*[href][type="application/pdf"]:after{
	padding: 0.5em;
	content: url("http://www.netlaputa.ne.jp/~robaq/graphics/pdficon.png");
	vertical-align: baseline;
}

*[href] *{
	color: inherit;
	background-color: transparent;
}

/* Lists */
dl{
	padding: 0 3% 0 3%;
	margin: 1em 0 1em 0;
	clear: both;
}

dt,
dd{
	clear: both;
}

dt{
	font-weight: bold;
	margin: 0 0 0 -3%;
}

dt *{
	color: inherit;
	background-color: inherit;
}

dd,
dd > *,
dd > blockquote{
	padding: 0 3%;
	margin: 0 0 0.5em;
	text-indent: 0;
	line-height: 150%;
}

dd > *{
	padding: 0;
}

dd dd,
dd li{
	margin-left: 1em;
}

ol,
ul{
	padding: 0 0 0 6%;
	margin: 1em 0 0 0;
	line-height: 150%;
	list-style-position: outside;
}

ol{
	list-style-type: decimal;
}

ul{
	list-style-type: disc;
}

li{
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	display: list-item;
	list-style-type: inherit;
	list-style-position: inherit;
	clear: both;
}

li > *{
	margin-top: 0;
}

li > p{
	text-indent: 0;
	margin: 0;
}

/* Tables */
table{
	border-color: #000000;

	border-style: outset;
	border-width: thin;

	margin: 1em 0 1em 0;
	padding: 0;
}
caption{
	caption-side :top;
}

thead{
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: center;
}
thead * p{
	text-indent: 0;
}
tfoot{
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-align: center;
}
tbody{
	padding: 0;
	margin: 0;
}
tr{
	padding: 0;
	margin: 0;
}
th{
	color: #ffffff;
	background-color: #993333;
	border-color: #000000;

	padding: 0.2em;
	margin: 0;
	font-weight:bold;
	text-align: center;
}
th + th{
	border-left-style: outset;
	border-left-width: thin;
}
td{
	border-color: #000000;

	border-style: solid;
	border-width: thin;

	padding: 0.2em;
	margin: 0;
}
th > *,
td > *{
	line-height: 150%;
}
th p,
td p{
	text-indent: 0;
	padding: 0;
	margin: 0.25em;
}

/* Edit */
ins{
	color: inherit;
	background-color: transparent;
	border-color: inherit;
	border-style: none;
	text-decoration: inherit;
}
del{
	display: none !important;
	text-decoration: line-through;
}

/* Bi-directional Text Module */

/* Object and Image */
object[type='image/png']{
	float: left;
	clear: both;
	margin-right: 1em;
	margin-bottom: 1em;
}
object[type='image/png'] + * + * {
	clear: both;
}
object[type='image/png'] > * {
	padding: 1em;
	border-style: solid;
	border-width: thin;
}

/* Presentation */
hr{
	width: 100%;
	border-style: solid;
	border-width: thin;
}

/* Forms */
form{
	margin: 1em 0 1em 0;
}
fieldset{
	margin: 1em 0 1em 0;
}

legend{
	font-weight: bold;
}
optgroup{
	font-weight: bold;
}

/* Script */

/* Ruby Annotation */

/* ID & class */

/* 脚注 */
*.annotation{
	border-color: #000000;

	margin-left: 3%;
	border-style: dotted;
	border-width: thin;
}
*.annotation:before{
	color: #993333;
	background-color: #eeeedd;
	border-color: #993333;

	content:"- 註 -";
}
*.annotation + *{
	margin-top: 2em;
}

/* 乗算 */
*.power{
	vertical-align: super;
	font-size: smaller;
	line-height: 1.0em;
}
*.power .operation{
	display: none;
}/* CSS 非対応 UA 用 */


/* (嘘) */
*.negative{
	text-decoration: line-through;
}
*.negative *.support{
	display: none;
}/* CSS 非対応 UA 用  */

/*
	特記
	本 class では negative は聴覚系 Media で普通に読み上げられる。
	従って negative 内 support は視覚系 Media では display:none; であるが、これを単純に聴覚系 Media で volume:silent; と設定してはならない。
*/

/* RobaQ's Memo 用各記事meta情報整形 */
dl.meta{
	display: block;
	text-align: right;
	margin: 0;
	padding: 0 0 0 1em;
}


dl.meta > dt,
dl.meta > dd{
	display: none;
	margin-top: 0;
	padding-top: 0;
}


dl.meta > dt.url,
dl.meta > dd.url:after{
	font-size: smaller;
}

dl.meta > dt.url,
dl.meta > dt.url *{
	display: inline;
	padding: 0;
	margin: 0;
	width: auto;
	text-align: right;
	float: none;
}

dl.meta > dt.url:before{
	display: inline;
	white-space: pre;
	font-family: monospace;
	font-weight: bold;
	margin-right: 0.5em;
	content: "\A[";
}

dl.meta > dt.url:after{
	display: inline;
	margin-right: 0.5em;
	content: ":";
}

dl.meta > dd.url,
dl.meta > dd.url *{
	display: inline;
	padding: 0;
	margin: 0;
}

dl.meta > dd.url:after{
	white-space: pre;
	font-family: monospace;
	font-weight: bold;
	margin-left: 0.5em;
	content: "]\A";
}

dl.meta > dt.link,
dl.meta > dd.link{
	display: block;
	text-align: justify;
}


/* RobaQ's WorkShop 用見出し整形 */
h1 span:lang(en){
	color: #993333;
	background-color: #eeeedd;
	border-color: inherit;

	display: block;
	padding: 0;
	margin: 0;
	line-height: 100%;
	border-top-style: solid;
	border-top-width: thin;
}

h1:lang(en) *,
h1 *:lang(en) *{
	color: inherit;
	background-color: #eeeedd;
	border-color: inherit;

	display: inline;
	padding: 0;
	margin: 0;
	border-top-style:none;
}