@charset "utf-8";
*     {margin:0px; padding:0px; font-family:"Consolas","Courier New","Courier","ＭＳ Ｐゴシック",sans-serif;}
html  {width:100%;height:100%;}
body  {width:100%;height:100%; background-color:#fff; margin:0px; padding:0px;}

._s_ {border:solid 2px #ccc!important}

p.image {background-color:transparent; text-align:center; margin:4px 0px;}
p.image img {border:solid 1px #999; box-shadow:4px 4px 4px rgba(0,0,0,0.4); margin:4px 4px;}

div.code table {border:none;border-collapse:collapse;border-spacing:0px;padding:0px;margin:0px;table-layout:fixed;overflow:hidden;min-width:100%;}
div.code table td.no  {width:2.5em; padding:0px; border-right:solid 1px #ccc;}
div.code table td.line{width:*; padding:0px;}
div.code table td.no div {text-align:right; color:#aa9;padding-right:2px;}
div.code table code span {white-space:nowrap;}

h1.cap, h2.cap, h3.cap, h4.cap, h5.cap {
 padding:2px 4px; border-bottom:solid 1px #969696; background-color:transparent; line-height:normal;
}
h1.cap {font-size:32px; margin:0px 0px 4px 0px;}
h2.cap {font-size:24px; margin:8px 0px 4px 2px;}
h3.cap {font-size:22px; margin:8px 0px 4px 4px;}
h4.cap {font-size:20px; margin:8px 0px 4px 6px;}
h5.cap {font-size:18px; margin:8px 0px 4px 8px;}

p.hl {border-left:solid 1em #ed8536; border-bottom:solid 1px #ed8536; padding:0px 0px 2px 4px; margin:0px 4px 10px 0px; font-size:large;}
p.hs {border-left:solid 1em #ed8536; border-bottom:solid 1px #ed8536; padding:0px 0px 2px 8px; margin:12px 4px 10px 4px; font-size:normal;}

/* LinkGuid */
div.link {margin:0px 24px 0px 36px; font-size:small; background-color:#aaa;}
div.link table {border:none;border-collapse:collapse;border-spacing:0px;padding:0px;margin:0px;table-layout:fixed;overflow:hidden;width:100%;height:1em;}
div.link td.l {padding-left:8px;}
div.link td.o,div.link td.c {width:1.5em; padding:2px; background-color:#f00; color:#fff; text-align:center;}
div.link td.o:before {content:"+";}
div.link td.c:before {content:"-";}

div.code {margin:0px 24px 0.5em 36px; padding:0px; overflow:auto;
          border-left:solid 4px #aaa;border-right:solid 1px #aaa;
          border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;}
div.code td div:nth-child(odd) {background-color:#ffe;}
div.code td div:nth-child(even) {background-color:#efe;}
div.code code {color:#000; background-color:transparent;}

div.exp   {margin:0px 24px 0.5em 36px; padding:5px; background-color:#eee; border:dotted 2px #ddd; border-radius:5px;}

p.content {margin:0px 0px 8px 12px; text-indent:0.5em;}
p.comment {background-color:#ff9; margin:0px 16px 0.2em 16px;}

p.pointH {margin:0px 24px 0px 36px; border:solid 2px #aaa; border-top-left-radius:0.5em; border-top-right-radius:0.5em; padding:0.2em 0.5em; background-color:#fd3;}
p.pointB {margin:0px 24px 0.5em 36px; border-left:solid 2px #aaa;border-right:solid 2px #aaa;border-bottom:solid 2px #aaa; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; padding:0.2em 0.5em;}

p.caption {background-color:transparent;margin:0px 0px 0.7em 0px; text-align:center;}
p.qa   {margin:0.5em 0px 0.5em 12px; font-weight:bold; font-size:large; color:#a33; border-bottom:solid 1px #a33;}
p.qb   {margin:0.5em 0px 0.5em 12px; font-weight:bold; font-size:large; color:#33a; border-bottom:solid 1px #33a;}
p.dsp  {margin:0.5em 60px 0.5em 60px; padding:0.5em; border:solid 1px #999; box-shadow:4px 4px 4px rgba(0,0,0,0.4);}

p.update {margin:0px; text-align:right; font-size:small;}

span.r {color:#c00;}
span.g {color:#1c1;}
span.b {color:#11c;}
span.rb {color:#c00; font-weight:bold;}
span.gb {color:#1c1; font-weight:bold;}
span.bb {color:#11c; font-weight:bold;}
span.u {color:#33f; text-decoration:underline;}
span.m {color:#f33; background-color:#ff7;}
span.value {color:#d48;}
span.tag {color:#007000;}
span.attribute {color:#008080;}
span.kw {color:#702070;}
