@import 'http://suika.fam.cx/www/style/ui/toc-style-float.css';
@namespace ab 'http://suika.fam.cx/~wakaba/archive/2004/12/6/ab#';
@namespace toc 'http://suika.fam.cx/~wakaba/archive/2005/3/toc#';
@namespace h1 'http://www.w3.org/1999/xhtml';
@namespace h2 'http://www.w3.org/2002/06/xhtml2';

/* 全体 */
body {
  background-color: transparent;
  background-image: url(/~wakaba/-temp/2004/sw);
  background-position: right bottom;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 0.5em 4em 0.5em 1.5em;
  color: inherit;
  line-height: 210%;
  font-size: 100%;
}

.wiki-section {
  clear: both;
}

/* 見出し(*〓、**〓、***〓) */
h1, h2, h3, h4, h5, h6 {
  border-style: outset;
  -moz-border-radius-topright: 5%;
  border-width: thin;
  border-color: #5555AA;
}

h1 {
	color: #222277;
	background-color: #AAAAFF;
	padding: 0.02em 0.04em;
  font-weight: bolder;



  font-size: 120%;
  line-height: 140%;
  -moz-binding: url(http://suika.fam.cx/www/style/ui/toc#after);
}
h2 {
	color: #FFFFFF;
	background-color: #5555AA;
	padding: 0.1em 0.2em;
  font-weight: bolder;
  font-size: 100% !important;
  line-height: 120%;
}
h3 {
	background-color: #ddddff;
	padding: 0.3em 0px 5px 0.3em;
  color: #5555ff;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h4 {
  border-color: #ff8040;
  padding-left: 0.5em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h5 {
  border-color: #80ff00;
  padding-left: 0.6em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}
h6 {
  border-color: #ffff00;
  padding-left: 0.8em;
  font-weight: bolder;
  font-size: 100%;
  line-height: 120%;
}

#see-also, #referer {
/*  max-height: 20em; */
  overflow: auto;
}

@media print {
  #see-also, #referer {
    font-size: 80%;
    max-height: auto;
    max-height: -moz-initial;
  }
}


/* 段落 */
p, pre, blockquote, ul, ol, dl, table, form {
  margin: 0 1.5em 0.5em 1.5em;
}

p {
/*  max-width: 95%;
  height: auto;
  overflow: auto; Moz で不要な scroll bar が出てしまう。 */
  text-indent: 1em;
  text-align: justify;
}

blockquote
	{ border:1px inset #d0e0ff;
	margin:0.35em 1em; padding: 0.03em 0.25em;
  background-color: #fbfffb;
  color: black;
}


h1 + pre {
  clear: both;
}

pre {
  border:thin dotted #ccccff; background-color:#eeeeff;
  padding:0.5em;
  max-width: 95%;
  max-height: 20em;
  overflow: auto;
  font-size: 100%;
  line-height: 1.0;
}

/* リスト */
li{ margin: 0px 0px 0px 0px; }
ul, ol {
/*  max-width: 95%;
  height: auto;
  overflow: auto; */
}
li:hover, li li li:hover {
  background-color: #ffecf5;
  color: black;
}
li li:hover, dd li:hover {
  background-color: #f4fffa;
  color: black;
}
h1|div[toc|toc] li:hover,
h1|div[toc|toc] li li:hover,
h1|div[toc|toc] li li li:hover {
  background-color: transparent;
  color: inherit;
}

dl {
  display: block;
  padding: 0;
}
dt {
  display: block;
  float: left;
  clear: both;
  width: 20%;
  margin: 0;
  border-left: #dadff5 0.3em solid;
  padding: 0 0 0 0.1em;
  font-weight: bolder;
}
dd {
  margin: 0 0 0 0.5em;
  border-style: none;
  padding: 0 0 0.1em 0.5em;
  max-width: 85%;
  max-height: 24em;
  overflow: auto;
}
dl dl dt, dl dl dd {
  border-color: #ffe1f0;
}
dt:hover, dt:hover + dd, dd:hover {
  background-color: #ffecf5;
  color: black;
}
dd dd:hover, dd dt:hover + dd, li dd:hover, li dt:hover + dd,
dd dd dt:hover, li dt:hover {
  background-color: #f4fffa;
  color: #f4fffa;
}
dl + * {
  clear: both;
}
dt:hover, dd:hover, li:hover {
  z-index: 10000;
}

/* Anchors */
/* 属性選択子も理解できない糞 UA はとっとと死滅してほしいんだが。 */
a {
  text-decoration: none;
}
a[href] {
  border: #0000CC none 1px;
  padding: 0.1em;
  text-decoration: underline;
}
a:link {
  border-color: #8080ff;
  background-color: transparent;
  color: #0000CC;
}
a:visited {
  border-color: #d2a6ff;
  background-color: transparent;
  color: #000080;
}
a img {
  text-decoration: none;
}
	A:link IMG 	{border: 1px solid blue}
	A:visited IMG	{border: 1px solid purple}
	A:active IMG	{border: 1px solid red}
	A:hover IMG	{border: 1px solid #ffa}

/* Inner-wiki Links */
a.wiki {
  border-style: none none dashed none;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

/* Linked WikiPage is not yet written */
a.wiki.not-exist {
  border-color: #ff8080 !important;
}

a.wiki-anchor, a[href].wiki-anchor /* >>\d+ */ {
  border-style: none;
  text-decoration: none;
}
a[href^="#"]:link, a[href^="#"]:visited {
  border-style: none !important;
  text-decoration: none;
}
a.wiki:link:hover {
  border-bottom-color: red;
}
a.wiki:visited:hover {
  border-bottom-color: purple;
}
a:hover {
  background-color: #FFA;
  color: #000080;
}
a.wiki:hover {
  border-bottom-style: solid;

}
a:active {
  color: red;

}
a.wiki-cmd /* View, Edit, AdminEdit */ {
  border-style: dotted;
  border-color: ButtonShadow;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}
.tools a.wiki-cmd {
  border-color: InfoBackground /* same as div.tools/background-color ! */;
}
.tools a[href].wiki-cmd {
  border-color: -moz-Dialog /* same as div.tools/background-color ! */;
}
a.wiki-cmd:hover {
  border-style: outset;
  border-color: ButtonShadow;
  background-color: ButtonFace;
  color: ButtonText;
}
a.wiki-cmd:active {
  border-style: inset;
  border-color: ButtonShadow;
  background-color: ButtonFace;
  color: ButtonText;
}
a.uri {
  font-size: 60%;
}

@media print {
  a.wiki {
    border-style: none;
  }
  a .mark {
    display: none;
  }
}

/* \[\d+\] */
a.anchor {
  position: absolute;
  top: auto;
  left: 0;
  display: block;
  width: 3em;
  text-align: right;
  vertical-align: super;
  background-color: transparent;
  color: #C0C0C0;
  font-size: 80%;
  line-height: 1.0;
  text-indent: 0;
}
p:hover a.anchor,
li:hover a.anchor,
dd:hover a.anchor {
  background-color: #ffecf5;
  color: red;
}
li li:hover a.anchor, dd li:hover a.anchor {
  background-color: #f4fffa;
  color: red;
}


/* 表 */
table {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #CCCCFF;
}

tbody {
}

tr:hover {
  background-color: #ffecf5;
  color: black;
}

td {
  padding: 0.5em;
  line-height: 180%;
  min-width: 1em;
}

td:hover {
  background-color: #f4fffa;
  color: black;
}
table a.anchor {
  background-color: #F4FFFA;
  color: red;
}

table .uri {
  font-size: 70%;
}

.content {
    line-height: 140%;
    margin: 1em 0 1em 1em;
    font-size: small;
}
.footer {
    text-align: left;
    font-size: x-small;
}
.InterWiki {
	color: black;
	background: #eee;
}

/* navigation anchors */
#tools1, .tools {
  float: right;
  width: 36%; max-width: 15.5em;
  margin: 0;
  border-style: ridge;
  -moz-border-radius: 3%;
  border-color: InactiveBorder;
  border-width: meduim;
  padding: 0.1em;
  line-height: 125%;
  text-align: center;
  background-color: InfoBackground;
  color: InfoText;
  -moz-opacity: 0.3;
  font-size: 85%;
}
#tools1 {
  position: fixed;
  margin-top: -3em;
}
#last-modified + .tools, #toc + .tools /* navigation bar in footer */ {
  display: none;
}
#tools1:hover, .tools:hover {
  border-color: ActiveBorder;
  -moz-opacity: 0.99;
}
#tools1, .tools {
  color: -moz-DialogText;
  background-color: -moz-Dialog;
}

@media print {
  #tools1, .tools {
    display: none;
  }
}

/* table of contents */
h1|div[toc|toc] {
  float: right;
  position: fixed;
    /* .DRAGABLE になる前に position を fixed にしておかないと、
       (XBL を使った場合 Mozilla は) mousemove などの刺激がないと
       反映されない。不具合か仕様か微妙なところ。
       absolute にすると落ちる。こっちは不具合だろう。
       しかしこうすると XBL も drag.js も効かない UA
       で邪魔な固定物が出てきて問題があるかも。 */
  width: 32%; max-width: 15.5em;
  max-height: 80%;
  clear: both;
  overflow: auto;
  margin: 0 0 0.5em 0.5em;
  border-style: ridge;
  -moz-border-radius: 3%;
  border-color: #66b3ff;
  border-width: meduim;
  -moz-resizer: both;
  padding: 0.03em;
  -moz-opacity: 0.3;
  background-color: InfoBackground;
  color: InfoText;
}
/* 目次 : 普段は小さくしておいて、 hover 時だけ展開する */
/* WinIE 6, WinOpera 7.02 は (非 A):hover に未対応, Opera 7.11 は対応。 */
h1|div[toc|toc]:not(.OPERA) {
  max-height: 1em;
}
h1|div[toc|toc]:hover {
  -moz-opacity: 0.99;
}
h1|div[toc|toc]:hover:not(.OPERA) {
  max-height: 80%;
}
h1|div[toc|toc] h2|h {
  display: none;
}
#toc ul {
  margin: 0;
  padding-left: 1em;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 90%;
}
#toc ul li {
}

@media print {
  h1|div[toc|toc] {
    /* あったほうがいい? */
    display: none;
  }
}

#toc a:link, #toc a:visited, #toc a[href]:link, #toc a[href]:visited
        {border-style: none none none none !important;
        border-width: 1px;
        border-color: #C0C0C0;
        padding: 0.01em;
        text-decoration: none !important;
}


h1|div[toc|toc].DRAGABLE {
  position: fixed;
  right: 1em;
  top: 5em;
  margin: 0;
  border-style: outset;
}
#tools1.DRAGABLE {
  margin: 0;
  border-style: outset;
}
#toc.DRAGABLE.MSIE, #tools1.DRAGABLE.MSIE {
  filter: progid:DXImageTransform.Microsoft.Alpha(enable=true,opacity=30);
}
#toc.DRAGABLE.MSIE.HOVER, #tools1.DRAGABLE.MSIE.HOVER {
  filter: progid:DXImageTransform.Microsoft.Alpha(enable=false);
}

#toc.DRAGING, #tools1.DRAGING {
  cursor: move;
}

/* footer: last-modified */
#last-modified
{
  margin: 0;
  border-style: solid solid none none; border-color: #C0C0C0;
  border-width: thin;
  padding: 0.1em;
  text-align: right;
  color: gray;
}
#footer { /* footer in both HTML and XHTML mode */
  margin: 0;
  border-left: solid #C0C0C0 thin;
  border-top: solid #C0C0C0 thin;
  padding-left: 0.1em;
  padding-top: 0.1em;
  overflow: hidden;
}
DIV#footer { /* footer in HTML (not XHTML) mode */
  border-bottom: solid gray thin;
  border-right: solid gray thin;
  padding-bottom: 0.1em;
  padding-right: 0.1em;
}

@media print {
  #footer {
    display: none;
  }
}

abbr {
  border-bottom: #ffb3d9 dashed 1px;
  cursor: help;
  -moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#abbr);
}

ab|note, ab|fnref + cite.src {
  display: block;
  position: absolute;
  top: auto;
  right: 0.5em;
  width: 4.5em;
  margin: 1px;
  border: 1px dotted green;
  padding: 2px;
  font-size: smaller;
  line-height: 110%;
  text-align: left;
}
ab|note {
  text-indent: -1em;
}
ab|fnref + cite.src {
  text-indent: -1.5em;
}
ab|note:before {
  content: "< ";
  cursor: pointer;
}
ab|fnref + cite.src:before {
  content: "*" attr(ab|fnnum) " ";
}
ab|note:hover, ab|fnref + cite.src:hover {
  background-color: #fbfffd;
  color: black;
  z-index: 10000;
}
ab|note ab|caption {
  display: inline;
  font-weight: bolder;
}
ab|note ab|caption:after {
  content: ": ";
}
ab|note ab|desc {
  display: inline;
  text-indent: 0;
}
ab|note:hover + abbr[title] {
  background-color: #ffb3d9;
  color: black;
}

var {
  font-style: italic;
}

/* form */
form {
  border: blue dashed 1px;
  padding: 5px;
}/* should be form.wiki */
form:active {
  border-color: red;
}
form:hover {
  border-style: solid;
/*  background-color: #FFA;
  color: #000080;*/
}

form p {
  text-indent: 0
}

@media print {
  form {
    display: none;
  }
}

input, select {
  font-size: 100%;
}
input[type=text], input[type=password], input[type=submit], input[type=button],
input[type=cancel], select {
  min-height: 2em;
  line-height: 190%;
}
textarea
	{font-size: 100%; line-height: 150%;
	margin-left: 1.5%; margin-right: 1.5%;
  max-height: 25em;
  behavior: expression(this.setAttribute('autoheight:max-rows', 25),
                       'url(http://suika.fam.cx/www/style/ui/textarea-autoheight.htc)');
  -moz-binding: url(http://suika.fam.cx/www/style/ui/textarea-autosize#rows);
}

.pe--from-parameter:after {
  color: red;
  background-color: transparent;
  content: "*";
  vertical-align: super;
  font-size: smaller;
}

#edit textarea /* WinIE 対策 [name=we--content] */
/* page content in edit-form */ {
  height: 95%;
  width: 95%;
}
form.comment {
  margin: 0.5em 1em;
}
input.comment-name {
  width: 10em;
}
input.comment-msg {
  width: 70%;
}
input.require, textarea.require, select.require {
  outline: thin red dashed;
  -moz-outline: thin red dashed;
}

/* diff */
ins, .example-ins
	{display: block;
  border-style: outset;
  border-color: #ffdcb9;
  border-width: thin;
	color: black; background-color: #ffdcb9;
	text-decoration: none}
p ins, pre ins,
li ins, ol ins, dt ins, dd ins, h1 ins, h2 ins, h3 ins, h4 ins, h5 ins, h6 ins,
.example-ins
   {display: inline}
ins > p:first-child {
  text-indent: 0;
}

del, .example-del {

}

.diff {
  white-space: normal;
}
.diff .line {
  display: block;
  margin: 0;
  border-style: none;
  padding: 0;
  min-width: 95%;
}
.diff .lineno {
  color: gray;
  background-color: transparent;
}
.diff .lineno:after {
  content: " 行目";
}
.diff .sign {
  border: outset gray thin;
}
.diff .line .content {
  margin: 0;
  font-size: 100%;
  white-space: pre;
}


/* inline elements */

.cite-note {
  width: 100%;
  text-align: right;
  color: gray;
}


/* 強調 */
em {
  margin: 0 0.02em;
  font-style: normal;
  text-decoration: underline;
  letter-spacing: 0.01em;
}

em rt, em .mark {
  text-decoration: none !important;
}

strong {
  margin: 0 0.04em;
  font-weight: bolder;
  letter-spacing: 0.02em;
}

.weak {
  font-size: 80%;
  color: gray;
  background-color: transparent;
}

/* 引用 */

/* 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: "";
}

cite.src {
  -moz-binding: url(http://suika.fam.cx/www/style/ui/sidenote.xbl#footnote);
}
ab|fnref {
  vertical-align: super;
  color: gray;
  font-size: smaller;
  line-height: 1.0;
}
ab|fnref:before {
  content: "*";
}

/* q: Q element */
q:before {content: "「"} q:after {content: "」"}
q q:before {content: "『"} q q:after {content: "』"}
q q q:before {content: "「"} q q q:after {content: "」"}
cite q:before {content: "「"} cite q:after {content: "」"}
q cite:before {content: "『"} q cite:after {content: "』"}
q cite q:before {content: "「"} q cite q:after {content: "」"}

/* ruby */

ruby rp,
ruby rt.below {
  font-size: 50%;
  line-height: 100%; letter-spacing: 0.02em;
  color: graytext;
}


/* Calender plugin */
.calender, .calender tr, .calender th, .calender td {
  border-style: none;
  color: inherit;
  background-color: inherit;
}
.calender {
  margin: 0.3em;
  float: left;
}
.calender th, .calender td {
  margin: 0;
  padding: 0.05em;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle;
}
.calender .wiki {
  color: black;
}
.calender .sun {
  color: red;
  background-color: inherit;
}
.calender .sat {
  color: blue;
  background-color: inherit;
}
.calender .wiki.not-exist {
  color: gray;
}
.calender .sun .not-exist {
  color: #ff8080;
}
.calender .sat .not-exist {
  color: #8080ff;
}

/* BugTrack */
.high th, .high td {
  border-bottom: red 2px solid;
  background-color: #ff9dce;
  color: black;
}
.normal th, .normal td {
  background-color: #a2ffa2;
  color: black;
}
.low th, .low td {
  background-color: #ffffb9;
  color: black;
}
.closed.high th, .closed.high td {
  border-style: none;
  background-color: #ffecf5;
  color: #808080;
}
.closed.normal th, .closed.normal td {
  background-color: #ecffec;
  color: #808080;
}
.closed.low th, .closed.low td {
  background-color: #ffffe1;
  color: #808080;
}
.bt--bugtrack .last\_modified,
.bt--bugtrack .no, .bt--bugtrack .priority,
.bt--bugtrack .status {
  text-align: center;
  font-size: x-small;
}
.closed th, .closed td {
  font-size: smaller;
}

/* Image */
img.embed {
  float: left;
}

/* Sidemenu */
#side-menu {
  max-width: 100%;
  overflow: hidden;
  line-height: 130%;
  font-size: 90%;
}
#side-menu h1, #side-menu h2, #side-menu h3 {
  margin: 4px 0;
  padding: 1px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 100%;
  text-align: center;
}
#side-menu ul, #side-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#side-menu ul ul, #side-menu ol ol {
  margin-left: 0.5em;
}
#side-menu li {
  margin: 0;
  padding: 0;
}
#side-menu input, #side-menu select {
  max-width: 100%;
}
#side-menu input[type="submit"], #side-menu input[type="button"] {
  padding: 0;
  text-align: center;
}

dl.SuikaWikiConst dt,
dl.SuikaWikiConst dd {
  overflow: auto;
  white-space: pre;
}

/* Page listing */
.headline {
  font-size: 65%;
  color: gray;
  background-color: transparent;
}


/*LICENSE

Copyright 2000-2005 authors.  All rights reserved.

This stylesheet is free software; you can redistribute it and/or
modify it under the same terms as Perl itself.
*/