/* for Misc Notes JP */
/*== basics ==*/

body {
    margin: 0;
    padding: 0;
    font-family: 'メイリオ','Trebuchet MS',Arial,Verdana,Helvetica,sans-serif;
    background-image: url(misc_paper.jpg);
    background-color: #eaebe5;
    color: #002400;
}

a {text-decoration: none;}
/* a:link {color: #406060;} */
/* a:visited {color: #406060;} */
a:link {color: #406060;}
a:visited {color: #406060;}
/* a:hover {color: #c04020; text-decoration: underline;} */
a:hover {color: #d50000; text-decoration: underline;}
/* #main a {color: #d50000; text-decoration: underline;} */
#main a {text-decoration: underline;}
#index a {text-decoration: none;}

em {
    font-weight: bold;
    font-style: normal;
    padding: 0 0.3em;
}
p {
    line-height: 1.4em;
    padding: 0 16px;
}
ul,ol,dl { line-height: 1.4em; }
li {
    padding-top: 4px;
    padding-right: 16px;
}
#index li {padding-top:0;}
#list li {padding-top:0;}

#updates p {line-height: 1.3em; margin:0;}
p.item {color: #609070; font-weight: bold; padding-top: 8px;}
/* .dim {color: #002400; font-weight: normal; font-size: 90%;} */
.dim {color: #609070; font-weight: normal; font-size: 90%;}
.small {font-size: 85%;}
form {margin: 0; padding: 0 16px; line-height: 2em;}
textarea {width: 568px; height: 15em;}
.right {text-align: right;}
.center {text-align: center;}
.deleted {text-decoration: line-through;}

pre {
    font-family: monospace;
    font-size: 100%;
    line-height: 1.2em;
    width: 552px;
    margin: 0 16px;
    padding: 8px;
    color: #0000cc;
    background-color: #ffffff;
    overflow: auto;
}
pre .comment {color: darkgoldenrod;}

.light {color: #669966;}

.image {
    text-align: center; margin: 0; padding: 0;
}

#container {
    align: center;
    text-align: center;
    margin-bottom: 20px;
}

#top {
    width: 600px;
    margin: 0 auto 10px auto;
}

#top img {border: none; margin: 0;}
.banner1_text {display: none;}
.banner2_text {display: none;}

#banner1 {
    text-align: left;
    padding: 3px 0px 0px 14px;
    background-color: #c6d4c6;
    /* border-bottom: 1px solid #80a080; */
    /* border-bottom: 1px solid #c6d4c6; */
    border-bottom: 1px dotted #80a080;
}

#banner2 {
    text-align: left;
    padding: 3px 0px 0px 14px;
    background-color: #dde6dd;
    /* border-bottom: 1px solid #c6d4c6; */
    border-bottom: 1px dotted #80a080;
}

#navtop {
    text-align: left;
    width: 600px;
    clear: both;
    padding: 0;
    margin: 0 auto;
}

#navtop img {border: none; margin: 0;}
#navbottom img {border: none; margin: 0;}

#navbottom {
    width: 600px;
    clear: both;
    padding: 0;
    margin: 0px auto;
}

#main {
    text-align: left;
    /* width: 560px; (for box)*/
    width: 600px;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    /* background-image: url(../common/gradbar_gallery.gif); */
    /* background-color: #edece6; (newer) */
    /* background-color: #eaebe5; */
}

#index {
    text-align: left;
    /* width: 560px; (for box)*/
    width: 600px;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    /* background-image: url(../common/gradbar_gallery.gif); */
    /* background-color: #edece6; (newer) */
    /* background-color: #eaebe5; */
}

hr {
    color: darkorange;
    border: none;
    height: 0;
    border-bottom: 1px dotted;
    margin: 1.5em auto;
}
hr.break {
    text-align: center;
    color: darkorange;
    border: solid 1px;
    height: 15px; width: 15px;
    margin: 1.5em auto;
}

h1 {
    display: block;
    font-size: 100%;
    color: #406060;
    padding: 6px 8px 4px 16px;
    background-image: url(../common/gradbar_gallery.gif);
    /* border-top: 1px solid #c6d4c6; */
    /* border-bottom: 1px solid #c6d4c6; */
    border-top: 1px dotted #608080;
    border-bottom: 1px dotted #80a080;
    /* background-color: #eaebe5; */
}

h2,h3,h4,h5,h6 {font-size: 100%;}
h2 {
    /* color: #406060; */
    color: #b20008;
    padding: 2px 16px;
    /* border-bottom: 1px dotted #608080; */
    border-bottom: 1px dotted #b20008;
}
h2 a:link {color: #b20008;}
h2 a:visited {color: #b20008;}
/* h2 {color: #3e5245;} */
h3,h4,h5,h6 {padding: 2px 16px;}

p#copyright {
    text-align: center; font-size: 90%; color: #608080;
    margin: 10px 0px 20px 0px;
    padding-top: 10px;
    border-top: 1px dotted #608080;
}

p.nav {
    text-align: left;
    color: #406060;
    margin: 0px;
}
p.right {
    text-align: right;
    color: #406060;
    margin: 0px;
}
p.bottom {
    text-align: right;
    color: #406060;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #406060;
}
p.box {
    margin-left: 60px;
    padding-left: 10px;
    /* color: #006666; */
    /* color: #606060; */
    color: #406060;
    border-left: 1px dotted #406060;
}
p.box br {padding: 0; line-height: 0.5em;}

.center {text-align: center}
.note {color: #b20008;}
.date {color: #608080; text-align: right; margin-bottom: 0;} /* page-end timestamp */
.revision {margin-left: 200px; color: #808080; text-align: right;}

.dates dt {
    float: left;
    padding: 0 16px;

}
.dates dd {
    margin-left: 10em;
}

img.banner {
    border: 1px;
    padding-right: 14px;

}

/* colors
h2 reddish brown #b20008
*/