@charset "Shift_Jis";


/* 自由に消して足して書き換えてください。 */


/***** ページの設定 ******/
body{                                                                /* ページ全体の設定 */
   margin:0;padding:0;                                               /* マージン・パディング */
   background-image:url("kabegami.gif");                         /* 背景画像 */
   color:#666;                                                       /* 文字色 */
   font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;   /* 文字の種類 */
   line-height:150%;                                                 /* 行間 */
   font-size:84%;                                                    /* 文字サイズ */
   text-align:center;                                                /* 中央に */
   }

p{margin:3px 0 20px;}   /* p要素の設定 */



/***** リンクの設定 ******/
a:link   {color:#666;}                   /* リンク色 */
a:visited{color:#666;}                   /* 既読リンク色 */
a:hover  {color:#900;                    /* カーソルがリンクの上に来た時の色 */
          text-decoration:underline;}    /* カーソルがリンクの上に来た時下線を出す */
a        {text-decoration: none;         /* リンクの下線を消す */
          font-weight : bold;}           /* リンクを太くする。 */



/***** h要素の設定 ******/
h1{                               /* h要素の設定 */
   margin:40px 0 10px;            /* マージン */
   padding:8px;                   /* パディング */
   font-size:160%;                /* 文字サイズ */
   background-color:#cc9;         /* 背景色。 */
   border-left:solid 10px #663;   /* 左罫線 */
   }



/***** メニュー部分の設定 ******/
ul#menu{                    /* メニュー01 */
   margin:8px 0 -20px;      /* マージン */
   padding-right:10px;      /* パディング */
   color:#099;              /* 文字色 */
   background-color:#ccc;   /* 背景色 */
   text-align:right;        /* 文字を右寄せ */
   }

#menu li{                        /* メニュー02 */
   margin:0 8px 0 0;             /* マージン */
   padding:0 0 0 10px;           /* パディング */
   border-left:solid 1px #999;   /* 左罫線 */
   list-style:none;              /* リストスタイル */
   display:inline;               /* インライン */
   }




/***** その他の設定 ******/
#content{                        /* contentの設定 */
   width:640px;                  /* 幅 */
   margin:0 10px 0;              /* マージン */
   padding:10px;                 /* パディング */
   background-color:#fff;        /* 背景色 */
   border-width:0 1px 5px 1px;   /* 罫線の太さ */
   border-style:solid;           /* 罫線の種類 */
   border-color:#999;            /* 罫線触 */
   text-align:left;              /* 文字を左寄せ */
   }

#top{                       /* topの設定 */
   margin:30px 0 0;         /* マージン */
   background-color:#ccc;   /* 背景色 */
   text-align:center;       /* 文字を中央に */
   }

/*------------ table style set ------------*/
.hpb-cnt-tb1{
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb2{
	background-color: #333333;
	border: 1px solid #333333;
}
.hpb-cnt-tb3{
	background-color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-th1 {
	background-color: #BBBBBB;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-th2 {
	background-color: #CCCCCC;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell1 {
	background-color: #EEEEEE;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell2 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.hpb-cnt-tb-cell3 {
	background-color: #EEEEEE;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell4 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell5 {
	background-color: #FFFFFF;
	font-size: 80%;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

