@charset "Shift_JIS";
/* http://www.wsj21.net/style.css */
table,hr { display: none; }
.body table { display: block; }
/*
*/
/* **** Class **** */
.right		{ text-align: right; }
.center		{ text-align: center; }
.nowrap		{ white-space: pre; }
.tips		{ font-weight: bold; font-style: italic; }
.underline	{ text-decoration: underline; }
.green		{ color: #006600; }
.red		{ color: #ff3333; }
.sred		{ color: #ff3333; font-size: x-small; }
.yred		{ color: #ff3333; background: #ffff99; font-weight: bold; border: 2px solid; padding: 5px; }
.bred		{ color: #ff3333; font-weight: bold; }
.clr		{ clear: both; }
.del		{ font-decoration: line-through; }
.hide		{ display: none; }
.monospace	{ font-family: monospace; background: #f3f3f3; }
.small		{ font-size: x-small; }
.big		{ font-size: medium; font-weight: bold; }
hr.clr		{ display: block; clear: both; color: #f7ffe5; background: #f7ffe5; border: 0 none; border-top: 1px solid #f7ffe5; height: 0px; /*visibility: hidden;*/ }
hr.hide		{ display: none; }

img		{ border: 0 none; }
p		{ word-break: break-all; line-height: 1.3; }
li		{ word-break: break-all; }
address		{ font-style: normal; font-weight: bold; }
em		{ font-style: normal; border-bottom: 1px dotted; }
textarea	{ width: 100%; height: 4.5em; }
.inline		{ margin: 1em; padding: 0; }
.inline li	{ display: inline; }

/* **** Anchor **** */
a		{ font-weight: bold; }
a:link		{ color: #0066ff; }
a:visited	{ color: #330099; }

/* **** History **** L1*/
ul.history	{ margin: 1em 10px 0 25px; padding: 0; }
ul.history li	{ margin: 0; padding: 0; }
ol.history	{ margin: 1em 0 1em 20px; padding: 0; border-bottom: 1px dotted; }
ol.history li	{ margin: 0; padding: 0; list-style: inside; border-top: 1px dotted; }
ol.history h4	{ margin: 0.7em 0em; padding: 0; font-size: small; font-weight: bold; }
ol.history p	{ margin: 0.7em 1em; padding: 0; }

/* **** SiteMap **** L1*/
ul.site		{ margin: 1em 30px; padding: 0; }
ul.site li	{ margin: 1em 0 0 0; padding: 0; line-height: 1.5; border-top: 1px solid #e0ce96; }
ul.site ul	{ margin: 0 0 0 1em; padding: 0; }
ul.site ul li	{ margin: 0 0 0 1em; padding: 0; border-top: 0 none; }



/* ******** HTML ******** S1,P1,DK3*/
html		{ font-size: small; color: #333333; background: #e0ce96; }
body		{ margin: 5px auto; padding: 0; width: 750px; position: relative; }
body		{ color: #333333; background: #fffff0; border: 1px solid #666633; border-width: 1px 2px; }

/* ******** Head ******** */
h1		{ margin: 0; font-size: small; background: no-repeat left top url(img/title200410.gif); }
h1 a#TOP	{ display: block; width: 300px; height: 16px; color: #666699; text-decoration: none; }
h1 a span	{ visibility: hidden; }
p.head		{ margin: 40px 0 0; padding: 0.2em 1em; }
p.head		{ color: #663300; background: #ffffcc; border: 1px solid #996600; border-width: 2px 0 1px; }

/* ******** Body ******** */
div.body	{ margin: 1em; border: 1px solid #e0ce96; border-width: 1px 2px 2px 1px; }
div.body	{ float: right; width: 420px; width: 56%; margin: 10px; }
div.body h2	{ font-size: small; margin-top: 0; padding: 0.2em 1em; color: #996600; background: #ffffdd; }
div.body h2	{ border-left: 10px solid #996600; border-bottom: 1px solid #e0ce96; }
div.body h3	{ font-size: small; padding: 0.2em 1em; color: #fffff0; background: #996600; }
div.body h4	{ font-size: small; padding: 0.1em 0.5em; margin: 1.3em 0 0.2em 0.2em; border: 1px solid #996600; border-width: 0px 0 1px 5px; background: #ffffcc; }
div.body h5	{ font-size: small; padding: 0.1em 0.5em; margin: 1.3em 0 0.2em 0.5em; border: 1px solid #996600; border-width: 1px 0 1px 0px; background: #ffffdd; }
div.body p	{ margin: 0.3em 1em; }
div.body p.splt	{ margin: 2em 0 0; padding: 1em; border-top: dotted #e0ce96; }
div.body p.prev	{ margin: 2em 0 0; padding: 1em; border-top: dotted #e0ce96; }
div.body p.next	{ margin: 2em 0 0; padding: 1em; border-top: dotted #e0ce96; }
div.body ul	{ margin-top: 0.7em; margin-bottom: 0.7em; }
div.body dl.seom	{ margin: 0.7em 1em; line-height: 1.5; }
div.body dl.seom dt	{ border-bottom: 1px dashed; }
div.body dl.seom dd	{ margin: 0; padding: 0; }
div.body dl.seom ul	{ margin: 0.2em 0 0.2em 25px; padding: 0; }

/* ******** Sub-Menu ******** */
div.menu		{ float: left; width: 250px; margin: 10px; }
.menu a			{ text-decoration: none; }
.menu a:hover		{ color: #ff6600; }
.menu h3		{ margin: 0; padding: 0.2em; font-size: small; }
.menu ul.mp		{ margin: 0; padding: 0; color: #ff9900; border: 1px solid #996600; }
.menu ul.mp li		{ margin-left: 20px; padding: 0; line-height: 1.3; list-style: square outside; }
.menu ul.mp li.top	{ margin: 0px; padding: 0.1em 0 0.1em 10px; list-style: none outside; background: #ffe6b3; }
.menu ul.mp li		{ color: #999900; font-weight: bold; }
.menu ul.mp ul		{ margin: 0 0 0.2em; padding: 0; }
.menu ul.mp ul li	{ margin-left: 20px; list-style: square outside; }
.menu p.kz		{ width: 720px; font-size: 13px; margin: 0; padding: 0 12px; position: absolute; top: 36px; left: 0px; }
.menu p#KZ a		{ text-decoration: none; color: #6666ff; }
.menu p.kz span		{ color: #996600; }
.menu p.kz a span	{ color: #6666ff; border-bottom: 1px solid; /*text-decoration: underline;*/ }

/* ******** Footer ******** */
div.foot		{ margin: 0; padding: 0em 1em 0.2em; font-size: 13px; border-top: 5px solid #e0ce96; background: #ffffdd; }
.foot .tn		{ position: absolute; top: 20px; left: 0; margin: 0; padding: 0 12px; font-size: 13px; }
.foot .tn a		{ text-decoration: none; color: #6666ff; /*color: #5977b3;*/ }
.foot .tn span		{ color: #996600; }
.foot .tn a span	{ color: #999999; margin-right: 5px; /*text-decoration: underline;*/  }
.foot .ft		{ margin: 0; padding: 0; }
.foot .ft a		{ text-decoration: none; color: #333399; line-height: 1.5; border-bottom: 2px dotted; }
.foot .ft span		{ color: #996600; border: 1px solid; }
.foot .ft.date		{ position: absolute; top: 16px; right: 0.5em; }
.foot .ft.updt		{ position: absolute; top:  0px; right: 0.5em; }
.foot .ft.updt img	{ margin-right: 0.5em; }
.foot .ft.copy		{ color: #996600; }

/* ******** Table ******** */
table, th, td	{ border: 1px solid #999999; border-collapse: collapse; empty-cells: show; }
table		{ width: 90%; margin: 1em auto; border-width: 1px 0 0 1px; }
table		{ border-spacing: 0; }			/* Safari対策 */
table caption	{ text-align: right; }
tr		{ border: none; }
th, td		{ border-width: 0 1px 1px 0; padding: 1px 3px; }
th		{ font-weight: bold; text-align: center; background: #ffffdd; }
th.ttl		{ text-align: left; background: #ffffbb; }
/* ---- Table: ColorChart ---- */
table.cc	{ font-size: 12px; font-family: monospace; background: #ffffff; }
table.cc	{ border: 2px solid #ffffff; }
table.cc td	{ border: 2px solid #ffffff; }
table.cc.frm	{ border: 1px solid #999999; }
table.cc.frm td	{ border: 1px solid #999999; }
table.cc td	{ padding: 2px 3px; text-align: center; }

/* ******** ActivePage ******** */
#WEB a.web	{ color: #000000; background: #ffff99; }
#HPC a.hpc	{ color: #000000; background: #ffff99; }
#CGI a.cgi	{ color: #000000; background: #ffff99; }
#HPS a.hps	{ color: #000000; background: #ffff99; }
#BBS a.bbs	{ color: #000000; background: #ffff99; }
.p0 .p0	a	{ color: #000000; background: #ffff99; }
.p1 .p1	a	{ color: #000000; background: #ffffcc; }
.p2 .p2	a	{ color: #000000; background: #ffffcc; }
.p3 .p3	a	{ color: #000000; background: #ffffcc; }
.p4 .p4	a	{ color: #000000; background: #ffffcc; }
.p5 .p5	a	{ color: #000000; background: #ffffcc; }
.p6 .p6	a	{ color: #000000; background: #ffffcc; }
.p7 .p7	a	{ color: #000000; background: #ffffcc; }
.pp .pp	a	{ color: #000000; background: #ffffcc; }

/* ******** Print ******** */
@media print {
  html body		{ width: 100%; }
  html div.body		{ width: auto; }
  html div.menu h3	{ display: none; }
  html div.menu ul.mp	{ display: none; }
  html div.menu p.kz	{ display: block; }
  html h1 a span	{ visibility: visible; margin-left: 1em; }
}