@charset "UTF-8";



* {
 margin: 0;
 padding: 0; }

body {
 background-color: aliceblue; }



/***************** structure *****************/

#wrapper {
 position: absolute;  
 width: 44em;
 left: 50%;
 margin-left: -22em; }

h1 {
 font-family:
    "HG正楷書体-PRO", "HGSeikaishotaiPRO",
    "HGP明朝B","HGPMinchoB",
    "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6",
    "IPA P明朝", "IPAPMincho",
    "IPA モナー P明朝", "IPAMonaPMincho",
    "ＭＳ Ｐ明朝", "MS PMincho",
    serif;
 font-size: 2em;
 margin: 0.5em .8em;
 padding-left: .5em;
 border-left: .5em pink solid;
 font-weight: bold;
 color: royalblue; }

#menu {
 text-align: center;
 margin: 0;
 height: 1em;
 background-color: #9cf;
 list-style-type: none; }

#menu li {
 float: left; }

#menu a {
 padding: 0 1em;
 border-right: 1px aliceblue solid;
 display: block;
 background-color: #9cf;
 line-height: 1em;
 text-decoration: none;
 color: blue; }

#menu a:hover {
 background-color: royalblue;
 color: skyblue; }

#content {
 clear: left;
 margin: 1em 0;
 padding: 0.5em 2em;
 border: 1px #9cf solid;
 background-color: white;
 color: #112;
 line-height: 1.7em; }

#footer {
 text-align: right; }



/******** headline ********/

h2 {
 font-size: 1.5em;
 line-height: 1.3em;
 padding-left: 0.3em;
 background-color: aliceblue;
 color: dodgerblue;
 margin: 0 -1em 1em;
 font-weight: bold; }

h3 {
 font-size: 1.3em;
 line-height: 1.3em;
 margin: 1.3em -1em 0.8em;
 border-left: .5em royalblue solid;
 border-bottom: 1px royalblue solid;
 padding-left: .5em;
 color: dodgerblue;
 font-weight: bold; }

h4 {
 font-size: 1.2em;
 line-height: 1em;
 margin: 1em -0.5em .8em;
 border-bottom: 1px palevioletred dashed;
 color: royalblue;
 font-weight: bold; }

h5 {
 font-size: 1em;
 line-height: 1.3em;
 margin: 1em 0 .8em;
 padding-left: .5em;
 border-left: .4em royalblue solid;
 color: royalblue;
 font-weight: bold; }

h3 *, h4 *, h5 * {
 color: inherit !important;
 text-decoration: none;
 background-color: transparent !important; }




/******** paragraph/list ********/

p {
 margin-bottom: 1em;
 text-indent: 1em; }

ul, ol, dl {
 list-style-position: outside;
 margin: 0 1.5em 1em; }

dt {
 margin-top: .5em; }

dd {
 margin-left: 1em; }

hr {
 border: 1px palevioletred dashed; }



/******** table ********/

table {
 line-height: 1.2em;
 font-size: 0.9em;
 empty-cells: show;
 border-collapse: collapse;
 margin: 0.5em 0 1em; }

th, td {
 padding: .2em .3em;
 border: 1px solid #9cf; }

th {
 font-weight: normal;
 background-color: aliceblue; }

td.margin {
 border-style: none; }

th.title {
 text-align: left; }



/******** inline ********/

img {
 border-style: none; }

a {
 color: royalblue; }

a:visited {
 color: darkblue; }

a:hover {
 background-color: lavenderblush; }

.gray {
 color: gray; }

.nobreak {
 white-space: nowrap; }

.italic {
 font-family: "Times New Roman";
 font-style: italic; }

.invisible {
 display: none; }