body{

margin :0;
padding:0;

background-color: #ffffff;                /* "ffffff"のところを変更すると、背景色が変わります。 */
background-image : url("kabegami.gif");   /* "kabegami.gif"のところを変更すると、背景画像が変わります。 */
background-position : 0px 0px;            /* 背景画像の表示位置。これは左上ぴったりに表示されます。 */
background-repeat: repeat;                /* 背景画像を繰り返して表示するかの設定。 */
background-attachment: scroll;            /* スクロールしたとき、背景画像も一緒にスクロールするかどうかの設定。 */
}

/* フォント、行間の設定 */
body,TD{
color       : #333333;                             /* 文字色の設定*/
font-family : Arial,"sans-serif";  /* フォントの種類 */
line-height : 150%;                                /* 行間の設定 */
font-size   : 85%;                                 /* 文字の大きさ */
}

/* リンクに関する設定 */
A:link   {color:#3366CC;
          text-decoration:none;}   /* リンク色 */
A:visited{color:#3366CC;
          text-decoration:none;}   /* 既読リンク色 */
A:hover  {color:hotpink;                
          text-decoration:underline;}

/* その他の設定 */
.div00{                             /* テンプレートの中心部分。一番肝心 */
margin:0;padding:0;                 /* スペースをなくします。 */
background-color:#ffffff;           /* 背景の色。初期設定は白(ffffff)。 */
border-width:0px 1px 0px 1px;       /* 左と右に1pxの線を表示します。 */
border-style:solid;                 /* 上の線の種類。初期設定は実線 */
border-color:#999999;               /* 上の線の色。初期設定は灰色(999999) */
text-align:left;                    /* 文字を左揃えで表示する。 */
}

.div01{
background-color:#FFFFFF;
border-width:0px 1px 0px 1px;
border-style:double;
border-color:#CCCCCC;
font-family : Arial,"sans-serif";  
color:#404040;
}

.div02{
background-color:#FFFFFF;
border-width:1px 1px 1px 1px;
border-style:double;
border-color:#CCCCCC;
font-family : Arial,"sans-serif";  
color:#404040;
}

.subject{
background-color:#FFFFFF;
border-width:1px 1px 1px 8px;
border-style:solid;
border-color:#FFB1C1;
font-size:85%; 
font-family : Verdana,osaka,"sans-serif";  
color:#404040;
font-weight:bold;
}

.subject2{
background-color:#FFFFF6;
border-width:1px 0px 1px 0px;
border-style:solid;
border-color:#C0C0C0;
font-size:85%;
font-family : Arial,"sans-serif";  
color:#404040;
}

.subject3{
background-color:#FFFFFF;
border-width:1px 1px 1px 8px;
border-style:solid;
border-color:#90CDEB;
font-size:85%;
font-family : Verdana,osaka,"sans-serif";  
color:#404040;
font-weight:bold;
}

.subject4{
background-color:#FFFFFF;
border-width:1px 1px 1px 8px;
border-style:solid;
border-color:#9FCE60;
font-size:85%;
font-family : Verdana,osaka,"sans-serif";  
color:#404040;
font-weight:bold;
}

.subject5{
background-color:#FFFFFF;
font-size:83%;
font-family : Arial,"sans-serif";  
color:#404040;
font-weight:bold;
}

.subject6{
background-color:#FFFFFF;
border-width:1px 1px 1px 3px;
border-style:solid;
border-color:#FFB1C1;
font-size:85%;
font-family : Verdana,osaka,"sans-serif";  
color:#404040;
font-weight:bold;
}

hr{               /* 罫線の設定 */
height:1px;       /* 罫線の太さ */
color:mistyrose;    /* 罫線の色 */
style:solid;
}

.navi {
font-size: 14px;
color: #333333;
background: #EEEEEE;
}

h2{
font-family : osaka,"sans-serif";
font-size   : 165%;
font-weight : bold;
}

.h1{
font-family : osaka,"sans-serif";
font-size   : 165%;
font-weight : bold;
color  : navy;
}

h3{
font-family : osaka,"sans-serif";
font-size   : 85%;
font-weight : bold;
}

h4{
font-family : Arial,"sans-serif";
font-size   : 100%;
font-weight : bold;
color  : #000080;
margin-bottom: 5px;
margin-top: 20px;
}