@charset "Shift_JIS";
a ruby rt { text-decoration: none }
a:hover { color: #f00 }
body { font-size: 85%; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1.5em; background-color: #fff; text-align: left; letter-spacing: 1px; width: 100%; height: 100%; overflow: visible; margin: 0; padding: 0; }
* html body { font-size: 85%; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; background-color: #fff; text-align: left; letter-spacing: 1px; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; overflow-x: auto; }
button.dl { background-color:#d8e8f0; border-color:#c8d8e8; color: #000080; font-size:90%; line-height:110%; font-weight:bold; margin-left:1em; padding:2 0 0 0; }
h1 {
 font-size: 1.2em; background-color: #c0e8e8;
/* KAZ: c/o: height: 1.4em; */
 margin: 0 0 1em -5px;
}
h2, p.whatsnew { color: #100068; font-size: 100%; font-weight: bold; margin: 1.5em 0 0.5em; padding-left: 4px; border-bottom: 1px solid #102088; border-left: 10px solid #102088   }
h3 { font-size: 100%; font-weight: bold; margin: 1.5em 0 0.5em 0; border-bottom: 1px solid #102088 }
h4 { font-size: 100%; font-weight: bold; margin: 1em 0 0.3em; border-bottom: 1px solid #102088 }
hr { color: #80a8cf; margin-top: 1em; height: 1px }
img { border-style: none; }
li { margin-left: 10px  }
ol { margin: 0.5em 50px 0.5em 18px }
p { margin-top: 0; margin-bottom: 0.5em; }
ruby rt { font-weight: normal; font-size: smaller; } /* Mat 2019.11 was 76%, bad on Android */
table { font-size: 100%; line-height: 1.5em; letter-spacing: 1px; border-collapse: collapse; }
th { text-align: left }
ul { margin: 0 10px 0.5em; padding-left: 0; }
.black { color: black; }
.body, #idbody { background-color: #fff; margin: 0 0 0 240px; padding: 20px 30px; width: auto; height: 100%; overflow: visible; }
* html body div.body, * html body div.#idbody { background-color: #fff; width: auto; height: 100%; margin: 0 0 0 240px; padding: 20px 30px; overflow-y: scroll; }
.bold { font-weight: bold; line-height: 1.2em; margin: 0px 0px 0.5em; }
.box { position: relative; float: left; margin-right: 1em; margin-bottom: 1em; }
.border_silver { border: solid 1px silver; }
.center { text-align: center; }
.clear { float: none; clear: both; }
.copyright { font-size: 10px; text-align: right; margin: 1em 0 0 10px; }
.current { color: #d00 }
.footer { position: absolute; bottom: 6px; width: 100% }
table.form { border-bottom: 5px solid #c8f0d0; border-top: 5px solid #c8f0d0; font-size: 95%; line-height: 1.25em; margin-bottom: 1em; word-break: break-all; }
td.form, th.form { border-bottom: 1px solid #c8f0d0; font-weight: normal; margin: 0; padding: 0.1em 0.3em; vertical-align: top; }
td.formaddr, th.formaddr { border-bottom: 5px solid #c8f0d0; font-weight: normal; margin: 0; padding: 0.1em 0.3em; vertical-align: top; }
.google { margin-top: 0; margin-bottom: 0; }
.h1 { font-size: 1em; line-height: 1.4em; background-color: #80a8cf; margin-left: 0; padding: 0.2em 5px; border-right: 2px solid #fff; }
.h3, .h4 { margin-left: 1em }
.histindent { font-size: 90%; margin-top: 0; margin-left: 3em }
.history { font-size: 100%; margin-bottom: 0; width: auto ; margin-left: 2em; }
.indexlist { text-indent: -20px; margin-top: 0; margin-bottom: 0; margin-left: 20px; }
.keep-all { line-height: 1.2em; margin: 0px 0px 0.5em; word-break: keep-all; }
.left { float: left; }
table.list { border-bottom: 5px solid #80a8cf; border-top: 5px solid #80a8cf; font-size: 95%; line-height: 1.1em; margin-bottom: 0.5em; margin-top: 1em; border-right: 1px solid #80a8cf; }
td.list { padding: 0.1em 0.3em; border-top: 1px solid #80a8cf; border-left: 1px solid #80a8cf; }
th.list { background-color: #e8e8f0; text-align: center; border-top: 1px solid #80a8cf; border-left: 1px solid #80a8cf; }
.listcenter { border-left: 1px solid #c8f0d0; border-top: 1px solid #c8f0d0; padding: 0.1em 0.3em; text-align: center; }
.listicon { vertical-align: middle; list-style-image: url(image/ic_trigr.gif); }
.listname { padding: 0.1em 0.3em; background:#e8f8e0; border-top: 1px solid #c8f0d0; border-left: 1px solid #c8f0d0; }
.listnum { background: #e8f8e0 url(shinshu/image/akamaru.gif) no-repeat center; border-left: 1px solid #c8f0d0; border-top: 1px solid #c8f0d0; color: #ffffff; font-family: Arial; font-size: 9pt; font-weight: bold; height: 21px; padding: 0.1em 0.3em; text-align: center; }
.listright { border-left: 1px solid #c8f0d0; border-top: 1px solid #c8f0d0; padding: 0.1em 0.3em; text-align: right; }
.listtategaki { background-color: #e8f8e0; border-left: 1px solid #c8f0d0; border-top: 1px solid #c8f0d0; text-align: center; width: 1em; }
.listwidepad { border-left: 1px solid #c8f0d0; border-top: 1px solid #c8f0d0; padding: 0.1em 0.5em; }
a.logo { color: #084090; text-decoration: none; vertical-align: text-bottom; }
div.logo { left: 10px; position: absolute; text-align: center; top: 7px; width: 200px; }
table.logo { font-size: 12px; font-weight: bold; left: 10px; letter-spacing: 2px; line-height: 1em; position: absolute; text-align: center; top: 7px; width: 200px; }
.logoback { border-bottom: 1px solid #102088; width: 100%; height: 55px; }
.lptool { border: solid 1px gray }
td.lptool { text-align: center; vertical-align: top;}
.menu { background-color: #e0e8f0; position: fixed; border-right: 1px solid #102088; top: 0; left: 0; width: 240px; height: 100%; overflow: auto; overflow-x: hidden; scrollbar-base-color: #e0e8f0; }
* html body div.menu { background-color: #e0e8f0; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 240px; height: 100%; overflow: auto; border-right: 1px solid #102088; overflow-x: hidden; scrollbar-base-color: #e0e8f0; }
ul.menu { position: relative; width: auto; height: auto; margin: 0; padding: 0    ; border-style: none; }
.menu1 { font-size: 100%; font-weight: bold; line-height: 1em; text-indent: -27px; margin-top: 1em; padding-top: 2px; padding-left: 27px; border-top: 2px groove #99f; }
.menu2 { letter-spacing: 0; list-style-type: none; margin-bottom: 0.2em; margin-left: 10px; }
.menu3 { letter-spacing: 0; list-style-type: none; margin-left: 12px;}
.menue { margin-top: 1em; margin-bottom: 1em;}
.menucontents { padding: 10px; }
.menuframe { background-color: #e0e8f0; overflow: auto; overflow-x: hidden    }
.menuframe * { width: auto; height: auto; overflow: auto; }
.middle { vertical-align: middle }
a.mtlhome { color: #084090; font-size: 10px; font-weight: bold; line-height: 10px; text-decoration: none; }
div.mtlhome { background-color: #ffffff; border: solid 1px #102088; color: #084090; text-align: center; padding: 10px; }
table.mtlhome { line-height: 1em; text-align: center; }
.news { font-size: 100%; letter-spacing: 1px; margin: 1em 0 2px 0; padding: 0.4em 0; border: solid 1px #c00; }
.newsbody { margin: 0; padding-right: 2px; padding-left: 0; }
.newsdate { font-weight: bold; vertical-align: top; margin: 0; padding-right: 1em; padding-left: 1em; }
.next { width: 100%; margin-top: 1em; }
.nophoto { color: #ff0; background-color: #00f; text-align: center; }
.note{ font-size: 90%; font-style: italic; margin-top:1em; text-align:center  }
.photo { color: #100048; font-size: 95%; line-height: 1.2em; text-align: center; letter-spacing: 0; margin-bottom: 0.25em; }
img.photo { border: solid 1px #888; }
.photol { color: #100048; font-size: 95%; line-height: 1.2em; text-align: center; letter-spacing: 0; float: left; margin-right: 0.5em; margin-bottom: 0.5em; }
.photor { color: #100048; font-size: 95%; line-height: 1.2em; text-align: center; letter-spacing: 0; float: right; margin-bottom: 0.5em; margin-left: 0.5em; }
.profdesc { font-size: 90%; line-height: 135%; vertical-align: top; margin-left: 1.5em; }
div.profile { background-color: #e8f8e0; border: solid 2px #c8f0d0; font-size: 95%; line-height: 1em; margin-top: 1em; padding: 0.5em; }
h2.profile { border-left-style: none; font-weight: normal; margin: 0 0 0.5em; padding-left: 0; }
.profname { font-size: 90%; vertical-align: top; width: 10%; word-break: keep-all; }
.right { float: right; }
div.shincapt { background-color: #fff; border: solid 1px; color: #008838; font-size: 10px; letter-spacing: 0; line-height: 10px; padding-top: 10px; padding-bottom: 10px; text-align: center; width: 200px; }
p.shincapt { text-align: justify; width: 170px; text-justify: distribute-all-lines; }
a.shincapt { color: #008838; text-decoration: none; }
img.shincapt { width: 162px }
.small { font-size: 90%; letter-spacing: 1px; }
.text-bottom { vertical-align: text-bottom; border-style: none; }
.text-indent { text-indent: -1em; margin-left: 1em; }
table.vgroup { border: 1px solid silver; margin: 10px; }
tr.vgroupheadrow { height: 8px; }
th.vgroupheadcell { height: 8px; line-height: 8px; }
div.vgroupheadstr { position: relative; top: -5px; left: 8px; }
span.vgroupheadstr { background-color: white; }
td.vgroupcontents { padding: 3px 8px; }
li.tr_mitu { margin-left: -1em; }
th.tr_mitu { text-align: right; vertical-align: text-top; width: 9em; white-space: nowrap; }
ul.tr_mitu { margin-left: 0; }
.tr_miru_result { font-size: large; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
table.tr_miru_internal { border: 1px solid silver; margin: 10px 0px; line-height: 1em; }
td.tr_miru_internal { text-align: right; }
.wdcat { color: #0000cd; }
.wddom { color: #b22222; }
.wdeng { font-weight: bold; }
.wdlabel { font-weight: bold; }
.wdmain { margin: 0; padding: 0; }
.wdtrg { margin-left: 0.5em; }
td.whatsnew { vertical-align: top }
.wndate { font-weight: bold; vertical-align: top; width: 7em; }
.writer { text-align: right; }
td.step { padding: 0; text-align: center; height: 40px; font-size: 110%; font-weight: bold; color: #a00e15; }
td.steptrans { background: url(image/stptrans.gif) no-repeat center center #fff; }
td.stepcheck { background: url(image/stpcheck.gif) no-repeat center center #fff; }
td.stepother { background: url(image/stpother.gif) no-repeat center center #fff; }
td.transition { padding: 0; text-align: center; font-size: 110%; font-weight: bold; }
td.condition { padding: 0 0 0 10px; text-align: left; font-size: 90%; }
@media print {
 .body, #idbody { margin-left: 240px; padding: 0 10px 0 0; }
 .keep-all { word-break: break-all; }
 * html body div.body, * html body div.#idbody { padding: 0; margin-left: 230px; overflow-y: visible; }
 .menu, * html body div.menu { position: absolute; width: 220px; overflow: visible; border: solid 1px #102088; }
 table.logo { left: 0; width: 202px; margin-left: 4px; }
 div.shincapt { text-align: center; width: 196px; padding: 4px; }
}
.advert { text-align:center; line-height: 130%; font-size: 11px; text-decoration: none; }
.advert a:link { color: #666666; text-decoration: none; }
.advert a:visited { color: #999999; text-decoration: none; }
.advert a:hover { color:#003399; text-decoration: underline; }
.advert table { border:1px solid #999999; color: #666666; }
.advert td { padding:2px 0.5em; }
.faqq { font-weight: bold; }