/* style-main.css */

/* 長文テキスト部分 */
p.longtext {
 margin             : 0.5em 5px 1.5em 30px;  /* 上・右・下・左の余白 */
 font-size          : 18px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
}



/* 文字装飾 */
b {
 font-weight        : bold;                  /* ボールド */
 font-size          : 12pt;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
 text-align         : left;
}

i {
 font-style         : italic;
 font-size          : 12px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
 text-align         : left;
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

tt {
 font-size          : 12px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
 text-align         : left;
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}



/* 見出し（汎用的な設定） */
h1 {
 font-size        : 48px;                  /* 文字の大きさ */
 width            : 460px;                     /* 横幅 */
 margin           : 0.5em  0px 1em 0px;       /* 上・右・下・左の余白 */
 padding          : 8px 2px;
 border           : 6px solid #AAA;
}



/* 全体的な定義 */

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

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




/* テーブル */
table.greek_t {
 width            : 92%;                     /* 横幅 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : separate;
 background-color : #FFFFF0;                  /* バックの色 */
}

table.greek_t th {
 white-space      : nowrap;                   /* 改行禁止 */
 padding          : 6px;
 text-align       : center;
 color            : #000000;
 background-color : lightgreen;                  /* バックの色 */
 vertical-align   : middle;                   /* 文字の水平位置 */
 border           : 1px solid #000000;
 font-size        : 18pt;                     /* フォントの大きさ */
}

table.greek_t td {
 color            : #000000;
 vertical-align   : middle;                      /* 文字の水平位置 */
 letter-spacing   : 0.1em;                    /* 文字間 */
 line-height      : 1.4;                      /* 行間 */
 border           : 1px solid #000000;
 font-size        : 18pt;                     /* フォントの大きさ */
}

table.greek_t td.s_no {
 width            : 64px;                     /* 横幅 */
 padding          : 6px;      /* 上・右・下・左の間隔 */
 text-align       : right;
}

table.greek_t td.pos {
 width            : 110px;                     /* 横幅 */
 padding          : 6px 2px;      /* 上・右・下・左の間隔 */
 text-align       : center;
}



/* テーブル　ヘッダーフレーム */
table.head_t {
 width            : 92%;                     /* 横幅 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  6px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : separate;
 background-color : #FFFFF0;                  /* バックの色 */
}

table.head_t td {
 text-align       : center;
 vertical-align   : middle;                      /* 文字の水平位置 */
 border           : 0px;
}



/* メニューフォーム */
input {
 margin           : 2px 0px 10px  0px;      /* 上・右・下・左の余白 */
 font-size        : 36px;                    /* フォントの大きさ */
 width            : 400px;
 height           : 60px;
 vertical-align   : middle;
}

input:hover {
 background       : #CCFFCC;
}


input[type="checkbox"] {
 margin           :  0px 16px  0px  0px;      /* 上・右・下・左の余白 */
 vertical-align   : middle;
 width            : 20px;
 height           : 20px;
}



/* 水平線 */
hr {
 border             : 2;
 margin             : 10px;
 padding            : 0px;
 height             : 2px;
 background-color   : #CCC;
}


/* テキストリンク */
 A { color: #0000FF;text-decoration: none }
 A:link { color: #0000FF;text-decoration: none }
 A:visited { color: #0000FF;text-decoration: none }
 A:active { color: #0000FF;text-decoration: none }
 A:hover { color: #FF0000;text-decoration: none }