@charset "Shift_JIS";

/* ------------------------------------------------------------
 * The Web KANZAKI standard stylesheet
 * original: 1997-08-02
 * revised : 2002-05-08
 * -----------------------------------------------------------*/

/* -----------------------------------------------
 * Element type selectors 
 * ----------------------------------------------- */

body {
	color: black;
	background: #fdfdf6 url(../parts/oscommerce-p.gif)
	            no-repeat fixed top left;
	padding-right: 1.5em;
	padding-left: 3em;
	margin-left: 2em; /*IE4 does not support padding in body*/
}
dfn {
	/*color:#c36;*/
	font-style:normal;
	font-weight: bolder;
}
dt {
	font-weight:bolder; margin-top:0.3em
}
var {
	color: #066;
	font-style: italic;
}
hr {
	clear: both
}
/* explicitly declares bgcolor for WebTV */
p, div, h1, h2, h3, h4, address {
	background-color: transparent
}
/*div.navi + hr {display: none}*/

/* -----------------------------------------------
 * Class selectors for ordinary element types 
 * ----------------------------------------------- */

/* for error handling pages */
body.error{
	color: black;
	background-color: #fee;
}

/* for link anchors */
a:link    {color: #006666;}
a:visited {color: #c7a;}

/* avoid confusion on TOC links within the page  (IE) */
.lead a:visited,
.inner a:visited {color: #059;}

.lead a:hover,
.inner a:hover,
a:hover  {color: #396;}

/* link lists which refer to resources on other pages */
.ref {list-style-image: url(../parts/tri-r.png)}
.inner {list-style-image: url(../parts/tri-d.png);}
.enm {list-style-image: none} /*enumerated type*/

p.query {display: inline;}

acronym {border-bottom:1px dotted black} /*IE abac*/

fieldset {
	padding: 1em; border: gray solid 1px;
	background-color: #ffc;
}

/*key identifying instruction*/
.ki kbd, kbd.ki {
	color: maroon; background: #fee;
	border: gray outset thin; padding: 0.1em 0.3em;
}

/* -----------------------------------------------
 * Headings style
 * ----------------------------------------------- */
h1 {
	font-size: 175%;
	color:#002177;
	clear: both;
}

/* subtitle within h1 */
.subtitle {
	font-size: 0.6em;
	font-weight: normal;
	color: green;
}

h2 {
	color: #191970; /* #0050B2 */
	clear: none;    /* both=>none for box layout */
	margin-top: 1.6em;
}
h3, h4, h5, h6 {
	margin-top: 1.5em;
	color: #191970; /* #004466 */
	clear: none;    /* both=>none for box layout */
}

.boxline {  /* 左ボックス + アンダーライン */
	line-height:	110%;
	padding-left: 	7px;

	border-color: 	#FF6347;
	border-style: 	solid;
	border-left-width: 	1em;
	border-bottom-width: 	1px;
	border-top-width:	0px;
	border-right-width:	0px;
}

/* -----------------------------------------------
 * Semamtic group of table columns and rows
 * ----------------------------------------------- */

col.term, colgroup.term {
	background-color: #eef;
}
col.desc, colgroup.desc {
	background-color: #ffffe9;
}
col.formula, colgroup.formula {
	background-color: #def;
}
.special {
	background-color: #fee;
}
thead {
	background-color: #ddd;
}


/* -----------------------------------------------
 * Seamtic block (section) style 
 * ----------------------------------------------- */

.lead {
	padding: 1em;
	border: outset thin #fefef9;
	background-color: #ffffe9;
}

/*for difference btw IE5 and IE5.5/6 */
div.lead p{
	margin:0.35em;
	line-height: 1.3;
}
ul.toc {
	list-style-image: url(../parts/tri-d.png);
}
.intro{
	margin-left: -1.5em;
}
div.maintext p,
div.main p {
	line-height: 1.45;
	margin-bottom: 1.3em;
}
div.main li p {
	margin-bottom: 1em;
}
div.en,
p.en {
	font-family: Arial, sans-serif;
	border: double #ccf;
	padding-top: 1em;
	border-width: thin 0;
	padding-bottom: 1em;
	margin-bottom: 1em;
	background-color: #fdfdf6;
}

.note {
	color: #033;
	border: none;
	background-color: #effeef;
	padding: 0.6em 1em;
}

.hilite{
	border: none;
	background: #ffffcc;
	padding: 0.6em 1em;
}

/* not main text. can be used with inline elements */
.annotate,
.correction,
.excuse,
.misc {
	font-size: 80%
}
/* somewhat 'low key' */
.whisper {
	color:#666666; font-size: 80%
}

/* -- pseudo columns -- */
/* Set class="clear" on the following element */
.col-left,
.col-right {
	padding-right: 1em;
	width: 50%;
	text-align: left;
}
.col-left  {float: left }
.col-right {float: right}
.clear     {clear: both }


/* -----------------------------------------------
 * Boxed article style (moved form /doc/html 2001-09-01)
 * ----------------------------------------------- */

.aux { /* 破線で囲まれたグレー塗りつぶし矩形 */
	margin: 1em 0 1em 3em;
	padding: 0.5em 1em;
	border: dotted 1px #333;
	background-color: #f6f6f6;
	font-size: 95%;
}
.spec-fragment,
.example,
.badexample,
.res-sample {
	margin-left: 0;
	margin-right: 1em;
	padding: 0.5em 1em;
	border: solid 1px #ddd0c0;
	font-family: "Osaka−等幅", "ＭＳ ゴシック", monospace;
	font-size: 95%;
}
.spec-fragment{
	background-color: white;
	border-color: #fc0;
}
.example {
	background-color: #fffef0;
}
.res-sample {
	background-color: #fcfcfc;
}
.badexample {
	background-color: #fff9f9;
	border-color: red;
}
.l-ex {
	font-size: large;
}
.ex-label {color: #00c;}
div p.ex-label {margin: 0 auto}
div.example pre, div.example p {margin: 0.3em auto;}

/* -----------------------------------------------
 * Common classes for phresal text
 * ----------------------------------------------- */

/* attention for non empashis such as code, ins, del */
.attn  {color:#f33}
.attn2 {color:navy}
.attn3 {color:#093}

/* something like 'line marker' */
.dif1  {color:black; background-color:#eef}
.dif2  {color:black; background-color:#fee}
.dif3  {color:black; background-color:#efe}
.dif4  {color:black; background-color:#feb}

/* do not display on CSS aware browsers, but show on others */
.c,.comptblty {
	display: none;
}

/* but, why do you need color here ? */
.hot {
	color:#ff0000
}
.cool,
.pseudolink {
	color:#0000ff
}

.silent {
	color:black; font-style: normal; font-weight: normal;
}

/* number should be right aligned*/
.num {
	text-align: right
}

/* some (legacy) positioning styles */
.pause, /*separating sections such as * * * */
.prima  /* primary image or section */{
	text-align: center
}
.FYI, /* For your info */
.tailpiece /* cite, signature etc, at the right bottom */{
	text-align: right
}


/* -----------------------------------------------
 * Image positioning and border 
 * ----------------------------------------------- */
img.left,
img.sign {
	float: left
}
img.right,
img.tailpiece {
	float: right
}
a img {
	border-style: none; color: white; /* border:none breaks NN 4.x */
}



/* -----------------------------------------------
 * Navigation at top and bottom 
 * ----------------------------------------------- */

/* page top logo-banner-navigation */
#banner {
	margin-left:-2em;
}
#twk-logo {
	float:left;
	display:block;
	margin-right:0.5em;
}

/* pesudo underline for banner */
#gnavi{
	width: 420px;
	margin: 0 0 0 90px;
	padding: 11px 0 0 5px;
	border-width: 0 0 1px 0;
	display:block;
	border-style: solid;
	border-color: #cce;
}

/* Text (anchor) appearance for navigation bar */
#banner,
#b2t-navi,
.navi-ex {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #66e;
}
#banner,
#b2t-navi {
	font-size: 14px;
	display: block;
}
#banner a:link,
#banner a:visited,
#b2t-navi a:link,
#b2t-navi a:visited {
	color: #66e; text-decoration: none;
}
#banner a:hover,
#b2t-navi a:hover {
	color: #f99; text-decoration: underline;
}


/* top-right [Help] [Status info] positioning */
#stinfo-navi{
	display: block;
	text-align: right; /*required for Opera support*/
	width: auto;
	position: absolute;
	/*float:right;*/
	top: 10px; right: 1em;
	font-size: 140%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#snavi{	font-size: 16px}


/* bottom-right [Page top] positioning */
#b2t-navi {
	display: block;
	float:right;
	width: 92px;
	text-align: right;
	font-style: normal;
	background: #fdfdf6; /*NN4*/
}

#pst {color: navy; font-style: italic /*same as address*/}


@media screen{
	*[accesskey]:after{
		content: "<" attr(accesskey) ">";
		font-size: 80%;
		vertical-align:super;
	}
	a[href^="http:"]:before {
		content: url(../parts/netref.gif);
	}
}

@media aural{
	.c {display: inline}
}

/* box layout */
#contents {
}

#pagelinks {
  float: right;
  width: 185px;
  margin-left: 20px;
}

.blockLayout {
  border-width: 1px;
  border-style: solid;

  border-color: #000000;
}

.blockTitle {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  padding-left: 3px;

  color: #FFFFFF;
  background-color: #838083;
}

.blockContent {
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;

  background-color: #FFFFFF;
}

.blockContent a:link, .blockContent a:visited, .blockContent a:active {
  text-decoration: none;
}

.blockContent a:hover {
  text-decoration: underline;
}