/* 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; }
.hidden { display: none; }
.mtop   { margin-top: 0.5em; }
.none   {
	font-weight: normal;
	font-style: normal;
	text-decoration : none;
}
.warn   {
	font-weight: bold;
	color: #EE0000; background-color: inherit;
}
.strong { font-weight: bold; }
.overflow { _zoom: 1; overflow: hidden; }
.bkgBlue { color: inherit; background-color: #CCDDFF; }
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

/* links */
a:link {
	color: #0044CC; 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 */
body, td { font-size: 90%; }
body {
   max-width: 250px;
   width: expression(document.body.clientWidth > 250 ? "250px" : "auto");
}
body.kym {
   max-width: 170px;
   width: expression(document.body.clientWidth > 170 ? "170px" : "auto");
}
body.skv {
   max-width: 260px;
   width: expression(document.body.clientWidth > 260 ? "260px" : "auto");
}
h1, h2, h3, dt, dd, form { padding: 0; margin: 0; border: 0; }
h1, h2 {
   text-align: center;
   font-size: 120%;
   font-weight:bold;
   color: inherit; background-color: #DDEEFF;
}
h1.bread {
   float: left;
   font-size: 100%;
   font-weight: normal;
   color: inherit; background-color: #F0F8FF;
}
pre, dl, ol, p, blockquote { line-height: 140%; }
p, dd { text-indent: 1em; }
img {
   border:none;
   vertical-align:middle;
}
caption { font-size: 80%; }
td { text-align: right; }
th { text-align: center; }
dt {
   font-size: 120%;
   font-weight: bold;
   padding-left: 23px;
   margin-top: 1em;
   margin-left: 1em;
   margin-bottom: 0.2em;
   border-bottom: 1px solid #33DD33;
   background-image: url(/koyomi/image/moon.gif);
   background-repeat: no-repeat;
}

/* form */
form, input { padding: 0; margin: 0; }
input       { ime-mode: inactive; }
input.jap   { ime-mode: active; }
input.nojap { ime-mode: inactive; }
select.city { width: 100%; }
table.koyomi { width: 100%; }
td.monthly  {
	text-align: center;
	white-space: nowrap;
}

/* id */
#frame  {
   font-size: 80%;
   text-align: center;
   color: inherit; background-color: #BBDDAA;
   padding: 0; margin: 0; border: 0;
   border-bottom: 1px solid;
}
#header {
	font-size: 90%;
	color: inherit; background-color: #F0F8FF;
}
#header span { line-height: 1.6em; }
#footer {
	clear: both;
	font-size: 80%;
	margin: 5px;
	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; }

#width_kym_ie6 { width: 170px; }
#width_skv_ie6 { width: 260px; }

@media (prefers-color-scheme: dark) {
	body {
		background-color: #121212;
		color: #e4e4e4;
	}
	a:link    { color: #a8afff; }
	a:visited { color: #e39777; }
	h1, h2, h3, h4, #frame {
		background-color: #1C2227;
		border-color: #24344C;
	}
	img { filter: grayscale(30%); }
}