@charset "Shift_JIS";

/* ============== */
/* タイプセレクタ */
/* ============== */

body{
background-color: #fff8dc;
font-family: "ＭＳ ゴシック",sans-serif;
color: #282828;  /* フォント色：黒に近いグレー */
}

h1 {
width: 200px;  /* ボックスの幅 */
height: 30px;  /* ボックスの高さ */
margin-top: 15px ;
margin-bottom: 0 ;
padding: 3px;  /* 内側の余白 */
background-color: #ddedff;  /* 背景色：水色 */
color: #0000cc;  /* フォント色：紺 */
font-size: 10pt;  /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: left;  /* テキストの水平位置：左 */
vertical-align: middle; /*テキストの垂直位置：中央 */
}

h1 a:link { color:#00008b; } /* 通常時（濃い青） */
h1 a:visited { color:#00008b; } /* 訪問済（濃い青） */
h1 a:hover { color:#008000; } /* オンマウス時（緑） */
h1 a:active { color:#008000; } /* クリック時（緑） */
h1 a { text-decoration:none; } /* 下線をなくす */

/* =============================================== */
/* IDセレクタ（一つのファイルで一度だけ使用できる）*/
/* =============================================== */

#outer {
width: 200px;
text-align: left;  /* テキストの水平位置：左 */
}

#currentdata {
width: 195px;
padding: 3px;  /* 内側の余白 */
border-width: 2px;  /* 境界線の幅（上下左右） */
border-color: #009b9f;  /* 境界線の色：ターコイズ */
border-style:solid; /* 境界線のスタイル：1本線 */
background-color: #009b9f;  /* 背景色：ターコイズ */
color: #ffffff;  /* フォント色：白 */
font-size: 11pt;  /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: center;  /* テキストの水平位置：中央 */
}

.otherdata {
width: 195px;
padding: 3px;  /* 内側の余白 */
border-width: 2px;  /* 境界線の幅（上下左右） */
border-color: #009b9f;  /* 境界線の色：ターコイズ */
border-style:solid; /* 境界線のスタイル：1本線 */
background-color: #ffffff;  /* 背景色：白 */
font-size: 9pt;  /* フォントサイズ */
text-align: center;  /* テキストの水平位置：中央 */
line-height: 1.2;
}

#keinendata {
width: 195px;
padding: 3px;  /* 内側の余白 */
border-width: 2px;  /* 境界線の幅（上下左右） */
border-color: #336699;  /* 境界線の色：深い青紫系 */
border-style:solid; /* 境界線のスタイル：1本線 */
background-color: #eeeeee;  /* 背景色：薄いグレー */
color: #336699;  /* フォント色：深い青紫系 */
font-size: 11pt;  /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: center;  /* テキストの水平位置：中央 */
}

#kensaku {
width: 200px;  /* ボックスの幅 */
height: 30px;  /* ボックスの高さ */
padding: 3px;  /* 内側の余白 */
margin: 0px 0px 3px 0px;  /* 外側の余白（上 右 下 左） */
background-color: #ffcc99;  /* 背景色：薄いオレンジ */
color: #006400;  /* フォント色：緑 */
font-size: 10pt;  /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: center;  /* テキストの水平位置：中央 */
vertical-align: middle; /*テキストの垂直位置：中央 */
line-height: 30px; /* 行の高さ（＝ボックスの高さ） */
}

#footer {
font-size: 9pt;  /* フォントサイズ */
text-align: left;
line-height: 1.4;
}

/* ==================================================== */
/* クラスセレクタ（一つのファイルで何度でも使用できる） */
/* ==================================================== */

.mokuji {
font-size:9pt;
}

.mokuji a:link { color:#330000; } /* 通常時（こげ茶） */
.mokuji a:visited { color:#330000; } /* 訪問済（こげ茶） */
.mokuji a:active { color:#008000; } /* クリック時（緑） */
.mokuji a:hover { color:#008000; } /* オンマウス時（緑） */
.mokuji a { text-decoration:none; } /* 下線をなくす */