/* ---------------------------------------------------------------------------------------------- */
/*                                                                                                */
/* standard CSS file                                                                              */
/*                                                                                                */
/* ---------------------------------------------------------------------------------------------- */


/* media ---------------------------------------------------------------------------------------- */
@media print {
 .header    { display:none; }
 .navigator { display:none; }
 .footer    { display:none; }
}


/* common --------------------------------------------------------------------------------------- */
body            { background-color:#ffffff; }

h1              { font-weight:bold;
                  font-size:small;
                  margin:0.5em 0; }
h1.sub          { font-weight:normal;
                  font-size:x-small; }

h2              { font-weight:bold;
                  font-size:small; 
                  margin-top:4mm;
                  margin-bottom:3mm; }

h3              { font-weight:bold;
                  font-size:small; 
                  margin-top:3mm;
                  margin-bottom:2mm; }

a               { text-decoration:none; }
a:link          { color:#0000cc; }
a:visited       { color:#006666; }
a:active        { color:#ff0066;
                  text-decoration:underline; }
a:hover         { color:#000000;
                  text-decoration:underline;
                  background-color:#ff9966; }

img             { margin:0;
                  padding:0;
                  border-width:0; }

form            { margin-top:0;
                  margin-bottom:3mm;
                  display:inline; }

div             { margin:0;
                  padding:0;
                  border:0; }
div.section     { clear:both; }

hr              { margin-bottom:1px; }


/* layout --------------------------------------------------------------------------------------- */
/* header ------------------------------------- */
.header         { /* background-color:#01315a; */
                  margin-bottom:2px;
                  width:800px;
                  max-width:800px;
                  min-width:800px; }

/* navigator ---------------------------------- */
.navigator                { font-size:85%;
                            text-align:left;
                            color:#ffffff;
                            line-height:160%;
                            float:left;
                            margin-right:20px;
                            background-color:#ffffff; }
.navigator  .logo         { margin-top:15px;
                            margin-bottom:15px;
                            padding-left:auto;
                            padding-right:auto; }
.navigator  .linkArea     { background-color:#01315a;
                            border-left:4px double #ffffff; 
                            border-right:4px double #ffffff;
                            padding-top:10px;
                            padding-bottom:80px;
                            padding-left:2px;
                            padding-right:2px; }
.navigator  .islink       { margin:0; }
.navigator  .current      { margin:0; }
.navigator  .banner       { margin-top:40px; }
.navigator a:link         { color:#ffffff; }
.navigator a:visited      { color:#ffffff; }
.navigator a:active       { color:#ff9966; }
.navigator a:hover        { color:#000000;
                            background-color:#ccccff; }


/* pointer ------------------------------------ */
.pointer                { font-size:x-small;
                          /* border-bottom: 2pt solid #cfd7de;
                          border-right: 3pt solid #cfd7de; */
                          padding-top:3px;
                          padding-bottom:4px;
                          padding-left:10px;
                          margin-top:2px;
                          margin-bottom:20px;
                          background-color:#cfd7de;}
.pointer a:link         { color:#0000aa;
                          text-decoration:underline; }
.pointer a:visited      { color:#0000aa;
                          text-decoration:underline; }


/* contents ----------------------------------- */
.contents       { float:left;
                  max-width:580px;
                  width:580px;
                  text-align:left;
                  background-color:#fefeff; }

.contents h1    { font-size:120%;
                  font-family:'Arial'; }

.contents h2    { margin-top:2em;
                  margin-bottom:0.8em;
                  border-bottom: 2px solid #ffaa44;
                  font-size:110%;
                  font-family:'Arial'; }

.contents p     { margin-top:0;
                  margin-bottom:1.5em;
                  line-height: 1.4em;
                  letter-spacing: 0.1em; }


/* ppointer ------------------------------------ */
.ppointer               { font-size:x-small;
                          font-weight:bold;
                          margin-top:40px;
                          margin-bottom:10px; }
.ppointer span          { margin:0;
                          padding:0;
                          border-width:0; }
.ppointer div           { margin-top:20px; }
.ppointer .char         { margin:0 50px; }
.ppointer .num          { background-color:#cfd7de;
                          padding:0 3px;
                          font-weight:normal;}
.ppointer a:link        { color:#0000aa;
                          text-decoration:underline; }
.ppointer a:visited     { color:#aa00aa;
                          text-decoration:underline; }


/* nextContents -------------------------------- */
.nextContents     { font-size:90%;
                    text-align:right;
                    margin-top:30px; }
.nextContents a   { text-decoration:underline; }


/* footer ------------------------------------- */
.footer                 { font-size:3mm;
                          vertical-align:top; }
.footer a               { text-decoration:none; }
.footer a:link          { color:#000000; }
.footer a:visited       { color:#000000; }
.footer img             { vertical-align:middle; }
.footer .left           { float:left; }
.footer .right          { float:right;
                          max-width:550px;
                          width:550px;
                          text-align:right; }


/* text decorations ----------------------------------------------------------------------------- */
.stress         { font-weight:bold; }
.notes          { font-size:84%;
                  margin-left:5px;
                  letter-spacing: 0.1em; }
.notesl         { font-size:90%;
                  margin-left:5px;
                  letter-spacing: 0.1em; }
.vsmall         { font-size:xx-small; }