@charset "Shift_JIS";

/*==================== body and anchor elements ====================*/

body{
 color: #000;
 background: #90ee90 url(http://www.geocities.jp/server-errors/not_found.html);
 margin: 0;
 padding: 0;
}
a:link{
 color: #44e;
}
a:visited{
 color: #44e;
}
a:active{
 color: #00e;
}
a:focus{
 color: #00e;
}
a:hover{
 color: #9e9;
 background: #000;
 text-decoration: underline;
}

/*======================== heading elemets =========================*/

h1,h2,h3,h4,h5,h6{
 font-weight: 600;
 font-family: sans-serif;
 line-height: 110%;
 color: #9000ee;
}
h1{
 font-size: 220%;
 text-align: center;
 margin: 0.8em 0.2em 1em 0.2em;
}
h2{
 font-size: 180%;
 text-align: left;
 margin-top: 2em;
 margin-bottom: 0.5em;
 margin-right: 3%;
 margin-left: 3%;
 padding-right: 0.5em;
 border-width: 5px;
 border-style: solid solid solid solid;
 border-color: #999 #555 #555 #999;
}
h3{
 font-size: 160%;
 text-align: center;
 margin-top: 2em;
 margin-bottom: 0.5em;
 margin-right: 7%;
 margin-left: 7%;
 padding-right: 0.5em;
 border-width: 3px;
 border-style: solid none solid none;
 border-color: #777;
}
h4{
 font-size: 140%;
 margin-top: 2em;
 margin-bottom: 0.5em;
 margin-right: 10%;
 margin-left: 10%;
 padding-top: 0.2em;
 padding-left: 0.5em;
 border-width:  0 0 2px 10px;
 border-style:  none none solid solid;
 border-color: #30f;
}
h5{
 font-size: 120%;
 margin-top: 2em;
 margin-bottom: 0.5em;
 margin-right: 14%;
 margin-left: 14%;
 padding-left: 0.8em;
 border-width: 0 0 2px 0;
 border-style: none none solid none;
 border-color: #358;
}
h6{
 font-size: 110%;
 margin-top: 2em;
 margin-bottom: 0.2em;
 margin-right: 14%;
 margin-left: 14%;
 padding-left: 2em;
}

/*====================== block level elements ======================*/

address{
 clear: both;
 font-style: normal;
 text-align: left;
 line-height: 120%;
 margin: 3em 0 3em 0;
 padding-top: 0.2em;
 padding-right: 0.5em;
 border-width: 1px 0 1px 0;
 border-style: solid none solid none;
 border-color: #999;
}
p{
 line-height: 140%;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 margin-right: 7%;
 margin-left: 7%;
}
blockquote{
 color: #000;
 background: #efb;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 margin-right: 10%;
 margin-left: 10%;
 border-width: 4px;
 border-style: double;
 border-color: #c30;
}
pre{
 font-size: 100%;
 line-height: 120%;
 background: #fffefe;
 margin-right: 8%;
 margin-left: 8%;
 border-width: 1px;
 border-style: solid;
 border-color: #888;
 white-space: pre;
}
blockquote p,
pre p{
 margin-right: 0.8em;
 margin-left: 0.8em;
}
blockquote pre{
 margin: 0;
 padding: 0.2em;
}
hr{
 display: none;
}
hr.separate{
 display: block;
}

/*========================= list elements ==========================*/

ul,ol{
 line-height: 140%;
 margin-right: 15%;
 margin-left: 18%;
 padding: 0;
}/*
ul{
 list-style-type: disc;
}
ul ul{
 list-style-type: square;
}
ul ul ul{
 list-style-type: circle;
}*/
ol{
 list-style-type: decimal;
}
ol ol{
 list-style-type: decimal;
}
ul ul,
ul ol,
ol ol,
ol ul{
 margin: 0 0 0 1.5em;
 padding: 0;
}
ul ul ul,
ul ul ol,
ul ol ol,
ul ol ul{
 margin: 0 0 0 1.5em;
 padding: 0;
}
ol ol ol,
ol ol ul,
ol ul ul,
ol ul ol{
 margin: 0 0 0 1.5em;
 padding: 0;
}
li{
 line-height: 140%;
}
dl{
 margin: 5% 8%;
}
dt{
 font-weight: bold;
 font-size: 125%;
 color: #666;
}
dd{
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-right: 3%;
 margin-left: 3%;
}
dd p{
 margin-top: 0;
 margin-bottom: 0;
 margin-right: 0;
 margin-left: 0;
}
dd ul{
 margin: 0% 3%;
}

/*========================= table elements =========================*/

table{
 color: #000;
 background: #90ee90 url(http://www.geocities.jp/server-errors/not_found.html);
 margin: 3em 10% 3em 10%;
 width: 80%;
 border-width: 5px;
 border-style: outset;
 border-color: #777 #555 #555 #777;
}
caption{
 font-size: 110%;
}
thead th{
 font-weight: 600;
 color: #000;
 background: #777;
 border-width: 2px;
 border-style: outset;
 border-color: #777 #555 #555 #777;
}
th{
 font-weight: normal;
 text-align: center;
 border-width: 2px;
 border-style: outset;
 border-color: #777 #555 #555 #777;
}
td{
 border-width: 1px;
 border-style: outset;
 border-color: #777 #555 #555 #777;
}

/*======================== inline elements =========================*/

em{
 font-style: normal;
 font-weight: bold;
 color: #282;
}
strong{
 font-weight: bold;
 color: #222;
}
q{
 color: #824;
 background: #fffff0;
}
cite{
 font-style: normal;
 font-size: 105%;
 color: #206;
 background: #fee;
}
a img{
 border: none;
}
small{
 font-style: normal;
 font-size: 60%;
 line-height: 1.5em;
}
/*========================= class selector =========================*/

div.navbar{
 font-weight: bold;
 font-family: "Tahoma","Verdana",sans-serif;
 line-height: 120%;
 text-align: right;
 margin: 0;
 padding: 0.5em;
}
div.navbar a{
 text-decoration: none;
}
div.navbar a:hover{
 text-decoration: underline;
}
span.key{
 text-decoration: underline;
}
span.story{
 line-height: 120%;
 font-size: 80%;
 margin: 0;
 padding: 0.5em;
}
div.date
{
 font-weight: bold;
 font-size: 115%;
 padding: 1.5em 0em 0.5em 0em;
 line-height: 1em
 margin-right: 5%;
 margin-left: 5%;
}
div.diary
{
 margin-right: 5%;
 margin-left:5%;
 border-style: solid none none none;
 border-color: #339;
}
div.diary p{
 margin-right: 2.5%;
 margin-left:2.5%;
 border-width: 1px;
 padding: 0em 0em 0em 0em;
 }