@charset "utf-8";

/* YUI Fonts CSS */

body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
    font-family: Arial, Helvetica, sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

select,
input,
textarea {
    font-size: 99%;
}

* {
    color: #000;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
}



/* 要素定義 */

head,
title {
    display: block;
}

title {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding: 1em 2em 1em 0;
    background: #ccc;
    text-align: right;
    font-size: 122%;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0.5em 0; 
}

p {
    line-height: 1.5;
}

pre {
    padding: 0.5em 10px;
    border: solid 1px #aaa;
    width: 90%;
    overflow: scroll;
    line-height: 1.4;
    color: #333;
    background-color: #eee;
    font-family: "Osaka－等幅", monospace;
}

em,
strong {
    font-weight: bold;
}

ul,
ol,
dl {
    margin: 1em 20px;
    padding: 1px 0;
    list-style-position: outside;
}

li,
dt,
dd {
    margin: 0.1em 10px;
    line-height: 1.3;
}

ul li {
    margin: 0.1em 0 0.1em 20px;
}

ol li {
    margin-left: 25px;
}

dt {
    margin-top: 0.6em;
}

dd {
    margin: 0 0 0.6em 2em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
    font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
    margin: 0.1em 10px;
}

li ul,
li ol {
    margin-left: 0;
}

code {
    font-family: "Osaka－等幅", monospace;
}

img {
    border: 0;
    vertical-align: bottom;
}

a:link {
    color: blue;
}

a:visited {
    color: purple;
}

a:hover,
a:active {
    color: red;
}



/* キャンバス定義 */

div.canvas {
    page-break-after: always;
    position: relative;
    top: 5em;
    left: 0;
    padding: 2em 4em;
}

    div.canvas h1 {
        margin-top: 0;
        font-size: 2.5em;
        font-weight: bold;
    }

    div.canvas p,
    div.canvas li,
    div.canvas dd,
    div.canvas pre {
        font-size: 136%;
    }

        div.canvas li *,
        div.canvas dd * {
            font-size: 100%;
        }

/* 印刷時の定義 */

    @media print {

        div.canvas.cover h1 {
            margin: 2em 0;
            font-size: 3.5em;
        }

        div.canvas.cover p.Author {
            width: 12em;
            margin-left: auto;
        }
        
        div.canvas a {
            color: blue;
        }

        div.canvas a::after {
            content: "（"attr(href)"）";
        }

    }
    
    
    
/* フッタ定義 */

div#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em 1em;
    background: #ccc;
    line-height: 1;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
}

    div#footer p {
        font-size: 100%;
    }