body {
    margin          : 2em;
    line-height     : 1.4em;
    word-wrap       : break-word;
    overflow-wrap   : break-word;
}

h1{
    /*
    H1は改行が含まれる場合が多いので、高さは1文字分に制限。フォントサイズも大きめに。
    */
    line-height: 1em;
    font-size  : 2em;
}

h2 {
    background-color: Blue;
}

h3{
    background-color: #00BFFF;
}

h4 {
    background-color: mediumaquamarine;
}

h5 {
    background-color: steelblue;
}

h6 {
    background-color: gray;
}

h2,h3,h4,h5,h6 {
    color           : White;
    padding-top     : 4px;
    padding-bottom  : 2px;
    text-indent     : 1ex;
}

h4,h5,h6 {
    font-size :1em ;
}

strong{
    margin-right: 0.25em;
    margin-left : 0.25em;
}

.level3, .level4, .level5, .level6{
    padding-left : 2em;
}

.blindbr{
    display: none;
}

kbd {
    background      : whitesmoke;
    border-radius   : 5px;
    border          : solid 2px silver;
    box-shadow      : 0 1px 0px #c3c3c3;
    color           : black;
    font-family     : monospace;
    font-weight     : bold;
    line-height     : 180%;
    margin          : 0 3px;
    padding         : 0.10em 0.50em;
    /*vertical-align: text-top;*/
}

sup{
    margin-right : 0.5em;
}

.marginleft3 {
    margin-left : 3em;
}

.marginleft {
    padding-left : 2em;
}

.macro {
    line-height         : normal;
    padding-left        : 5px;
    padding-bottom      : 2px;
    padding-top         : 2px;
    background-color    : #E0FFFF;
    border-style        : solid ;
    border-width        : 1px 3px 3px 1px ;
    font-family         : monospace,sans-serif;
    color               : Black ;
}

.attention0 {
    color           : Black ;
    border-style    : solid ;
    border-width    : 2px 2px 2px 2px ;
    padding         : 5px;
}

.attention1 {
    font-weight     : bold;
    color           : Black;
    border-style    : solid;
    border-width    : 2px 2px 2px 2px;
    padding         : 5px;
}

.attention_red {
    font-weight : bold;
    color       : Red;
    padding     : 5px;
}

.attention_black {
    font-weight : bold;
    color       : Black ;
    padding     : 5px;
}

.attention_black2 {
    font-weight : bold;
    color       : Black ;
    padding     : 5px;
    margin-left : 3em;
}

.externallink {
    font-weight : bold;
    padding     : 5px;
}

a[target="_blank"]:after {
    content         : url(./external-link-red03-Shapes4FREE.png);
    vertical-align  : middle;
    margin          : 0 2px;
}

.monospace {
    font-family : monospace,sans-serif;
}

.font_ms code {
    font-family: 'ＭＳ ゴシック',monospace;
}

div.table_border  table{
    border          : solid 1px #000000;
    border-collapse : separate;
    border-spacing  : 1px;
}

div.table_border  th{
    border          : solid 1px #000000;
}

div.table_border  tr{
    border          : solid 1px #000000;
}

div.table_border  td{
    border          : solid 1px #000000;
    padding         : 5px;
}

div.table_border1  table, div.table_border1 th , div.table_border1 tr, div.table_border1 td{
    border          : solid 1px #000000;
    border-collapse : separate;
    border-spacing  : 2px;
    /*padding         : 2px;*/
}

div.table_border1  td{
    padding-left    : 3px;
    padding-right   : 3px;
}

div.table_border2 th{
    border-bottom   : solid 2px #000000;
}

div.table_border2 table{
    border-bottom   : solid 2px #000000;
    border-top      : solid 2px #000000;
}

div.table_border3  table{
    table-layout: fixed;
    width: 400px;
}

.table_no_border{
    border          : none 0px #000000;
}

.box_line {
    color           : Black ;
    border-style    : ridge ;
    border-width    : 2px 2px 2px 2px ;
    padding         : 5px;
}

div.box_line > dl {
    margin-top      : 0px;
    margin-bottom   : 0px;
}

div.box_line > pre {
    margin-top      : 0px;
    margin-bottom   : 0px;
}

div.box_line > p{
    margin-top      : 0px;
    margin-bottom   : 0px;
}

.box_line2 {
    font-family     : monospace,sans-serif;
    color           : Black ;
    border-style    : ridge ;
    border-width    : 2px 2px 2px 2px ;
    padding         : 5px;
}

.box_line3 {
    font-family     : monospace,sans-serif;
    color           : Black ;
    border-style    : ridge ;
    border-width    : 2px 2px 2px 2px ;
    padding         : 5px;
    margin-top      : 0.5em;
    margin-bottom   : 0.5em;
    margin-left     : 0.5em;
}


.font_red {
    color   : Red;
    padding : 5px;
}

.font_blue {
    color   : blue;
    padding : 5px;
}

.font_org {
    color   : orange;
    padding : 5px;
}

.font_blue_bold {
    font-weight : bold;
    color       : blue;
    padding     : 5px;
}

.font_red_bold {
    font-weight : bold;
    color       : red ;
    padding     : 5px;
}

.font_large {
    font-size   : x-large;
}

.font_bold {
    font-weight : bold;
}

/* QA  start */
.env{
    font-weight         : bold;
    color               : white; /*orangered; /* mediumvioletred ; /*red ;*/
    background-color    : #6aa512; /*papayawhip;/*lightcyan; /*beige;lightgray;*/
    padding-left        : 4px;
    padding-right       : 4px;
}

.filetype {
    font-weight         : bold;
    color               : blue;
    background-color    : paleturquoise;
    padding-left        : 4px;
    padding-right       : 4px;
}
/* IE */
@media screen\0 {
    .env{
        padding-top     : 2px;
        padding-bottom  : 2px;
    }
    .filetype{
        padding-top     : 2px;
        padding-bottom  : 2px;
    }
}
/* edgw */
@supports (-ms-ime-align: auto) {
    .env{
        padding-top     : 2px;
        padding-bottom  : 2px;
    }
    .filetype{
        padding-top     : 2px;
        padding-bottom  : 2px;
    }
}

.marker1 {
    font-weight     : bold;
    background      : mistyrose;
    padding         : 2px;
}

/* QA  end */


/*
div.table_waku > table {
  border      : ridge 4px #000000;
}
*/

div.attention_p > p {
    font-weight     : bold;
    color           : Black;
    padding         : 2px;
    margin-left     : 3em;
    margin-top      : 2px;
    margin-bottom   : 2px;
}

.text-right {
    text-align : right;
}

/* ▲の回転 */
.rotate90{
    transform           : rotate(90deg);
    -ms-transform       : rotate(90deg);
    -moz-transform      : rotate(90deg);
    -webkit-transform   : rotate(90deg);
    -o-transform        : rotate(90deg);
    display             : inline-block;
}

li {
    margin-top      : 6px;
    margin-bottom   : 6px;
}

/* コマンドプロンプト風 */
.cmdprompt {
    padding-left    : 5px;
    background-color: black;
    color           : white ;
    border-style    : solid ;
    font-family     : monospace,sans-serif;
}

/* Q&A の前、次部分の間隔を開ける */
.link_navigate a{
    margin-left     : 6px;
    margin-right    : 6px;
}

.macro pre{
    max-width       : 80em;
    overflow        : auto;
    margin-top      : 2px;
    margin-bottom   : 2px;
}

.box pre{
    padding-left    : 5px;
    max-width       : 80em;
    overflow        : auto;
    margin-top      : 2px;
    margin-bottom   : 2px;
}

.BlockScroll{
    overflow    : auto;
    word-wrap   : normal;
}

.hme0016c_01 {
    width       : 300px;
    height      : 200px;
    overflow    : auto;
}

.updated {
    font-weight     : bold;
    text-shadow     : 1px 1px 0 white, 2px 3px 2px deepskyblue;
    font-family     : monospace,sans-serif;
    text-decoration :underline double;
}

/* 「ヒストリーに常駐」のマーク用*/
.history_set {
    color       : yellow;
    text-shadow : -1px -1px 1px black,
                   1px -1px 1px black,
                  -1px  1px 1px black,
                   1px  1px 1px black;
}

.hr_noshade{
    height              :2px;
    border-width        :0;
    color               :gray;
    background-color    :gray;
}

/* 定義リスト 変更 2021/03/27
div.mark_dt > dl > dt {
    margin-left         : 0.5em;
    font-weight         : bold;
    background-color    : thistle;
}

div.mark_dt > dl > dd {
    margin-bottom   : 0.5em;
}
/*

/* 定義リスト2 */
div.mark_dt > dl{
    border-left         : solid 3px dodgerblue;/*navy;*/
}
div.mark_dt > dl > dt {
    color               : black; /*White;*/
    margin-left         : 0.5em;
    font-weight         : bold;
    /* 変更 2021/03/27
    background-color    : thistle;
    */
    /* 変更 2021/03/27*/
    padding-left        : 0.2em;
    /* 変更 2021/03/27
    background-color    : lightsteelblue;
    */
    /* 変更 2022/03/28 */
    background-color    : aliceblue; /*darkgray*/;
    border-left         : solid 5px dodgerblue;/*navy;*/
}

div.mark_dt > dl > dd {
    margin-bottom   : 0.5em;
}

/* HM*nnnnn の[補足] */
.mark_dt3 {
    font-weight : bold;
    background  : linear-gradient(transparent 70%, greenyellow 70%);
}

div.mark_dl > dl > dt{
    font-weight         : bold;
    color               : White;
    background-color    : Blue;
    margin-top          : 0.7em;
    padding-left        : 0.2em;
    /*
    background-color    : #00BFFF;
    border-left         : solid 5px navy;
    */
}

.outline_marker1{
    background-color: #c0c0c0;
    border          : #000000 solid 1px;
}

.outline_marker2{
    background-color: #c0c0c0;
    border          : #c0c0c0 solid 1px;
}

div.img_border img{
    /*
    border  : aquamarine solid 2px;
    */
    border  : blue solid 1px;
}

/* -start---------------------------------------- */
/* 赤い波線状のアンダーライン */
/* base */
.ul_red_wave {
    text-decoration:underline wavy red;
}

/* IE */
@media screen\0 {
    .ul_red_wave{
        text-decoration :none;
        border-bottom   :solid 2px red;
    }
}
/* edgw */
@supports (-ms-ime-align: auto) {
    .ul_red_wave{
        text-decoration :none;
        border-bottom   :solid 2px red;
    }
}

/* -end------------------------------------------ */

.marker_yellow {
    background: linear-gradient(transparent 70%, yellow 70%);
}

.mobile_view{
    display:none;
}

.dt_hyouki> dl > dt {
    margin-top  : 0.5em;
    font-weight : bold;
}

.ul_red_bold {
    font-weight     : bold;
    border-bottom   : solid 2px red;
}

/*ボタン風のスタイル*/
.btn-push{
    display             :inline-block;
    text-align          :left;
    background-color    :#F0F0F0;
    color               :black;
    text-decoration     :none;
    padding             :4px 4px;
    border-bottom       :3px solid #A0A0A0;
    border-right        :3px solid #A0A0A0;
    margin-right        :5px;
    margin-left         :5px;
}

/* 選択範囲 の色 HME0083A */
.default_select {
    background-color    : #0078D7;
    color               : white;
    font-family         : monospace,sans-serif;
}

/* 実際の検索範囲 の色 HME0083A */
.line_search_area {
    background-color    : red;
    color               : white;
    font-family         : monospace,sans-serif;
}

/* start H2 にある項目 「【１】」。<br> で各行を分けていたが<li>のドット無しへ*/
.title-li>ul{
    padding-inline-start: 0px;
}
.title-li>ul> li {
    list-style-type :none;
    margin-top      :0px;
    margin-bottom   :0px;
}
/* end */

/* <li>タグを使った画像の横並び*/
.flex-container > ul > li{
    display         :inline-block;
    padding-right   :1em;
}

.BoxF {
    padding-top    : 0.2em;
    padding-bottom : 0.2em;
    padding-left   : 1em;
    padding-right  : 1em;
    margin-left    : 0em;
    margin-right   : 0em;
    color          : black;
    background     : #fff8e8;
    border-left    : solid 10px #ffc06e;
}

.BoxF>p {
    margin-top    : 0.2em;
    margin-bottom : 0.2em;
}

.Cursor{
    border-left:solid 3px red;
}

.old_information
{
    background-color    :#A9A9A9;
    color               :#C0C0C0;
}

/* 定義リスト3 */
div.qa-dd > dl > dd{
    font-weight     : bold;
}
/* モバイル用 640px 以下の設定*/
@media screen and (max-width: 640px) {
    body {
        margin:1em;
    } 
    
    h1{
        line-height: 1em;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size   :1em ;
        text-indent :0ex;
    }
    
    img{
        max-width    : 100%;
        height       : auto;
        width        : auto;
    }
    
    .level3, .level4, .level5, .level6{
        padding-left : 0em;
    }
    
    .blindbr{
        display:  block;
    }
    
    .marginleft {
        padding-left : 0em;
    }
    
    .hme0016c_01 {
        max-width: 100%;
        width    : auto;
        height   : 200px;
        overflow : auto;
    }
    
    .mobile_view{
        font-size :x-small;
        display   :inline;
    }
    
    .flex-container > ul > li{
        display       :block;
        padding-right :0em;
    }
    
    ul,ol{
        padding-inline-start: 0.5em;
        padding-left: 24px;
    }
    
    li{
        padding-inline-start: 0.5em;
    }
    
    dd {
        margin-inline-start: 10px;
    }
    
    .link_navigate a{
        margin-left     : 6px;
        margin-right    : 6px;
        line-height     :180%;
    }
}
