body {
    background-color: #F5FFFE;
    color:       #333344;
    line-height: 110%;
    font-family: "ＭＳ ゴシック", monospace;
    margin: 30px 50px;              /* 上下、左右                           */
}

img.vi
{
    border: 3px double #000000;     /* 枠線                                 */
}
pre.default                         /* 長い文章でも折り返してくれる pre     */
{
    margin : 0;
    padding: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: "ＭＳ ゴシック", monospace;
    line-height: 130%;
}

pre.vi {                            /* console 画面用                       */
    padding: 10px;
    margin-top:    10px;            /* 端から枠までの距離  上               */
    margin-left:   20px;            /* 端から枠までの距離  左               */
    margin-bottom: 10px;            /* 端から枠までの距離  下               */
    width: 650px;
    border: 3px double #000000;
    font-size:  105%;
    color:        #FFFFFF;
    background-color: #000000;
}

/*                                          見出し                              */

h1 {
    color: #FFFFFF;
    background-color: #339900;
    margin :  0  0 0   0;
    padding: 30 10 0  10;               /*  文字列までの距離  上、右、下、左    */
    width: 100%;
    height: 50;
    border: 5px solid #33cc00;
    font-weight: bold;
}

h2 {
    color: #FFFFFF;
    background-color: #339900;
    margin : 0 0 0 0;
    padding: 9 0 9 9;                   /* 文字列までの距離  上、右、下、左 */
    width: 100%;
    border: 3px solid #33cc00;
    font-weight: bold;
}

h3
{
    color: #FFFFFF;
    background-color: #339900;
    margin : 0 0 0 0;
    padding:  7px 10px 5px 10px;        /* 文字列までの距離  上、右、下、左 */
    width: 100%;
    border: 2px solid #33cc00;
    font-weight: bold;
}

h4                                      /*  h4                              */
{
/*  color: #FFFFFF;
    background-color: #339900;
    margin : 0 0 0 0;
    padding:  5 10 ;                    /* 文字列までの距離  上、右、下、左 */
/*  border: 1px none white;
    font-weight: bold;
*/
    color: #FFFFFF;
    background-color: #339900;
    margin :  0  0;
    padding:  7 10 6 10;                        /*  文字列までの距離  上 右 下 左   */
    width: 100%;                        /*  これがないと下に空白があく      */
    border: 1px none white;
    font-weight: bold;
}

h5
{
    margin : 0;
    padding: 0;
    width: 100%;
}

h6
{
    margin : 0;
    padding: 0;
    width: 100%;
}

a:link {
    margin : 0 0 0 0;
    color: #00AAFF;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    margin : 0 0 0 0;
    color: red;
    text-decoration: none;
    font-weight: bold;
}

/*

H2 A:link {
    color: #00AAFF;
}

H2 A:visited {
    color: RED;
}

H3 A:link {
    color: #FFFFFF;
}

H3 A:visited {
    color: #FFFFFF;
}

H4 A:link {
    color: #FFFFFF;
}

H4 A:visited {
    color: #FFFFFF;
}

*/

.p {
    margin-left: 30px;
    margin-right: 30px;
}
.s {
    margin-left: 60px;
    margin-right: 30px;
}

div.i {                             /* Indent                       */
    margin-left: 30px;
    margin-right: 30px;
}

pre.menu {                          /* menu 画面用                  */
    padding: 10px;
    margin-top:    10px;            /* 端から枠までの距離  上       */
    margin-left:   20px;            /* 端から枠までの距離  左       */
    margin-bottom: 10px;            /* 端から枠までの距離  下       */
    width: 600px;
    border: 3px solid #0000FF;
    font-weight:    bold;
/*  font-size:  10pt;   */
    color:        #000000;
    background-color: #A0A0A0;
}

font.vgb {              /* 灰に黒抜き文字           */
    background: gray;
    color: black;
}

pre.menu1 {             /* menu 画面内 menu 1       */
    padding: 10px;
    margin:  10px 10px 10px 10px;   /* 端から枠までの距離  上、右、下、左   */
    border-top:    2px solid #FFFFFF;
    border-left:   2px solid #FFFFFF;
    border-right:  2px solid #000000;
    border-bottom: 2px solid #000000;
    font-weight:    bold;
/*  font-size:  10pt;   */
    color:        #000000;
    background-color: #A0A0A0;
}

pre.menu11 {                /* menu 画面内 menu 11      */
    padding:  0px;
    margin:   0px 0px 0px 0px;  /* 端から枠までの距離  上、右、下、左   */
    border-top:    2px solid #FFFFFF;
    border-left:   2px solid #FFFFFF;
    border-right:  2px solid #000000;
    border-bottom: 2px solid #000000;
    font-weight:    bold;
/*  font-size:  10pt;   */
    color:        #000000;
    background-color: #A0A0A0;
}

pre.menu2 {             /* menu 画面内 menu 2       */
    padding: 10px;
    margin:  10px 10px 10px 10px;   /* 端から枠までの距離  上、右、下、左   */
    border-top:    2px solid #000000;
    border-left:   2px solid #000000;
    border-right:  2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    font-weight:    bold;
/*  font-size:  10pt;   */
    color:        #000000;
    background-color: #A0A0A0;
}

pre.bold {              /* 太文字のみ               */
    padding:    10px;       /* 枠から文字までの距離 上下左右    */
    margin:    10px 20px;       /* 端から枠までの距離   上下左右    */
    font-weight:    bold;
}

pre.none {              /* pre のみ             */
    padding:    10px;       /* 枠から文字までの距離 上下左右    */
    margin:    10px 20px;       /* 端から枠までの距離   上下左右    */
}

pre.solid {             /* 枠あり               */
    padding:    10px;       /* 枠から文字までの距離 上下左右    */
    margin:    10px 20px;       /* 端から枠までの距離   上下左右    */
    border: 2px solid #000000;
}

font.my {               /* menu タイトルの黄色文字      */
    color: #FFFF00;
}

font.mred {             /* menu 赤色文字            */
    color: red;
}

font.mblk {             /* menu 黒色文字            */
    color:      black;
    font-weight:    bold;
}

font.mgreen {               /* menu 緑色文字            */
/*  color: green;   */
    color: #98FB98;
}

font.mwbk {             /* 黒に白抜き文字           */
    color: white;
    background: black;
}

font.mwb {              /* 青に白抜き文字           */
    color: white;
    background: blue;
}

font.mbkw {             /* 白に黒抜き文字           */
    color: #000000;
    background: #FFFFFF;
}

font.myb {              /* 青に黄抜き文字           */
    color: yellow;
    background: blue;
}

font.mrb {              /* 青に赤抜き文字           */
    color: red;
    background: blue;
}

DIV.c { /* Code */
    border: 1px solid gray;
    padding: 3px;
    width: 100%;
}

font.rev {
    color: black;
    background: gray;
}

FONT.setumei {
    color: #00AAFF;
    font: bold;
}

FONT.kamei {
    color: #FF00FF;
    font: bold;
}

FONT.henko {
    color: #FFCC00;
}

FONT.input {
    color: #FFCC00;
}

FONT.date {
    color: #0000FF;
    font: bold;
}

font.green                                      /*  緑色太字    */
{
    color: #00A000;
    font-weight: bold;
}

font.red                                        /*  緑色太字    */
{
    color: #FF0000;
    font-weight: bold;
}

FONT.caution {
    color: #FF0000;
    font: bold;
}

TD.tdb {
    font: bold;
}

TD.sakuin {
         font: bold;
/*  font-size: 12pt;    */
}

TR.trb {
    font: bold;
}

FONT.in {
    color: #00C000;
    font: bold;
}