@charset "euc-jp";
@media screen{ 

a:hover{
    background-color: #ffffcc;
}

body{
    color: #000000;
    background-color: #ffffff; 
    margin: 0 0 0 0
}

h1{
    font-size: x-large;
    font-weight: bold;
     /* °ÌÃÖ  */
    text-align: center;
    background-color: #eeeeff; 
    border-style: solid;
    border-width: 1px 0 1px 0; 
    border-color: #8888ff;
    padding: 0.5em;
}

h2 {
    margin-left: 0.5em;
    text-align: left; 
    background-color: #eeeeff; 
    padding: 0.4em;
    border-style: solid;
    border-width: 1px;
    border-color: #8888ff;
}

h3{
    margin-left: 1em;
    background-color: #ddddff; 
    padding: 0.3em;
    border-style: solid;
    border-color: #8888ff;
    border-width: 1px;
}

h4 {
    margin-left: 1.5em;
    padding: 0.2em;
    border-style: solid;
    border-color: #8888ff;
    border-width: 1px;
    background-color: #ccccff;
}

h5 {
    margin-left: 1.7em;
    padding: 0.2em;
    border-style: solid;
    border-color: #8888ff;
    border-width: 1px;
    background-color: #ccccff;
}

h6 {
    margin-left: 2em;
    padding: 0.2em;
    border-style: solid;
    border-color: #8888ff;
    border-width: 1px;
    background-color: #ccccff;
}

.top .center {
    text-align: center;
}

p { 
    margin-left: 2em;
}

ul { 
    margin-left: 2em;
}

ol { 
    margin-left: 2em;
}

dl { 
    margin-left: 2em;
}

li ul { margin-left: 0px; }
dd ul { margin-left: 0px; }
td ul { margin-left: 0px; }
th ul { margin-left: 0px; }
td ol { margin-left: 0px; }

.noindent { 
    margin-left: 0em;
}

p.note {
    margin-top:     10px;
    margin-right:   30px; 
    margin-left:    30px;
    margin-bottom:  10px;
    padding:        3px;
    border-width:   2px;
    border-color:   #8888ff;
    border-style:   dotted;
}

p.note:before{
    display: run-in;
    content: "note: ";
}

.indent {
    margin:  30px;
    padding: 3px;
}

.code { 
    margin: 25px;
    padding: 3px;
    background-color: #eeeeff;
    border-style: solid;
    border-width: 1px;
    border-color: #8888ff;
}

span.itsme{
    text-decoration: underline;
}

/* ¶¯Ä´ */
.stress{
    color: #ff0000; 
}

.strike{
   text-decoration: line-through;
}

table.contents{
    margin-left: 1em;
    width: 100%;
    margin: 0 0 0 0;
}

td.contents{
    width: 75%; 
    margin: 0 0 0 0;
}

.page{
    width: 100%; 
    margin: 0 0 0 0;
}

table{
    margin-left: 2em;
    width: 100%; 
}

th{
    background-color: #ddddff;
    text-align: center;
}

table.bbs {
    width: 100%;
    border-color: #8888ff;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1em;
}

table.bbs th {
    background-color: #eeeeff;
    border-color: #8888ff;
    border-width: 1px;
    border-style: solid;
    margin: 4px;
    padding: 4px;
}

table.bbs td{
    margin-left: 1em;
}

table.link{
    border-width: 0px;
    width: 100%;
}

table.link th{
    background-color: #eeeeff;
    border-color: #8888ff;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
}

table.link td {
    border-color: #8888ff;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
}

table.picture{
    width: 100%;
}

table.picture th {
    width: 33%;
    margin: 5px;
    padding: 5px;
}

table.picture td {
    width: 33%;
    margin: 5px;
    padding: 5px;
}

.gototop { 
    text-align: right;
}

.author {
    text-align: right;
}

#contents {
           position: relative; 
           margin-right: 5px; 
           margin-left: 200px;
           padding: 0px;
}
#menu { 
              position: absolute;
              top: 0px;
              left: 0px;
              width: 190px;
              margin: 5px;
              padding: 0px;
              font-size: small;
}
#menu td {border: dotted 1px #808080; padding: 5px; font-size: small;}
#men th {border: solid 1px #808080; padding: 5px; }
/*============= end of @media screen ===============*/
}