/* style-main.css */

/* 長文テキスト部分 */
p.longtext {
   margin           : 0.5em 5px 1.5em 7px;  /* 上・右・下・左の余白 */
   font-size        : 18px;                  /* 文字の大きさ */
   line-height      : 1.4;                   /* 行間 */
   width            : 96%;                    /* 横幅 */
   height           : 200px;                    /* 縦幅 */
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

/* 長文テキスト部分02 */
p.longtext2 {
   margin           : 0.5em 5px 1.5em 30px;  /* 上・右・下・左の余白 */
   font-size        : 18px;                  /* 文字の大きさ */
   line-height      : 1.4;                   /* 行間 */
   width            : 96%;                    /* 横幅 */
   height           : 170px;                    /* 縦幅 */
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

/* 長文テキスト部分03 */
p.longtext3 {
   margin           : 0em 5px 1.5em 30px;  /* 上・右・下・左の余白 */
   font-size        : 18px;                  /* 文字の大きさ */
   line-height      : 1.2;                   /* 行間 */
   width            : 96%;                    /* 横幅 */
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

/* 各プログラムの更新履歴部分 */
p.renew {
   margin           : 0.5em 5px 1.5em 30px;  /* 上・右・下・左の余白 */
   font-size        : 16px;                  /* 文字の大きさ */
   line-height      : 1.2;                   /* 行間 */
   width            : 96%;                    /* 横幅 */
 font-family        : "ＭＳ 明朝", monospace; /* 等幅フォント指定 */
}

/* トップの更新履歴部分 */
div.renew_top {
 overflow-x       : hidden;                  /* 横 スクロール表示 */
 overflow-y       : scroll;                  /* 縦 スクロール非表示 */
 margin           : 0em 0px 0em 0px;         /* 上・右・下・左の余白 */
 padding          : 12px 0px 0px 10px;       /* 上・右・下・左の間隔 */
 font-size        : 16px;                    /* 文字の大きさ */
 line-height      : 1.2;                     /* 行間 */
 width            : 98%;                    /* 横幅 */
 height           : 120px;                    /* 縦幅 */
 font-family      : "ＭＳ 明朝", monospace;  /* 等幅フォント指定 */
 background       : #FFFFF0;                 /* 背景の色 */
 text-align       : left;
}


i {
 color              : #FF0000;              /* フォントの色 */
 font-style         : italic;
}



/* 見出し（汎用的な設定） */
h1 , h4 , h5 , h6 {
 margin           : 0em  0px 0em 0px;       /* 上・右・下・左の余白 */
 padding          : 0px  0px 0px 0px;       /* 上・右・下・左の間隔 */
 border-style     : none none solid none;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;    /* 上・右・下・左の枠線の色 */
}


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


/* 見出し　Ｈ３【項目タイトル】 */
h3 {
 margin           : 0em 20px 0em 60px;      /* 上・右・下・左の余白 */
 padding          : 0px  0px 0px 0px;       /* 上・右・下・左の間隔 */
 border-style     : none none solid none;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;    /* 上・右・下・左の枠線の色 */
}


/* 水平線 */
hr {
    border:0;
    height:2px;
    background-color:#99CCFF;
}




/* IE6用　100px上から開始位置を末尾にいれる */
.colLeft {
 position:absolute;
 top: expression(eval(document.documentElement.scrollTop+70));
}



/* 左メニュー部分背景 */
td.colLeft {
 position         : fixed;
 width            : 188px;
 height           : 100%;
 margin           : 74px  0px  0px  0px;    /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;    /* 上・右・下・左の間隔 */
 background-color : #66CCFF;                /* バックの色 */
}

/* 左メニュー部分配置 */
div.colLeft_Content {
 margin           :  0px  0px  0px  0px;    /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;   /* 上・右・下・左の間隔 */
 color            : #000000;                /* 文字の色 */
 background-color : #66CCFF;                /* バックの色 */
 border-style     : none none none none ;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  0px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #66CCFF #66CCFF #66CCFF #66CCFF;    /* 上・右・下・左の枠線の色 */
}

/* 左メニュー部分 */
td#mainmenu a.link {
 display          : block;
 font-size        : 18px;                 /* 文字の大きさ */
 background-color : #66CCFF;
 padding          : 0.5em 1em;
 width            : 150px;
 height           : 20px;
 border-style     : none solid solid none ;  /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color  : #000 #99CCFF #6666FF #66CCFF; /* 上右下左の枠線の色 */
 text-decoration  : none;
 font-weight      : bold;
 vertical-align   : middle;         /* セルの垂直方向 */
}

td#mainmenu a.ch_map {
 text-decoration  : none;
 vertical-align   : middle;         /* セルの垂直方向 */
}


/* 左メニュー　未訪問のとき */
td#mainmenu a:link {
 color            : #3366FF;                     /* 文字の色 */
}

/* 左メニュー　訪問済み */
td#mainmenu a:visited {
 color            : #3366FF;                     /* 文字の色 */
}

/* 左メニュー　マウスカーソルが乗っているとき */
td#mainmenu a:hover.link {
 color            : #6666FF;                     /* 文字の色 */
 background-color : #FFFFF0;                     /* 背景の色 */
 position: relative;                             /* ずらす設定 */
 top: 1px;                                       /* 縦方向 */
 left: 8px;                                      /* 横方向 */
 border-width     :  0px  0px  1px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color  : #000 #99CCFF #FFFFF0 #66CCFF; /* 上右下左の枠線の色 */
}

/* 左メニュー　クリックされたとき */
td#mainmenu a:active {
    color            : #FF0000;                     /* 文字の色 */
    background-color : #FFFFF0;                     /* 背景の色 */
}










/* 全体的な定義 */
/* IE6のチラつきしないおまじない */
html {
 background       : url(null) fixed;
}

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

table {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 width            : 100%;                     /* 横幅 */
 font-size        : 12pt;                  /* フォントの大きさ */
}

table td {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 vertical-align   : top;                      /* 文字の水平位置 */
}



/* メイン部分 */
table#main {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 border-collapse  : separate;                 /* セルの枠線の表示形式 */
}



/* IE6用固定 */
#header {
 position:absolute;
 top: expression(eval(document.documentElement.scrollTop+70));
}



/* コンテンツ部分 */
div.center {
 width            : 96%;               /* 横幅 */
 padding          : 70px 0 0;
 margin           :  0px  0px  0px  15px;      /* 上・右・下・左の余白 */
}

td.colCenter {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  90px;      /* 上・右・下・左の間隔 */
 border-style     : none none none none;      /* 上・右・下・左の枠線の種類 */
 background-color : #FFFFF0;                  /* バックの色 */
}



/* ヘッダ部分 */
#header {
 width            : 100%;                    /* 横幅 */
 height           : 70px;                    /* 縦幅 */
 background-color : #666;                    /* バックの色 */
 margin           : 0px 0px 0px 0px;         /* 上・右・下・左の余白 */
 padding          : 0px 0px 0px 0px;         /* 上・右・下・左の間隔 */
 border-style     : solid none none none; /* 上・右・下・左の枠線の種類 */
 border-color     : #3366FF #FFF #66CCFF #FFF; /* 上・右・下・左の枠線の色 */
 border-width     : 6px 0px 0px  0px;        /* 上・右・下・左の枠線の太さ */
 background       : #66CCFF url("img/"); /* 背景色 or 画像 */
 position         : fixed;
}

/* サブタイトル部分 */
.subtitle {
 display          : block;
 font-family      : "Arial Black", "Arial";  /* フォントの種類 */
 font-size        : 24px;                    /* フォントの大きさ */
 color            : #3366FF;                 /* 文字の色 */
 letter-spacing   :  5pt;                    /* 文字の間隔 */
 margin           : 2px 0px 2px 140px;      /* 上・右・下・左の余白 */
 padding          : 0px 0px 0px 0px;      /* 上・右・下・左の余白 */
 vertical-align   : middle;                  /* 文字の水平位置 */
}





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




/* --- 見出し付きボックス01 --- */

div.box01 {
 height              : 100%;              /* 縦幅 */
 background-color    : #fffff0;           /* ボックスの背景色 */
 border              : 2px #3366FF solid; /* ボックスの境界線 */
 font-size           : 14px;              /* ボックスの文字サイズ */
}

/* --- 見出し　見出し付きボックス01 --- */
div.box01 h3 {
 white-space         : nowrap;
 width               : 260px;             /* 見出しの幅 */
 margin              : -1em 0 0 20px;    /* 見出しのマージン（上右下左） */
 padding             : 4px;               /* 見出しのパディング */
 background-color    : #CCFF99;           /* 見出しの背景色 */
 border              : 2px #3366FF solid; /* 見出しの境界線 */
 font-size           : 18px;              /* 見出しの文字サイズ */
 text-align          : center;
}

/* --- ボックス内の段落　見出し付きボックス01 --- */
div.box01 p {
 margin              : 1em 30px;          /* 段落のマージン（上下、左右） */
 line-height         : 1.2;               /* 行間 */
 text-align          : left;
}



/* --- 見出し付きボックス　更新履歴 --- */

div.renew {
 height              : 160px;              /* 縦幅 */
 background-color    : #fffff0;           /* ボックスの背景色 */
 border              : 2px #3366FF solid; /* ボックスの境界線 */
}

/* --- 見出し　見出し付きボックス　更新履歴 --- */
div.renew h3 {
 white-space         : nowrap;
 width               : 260px;             /* 見出しの幅 */
 margin              : -1em 0 0 20px;    /* 見出しのマージン（上右下左） */
 padding             : 4px;               /* 見出しのパディング */
 background-color    : #CCFF99;           /* 見出しの背景色 */
 border              : 2px #3366FF solid; /* 見出しの境界線 */
 font-size           : 18px;              /* 見出しの文字サイズ */
 text-align          : center;
}

/* --- 見出し　見出し付きボックス　更新履歴 --- */
div.renew p {
 padding             : 0px  0px 0px 0px;  /* 上・右・下・左の間隔 */
}



/* トップテーブル */
.table_top {
 width            : 98%;
 margin           : 0;
 padding          : 0px;
 border-collapse  : collapse;
}

.table_top td {
 width            : 46%;
 text-align       : center;
 vertical-align   : top;
 font-size        : 18px;                    /* フォントの大きさ */
 letter-spacing   : 0.1em;                   /* 文字間 */
 line-height      : 1.4;                     /* 行間 */
 padding          : 20px 8px 10px 8px;         /* 上・右・下・左の間隔 */
 color            : #000000;
 background-color : #FFFFF0;
 border           : 0px solid #339933;;
}

.table_top td.height01 {
 height           : 150px;              /* 縦幅 */
}