/* HTML の意味系語彙を中心として。 */

/* ---- Paragraph-level Elements ---- */

/* Editors' Notes */
div.ed {
  margin-left: 5em;
  margin-top: 1em;
  margin-bottom: 1em;
  border: medium solid red;
  padding: 0.5em;
  color: rgb(229, 0, 0);
  background-color: transparent;
}

div.ed:before {
  content: "編集者のメモ:";
  display: block;
  font-weight: bolder;
  font-family: sans-serif;
}

/* Memos */
div.comment-p {
  margin-left: 5em;
  padding-left: 1em;
  color: green;
  background-color: transparent;
}

div.comment-p > p:first-child {
  text-indent: -1em;
}

div.comment-p > p:first-child:before {
  content: ";; ";
}

/* ---- Inline-level Elements ---- */

em, samp
	{font-style: normal}

/* span.aa: AA element */
/* Default: For 2ch style AAs */
span.aa, pre.aa {
  font-family: "MS PGothic AA", "MS PGothic", "Mona";
  font-size: 12pt;
  white-space: normal;
  line-height: 1.0;
}

pre.aafig {
  font-family: monospace;
  line-height: 1.0;
  white-space: pre;
}

.hw {
  -moz-binding: url(http://suika.fam.cx/www/style/text/width.xbl#halfwidth);
}

.fw {
  -moz-binding: url(http://suika.fam.cx/www/style/text/width.xbl#fullwidth);
}

/* cite: CITE element */
cite {
  font-style: normal;
}
cite:before {
  content: "『";
}
cite:after {
  content: "』";
}

/* cite.src: SRC element */
cite.src {

  vertical-align: super;
}



cite.src:before {

  content: "";
}
cite.src:after {
  content: "";
}

var {
  font-size: 100%;
  font-family: "Times New Roman", serif;
  font-style: italic;
}
var sub, var sup {
  font-style: normal;
}

/* code.perl, code.BNF,... */
pre, code, samp {
  padding-left: 0.12em; padding-right: 0.12em;
  background-color: #fffaf4;
  color: #370000;
  font-size: 100%;
  font-family: "Courier New", Courier;
}

dfn {
  font-style: normal;
  font-weight: bolder;
  font-size: 100%;
  letter-spacing: 0.02em;
}

dfn:lang(en),
dfn rt:lang(en) {
  font-style: italic;
  font-family: serif;
  letter-spacing: -moz-initial;
  letter-spacing: initial;
}

pre.code {
  background-color: rgb(213, 222, 227);
  color: black;
  border: rgb(211, 211, 211) 4px double;
  padding: 0.5em 1em;
}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, 
h1 samp, h2 samp, h3 samp, h4 samp, h5 samp, h6 samp, 
code code, code var, samp code, samp var, code samp {
  color: inherit !important;
  background-color: transparent !important;
}

pre code, pre var, pre samp {
  color: inherit;
  background-color: transparent;
}

/* KBD element, KEY element */
kbd, kbd.key
	{margin-left: 0.1em; margin-right: 0.1em;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: ActiveBorder;
	padding: 1px 2px;
  font-family: monospace;
  font-style: normal;
	font-size: 100%}

/* Examples */
pre.example {
  padding: 1em 1em 1em 2em;
}
pre.example.deprecated,
pre.example.illegal,
pre.example.bad {
  border: red 1px dotted;
}
pre.example:before {
  content: "例: ";
  display: block;
  margin-left: -1em;
  margin-bottom: 0.5em;
  font-weight: bolder;
}
pre.example.continue:before {
  content: "例 (続き): ";
}
pre.example.deprecated:before {
  content: "非推奨の例: ";
}
pre.example.deprecated.continue:before {
  content: "非推奨の例 (続き): ";
}
pre.example.illegal:before {
  content: "違法な例: ";
}
pre.example.illegal.continue:before {
  content: "違法な例 (続き): ";
}
pre.example.invalid:before {
  content: "非妥当な例: ";
}
pre.example.invalid.continue:before {
  content: "非妥当な例 (続き): ";
}
pre.example.bad:before {
  content: "悪い例: ";
}
pre.example.bad.continue:before {
  content: "悪い例 (続き): ";
}

.ABNF, pre.ABNF.code {
  background-color: #f5dcb3;
  color: black;
  line-height: inherit;
}

/*
  Block-level element
*/
.block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* どんな表現であれ、記号的に図形文字や制御機能 (の一部) を識別するもの */
.char {

}

/* ISO/IEC 10646 式の文字の名前 */
.charname {
  background-color: transparent;
  color: inherit;
  text-transform: lowercase;
  font-variant: small-caps;
  font-family: "Courier New", "Courier", monospace;
  letter-spacing: 0.2em;
}

.charname var {
  text-transform: none;
  font-variant: normal;
}

.comment {
  color: green;
  background-color: transparent;
}

.CSS {
  /* CSS3 Draft から彩色 */
  color: #7F0000;
  background-color: transparent;
}
pre.CSS {
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(255, 204, 204);
}

.HTML, .HTMLe, .HTMLa {
  /* CSS3 Draft から彩色 */
  color: #600;
  background-color: transparent;
}
pre.HTML {
  /* HTML 4 Rec. の DTD 断片から採色 (一部修正) */
  /*
  color: maroon;
  background-color: #f3f3fa;
  */
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(255, 255, 170);
}
.HTMLe {
  font-variant: small-caps;
}
.HTMLe var {
  font-variant: normal;
}

.DOM, .DOMi, .DOMa, .DOMm, .DOMp {
}

/* DOM 仕様書から採色 */
.DOMi {
  font-weight: bold;
}
.DOMa, .DOM .attr {
  color: black;
  background-color: #FFFFD2;
}
.DOMc, .DOM .const { /* Constant */
  color: black;
  background-color: #DDFFD2;
}
.DOMm, .DOM .method {
  color: black;
  background-color: #D9E6F8;
}
.DOMp, .DOM .param {
  background-color: #FEE6F8; 
  color: black;
}

/* From W3C spec CSS */
.IDL {
  border: 1px solid black;
  background-color: #dfdfdf;
  color: black;
  white-space: pre;
  font-family: monospace;
}
code .IDL {
  border-style: none;
}

/* From W3C spec CSS */
.Java {
  border: 1px solid #e1e1e1;
  background-color: #dfdfdf;
  color: black;
  white-space: pre;
  font-family: monospace;
}
code .Java {
  border-style: none;
}


/* XML 情報集合 情報項目 */
.infoitem, .infoprop {
  font-family: sans-serif;
  font-weight: bolder;
}
.infoprop:before {
  content: " [";
}
.infoprop:after {
  content: "] ";
}

.math, .chem {
  font-family: "Times New Roman", Times, serif;
}

.math .relation-schema {
  font-weight: bolder;
  font-family: "Times New Roman", Times, serif;
  font-style: normal;
}

.math .vector {
  font-weight: bolder;
  font-family: "Times New Roman", Times, serif;
}

.math .function {

}

.perl var {
  font-style: normal;
  color: gray;
  background-color: transparent;
}

.perl .keyword {
  color: #000080;
  background-color: transparent;
}

/*
.URI:before {
  content: "<";
}
.URI:after {
  content: ">";
}
*/

.VB {
  line-height: 1.0;
  border-color: WindowBorder;
  border-style: groove;
  border-width: thin;
  background-color: white;
  color: black;
  font-family: "\00FF2D\00FF33\000020\00FF30\0030B4\0030B7\0030C3\0030AF";
}
.VB code, .VB var, .VB samp {
  background-color: transparent;
  color: inherit;
}

.VB .kwd {
  color: blue;
  background-color: transparent;
}

.XML, .XMLe, .XMLa {
  /* W3C HTML WG 系 TR の code のスタイル */
  color: green;
  background-color: transparent;
  font-family: "Courier New", "Courier", monospace;
  font-weight: bold;
}
pre.XML {
  /* CSS3 Draft から彩色 */
  color: black;
  background-color: rgb(204, 255, 204);
  font-weight: normal;
}

.XPath {
  background-color: turquoise;
  color: black;
}
samp.XPath, samp.XPointer, .samp.XPointerScheme {
  background-color: #d5dee3;
  color: black;
}

/* XPath 関数 */
.XPathf {
  font-weight: bolder;
  background-color: #ffccff;
  color: black;
}

.XSLT {
  background-color: turquoise;
  color: black;
}
samp.XSLT {
  background-color: #d5dee3;
  color: black;
}

.XSLTa, .XSLTe {
  background-color: #ffccff;
  color: black;
}

.XSLTa > var:first-node,
.XSLTe > var:first-node {
  background-color: inherit;
  color: #C0C0C0;
}

del {
  background-color: #FFBBBB; 
  color: black;
  text-decoration: line-through;
}

/* Rubys */

ruby {
  display: inline;
  text-indent: 0;
  vertical-align: -0.2em;
}

ruby.descriptive {
  vertical-align: -1.25em;
}

ruby > rb {
  display: table-row-group;
  line-height: 1.5;
  text-align: center;
}

ruby > rp {
  display: none;
}

ruby > rt {
  display: table-header-group;
  font-size: 75%;
  line-height: 1.2;
  text-align: center;
  font-weight: normal;
}

ruby.descriptive > rb + rt,
ruby.descriptive > rb + rp + rt {
  display: table-footer-group;
}

ruby > rt + rt,
ruby > rt + rp + rt {
  display: table-footer-group;
}

