/* 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 , h3 , h4 , h5 , h6 {
 font-size        : 28px;                 /* 文字の大きさ */
 margin           : 0em  0px 0.5em 0px;       /* 上・右・下・左の余白 */
 padding          : 5px  0px 2px 5px;       /* 上・右・下・左の間隔 */
 border-style     : none none solid none;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;    /* 上・右・下・左の枠線の色 */
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */

}

/* 見出し【Ｈ２】 */
h2 {
 font-size          : 24px;                 /* 文字の大きさ */
 color              : #000000;              /* フォントの色 */
 margin             : 6px 0px 10px 0px;     /* 上・右・下・左の余白 */
 padding            : 2px 6px;              /* 上下・左右の余白 */
 border-width       : 0px 0px 6px 8px;      /* 上・右・下・左の線の太さ */
 border-color       : #339900;              /* 境界線の色 */
 border-style       : solid;                /* 左境界線（マーク）の種類 */
 background         : #99CC66;              /* 背景の色 */
 line-height        : 150%;                 /* 行の高さ */
 border-bottom-style: double;	            /* 下境界線の種類 */
}


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


/* 全体的な定義 */

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

body {
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 color            : #000;                     /* 文字の色 */
 background-color : #FFFFF0;                  /* バックの色 */
}




/* テーブル */
table {
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */
 width            : 960px;                     /* 横幅 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : collapse;
}

table th {
 white-space      : nowrap;                   /* 改行禁止 */
 text-align       : center;
 vertical-align   : middle;                   /* 文字の水平位置 */
 border           : 1px solid #000000;
 font-size        : 22px;                     /* フォントの大きさ */
}

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

table td.sp {
 border-right     : 0px solid #000000;
 border-left      : 0px solid #000000;
 border-bottom    : 0px solid #000000;
}

table th.luka {
 padding          : 4px 0px 12px 12px;
 border-top       : 0px solid #000000;
 border-right     : 0px solid #000000;
 border-left      : 0px solid #000000;
}




/* テキストリンク */
 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 }