@page {
    size: A4;   /* ISO/JIS A4 (210mm×297mm) */
    margin: 35mm;
    @top-left-corner {
        content: "@top-left-corner";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @top-left {
        content: "@top-left";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @top-center {
        content: "@top-center";
        border:dotted 1px #333333;
        margin: 0.5mm;
    }
    @top-right {
        content: "@top-right";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @top-right-corner {
        content: "@top-right-corner";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @left-top {
        content: "@left-top（縦書き）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-writing-mode: tb-rl;
    }
    @left-middle {
        content: "@left-middle（縦書き・90度回転）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-writing-mode: tb-rl;
        -ah-reference-orientation:90;
    }
    @left-bottom {
        content: "@left-bottom（90度回転）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-reference-orientation:90;
    }
    @right-top {
        content: "@right-top（縦書き）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-writing-mode: tb-rl;
    }
    @right-middle {
        content: "@right-middle（縦書き・270度回転）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-writing-mode: tb-rl;
        -ah-reference-orientation:270;
    }
    @right-bottom {
        content: "@right-bottom（270度回転）";
        border: dotted 1px #333333;
        margin: 0.5mm;
        background-color:#FFFF99;
        -ah-reference-orientation:270;
    }
    @bottom-left-corner {
        content: "@bottom-left-corner";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @bottom-left {
        content: "@bottom-left";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @bottom-center {
        content: "@bottom-center";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @bottom-right {
        content: "@bottom-right";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
    @bottom-right-corner {
        content: "@bottom-right-corner";
        border: dotted 1px #333333;
        margin: 0.5mm;
    }
}

body
{
    /* 印刷用の初期化 */
    width:auto;
    float:none;
    margin:0;
    padding:0;
    /* background-color: #FFFFFF; */
    font-family: sans-serif;
    /* ------ */
    height: 100%;
    background-color:#DDDDDD;
    font-size:8pt;
}

/* for top document title */
h1
{
    font-size: 20pt;
    color: #000000;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    padding: 5mm 10mm;
    background-color: #f1faee;
    margin: 0mm 0mm 5mm 0mm;
    text-align: left;
}

div#main{
    padding: 2mm 2mm;
}

.notprint
{
    /* ブラウザ表示用注釈 */
    display:none;
}