/*************************************************

CSS for http://satff.aist.go.jp/yoshikazu-seki/

ys.css

November 30, 2002 (Sat) ver 0.10
February 13, 2004 (Fri) ver 0.14
May 30, 2007 (Wed) ver 0.15
May 2, 2009 (Sat) ver 0.16 (WCAG 2.0)
April 3, 2013 (Wed) ver 0.18 (WR-AOTS 2.04)
April 18, 2013 (Wed) ver 0.19 (WR-AOTS 2.06)
April 10, 2014 (Thu) ver 0.20 (WR-AOTS 2.07)
March 22, 2015 (Thu) ver 0.21 (AIST restructuring)
January 15, 2016 (Fri) ver 0.22 (What's New)
March 24, 2016 (Thu) ver 0.23 (hover #808000 -> #505000)
April 20, 2016 (Wed) ver 0.24 (figure)
April 21, 2016 (Thu) ver 0.25 (img)
May 10, 2016 (Tue) ver 0.26 (h3 class="li")
May 13, 2016 (Fri) ver 0.27 (ol li prt, figcaption)
January 1, 2019 (Tue) ver 0.28 (WCAG 2.1)
April 1, 2020 (Tue) ver 0.28 (WCAG 2.1 input)
November 15, 2023 (Wed) ver 0.29 (WCAG 2.2 focus-visible)

Copyright (C) 2002-2023 Yoshikazu Seki, AIST. All rights reserved.

*************************************************/

/*----- BODY -----*/

body {
color: #000000;
background-color: #FFFFFF;
/* background-image: url(); */
font-style: normal;
text-decoration: none;
font-weight: normal;
font-size: 1em;
line-height: 1.5em;
text-align: left;
vertical-align: baseline;
/*letter-spacing: normal; */
letter-spacing: 0.12em;
/* word-spacing: normal; */
word-spacing: 0.16em;
text-indent: 0em;
margin: 1em;
padding: 0em;
border-width: 0em;
border-color: transparent;
border-style: none;
/* width: 40em; */
height: auto;
word-wrap: normal;
/* float: left; (removed for BUG of MacMSIE 5.0 */
}
body.ja {
/* font-family: "ＭＳ Ｐ明朝",平成明朝,serif; */
}
body.en {
/* font-family: "Times New Roman","ＭＳ Ｐ明朝",平成明朝,serif; */
}

/*----- TEXT -----*/

h1 {
color: #000050;
background-image: url(./bg-H1.jpg);
background-position: 0% 10%;
background-repeat: no-repeat;
/* font-style: italic; oblique; */
font-style: normal;
font-weight: bold;
font-size: 2em;
line-height: 1.5em;
padding-top: 0.5em;
padding-bottom: 1.2em;
padding-left: 3em;
border-top-width: 0.2em;
border-top-color: #509050;
border-top-style: solid;
border-bottom-width: 0.1em;
border-bottom-color: #509050;
border-bottom-style: solid;
}
h1#home {
background-position: left top;
padding-top: 1em;
padding-bottom: 3em;
}
h2 {
color: #000000;
background-image: url(./bg-H2.jpg);
margin-top: 1.5em;
font-size: 1.5em;
font-weight: bold;
text-indent: 0.5em;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-top-width: 0.15em;
border-top-color: #A0A050;
border-top-style: solid;
border-bottom-width: 0.1em;
border-bottom-color: #A0A050;
border-bottom-style: solid;
}
h2.toc {
background-image: none;
background-color: #FAFAFF;
border-top-color: #C0C0FF;
border-bottom-color: #C0C0FF;
}
h3 {
color: #000000;
background-image: url(./bg-H3.jpg);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: bold;
text-indent: 0.5em;
border-top-width: 0.15em;
border-top-color: #F0D080;
border-top-style: solid;
border-bottom-width: 0.1em;
border-bottom-color: #F0D080;
border-bottom-style: solid;
}
h3.li {
background-image: url();
background-color: #FFF0F0;
}
h4 {
color: #000000;
background-color: #E0FFE0;
font-size: 1em;
font-weight: bold;
width: 8em;
text-align: center;
border-width: 0.2em;
border-color: #A0FFA0;
border-style: solid;
}
p {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 2em;
text-indent: 1em;
}
p.comment {
text-indent: 0em;
/* font-style: italic; */
font-size: 0.9em;
line-height: 1.5em;
}
p.ni {
text-indent: 0em;
}
p.new {
margin-top: 0em;
margin-bottom: 1em;
}
p#JPEN {
font-style: italic;
text-align: right;
}
address {
font-style: italic;
}
address#copyright {
text-align: center;
font-style: italic;
}
b {
font-weight: bold;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
.CENTER {
text-align: center;
}
.RIGHT {
text-align: right;
}
.hide {
color: #FFFFFF;
line-height: 0em;
font-size: 0.1em;
margin: 0em;
}
/*----- LIST -----*/

ul {
padding-left: 0em;
margin-left: 3em;
margin-right: 2em;
/* list-style-type: disc; */
list-style-image: url(./mk-UL.jpg);
list-style-position: outside;
}
ul.n, li.n {
list-style: none;
list-style-image: url();
list-style-type: none;
}
ol {
list-style-type: decimal;
}
ol.i {
list-style-type: lower-roman;
}
ul.nvl, li.nvl, ol.bcl, li.bcl, li.bcle, ul.vld, li.vld, ol.prt, li.prt {
list-style: none;
list-style-image: url();
list-style-type: none;
margin: 0em;
padding: 0em;
border-width: 0em;
border-style: solid;
display: inline;
}
ul.nvl, li.nvl, ol.prt, li.prt {
border-color: #8080FF;
}
ul.nvl {
border-left-width: 0.2em;
}
li.nvl {
padding-right: 0.2em;
padding-left: 0.2em;
border-right-width: 0.2em;
}
li.bcl, li.bcle {
padding-right: 1.5em;
padding-left: 0em;
}
li.bcl {
background: url(./mk-bc.png) no-repeat right;
}
li.vld {
padding-right: 0.1em;
padding-left: 0em;
}
ol.prt {
border-left-width: 0.2em;
}
li.prt {
padding-right: 0.5em;
padding-left: 0.5em;
border-right-width: 0.2em;
}
ul.tm {
font-size: 0.9em;
}


/*----- LINK -----*/

a.href:link {
color: #000080;
}
a.href:visited {
color: #800080;
}
a.href:hover {
color: #505000;
}
a.href:active {
color: #800000;
}
a.href:focus-visible {
color: #505000;
outline: 0.3em solid black;
}

/*----- INPUT -----*/

input {
display: block;
background-color: #FFFFFF;
border-color: #000000;
line-height: 2em;
font-size: 1em;
}
input.form {
width: 90%
}
input.button {
border-radius: 1em;
}
input:hover {
background-color: #E0E0E0;
}
input:focus-visible {
background-color: #E0E0E0;
outline: 0.3em solid black;
}

/*----- IMG -----*/

img {
border: 0em;
width : auto;
height : auto;
}
img.photo {
margin: 0.2em;
}
img.html {
/* width : 5%; */
}
img.wcag {
/* width : 12%; */
}
img.full {
width : 100%;
}
img.win {
width : 75%;
}
img.pair {
width : 45%;
}

/*----- FIGURE -----*/

figure {
margin: 0em;
padding: 0em;
border-width: 0em;
}
figure.photo {
margin-left: 1em;
font-size: 0.9em;
font-weight: bold;
}
figcaption.il {
display: inline;
padding-left: 1em;
vertical-align: top;
}

/*----- DIV -----*/

div {
margin: 0em;
}
div#AIST {
background-image: url(./bg-AIST.jpg);
font-size: 0.9em;
font-style: italic;
}
div.body {
/* width: 40em; */
max-width: 46em;
width: 95%;
}
div.photo {
margin-left: 1em;
font-size: 0.9em;
font-weight: bold;
}
div.photobr {
margin-left: 1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
font-size: 0.9em;
font-weight: bold;
}
div.nav {
background-image: url(./bg-nav.jpg);
background-repeat: no-repeat;
line-height: 1.5em;
margin: 0em;
margin-top: 0.5em;
text-indent: 1em;
font-style: italic;
}
div.CD10c0 {
font-size: 0.7em;
text-indent: 1em;
background-color: #FFFFE0;
}
div.CD10c1 {
font-size: 0.7em;
text-indent: 1em;
background-color: #E8E8E8;
}
div.CD10G {
font-weight: bold;
background-color: #FFF0F0;
border-top-width: 0.1em;
border-top-color: #F0A0A0;
border-top-style: solid;
}
div.CD10P {
background-color: #FFF0FF;
}
div.CD10QA {
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 1em;
text-indent: -1em;
}
div.cp {
margin: 0em;
padding: 0em;
border: 0em;
font-size: 0.8em;
}

/*----- HR -----*/

hr {
color: #A0A050;
background-color: #A0A050;
height: 0.2em;
}