/**
@prefix : <http://purl.org/net/ns/doas#> .
<http://www.kanzaki.com/parts/kan01.css> a :CSSstylesheet;
 :title "The Web KANZAKI standard stylesheet";
 :shortdesc "Common stylesheet for XHTML pages of this site";
 :created "1997-08-02";
 :release [:revision "3.31"; :created "2006-02-21"];
 :author [:name "KANZAKI, Masahide"; :homepage <http://www.kanzaki.com/> ];
 :license <http://creativecommons.org/licenses/GPL/2.0/> .
*/

/**@import "css3.css";**/

/* ----------------------------------------------- */
/** @Compact Table of Contents */
/* TP200102 trys to put this in upper right instead
 * of myintro section 
 * ----------------------------------------------- */

#c-toc {
	background-color: #ffffe3;
	padding: 0.75em 1em;
	border: gray 1px outset;
/****	list-style-image: url(/parts/tri-r.png);*/
	/*TP200102
	-- left:40% did not look very well in Win IE5 --
	margin-right: 1em;
	width:65%;
	position: absolute;
	top: 60px; 
	right: 1em;
	*/
}
/*TP200102*/
#c-toc h2 {
	margin: 0 1em;
}
#c-toc ul {
	margin-top:0.4em;
	margin-bottom:0.4em;
}

h4 {
	font-size: 1em; 
	font-weight: normal; 
	color: black;
}


/* =============================================== */
/** @Global structure */
/* ----------------------------------------------- */

/** Docoment body */
body {
	font-size:100%;
	color: black;
	background: #fdfdf6;
/****	background: #fdfdf6 url(/parts/www.png) no-repeat fixed top left;*/
	padding: 10px 3em 10px 5em;
	margin:0; /* ensure whole viewport be coverd by body */
	/*margin-left: 2em; IE4 does not support padding in body*/
	max-width: 800px;
}
/* for error handling pages */
body.error{
	color: black;
	background-color: #fff4f4;
}

/** (header part) */
/*  --> See Header functions section */

/** Lead / summary section */
.intro{
	margin-left: -1.5em;
}
.lead {
	background-color: #ffffe9;
	padding: 1em;
	border: outset thin #fefef9;
}
/*for difference btw IE5 and IE5.5/6 */
div.lead p /** dc:description */{
	line-height: 1.3;
	margin:0.35em;
}
/* table of contents */
ul.toc {
/****	list-style-image: url(/parts/tri-d.png);*/
}


/** Main content section */
div.maintext p,
div.main p {
	line-height: 1.45;
	margin-bottom: 1.3em;
}
div.main li {
	margin-bottom: 0.33em;
	line-height: 1.25;
}
div.main li p {
	margin-bottom: 1em;
}

/** Footer section */
html:lang(ja) address {
	font-style:normal;
}
/* update information */
#pst {
	font-style: inherit; 
	font-weight:normal;/*same as address*/
	color: navy;
}

/** avoid bg image annoyance */

p, ul, ol, div, table {
	background-color: inherit;
}

/* =============================================== */
/** @Global block level */
/* ----------------------------------------------- */

/** Headings and rule style */
h1 {
	font-size: 175%;
	color:#002177;
	clear: both;
}
/* subtitle within h1 */
.subtitle {
	font-size: 0.6em;
	font-weight: normal;
	color: green;
}
h2 {
	color: #0050B2;
	margin-top: 1.75em;
	clear: both;
}
h3, h4, h5, h6 {
	color:#004466;
	margin-top: 1.6em;
	clear: both;
}
h1,h2,h3,h4,h5,h6 { /* Mozilla */
	/*font-family: sans-serif;*/
	margin-bottom: 0.5em;
}
hr {
	clear: both;
}


/** Language related */
div.en,
p.en {
	font-family: "Arial", sans-serif;
	background-color: #fdfdf6;
	padding-top: 1em;
	padding-bottom: 1em;
	border: double #ccf;
	border-width: thin 0;
	margin-bottom: 1em;
}
p.esum, div.esum, dd.esum { /* English summary section */
	background: #f8f8ff;
	padding: 1em;
	border: dotted #88f 1px;
}


/* ----------------------------------------------- */
/** @Boxed article */
/* ----------------------------------------------- */

/** Note block */
.note {
	color: #033;
	background-color: #effeef;
	padding: 3% /*0.6em 1em*/;
	width: 92%;
	border: none;
}
/** test for round corner */

.note:before {
	content: url(/parts/tl.gif);
	margin: -3.33% 0 0 -3.33%;
	width: 106.7%;
	display: block;
	background:url(/parts/tr.gif) bottom right no-repeat;
	height:8px;
	line-height:8px;
	vertical-align:top;
}
.note:after {
	content: url(/parts/bl.gif);
	margin: 0 0 -3.2% -3.33%;
	width: 106.7%;
	display: block;
	background:url(/parts/br.gif) bottom right no-repeat;
	vertical-align:bottom;
	line-height:8px;
}

/** Auxilary boxes */
.aux {
	font-size: 92%;
	background-color: #f6f6f6;
	padding: 0.5em 1em;
	border: dotted 1px #333;
	margin-left: 0;
	margin-right: 1em;
}
.infobox {
	background: white;
	padding: 0.8em 1em;
	border: solid 1px #ddd0c0;
}

/** Example boxes */
.hilitebox,
.spec-fragment,
.example,
.badexample,
.res-sample {
	font-size: 95%;
	font-family: monospace;
	padding: 0.8em 1em 0.6em 1em;
	border: solid 1px #ddd0c0;
	margin-left: 0;
	margin-right: 1em;
	line-height: 1.15;
}
.spec-fragment{
	background: white url(/parts/spec.gif) no-repeat top left;
	border-color: #fc0;
	padding-bottom: 0;
}
.example {
	background: #fffef0 url(/parts/example.gif) no-repeat top left;
}
.example pre, .example p {
	margin: 0.3em auto;
}

.hilitebox,
.res-sample { /* response sample i.e. not input by user */
	background-color: #fcfcfc;
}
.badexample {
	background: #fff9f9 url(/parts/badex.gif) no-repeat top left;
	border-color: red;
}
.l-ex { /* large example */
	font-size: large;
}

/** Example label */
.ex-label { /* inline, but part of box */
	color: #00c;
}
div p.ex-label {
	margin: 0 auto;
}


/* ----------------------------------------------- */
/** @Table semantics */
/* ----------------------------------------------- */

thead {
	background-color: #ddd;
}
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;
}

/** All cells are code. can be used for other elements */
.codes {
	font-family: monospace;
}

/* ----------------------------------------------- */
/** @Functional blocks */
/* ----------------------------------------------- */

/** Controls */

button { /* Safari */
	display: inline
}
fieldset {
	background-color: #ffc;
	padding: 1em;
	border: gray solid 1px;
}
.query { /*form or fieldset*/
	display: inline;
}

/** Take care of print */
span.hrefprint {
	display:none
}
.cpr {
	color: black;
	display: none;
}



/** Weak or minor semantic classes */

.obsolete {
	color: #666;
	background: white url(/parts/obsolete.gif) no-repeat top left;
	padding: 0.5em 1em 0.5em 2em;
	border: silver dashed 1px;
	border-right: none;
}
.dim, .deprecated {
	color: gray;
}
.dim a:link, .dim a:visited {
	color: #339;
}

/* not main text. can be used with inline elements */
.annotate,
.correction,
.excuse,
.credit,
.misc {
	font-size: 80%;
}

/* somewhat 'low key' */
.whisper {
	font-size: 80%;
	color:#666666;
}

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


/** Some positioning */

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

/* number should be right aligned*/
.num {
	text-align: right;
}
/* some (legacy) positioning styles */
.pause, /*separating sections such as * * * */
.prima,  /* primary image or section */
.sn /* semantically neutral */ {
	text-align: center;
}
.FYI, /* For your info */
.tailpiece, /* cite, signature etc, at the right bottom */
.dopo /* <-> prima */ {
	text-align: right;
}
.alt-lang {
	text-align:right;
	/*background:#efe*/
	padding-top:0.5em;
	position:absolute;
	right: 1em;
}




/* =============================================== */
/** @Inline semantics */
/* ----------------------------------------------- */

/** Definition and subject */
dfn {
	font-style:normal;
	font-weight: bolder;
}
dt {
	font-weight:bolder;
	margin-top:0.4em;
}
var {
	font-style: italic;
	color: #066;
}
/*key identifying instruction*/
.ki kbd, kbd.ki {
	background: #fff3f3;
	padding: 0.1em 0.3em;
	border: solid 1px; /*outset thin not great in IE */
	border-color: #ccc #333 #333 #ccc;
}

del {
	color: gray;
}

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


/* ----------------------------------------------- */
/** @Hyper links */
/* ----------------------------------------------- */

/* for link anchors */
a:link{
	color: blue;
}
a:visited {
	color: #944;
}
a:active {
	color: #e33;
}

/* 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  {
	background: #e8e8e8;
}
a[name]:hover {
	background: inherit;
}

/** link lists */
.ref { /* other page */
/****	list-style-image: url(/parts/tri-r.png);*/
}
.inner { /* within the document */
/****	list-style-image: url(/parts/tri-d.png);*/
}
.enm { /*enumerated type*/
	list-style-image: none;
}


/* ----------------------------------------------- */
/** @Phrase hilies */
/* ----------------------------------------------- */

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

/** Attentions */
.attn  {
	color:#e30;
}
.attn2 {
	color:#00f;
}
.attn3 {
	color:#0c3;
}

/** Line marker hilite */
.dif1 {
	color:black;
	background-color:#d3d3f9;
}
.dif2 {
	color:black;
	background-color:#ffe3e3;
}
.dif3 {
	color:black;
	background-color:#b7ffaf; /*#ace0ac*/
}
.dif4 {
	color:black;
	background-color:#feb;
}

/** Hot, cool, pseudo... */
.hot {
	color:#ff0000;
}
em.hot {
	font-weight: normal;
}
.cool,
.pseudolink {
	color:#0000ff;
}
.pseudolink {
	text-decoration: underline;
	cursor:pointer;
}
.pseudobutton {
	background:#ddd;
	/*padding:0.1em;*/ cursor:pointer;
	border:gray outset thin;
	display:block;
}

/** cancel hilites */
.silent {
	font-style: normal;
	font-weight: normal;
	color:black;
}

/** Image related position and border */
img.left,
img.sign {
	float: left;
}
img.right,
img.dopo,
img.tailpiece {
	float: right;
	margin-left:10px;
}
a img {
	color: white;
	/* border:none breaks NN 4.x */
	border-style: none;
}

.fphoto a img {
	border: blue 1px solid;
	margin-right: 2px;
}


/* =============================================== */
/** @Header functions */
/* ----------------------------------------------- */

/** Logo-banner-navigation */
#banner {
	font-size: 14px;
	margin-left:-1.5em;
	display: block;
}
#banner a:link,
#banner a:visited{
	color: #66e;
	text-decoration: none;
}
#banner a:hover{
	text-decoration: underline;
	color: blue/*#f64c4c;
	background:transparent*/;
}

/** Text appearance for navibar */
#banner,
.navi-ex {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #66e;
}
#twk-logo {
	margin-right:0.5em;
	display:block;
	float:left;
}

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

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

/** pseudo fixed link banner */
#pflb {
	margin:0;
	width:25px;
	height:200px;
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#pflb img {
	width:25px;
	height:200px;
}
a#pflb:hover{
	background:transparent;
}


/* =============================================== */
/** @Functions placed at the bottom */
/* ----------------------------------------------- */

/* test ad */
#gglad {
	float:right;
}
/* QR code buttons */
#qrcode {
	font-size:72%;
	font-style:normal;
	line-height:1;
	text-align:center;
	padding:0.3em 0.5em;
	border:gray 1px dotted;
	margin-left:0.5em;
	width:8em;
	display:block;
	float:right;
}

/* a legacy CSS note */
#b2t-navi {
	display: none;
}


/** Popup table of contents */
#poptoc {
	font-size:small;
	background:#e3e3e3;
	padding:0.5em;
	border:gray thin outset;
	margin-right:-10em;
	/*min-width:18em; max-width:25em;*/
	/*width:22em;*/
	display:none;
	position:absolute;
	z-index:1;
}
#poptoc a:hover{
	background:#ccc;
}
#poptoc a{
	color:blue;
}
#poptoc h2{
	font-size:small;
	font-weight:normal;
	text-align:center;
	color:navy;
	background:#fee;
	padding:0.3em;
	border:silver solid 1px;
	margin:0;
}
#poptoc h2 a{
	text-decoration:none;
	color:navy;
}
#poptoc h2 img {
	margin-bottom:-3px;
	margin-right: 2px
}
#poptoc .nav {
	padding-top:0.2em;
	border-top:1px gray solid;
}
#poptoc a.here{
	text-decoration: none;
	color: black;
	background: #ccc;
	border:1px dotted gray;
	cursor:default;
}

img.tocpic {
	margin-left: 0.5em;
	margin-bottom: -3px;
	cursor:pointer;
}



/* =============================================== */
/** @Media specific style */
/* ----------------------------------------------- */

@media screen {
	#ggladr {position:absolute; top:5em; right:1em;}
}

@media handheld {
	body {
		background-image: none;
	}
	p {
		margin-top:1em;
	}
	h1, h2, h3, h4, h5, h6{
		margin-top:1em;
	}
	h1,h2 {
		color:#00b;
	}
}