@font-face {
  font-family: font-face-example;
  src: url(images/UglyQua.ttf);
}

span.gray { background-color: #FFD; }

span.u {
  -ah-text-decoration-line: underline;       /* 下線を指定する */
  -ah-text-decoration-color: cmyk(1,1,0,0);  /* 線の色を赤にする */
  -ah-text-line-width: 0.12mm;               /* 線の幅を指定する */
}

span.solid { -ah-text-decoration-style: solid; }                /* 線の種類を実線にする */
span.double { -ah-text-decoration-style: double; }              /* 線の種類を二重線にする */
span.dotted { -ah-text-decoration-style: dotted; }              /* 線の種類を点線にする */
span.dashed { -ah-text-decoration-style: dashed; }              /* 線の種類を破線にする */
span.dot-dash { -ah-text-decoration-style: dot-dash; }          /* 線の種類を一点鎖線にする */
span.dot-dot-dash { -ah-text-decoration-style: dot-dot-dash; }  /* 線の種類を二点鎖線にする */
span.wave { -ah-text-decoration-style: wave;}                   /* 線の種類を波線にする */
span.text-decoration {
  -ah-text-decoration-line: line-through;
  font-family: source-code-pro, monospace;
}

.unimportant { color: #555; }

.TitleRef {
  content: target-text(attr(href, url), before)  ", "
           target-text(attr(href, url), content);
}


table.ColorTable {
  display: table;
  border-collapse: collapse;
}
table.ColorTable tr > td {
  padding-right: 0.5em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
table.ColorTable tr > td:nth-child(3n+1) {
  padding-right: 0.5em;
}
table.ColorTable tr > td:nth-child(3n+2) {
  padding-left: 0.3em;
}
table.ColorTable tr > td:nth-child(3n+0) {
  padding-left: 0.3em;
  padding-right: 2em;
}
table.ColorTable tr > td:last-child {
  padding-right: 0;
}

table.OpacityTable {
  display: table;
  border-collapse: collapse;
}
table.ColorTable td {
  padding: 0.5em;
}

table.GrayscaleTable {
  display: table;
  border-collapse: collapse;
  border: 0.3mm solid black;
}
table.GrayscaleTable td {
  padding: 0.5em;
  border: 0.15mm solid rgb-icc(#Grayscale, 0.5);
}

p.font-face-example {
 text-indent: 0;
 text-align: center;
 font-size: 3em;
 line-height: 1.2;
 font-family: font-face-example;
}

p.small-caps-example {
 text-indent: 0;
 text-align: center;
 font-size: 3em;
 line-height: 1.2;
 font-variant: small-caps oldstyle-nums;
}


div.BaselineGrid {
  -ah-baseline-grid: new;
  -ah-baseline-block-snap: center;
}
div.NoBaselineGrid {
  -ah-baseline-grid: none;
}

div.BaselineGrid div,
div.NoBaselineGrid div {
   font-weight:bold;
   font-size: 1.5em;
   padding-top:0.2em;
   padding-bottom: 0.4em;
}

div.BaselineGrid div {
  -ah-baseline-grid: none;
  -ah-baseline-block-snap: auto;
}

/* 段組 */
div.MultiCol {
  column-count: 2;                /* 段数を指定 */
  column-gap: 5mm;                /* 段間 */
  column-rule: dotted green 1mm;  /* 段間罫 */
  border: solid 0.3pt gray;
  padding: 3pt;
  margin-bottom: 1em;
}

div.MultiCol3 {
  column-count: 3;                /* 段数を指定 */
  column-gap: 5mm;                /* 段間 */
  column-rule: dotted green 1mm;  /* 段間罫 */
  border: solid 0.3pt gray;
  padding: 3pt;
  margin-bottom: 1em;
}

div.MultiColWidth {
  column-width: 35%;
  column-gap: 5mm;                /* 段間 */
  column-rule: dotted green 1mm;  /* 段間罫 */
  border: solid 0.3pt gray;
  padding: 3pt;
  margin-bottom: 1em;
}

div.MultiColW {
  column-width: 12em;             /* 段幅を指定 */
  column-gap: 1em;                /* 段間 */
  column-rule: solid 1pt;         /* 段間罫 */
  border: solid 0.3pt gray;
  padding: 3pt;
  margin-bottom: 1em;
}


span.sidenote {
  float: sidenote;
  text-indent: 0;
  color: dimgray;
  padding: 0 0.5em;
}

@page {
  @sidenote {
    float: outside;
    clear: both;
    width: 20%;
  }
}

@counter-style my-cjk-decimal {
system: numeric;
range: 0 infinite;
symbols: \3007  \4E00  \4E8C  \4E09  \56DB  \4E94  \516D  \4E03  \516B  \4E5D;
/* 〇 一 二 三 四 五 六 七 八 九 */
suffix: "\3001";
/* "、" */
}
ol.my-cjk-decimal li { list-style-type: my-cjk-decimal;  }

ul.TOCSample {
 -ah-pdftag: "L"; /* Workaround for PDF/UA bug in 6.5 MR2. */
}