/*
 *  CSS definitions for computing memo
 */
@media print {
  @page	{margin: 10%; marks: crop;}
  table	{page-break-inside: avoid;} /* Firefox OK??? */
  h1 {page-break-before: left;}
  h1, h2{page-break-after: avoid;}
  /* $B%F%9%H0u:~$K$O(B line-height 1.1$B!"(B
     $BJ,NL3NG'$K$O(B line-height=1.8, font-size=12pt $B$/$i$$(B */
  body	{ font-size: 12pt; line-height: 1.1; }
  p {margin: 1ex 1.0;}
  .list {border: dashed black; border-width: 0 2px 1px 0; padding: 0;}
  .screen {border-left: 2px dotted black; padding-left: 1ex;}
  .list {font-size: 90%;}
  .screen .u {color: gray; text-decoration: underline;}
}

body {background: burlywood;}
pre {font-family: courier;}
h1 {text-shadow: #efe 2px 2px 4px;}


.small {font-size: smaller;}
a:hover {background: khaki;}

/*
 * for category index
 */

/* div.item$BFb$K2!$79~$a$k$3$H$K$7$?!#(B
body.yindex, body.cindex {padding-right: 10em;}
*/

/* next */
div.item {height: 100%; padding-right: 10em; overflow: auto;}
body>div.item {height: auto;}

.menu {
	position: absolute; margin-right: 0.5ex;
	top: 1ex; bottom: 3ex; right: 1pt; left: auto; width: 9em;
	padding-left: 0.5ex; height: auto;
  	background: khaki url("category/rc-se.png") bottom right no-repeat;
	padding-top: 0;
}
body>.menu {position: fixed;}	/* for IE hack */
.menu hr, .menu ul i {display: none; visibility: none;}
.menu h2 {margin: 0 0;
 text-indent: 25px;
 position: absolute; top: 0; left: 0;
 background: url(category/rc-nw.png) top left no-repeat;
}
.menu a:hover {background-color: white;}
.menu ul {list-style-type: none;
	margin: 1 0; margin: 50px 0; /* 50px depents on category/rc-*.png */
	padding-left: 0; line-height: 1.3;
}
.menu li {padding-left: 0;}
p+address {border-top: 1px solid #224; padding-top: 0.2ex;}

/*
 * text-indent
 */
h1+p, h2+p, h3+p, p+p, p.n {text-indent: 1em}

/*
 * other
 */
blockquote {
  background-color: lemonchiffon;
  margin-left: 1%;
  border: 1px none black;
  padding: 0px 1ex;
}
blockquote p {width: 80ex;white-space: pre;}
.pre {}
.screen {
  color: white;
  background-color: #655;
  margin-left: 1%;
  border: 1px none black;
  padding: 0px 1ex;
}
.screen .usercmd:before {content: "% "}
.screen .rootcmd:before {content: "# "}
.screen var {color: cyan;}

/* $B",;H$$$E$i$$$+$i(B .u $B$r(Bimply$B$9$k$h$&$KJQ99(B 2006/12/27 */
.screen span.uc:before {content: "% "; color: white;}
.screen span.sc:before {content: "# "; color: white;}
.screen .uc, .screen span.sc {color: yellow;}

.screen a:link {color: #9f9;}
.screen a:visited {color: #7e7;}
.screen a:hover {background: #446;}

blockquote.normal { /* $B"+$&$^$/$$$+$s$>(B */
  margin-left: 1%;
  border: 1px none black;
  padding: 0px 1ex;
}

.e {color: red;}
.c {text-align: center;}
.screen .e {color: cyan;}
.shout {text-align: center; font-size: 150%;}
.notice {
  color: red;
  font-size: 120%;
  background-color: cornsilk;
  margin-left: 1%;
  border: 2px none navy;
}
table td.e, table th.e{background: white;}

.list {
  background-color: ivory;
  margin-left: 5%; margin-right: 5%;
  padding: 0px 1ex;
}
li .list, li .screen {margin: 0.5ex;}
.list code, .pre {white-space: pre;}
pre.scroll {overflow: auto;}
.u, span.rootcmd+span {
  color: yellow;
}
div.screen samp.kern {color: #0e0;}
div.screen samp {color: #efc;}
div.sample {
  margin-left: 2em;
}

table.border, table.border td, table.border th, table.border tr {
  border: 1px solid; border-collapse: collapse;
  padding: 0.1ex 0.5ex;
}
table.border {margin-left: 2em;}

p.fl {float: left; margin-right: 1em;}
p.fr {float: right; margin-left: 1em;}
p.fl+p, p.fr+p {clear: none;}
h2, p.clear {clear: both;}
