/* $Id: common.css,v 1.2 2006/08/14 08:00:52 y-ogata Exp $ */
/*================ body, anchors =============*/
body{
 color: #000;
 background: #cacaff;
 line-height: 1.5;
}
a:visited{
 color: #606;
}
a:link{
 color: #00c;
}
a:hover{
 color: #c00;
 background: #fcf;
}
a:active{
 color: #66f;
 background: #fff;
 outline: 1px dotted #00f;
}
.link-forbidden{
 color: #00f;
 text-decoration: underline;
 background: url("forbidden");
}
dfn a:link, dfn a:visited{
 font-style: normal;
 text-decoration: none;
 color: #663;
 background: url("slashback") bottom left no-repeat;
}
/*=========== headings =================*/
h1,h2,h3,h4,h5,h6{
 color: #020;
/* font-weight: normal;*/
 font-weight: bold;
}
h1 {
 border-width: 3px;
 border-style: none none solid none;
 border-color: #99c;
 font-size: 200%;
 color: #ffe;
 background: #77a;
 margin: 0;
 padding: 0 0 0 1em;
}
h2 {
 border-width: 2px;
 border-style: none none solid none;
 border-color: #99c;
 background:  #fff0f0;
 color: #000;
 font-size: 160%;
 margin: 1em 0.3em 0.3em 0;
 padding: 0 0 0 0.5em;
}
h3{
 border-width: 1px;
 border-color: #339;
 border-style: none none solid none;
 font-size: 120%;
 margin: 1em 0 0.3em 1em;
 padding: 0 0 0 0.5em;
}
h4{
 border-width: 0.5em;
 border-color: #cfc;
 border-style: none none none solid;
 font-size: 100%;
 margin: 1em 1em 0.3em 2em;
 padding: 0 0 0 1em;
}
h5{
 font-size: 100%;
 margin: 0.1em 3em;
}
h6{
 font-size: 100%;
}
h2.menu{
 background:  #f0f0f0;
 border-width: 1px;
 border-color: #66f;
 border-style: none none solid none;
 font-size: 120%;
 padding: 0 0 0 1em;
}
/*=================== paragraphs ========================*/
p{
 text-indent: 1em;
 margin: 0.1em 1% 0.1em 4%;
}
p.exception{
 margin: 1em;
}
p.back{
 text-align: right;
}
.note{
 font-size: 90%;
 font-weight: 400;
 color: #030;
 background: transparent;
}
p.note{
 margin: 0.5em 1em 0.5em 4em;
 padding: 0.1em;
 border-width: 1px;
 border-style: dotted;
 border-color: #090;
}
p.quotenotice{
 text-align: right;
 margin-top: 0;
 font-size: 90%;
 color: #060;
}
form p{
 text-align: left;
}
/*=================== rules ==================*/
hr{
 color: #69c;
 border-bottom: 3px ridge #69c;
 clear: both;
}
hr.quote{
 display: none;
}
hr.section-separate {
 color: #cfc;
 background: #cfc;
 margin: 1em auto;
 width: 1em;
 height: 1em;
 border-width: 3px;
 border-style: double;
 border-color: #9cf #69c #69c #9cf;
}
hr.little-separate{
 margin: 0.1em auto;
 width: 0.5em;
 height: 0.7em;
 border-width: 0.1em;
 border-style: outset;
}

/*===================== lists =====================*/
ul{
 margin: 0.5em 3em;
 background: #F6F6FF;
}
dt{
 border-style: none none double double;
 border-width: 2px;
 border-color: #fc9;
 background: #fff;
 color: #000;
 margin: 1em 0 0 1em;
 padding: 0 0 0 1em;
}
dd{
 margin: 0 0 0 2em;
 padding: 0.2em;
}
dl dd dl dt{
 border: none;
}
dl dd dl dd{
 margin: 0;
 padding:0;
}
dd ol{
 margin-left: 1em;
}
dd ul{
 margin-left: 1em;
}
li p{
 text-indent: 0;
}
ul.download{
 list-style-image: url("download");
}
/*================== tables =================*/
table{
 margin: 1em 0em;
/* border:1px #88f dotted;*/
/* table-layout: fixed;*/
}
th{
 border-style: none solid solid none;
 border-color: #cff #9c9 #9c9 #cff;
 border-width: 0px 1px 1px 0px;
 background-color: #efe;
}
td{
 border-style: none solid solid none;
 border-color: #cff #9c9 #9c9 #cff;
 border-width: 0px 1px 1px 0px;
 background-color: #fff;
 padding-right: 10px;
 padding-left: 10px;
}
td.bold{
 font-weight: bold;
}
td.old{
 background-color: #999;
}
td.old-b{
 background-color: #999;
 font-weight: bold;
}
th.name{
 width: 10em;
}
th.phone{
 width: 8em;
}
th.mail{
 width: 14em;
}
/*================= blocks ==================*/
address{
 margin: 0;
 padding: 2em 2em 0.5em 0;
 text-align: right;
 background: transparent url("ebibg") right no-repeat;
}

blockquote{
 border: 3px double #9c9;
 background: #fffff9;
 color: black;
}
pre{
 text-align: left;
}
/*=================== forms ===================*/
legend{
 font-size: smaller;
}
legend, label{
 color: #030;
}
strong{
 color: #c30;
}
/*================== inline ===================*/
q{
 color: #060;
 font-weight: bolder;
 font-size: 105%;
}
img{
 border-style: none;
}
em{
 font-style: normal;
 font-weight: bolder;
}
em:lang(en){
 font-style: italic;
 font-weight: normal;
}
var{
 font-size: 90%;
 border-bottom: #cfc dotted 1px;
 color: #060;
}
span.date{
 color: #c63;
}
h3 span.date{
 font-weight: 700;
}
span.star{
 color: #f90;
}
span.key{
 text-transform: uppercase;
 text-decoration: underline;
 background: #fef;
}
span.old{
 padding:1px 1px 1px 1px;
 color: #f00;
 background: #fff;
}
em.antique{
 font-size: 90%;
 color: #960;
 font-weight: 100;
 display: none;
}
/*================= classed division ================*/
blockquote,
div.sample,div.bad,div.good,div.worse,div.disp-sample,div.before,div.after,div.dtd,div.source{
 margin: 0.5em 6%;
 padding: 1%;
 background: #fff;
}
div.bad{
 border: 2px solid #c00;
 color: #900;
}
div.good{
 border: 2px solid #0c3;
 color: #060;
}
div.worse{
 border: 2px solid #f90;
 color:#660;
}
div.sample{
 border: 2px solid #099;
 color: #000;
}
div.disp-sample{
 border: 2px solid #9cc;
 color: #000;
 width: 99%;
}
div.dtd,
div.source{
 background: #fff;
 color: #300;
 border: #300 solid 1px;
}
div.important{
 margin: 0.5em 6%;
 padding: 0.3em;
 background: #ffc;
 border: #f60 solid 2px;
}
div.foot p{
 margin:5px;
 text-align: right;
 border-right: 1em solid #6c0;
}
div.foot hr{
 height: 6px;
 border-width: 3px;
 border-style: double none;
 border-color: #696;
}
div.link{
 text-align: right;
}
div.left {
  float : left ;
  width : 140px;
/*  height : 500px; */
  background-color : #CACAFF ;
}
div.right {
  float : left ;
  width : 75%;
  margin-left : 1em;
  background-color : #CACAFF ;
}
/*================== insert some text and so on. =================*/
q:lang(ja) { quotes: none; }
q:before { content: open-quote; }
q:after { content: close-quote; }
ins{
 text-decoration: none;
 color: #600;
}