/* CSS for Another HTML-lint */

a:link    { color: #0000CC }
a:visited { color: #330099 }
a:active  { color: #FF0000 }

/*
h2.book {
    font-size: 1.5em;
    font-weight: 600;
}
*/

h2.title { 
    line-height:100%; 
    margin: 25px 0 20px;
    padding: 5px 0 0 12px;
    font-size: 24px;
    border-top:double 4px #999;
    border-left: solid 30px #999;
    font-family: "メイリオ",Meiryo,"MS UI Gothic"; 
}

/*
h3.title {
    margin: 1em 1em 0em 0em;
    padding-left: 0.5em;
    font-size: 1.5em;
    font-weight: 600;
    border-width: 0.2em 0em 0.1em 0.7em;
    border-style: solid;
}
*/
/*
h2.title,
h3.title,
div.title {
    border-color: #ccc;
}
*/
/*
.date, .version, .size, .forjap, .counter,
address { font-family: serif; }
*/

div.title {
    margin: 1em 1em 0em 0em;
    border-width: 0.2em 0em 0.1em 0.7em;
    border-style: solid;
}
.cite {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 0.5em;
}
.slight-error {
    color: #666666;
}
.error-line {
    color: red;
}
.link-free,
.caution {
/*  margin-right: 0em; */
}
.link-free,
.caution,
.unfriendly {
    background-color: #FFFFCC;
    border-width: medium;
    border-style: solid;
    border-color: #CCCC66;
    padding: 0.5em;
}
div.lynx {
    border-width: medium;
    border-style: solid;
    border-color: #CCCC66;
    font-family: monospace;
    margin-left: 1em;
    width: 42em;
}
pre.exp,
pre.lynx {
    margin-left: 1em;
}
.comment {
/*  font-size: 1.1em; */
    font-weight: 500;
/*  background-color: #FFFFCC; */
    border-width: thick;
    border-style: groove;
    border-color: #CC3333;
    padding: 0.5em;
}
span.ring {
    font-size: 1.8em;
    /*font-family: serif;*/
    font-weight: bold;
/*  font-style: italic; */
    color: #006600;
}

hr.none { display: none }

span.religious     { color: red }
span.accessibility { color: blue }
span.warn          { color: red }

span.penalty { color: maroon }
p.penalty { margin-left:1em }

/* use-htmllint.html */
div.options {
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0.5em;
}

/* rulefile.html */
ol.rulefile li {
    margin-top: 0.5em;
}
ol.rulefile li ul li {
    margin-top: 0em;
}
ol.rulefile li dl dt {
    margin-left: 1em;
    margin-top: 0.5em;
}

/* download.html */
ul.necessary li,
dl.inc-files dt {
    margin-top: 0.5em;
}

/* thanks.html */
dl.thanks dt {
    margin-top: 0.5em;
}

/* explain.html */
div.errnavimg {
    float: right;
/*  margin-top: -2em; */
}

/* explain-wai.html */
dl.guideline dd {
    margin-top: 0.75em;
/*  padding-left: 3em;
    text-indent: -2em; */
}
dl.guideline dd dd {
    margin-top: 0em;
/*  padding-left: 0em;
    text-indent:  0em; */
}
dl.priority dt {
    margin-top: 0.5em;
}
span.checkpoint {
    font-weight: bold;
}
span.priority1 {
    color: #FF0000;
    background: white;
    font-weight: bold;
}
span.priority2 {
    font-weight: bold;
}
span.priority3 {
    font-weight: bold;
}
/* findfault.html */
dl.findfault    { margin-left: 1.5em }
dl.findfault dt { margin-top:  0.5em }

/* explain.html */
ol.explain0 p.whine,
ol.explain p.whine {
    color: black;
/*  color: #0050B2; */
    border-width: 1px;
    border: 1px solid;
    border-color: #ccc;
    background-color: #FFFFCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
/*  margin-top: 10px; */
    margin-right: 32px;
/*  width: 90%; */
/*  float: left; */
}

/* explain-wai.html */
h3.guideline {
    font-size: 110%;
    font-weight: bold;
    color: black;
/*  color: #0050B2; */
    border-width: 1px;
    border: 1px solid;
    border-color: #ccc;
    background-color: #FFFFCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-right: 32px;
/*  width: 90%; */
}

/* explain-omake.html */
ol.omake p.omake {
    color: black;
/*  color: #0050B2; */
    border-width: 1px;
    border: 1px solid;
    border-color: #ccc;
    background-color: #FFFFCC;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
/*  margin-top: 10px; */
    margin-right: 32px;
/*  width: 90%; */
}

/* faq.html */
dl.faq dt { font-weight: bold }

/* */
.explain blockquote,
.pre-sample,
.code-sample {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 0.5em;
    margin: 0.4em 32px 0.4em 1.5em;
}
.pre-sample,
.code-sample {
    font-family: monospace;
}
table.code-sample {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}
table.code-sample td {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 0.5em;
    font-family: monospace;
}

div.pre-sample pre {
    margin-left: -2em;
}

table.contents th,
table.contents td {
    padding-left:  0.5em;
    padding-right: 0.5em;
}

table.border {
    border-collapse: collapse;
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
/*  padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em; */
}
table.border th,
table.border td {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
/*  empty-cells: hide; */
}
table.border td.header {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}
table.border0 {
/*  border-collapse: collapse; */
    border-style: none;
}
table.border0 th,
table.border0 td {
    border-style: none;
}

table.frame {
    border-collapse: collapse;
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
    padding: 0.5em;
}
table.frame th,
table.frame td {
    border-style: none;
    padding-left:  0.2em;
    padding-right: 0.2em;
}

/* index.html */
table.changes col.version,
table.changes col.date {
    padding-left:  0.5em;
    padding-right: 0.5em;
}
ul.pendings {}

/* download.html */
table.archives {
    border-collapse: collapse;
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
}
table.archives td {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding-left: 0.2em;
    padding-right: 0.2em; 
}

/* use-htmllint.html */
table.options {
    border-collapse: collapse;
/*  border-width: thin;
    border-style: solid;
    border-color: #ccc;
    margin-left: 0.5em;
    margin-right: 0.5em; */
}
table.options td {
    padding-left: 0.5em;
}

/* faq.html */
/*@media screen {*/
dl.faq dt { font-weight: bold; margin-left: 1em }
/*}*/

/* explain.html */
ol.explain0 p.whine,
ol.explain p.whine {
/*  float: left; */
}
div.errnavimg {
    margin-top: -3em;
/*  padding-top: 5px; */
/*  text-align: right; */
    width: 10%;
    float: right;
}
ol.explain0 p,
ol.explain p {
    clear: both;
}
ul.doctypes li,
ul.schemes li {
    margin-top: 0.5em;
}
ul.doctypes li.nomargin {
    margin-top: 0em;
}
/*
col.jiscode  { text-align: "-" }
col.sjiscode { text-align: "/" }
*/

/* explain-wai.html */
h3.guideline {
/*  font-size: 100%; */
    float: left;
}
div.glnavimg {
    padding-top: 20px;
    text-align: right;
}
dl.guideline {
    clear: both;
}

/* explain-omake.html */
ol.omake p.omake {
/*  float: left; */
}
div.omakenav {
    margin-top: -3em;
/*  padding-top: 5px; */
/*  text-align: right; */
    width: 10%;
    float: right;
}

@media print {
.nav,
.noprint { display: none }
}

/* written by Nao7*/
*        { font-size: 100%; font-family: "メイリオ",Meiryo,"MS UI Gothic"; line-height: 140%; }
/*        { margin: 0; padding: 0; }*/
html     { height:100%; background:#eaeaea; }
body     { min-height:100%; background:#fff; margin:auto; padding: 0 50px; border-left:solid 1px #777; border-right:solid 1px #777; box-shadow: 0 0 15px #222; }
body     { min-width: 800px; max-width: 1000px; }

h1       { margin: 20px 0; font-size: 45px; font-family: "Times New Roman",serif; }
h1 a     { font-family: "Times New Roman",serif; }
h2       { font-family: "メイリオ",Meiryo,"MS UI Gothic"; }

.head-box { width: 100%; margin: 20px 10px; /*border:solid 1px #555;*/ }
.head-txt { max-width: 740px; /*overflow:auto;*/ /*border:solid 1px #555;*/ }
.head-txt h2,
.head-txt span  { text-align: center; margin-top: 16px; display: block; }
.head-txt p  { margin-top: 16px; }

ul.contents  { width:200px; margin-top:0; list-style: none; float: left; }
ul.contents2 { width:200px; margin-top:0; list-style: none; float: right; }

#preface { width: 360px; margin: 0 auto 40px; padding-top:40px; line-height: 140%; font-size: 90%; color: #476031; /*border:solid 1px #555;*/ }

em,
address  { font-style: normal; }
.count   { width:230px; margin:auto; font-family: "Times New Roman",verdana,Arial,serif; }
#total   { font-family: "Times New Roman",verdana,Arial,serif; }
.nav     { margin:0 -50px; padding:0 0 0 280px; height: 28px; border-bottom: solid 1px #ccc; background:#f5f5f5; }

.nav a   { float: left; display: block; width: 90px; background: #eaeaea; margin-right: -1px; text-align: center; padding: 3px; text-decoration: none; }
.nav a   { border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.nav a:hover { background: #ccc; }

.nav:after,
.head-box:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }

.modified    { margin: 25px 0 0 25px; }
.modified th { text-align:left; vertical-align: top; }
.modified td { word-spacing: 10px; line-height: 135%; }

#copyright { border: solid 1px #000; text-align: center; padding: 1em; margin: 50px 0; }
#download  { width: 1000px; }
#download td { white-space: normal; padding: 5px; }
#download span.size  { font-size: 85%; }

input[type="text"] { height: 24px; /*font-size: 100%;*/ }
input[type="file"] { /*font-size: 100%;*/ }