/* Common */
.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.fleft  { float: left; }
.fright { float: right; }
.clear  { clear: both; }
.top    { vertical-align: top; }
.nopc   { display: none; }
.none   { font-weight: normal;
          font-style: normal;
          text-decoration : none; }
.warn   { color: #FF0000;
          font-weight: bold; }
.small  { font-size: 70%; }
.result { background-color: #DAFEB6; }
.note   { color: #0000FF;
          font-size: 80%; }
.blue { color: #0000FF; }
.red  { color: #FF0000; }

/* links */
a:link { color:#0044CC; /*215dc6;*/
         background-color:inherit;
         text-decoration:none; }
a:active { color:#215dc6;
           background-color:#CCDDEE;
           text-decoration:none; }
a:visited { color:#a63d21;
            background-color:inherit;
            text-decoration:none; }
a:hover { color:#215dc6;
          background-color:#CCDDEE;
          text-decoration:underline; }

/* Elements */
h1 { font-family:verdana, arial, helvetica, Sans-Serif;
     color:inherit;
     background-color: #F0F8FF;
     padding:.3em;
     border: 0px;
     margin: 0px 0px .5em 0px; }
h1.bread { float: left;
           padding: 0; border: 0; margin: 0;
           font-size: 100%;
           font-weight: normal; }
h1.mini { /*text-align: center;*/
          font-size: 120%;
          font-weight:bold;
          background-color:#DDEEFF;
          padding: 0; border: 0; margin: 0; }
h2 { font-family:verdana, arial, helvetica, Sans-Serif;
     color:inherit;
     font-size: 120%;
     background-color: #F0F8FF;
     padding:.3em;
     border:0px;
     margin:0px 0px .5em 0px;
     border-bottom:  3px solid #D0E0FF;
     border-top:     1px solid #D0E0FF;
     border-left:   10px solid #D0E0FF;
     border-right:   5px solid #D0E0FF; }
h3, h4 { padding: 0; border: 0; margin: 0; }
h3 { background-color: #F0F8FF;
     border-left:   10px solid #D0E0FF; }
.sub { background-color: #F0F8FF;
       border-left:   10px solid #D0E0FF; }

img { border:none;
      vertical-align:middle; }

table.center { margin: auto; }
td { text-align: right; }
th { text-align: center; }
th.hdni { padding-left: 23px;
          background-image: url(/koyomi/image/sunrise.gif);
          background-repeat: no-repeat; }
th.mdni { padding-left: 15px;
          background-image: url(/koyomi/image/moon.gif);
          background-repeat: no-repeat; }

/* form */
form, input { padding: 0; margin: 0; }
select.city { width: 95%; }
input       { ime-mode: inactive; }
input.jap   { ime-mode: active; }
input.nojap { ime-mode: inactive; }
fieldset    { background-color:#FFFFCC;
              margin : 5px; }
fieldset.nb { background-color:#FFFFCC;
              margin : 0; }

/* help */
p.help { margin: 0px;
         text-align: center;
         background-color:#F0F8FF; }
li.help { margin-top: 10px; }
fieldset.help { background-color: #FFFFFF;
                font-size:90%; }

/* id */
#header { font-size: 90%;
          background-color: #F0F8FF; }
#footer { clear: both;
          margin: 5px;
          font-size: 80%;
          border-top: #000000 1px solid; }
#footer_s { clear: both;
            /*text-align: right;*/
            font-size: 80%;
            border-top: #000000 1px solid; }
#tdleft td { text-align: left; }
#table div { border: #DDDDDD 1px solid; }
#phenom td { text-align: left;
             vertical-align: top; }
#phenom { background-color: #DAFEB6; }
#phenomcal h4 { text-align: center; }
#phenomcal table { background-color: #DAFEB6;
                   width: 100%; }
#phenomcal td { text-align: left;
                vertical-align: top;
                width: 14% }
#menu { background-color: #FFFFCC; }
#canvas {}