body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-attachment: scroll;
	background-color: #666666;
	background-image: url(../image/backimage1.gif);
	background-repeat: repeat;
	background-position: center bottom;
}

.thrColAbsHdr #container { 
	position: relative; /* adding position: relative により、このコンテナに対する相対位置に 2 つのサイドバーを配置できます */
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

/* ヘッダーとフッターのある絶対位置指定されたサイドバーに関するヒント：
1. 絶対位置指定された（AP）エレメントには、トップ値とサイド値（右または左）が設定されている必要があります。初期設定では、トップ値を設定しなければ、AP エレメントはページのソースオーダーにある最後のエレメントの直後に配置されます。つまり、サイドバーがドキュメントのソースオーダーにある #container の最初のエレメントであれば、トップ値が設定されていなくても、サイドバーは #container の最上部に表示されます。ただし、後でサイドバーをソースオーダー内で移動した場合は、適切な場所に表示されるようにサイドバーのトップ値を設定する必要があります。
2. 絶対位置指定された（AP）エレメントは、ドキュメントのフローから除外されます。つまり、AP エレメントの周囲にあるエレメントは、AP エレメントの存在を認識せず、ページ上で AP エレメントと重複することがあります。したがって、常に中央の #mainContent div にほとんどのコンテンツが含まれることが確実である場合は、AP div はサイドバーとしてのみ使用してください。どちらかのサイドバーにより多くのコンテンツが含まれる場合、そのサイドバーは（この場合フッターも）親 div の下端の外に配置されるため、サイドバーは含まれていないように表示されます。
3. 上述の要件に対応していれば、絶対位置指定されたサイドバーにより、ドキュメントのソースオーダーを簡単に制御できます。
4. ソースオーダーが変更されると、列がヘッダーと視覚的に接触するため、トップ値はヘッダーの高さと同じである必要があります。
*/
.thrColAbsHdr #header {
	height: auto; /* 列のソースオーダーを変更する場合、列に予測可能なトップ値が設定されるよう、ヘッダーの高さを使用することをお勧めします */
	background: #E1FFE1;
}

.thrColAbsHdr #headermenubar {
	background-color: #ECFFFF;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2020FF;
	border-bottom-color: #2020FF;
}

.thrColAbsHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 177px;
	left: 6px;
	width: 120px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #EBEBEB; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
}

.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: auto;
	right: 0;
	width: 140px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #EBEBEB; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 15px;
	padding-left: 7px;
}

.thrColAbsHdr #mainContent {
	margin-top: 0;
	margin-right: 165px;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.thrColAbsHdr #mainContent p {
	text-indent:1ex
}

.thrColAbsHdr #mainContent h1{
	font-size: medium;
}

.thrColAbsHdr #mainContent h2{
	font-size: small;
}

.thrColAbsHdr #mainContent h3{
	font-size: small;
}

.thrColAbsHdr #mainContent table col #Noid{
	text-align:center;
}

#thema{
	font-size: medium;
	border-collapse: collapse;
	border-color: #06F;
}
/* テーブルの文字サイズ普通 */

#study{
	font-size: small;
	border-collapse: collapse;
	border-color: #06F;
}
/* テーブルの文字サイズ普通 */

.thrColAbsHdr #mainContent table th{
	background-color: #CFC;
	text-align: center;
	border-color:#06F;
}
.thrColAbsHdr #mainContent table td{
	border-color:#06F
}
.thrColAbsHdr #footer {
	padding: 0 10px 0 20px;
	background-color: #DDDDDD;
	background-image: url(../image/bottombackimage.gif);
	color: #FFF;
} 
.thrColAbsHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

#pstyle1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "HG創英角ﾎﾟｯﾌﾟ体";
	font-size: small;
	font-style: normal;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu_s {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #AFEEEE; /* バーの背景色(PaleTurquoise) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu_s li {
   width: 100px;           /* メニュー項目の横幅(100px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu_s a {
   background-color: #AFEEEE; /* メニュー項目の背景色(PaleTurquoise) */
   color: black;              /* メニュー項目の文字色(黒色) */
   line-height: 15px;         /* メニュー項目のリンクの高さ(15px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu_s a:hover {
   background-color: #E0FFFF; /* メニュー項目にマウスが載ったときの背景色(LightCyan) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ▼サブメニューは、とりあえず非表示にしておく */
ul.ddmenu_s ul {
   display: none;         /* ★5:非表示にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu_s li:hover ul {
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu_s ul {
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu_s ul li {   /* ※A */
   width: 100px;               /* サブメニュー1項目の横幅(100px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu_s ul li a {   /* ※B */
   line-height: 15px;   /* サブメニュー1項目の高さ(15px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.ddmenu_s ul li a:hover {   /* ※C */
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */