/* Common */
.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }
.fleft  { float: left; }
.fright { float: right; }
.clear  { clear: both; }
.nopc   { display: none; }
.none   { font-weight: normal;
          font-style: normal;
          text-decoration : none; }
.warn   { color: #FF0000;
          font-weight: bold; }
.strong { font-weight: bold; }
.small  { font-size: 80%; }
.result { background-color: #DAFEB6; }
.footnote { font-size: 80%;
            clear: both; }
.news { background-color : #F0F8FF;
        font-size : 90%;
        text-indent: 1em;
        color: #FF0000;
        font-weight: bold; }
.overflow { _zoom: 1; overflow: hidden; }

/* 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; }
h1.main { font-size: 200%;
          font-weight: bold;
          text-align: center;
          background-color:transparent;
          padding: 0px;
          border: 0px;
          margin: 0px; }
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; }
h2.new { background-color: #a6baff; }
h3 { font-family:verdana, arial, helvetica, Sans-Serif;
     color:inherit;
     background-color:#FFFFFF;
     border-bottom:  3px solid #DDEEFF;
     border-top:     1px solid #DDEEFF;
     border-left:   10px solid #DDEEFF;
     border-right:   5px solid #DDEEFF;
     padding:.3em;
     margin:0px 0px .5em 0px; }

pre, dl, ol, p, blockquote { line-height: 1.4em; }
ruby { line-height: 1; }
body,td { font-size:90%;
          font-family:verdana, arial, helvetica, Sans-Serif; }
p, dd, blockquote { text-indent: 1em; }
pre { border-top:#DDDDEE 1px solid;
      border-bottom:#888899 1px solid;
      border-left:#DDDDEE 1px solid;
      border-right:#888899 1px solid;
      /* text-indent: 0.5em; */
      padding:   0.5em;
      margin-top:0px;
      margin-bottom:0px;
      margin-left:1em;
      margin-right:2em;
      white-space:pre;
      color:black;
      background-color:#F0F8FF; }

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

table.faq { background-color: #dafeb6;
            margin-left: auto;
            margin-right: auto;
            width: 500px; }
caption { font-size: 80%; }
td { text-align: right; }
th { text-align: center; }

/* list */
dt { font-size: 120%;
     font-weight: bold;
     margin-top: 1em;
     margin-left: 1em;
     margin-bottom: 0.2em;
     padding-left: 23px;
     background-image: url(/koyomi/image/moon.gif);
     background-repeat: no-repeat;
     border-bottom: 1px solid #33DD33; }
.newyear { padding-left: 33px;
           background-repeat: no-repeat;
           background-position: left center;
           background-image: url(/koyomi/image/sunrise.gif); }
.lecl { padding-left: 23px;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url(/koyomi/image/lecl.gif); }
dt.mobile {  background-image: url(/koyomi/image/mobile.gif); }
dt.noimg { background-image: none; }
dt.right { font-size: 100%;
           font-weight:bold;
           text-align: right;
           margin-top:1em;
           margin-left:1em;
           border-left: none;
           border-bottom: none;
           background-image: none; }

/* form */
form { padding: 0; border: 0; margin: 0; }
input       { ime-mode: inactive; }
input.jap   { ime-mode: active; }
input.nojap { ime-mode: inactive; }


/* id */
#header { background-color: #F0F8FF; }
#headlist { background-color: #D0E0FF;
            border-top: #000000 1px solid;
            border-bottom: #000000 1px solid;
            margin: 5px;
            vertical-align: bottom;
            text-align: center;
            font-weight: bold; }
#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; }
#mobile { float: right;
          font-weight: bold;
          border: #0000FF 1px solid;
          background-color: #FFFFFF; }
#news { border: #a6baff 1px solid;
        background-color: #FFFACD; }
#news h2 { background-color: #a6baff; }
#news li { margin-top: 5px; line-height: 1.4; }

/* help */
p.help { margin: 0px;
         text-align: center;
         background-color:#F0F8FF; }
li.help { margin-top: 10px; }

/* inquiry */
div.inquiry { border: 1px solid #DDDDDD;
              background-color : #AAFFAA; }

/* 24 sekki */
#sekki td { text-align: center; }
#sekki td.left { text-align: left; }
#sekki th.left { text-align: left; }
td.spring { background-color: #ccffcc; }
td.summer { background-color: #ffcccc; }
td.fall   { background-color: #ffff99; }
td.winter { background-color: #ccffff; }
td.zasetu { background-color: #ccccff; width: 4em; }
td.num  { font-size: 80%; }
td.nam  { font-size: 90%;  }
td.kan1 { background-color: #ccffff; font-size: 120%; }
td.kan2 { background-color: #ffcccc; font-size: 120%; }
td.kan3 { background-color: #ffff99; font-size: 120%; }
td.kan4 { background-color: #ffffff; font-size: 120%; }
td.kan5 { background-color: #cccccc; font-size: 120%; }
p.nomargin { margin: 0; }

/* topics */
th.topics {
            text-align: center;
            border-top:     1px solid green;
            border-bottom:  5px solid green;
            border-left:   15px solid green;
            border-right:   1px solid green;
            padding:5px;
            margin:1px;
            color:inherit;
            background-color:#EEF5FF;
            }
td.topics {
            text-align: left;
            padding:5px;
            margin:1px;
            color:inherit;
            }