/* テーブルは基本的にページの中央にくるようになっています */
table {  font-size: 12px; line-height: 130%; color: #333333; background-color: #FFFFFF; margin-left: auto; margin-right: auto}
 

/* 全体のフォントは半角英数字が Arial となります */
body {  background-color: #F8F8F8; font-family: arial,"ＭＳ Ｐゴシック"}
 

/* フッターはどのサイトも不変です */
.footer {  border: none; background-color: #FFFFFF; padding-right: 11px; text-align: right; vertical-align: middle; background-image: url("../img/footer.gif"); height: 24px}
 

/* ヘッダーはどのサイトも不変です */
.header {  padding-left: 11px; vertical-align: middle; border-style: none; background-image: url("../img/header.jpg"); height: 99px}
 

/* セル内のテキストは上寄せされます */
td {  vertical-align: top}
 

/* 全体の背景は白です */
.background {  background-color: #FFFFFF}
 
/* ヘッダー直下のベージュの部分です */
.menu {  padding-left: 11px; vertical-align: middle; background-image: url("../img/navigation.gif"); height: 24px}
 

/* H1 の部分です */
h1 {  line-height: 130%; font-size: 14px; background-color: #F4F4F4; padding-top: 2px; padding-left: 3px; border: solid; color: #333333; border-width: 1px 1px 0px; border-color: #CCCCCC #CCCCCC black}
 

/* 右サイドメニューの各タイトル部分です */
th {  background-image: url(../img/sub-menu.gif); padding-left: 13px; text-align: left; height: 18px}
 

/* ヘッダー内のタイトル。今はロゴにしています */
.title {  font-size: 20px; line-height: 130%; font-weight: bold; color: #FFFFFF}
 

/* 画像のボーダーは全てゼロにしています */
img {  border: none}
 
/* <b></b>でくくった箇所を青く表示します */
.blue {  color: blue}
 
/* <b></b>でくくった箇所を赤く表示します */
.red {  color: red}
 
/* 本文を入れるべき個所。大枠です */
.a {  background-image: url("../img/middle.gif"); width: 700px}
 
/* 11ピクセルのセルです */
.b {  width: 11px}
 
/* 678ピクセルのセルです */
.c {  width: 678px}
 
/* セルの中のテキストを中央寄せにする際に用います */
.d {  text-align: center}
 
/* セルの背景色をオレンジ、テキストを右寄りにする際に用います */
.e {  background-color: #ffc700; text-align: right}
 
/* セルの背景色を無色、テキストを右寄りにする際に用います */
.f {  text-align: right}
 
/* セルの背景色を灰色にする際に用います */
.g {  background-color: #aaaaaa}
 
/* セルの背景色をエンジ、テキストを白色にする際に用います */
.h {  background-color: #990000; color: #ffffff}
 
/* セルの背景色を淡い青、テキストを白色にする際に用います */
.i {  background-color: #00a0f0; color: #ffffff}
 
/* セルの背景色を緑（典型的な）、テキストを白色にする際に用います */
.j {  background-color: #00aa00; color: #ffffff}
 
/* セルの背景色を濃い目の黄色、テキストを白色にする際に用います */
.k {  background-color: #ffcc33; color: #ffffff}
 
/* セルのテキストをオレンジ色にする際に用います */
.l {  color: #ffc700}
 
/* サイドメニューがない場合に基本的に用います。セルのテキストを淡い黄色、テキストを中央に寄せ、セルの幅を20%にする際に用います */
.m {  background-color: #ffffdd; text-align: center; width: 20%}
 
/* セルの背景色を淡い緑にする際に用います */
.o {  background-color: #99cc00}
 

 
/* セルの幅を20%にする際に用います */
.q {  width: 20%}
 
/* セルのテキストを淡い黄色にする際に用います */
.r { background-color: #fff8b9}
 
/* セルの背景色を紺、テキストを白色にする際に用います */
.s {  background-color: #0000aa; color: #ffffff}
 
/* セルの背景色を薄紅色にする際に用います */
.t {  background-color: #ffdbad}
 
/* セルの背景色を薄紅色、テキストを中央寄せにする際に用います  */
.u {  background-color: #ffdbad; text-align: center}
 
/* 130ピクセルのセルです */
.v {  width: 130px}
 
/* 110ピクセルのセルです */
.w {  width: 110px}
 
/* 50%ののセルです */
.x {  width: 50%}
 
/* 468ピクセルのセルです */
.z {  width: 468px}
 
/* 200ピクセルのセルです */
.y {  width: 200px}
 
/* 特定の文字を淡い緑にする際に用います */
.color1 {  color: #99cc00}

/* 幅35%で背景がオレンジ色のセルです */
.left {  width: 35%; background-color: #ffc700}