/* 全体的な定義 */

/* スクロールバーを常に表示【センタリングのズレ防止】 */
html {
   overflow-y:scroll;
}

body {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 color            : #000;                     /* 文字の色 */
 background-color : #FFFFCC;                  /* バックの色 */
}



/* テーブル　カレンダー */
table.calender {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : collapse;
 border           : 2px #000 solid;
}

table.calender th {
 width            : 140px;                     /* 横幅 */
 white-space      : nowrap;                   /* 改行禁止 */
 text-align       : center;
 vertical-align   : middle;                   /* 文字の水平位置 */
 border           : 1px solid #000000;
 font-size        : 18pt;                     /* フォントの大きさ */
 border           : 2px #000 solid;
}

table.calender td {
 padding          : 2px 2px 2px 2px;
 width            : 140px;                     /* 横幅 */
 height           : 70px;                     /* 縦幅 */
 text-align       : left;
 vertical-align   : top;                      /* 文字の水平位置 */
 letter-spacing   : 0em;                    /* 文字間 */
 line-height      : 1.1;                      /* 行間 */
 border           : 1px solid #000000;
 font-size        : 12pt;                     /* フォントの大きさ */
 border           : 1px #000 solid;
 font-family      : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

table td .border {
 border-top       : 1px #E3E3E3 solid;
 border-right     : 1px #000000 solid;
 border-bottom    : 1px #E3E3E3 solid;
 border-left      : 1px #E3E3E3 solid;
}


.sun {
 background-color : #FFCCCC;                  /* バックの色 */
}

.stu {
 background-color : #99FFFF;
}

.purple {
 background-color : #FF00FF;                  /* バックの色 */
}

.red {
 background-color : #ff0000;                  /* バックの色 */
}

.white {
 background-color : #ffffff;                  /* バックの色 */
}

.green {
 background-color : #00CC00;                  /* バックの色 */
}


div.day {
 padding          : 2px 2px 6px 2px;
 font-weight      : bold;                  /* ボールド */
 font-size        : 18pt;                  /* フォントの大きさ */
}

div.holy {
 padding          : 2px 2px 4px 10px;      /* 上・右・下・左の間隔 */
 font-size        : 12pt;                  /* フォントの大きさ */
}



/* 見出し（Ｈ１） */
h1 {
 font-size        : 21pt;                  /* フォントの大きさ */
 margin           : 2px  0px 2px 0px;       /* 上・右・下・左の余白 */
 padding          : 0px  0px 0px 0px;       /* 上・右・下・左の間隔 */
 font-family      : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}


/* 見出し（Ｈ２） */
h2 {
 font-size        : 18pt;                  /* フォントの大きさ */
 margin           : 1em  0px 0.5em 0px;       /* 上・右・下・左の余白 */
 padding          : 0px  0px 0px 0px;       /* 上・右・下・左の間隔 */
 font-family      : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}



/* 水平線 */
hr {
    border           :0;
    height           :2px;
    background-color :#339900;
    width            : 98%;
    margin           :  2px;
}



/* テキストリンク */
A {
 color: #0000FF;
 text-decoration: none
 font-size        : 18pt;                  /* フォントの大きさ */
 font-family      : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

A:link { color: #0000FF;text-decoration: none }
A:visited { color: #0000FF;text-decoration: none }
A:active { color: #0000FF;text-decoration: none }
A:hover { color: #000000;text-decoration: none }




/* フォームテーブル */
table.f18 {
 width            : 980px;                     /* 横幅 */
 border           :0px solid #000;
 border-collapse  :collapse;
 border-spacing   :0;
 letter-spacing   : 0.3em;                    /* 文字間 */
}

td.f18 {
 padding       : 4px 2px;
 font-weight      : none;
 vertical-align   : middle;                      /* 文字の水平位置 */
 font-size        : 18pt;                  /* フォントの大きさ */
}





/* フォームデザイン */
input.select {
 font-size        : 16pt;
 letter-spacing   : 0.2em;                    /* 文字間 */
 vertical-align   : middle;                      /* 文字の水平位置 */
}

input, select {
 font-size        : 16pt;
 letter-spacing   : 0.2em;                    /* 文字間 */
 vertical-align   : middle;                      /* 文字の水平位置 */
}

input:focus, select:focus {
 background-color : #EEFFEE;
}

input:hover {
 background       : #CCFFCC;
}