@charset "utf-8";

@media all{
  /* フォントファミリ関連 */
  body, input, select/*, textarea*/{
    font : 400 medium "Meiryo UI", Meiryo,
                      "Noto Sans CJK JP",
                      "Noto Sans JP",
                      "Hiragino Kaku Gothic Pro",
                      "Hiragino Kaku Gothic Pro W3";
  }
  body:lang(jp), p:lang(jp), input:lang(jp), select:lang(jp){
    font : 400 medium "Meiryo UI" Meiryo,
                      "Noto Sans CJK JP",
                      "Noto Sans JP",
                      "Hiragino Kaku Gothic Pro",
                      "Hiragino Kaku Gothic Pro W3",
                      sans-serif;
  }
  body:lang(zn), p:lang(zn), input:lang(zn), select:lang(zn){
    font : 400 medium "Microsoft YaHei UI",
                      "Microsoft YaHei",
                      "Noto Sans CJK SC",
                      "Noto Sans SC",
                      "Hiragino Sans GB",
                      "Hiragino Sans GB W3",
                      sans-serif;
  }

  /* デバッグここから */
  body.jp, p.jp, input.jp, select.jp/*, textarea*/{
    font : 400 medium "Meiryo UI" Meiryo,
                      "Noto Sans CJK JP",
                      "Noto Sans JP",
                      "Hiragino Kaku Gothic Pro",
                      "Hiragino Kaku Gothic Pro W3",
                      sans-serif;
    background : #0000FF;
    color : #FFFFFFF;
  }
  body.zh, p.zh, input.zh, select.zh/*, textarea*/{
    font : 400 medium "Microsoft YaHei UI",
                      "Microsoft YaHei",
                      "Noto Sans CJK SC",
                      "Noto Sans SC",
                      "Hiragino Sans GB",
                      "Hiragino Sans GB W3",
                      sans-serif;
    background : #0000FF;
    color : #FFFFFFF;
  }
  /* デバッグここまで */

  pre:lang(en){
    font : 400 medium Consolas;
  }
  /* デバッグここから */
  pre.en{
    font : 400 medium Consolas;
    background : #0000FF;
  }
  /* デバッグここまで */
  
  /* フォントサイズ関連 */
  h1, .fs1{
    font-size : xx-large; 
  }
  h2, .fs2{
    font-size : x-large;
  }
  h3, .fs3{
    font-size : large;
  }
  h4, .fs4{
    font-size : medium;
  }
  h5, .fs5{
    font-size : small;
  }
  h6, .fs6{
    font-size : x-small;
  }
  .fs7{
    font-size : xx-small;
  }

  /* 行揃え関連 */
  .lt{
    text-align : left;
  }
  .ct{
    text-align : center;
  }
  .rt{
    text-align : right;
  }
  .jt {
    text-align   : justify;
    text-justify : inter-ideograph;
    -ms-text-justify : inter-ideograph;
  }

  /* 回り込み関連 */
  .fl{
    float : left; 
  }
  .fr{
    float : right; 
  }
  .cl{
    clear : both;
  }

  /* 表示関連 */
/*
  .new{
    font-weight : 700;
  }
  .key{
    font-weight     : 700;
    text-decoration : underline;
  }
  .cur{
    font-weight : 700;
  }
*/

  /* 太字・斜体関連 */
/*
  h1, h2, h3, h4, h5, h6{
    font-weight : 700;
  }
  .bd{
    font-weight : 700;
  }
  .it{
    font-style : italic;
  }
*/

  /* テーブル関連 */
  table{
    border-collapse : collapse;
    caption-side    : bottom;
  }
  table caption{
    white-space : nowrap;
  }
  table.ln td, table.ln th{
    empty-cells : show;
  }
  th{
    font-weight : bold;
  }

  table.cl2 tr:nth-child(odd) {
    background : HSLA(330, 100%, 75%, 1.0);
  }
  table.cl2 tr:nth-child(even) {
    background : HSLA(150, 100%, 75%, 1.0);
  }

  /* 幅・高さ関連 */
  body{
    margin     : 0px auto;
    padding    : 0px;
    max-width  : 720px;
    word-break : break-all;
  }
}

@media screen{
  /* PC版は、白色を基調とし、緑色をリンクとする */

  /* 基本 */
  body {
    background : HSLA(60, 100%, 100%, 1.0); // DEBUG
    color      : HSLA( 0,   0%,   0%, 1.0);
  }

  /* リンク */
  a:link{
    background      : HSLA(330, 100%, 75%, 1.0);
    color           : HSLA(  0,   0%,  0%, 1.0);
    text-decoration : none;
  }
  a:hover{
    background      : HSLA(330, 100%, 75%, 1.0);
    color           : HSLA(  0,   0%,  0%, 1.0);
    text-decoration : none;
  }
  a:active{
    background      : HSLA(330, 100%,  25%, 1.0);
    color           : HSLA(  0,   0%, 100%, 1.0);
    text-decoration : none;
  }

  a:visited{
    background      : HSLA(150, 100%, 75%, 1.0);
    color           : HSLA(  0,   0%,  0%, 1.0);
    text-decoration : none;
  }
  a:visited:hover{
    background      : HSLA(150, 100%, 75%, 1.0);
    color           : HSLA(  0,   0%,  0%, 1.0);
    text-decoration : none;
  }
  a:visited:active{
    background      : HSLA(150, 100%,  25%, 1.0);
    color           : HSLA(  0,   0%, 100%, 1.0);
    text-decoration : none;
  }
/*
*/

  /* リンクしないリンク(新仕様) */
  a:not([href]){
    background      : HSLA(150,   0%,  75%, 1.0);
    color           : HSLA(  0,   0%,   0%, 1.0);
    text-decoration : none;
  }

  table.ln{
    border : 2pt #000000 outset;
  }
  table.ln td, table.ln th{
    border : 1pt #000000 solid;
  }
  table.bw{
    background : #000000;
  }
}

@media print{
  body{
    background : #FFFFFF;
    color      : #000000;
  }

  input{
    background : #C0C0C0;
  }

  div#head{
    display : none;
  }

  a:link, a:visited, a:hover, a:active, span.dead{
    color           : #000000;
    text-decoration : underline;
  }

  .new{
    color : #808080;
  }

  table.ln{
    border : 2pt #000000 outset;
  }
  table.ln td, table.ln th{
    border : 1pt #000000 solid;
  }
  table.bw{
    background : #FFFFFF;
  }
}