/*
 * Element Style
 */
body {
 color: black;
 background-color: lightcyan;
}

h1 {
 color: seagreen;
}

h2 {
 border-style: solid;
 border-width: 0em 0em 0em 0.5em;
 border-color: DarkSlateBlue;
 padding: 0em 0em 0em 0.2em;
/* color: DarkSlateBlue; */
}

p, ul {
 line-height: 150%;
}

/*
 * Class Style
 */
/* for common */
.logo {
 font-weight: bold;
 text-decoration: none;
 color: seagreen;
}

.section {
 color: DarkSlateBlue;
 font-weight: bold;
}

/* for cover page */
.contents {
 line-height: 120%;
}

/* for page menu */
div.menu {
 position: fixed;
/* overflow: scroll; */
 height: 4ex;
 top: 0;
 left: 0.2em;
 right: 0.2em;

 border-style: solid;
 border-width: 0pt 0pt 1pt 0pt;
 border-color: seagreen;
 padding: 0.3ex 0.5em 0ex 0.5em;
 white-space: nowrap;
}
div.menu a.logo {
 margin-right: 1em;
}
div.menu a.logo:hover {
 text-decoration: underline;
}

a.section {
 text-decoration: none;
}
a.section:hover {
 text-decoration: underline;
}

/* for page body */
.body {
 position: fixed;
 overflow: auto;
 width: 100%;
 top: 4.5ex;
 left: 0;
 right: 0;
 bottom: 0;
}
.main {
 padding : 0ex 0.5em 1ex 0.5em;
}