/*
 * this is a stylesheet of http://yosh.exjw.org/
 *
 * Copyright (c) 2004-2006 yosh
 */


/* 
 * styleshet for screen and tv
 */
@media screen,tv {

* {
    line-height: 1.3;
}
body {
    font-family: "Comic Sans MS", "Tahoma", sans-serif;
    font-size: 14px;
    background-color: #FFFFFF;
    color: #000000;
/*    width: 700px; */
    background-image: url(./img/background.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
a {
    color: #3300FF; 
    font-weight: bold;
    text-decoration: none;
}
a.s {
    font-weight: normal;
    color: #3300FF;
}
a:hover {
    color: #FF00FF;
    text-decoration: underline;
}
small {
    font-size: 11px;
}
img {
    border: 0px;
}
h1 {
/*    width: 700px; */
    text-align: center;
    margin-top: 20px;
    font-size: 24px;
}
h2 {
/*    width: 700px; */
    text-align: left;
    font-size: 18px;
    color: #303030;
    padding: .2em;
    border: 1px solid #A0A0A0;
    border-left: 5px solid #A0A0A0;
}
h3 {
    text-align: left;
    font-size: 16px;
    color: #303030;
    padding: .2em;
    border-bottom:1px solid #A0A0A0;
    border-left:5px double #A0A0A0;
    margin-left:0px;
}
h2.top {
    font-size: 14px;
    border: none;
/*    width: 500px; */
}
h4 {
    color: #303030;
    font-size: 16px;
    border: none;
}
ul, ol {
    margin-top: 5px;
    margin-bottom: 5px;
}
blockquote {
/*    width: 600px; */
    text-align: left;
}
hr {
/*    width: 680px; */
    text-align: left;
    height: 1px;
    color: #A0A0A0;
}
div#main {
/*    width: 700px; */
    text-align: center;
}
div#navi {
    text-align: left;
}
div#foot {
/*    width: 680px; */
    font-size: 12px;
    text-align: right;
}
div.center {
    text-align: center;
}
.box {
/*    width: 640px; */
    margin: 10px 30px;
}

.date {
    width: 80px;
    margin-right: 10px;
}
.leftbox {
    float: left;
    margin: 5px;
}
.clear {
    clear: both;
}


/* for index.html */
ul.memo {
    list-style-type: disc;
    list-style-image: url(img/icon-memo.gif);
    list-style-position: outside;
}
ul.pc {
    list-style-type: disc;
    list-style-image: url(img/icon-pc.gif);
    list-style-position: outside;
}
ul.book {
    list-style-type: disc;
    list-style-image: url(img/icon-book.gif);
    list-style-position: outside;
}
ul.link {
    list-style-type: disc;
    list-style-image: url(img/icon-link.gif);
    list-style-position: outside;
}
ul.memo li,
ul.pc li,
ul.book li,
ul.link li {
    padding-left: 5px;
}

}


/*
 * stylesheet for print
 */

@media print {


/* hidden elements */
div#counter,
div#navi,
div#foot,
div.state {
    display: none;
}

/* styles */
* {
    font-family: "MS UI Gothic", "Tahoma", sans-serif;
    font-size: 11pt;
}
h1 {
    font-size: 16pt;
}
h2 {
    font-size: 14pt;
}
img {
    border: none;
}
.leftbox {
    float: left;
}
.leftbox img {
    margin: 5px;
}
br.clear {
    clear: both;
}
.date {
    width: 80px;
    margin-right: 10px;
}

/* automatically numbering (for opera) */
h1 {
    counter-increment: chapter;
}
h1:before {
    content: counter(chapter) " ";
}
h2 {
    counter-increment: section;
    counter-reset:subsection;
}
h2:before {
    content: counter(chapter)"."counter(section)" ";
}
h2.tableofcontents {
    counter-increment: section 0;
}
h2.tableofcontents:before {
    content: "";
}
h3 {
    counter-increment: subsection;
}
h3:before {
    content: counter(chapter)"."counter(section)"."counter(subsection)" ";
}



}