/* 文字コードの指定 -------------------------------------*/
@charset "shift_jis";


/* スクロールバー常に表示 --------------------------------
  ページ移動をした時に縦に短いページはスクロールバーが表示
  されないため、長いページから短いページに移動した時、
  スクロールバーの幅だけ表示がずれるのを無くします
--------------------------------------------------------- */
html {
  overflow-y: scroll;

}


/* 全体の文字種類の指定 ----------------------------------*/
body {
  font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
  color  : black;                       /* 文字色:黒 */
  margin : 0px 0px 0px 0px;             /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 0px 0px 0px 0px;             /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  background-image:url(bg.gif);
  background-repeat: repeat-y;
  background-position:center;
}


/*以下追記*/
/*
background-image:url(bg_right.gif);
background-position:right top;
background-repeat: repeat-y;
}
*/

/*以上追記*/




/*.rightrepeat {
background-image:url(bg_right.gif);
background-repeat:repeat-y;
background-position:right;
width:100%;
height:100%
}

.leftrepeat {
background-image:url(bg_left.gif);
background-repeat:repeat-y;
background-position:left;
width:100%;
height:100%
}
*/









/* 包み紙-------------------------------------------------*/
#wrapper {
  width  : 980px;                       /* 幅:980px */
  margin : 0px auto 0px auto;           /* 外側余白を指定する:上0px 右自動 下0px 左自動 */
  padding: 0px 0px 0px 0px;             /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  border-right : solid 3px silver;      /* 右の線:線の種類・実線 線の太さ・3px 線の色・灰色 */
  border-left  : solid 3px silver;      /* 左の線:線の種類・実線 線の太さ・3px 線の色・灰色 */
  border-bottom: solid 3px silver;      /* 下の線:線の種類・実線 線の太さ・3px 線の色・灰色 */
  background-color: white;              /* 背景色:白 */
}


/* 未アクセスのリンク ------------------------------------*/
a:link {
  color: navy;                          /* 文字色:紺色 */
}


/* リンクの文字を押した時 --------------------------------*/
a:hover {
  color: crimson;                       /* 文字色:濃い赤 */
}


/* ヘッダー画像 ----------------------------------------------*/
#header {
  background-image : url(header.jpg);   /* ヘッダー画像 */
  background-repeat: no-repeat;         /* ヘッダー画像:繰り返さない */
  width  : 980px;                       /* 幅:980px */
  height : 110px;                       /* 縦:90px */
  margin : 0px 0px 0px 0px;             /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 0px 0px 0px 20px;            /* 内側余白を指定する:上20px 右0px 下0px 左0px */
}




/* ヘッダーメニュー背景（画像無し） ----------------------*/
#header-menu {
  background-color: silver;             /* 背景色:灰 */
  height: 30px;                         /* 高さ:30px */
}
  /* ヘッダーメニュー背景を 画像 にする場合） --------------
    上の background-color: silver; を
    background: url(header_menu_back.gif) repeat;
    に変更
  -----------------------------------------------------------*/


/* ヘッダーメニュー文字 ----------------------------------*/
#header-menu ul {
  text-align    : right;                /* 行揃え位置を指定する:右寄せ */
  padding: 3px;
  margin: 0px 20px 0px 0px;             /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  width : auto;                         /* 幅:自動 */
}


/* ヘッダーメニュー文字（|）------------------------------*/
#header-menu li {
  color  : white;                       /* 文字色:黒 */
  display: inline;                      /*ないと・縦表示になる*/
}


/* ヘッダーメニュー文字（未アクセスのリンク） ----------------------*/
#header-menu a {
  color: white;                         /* 文字色:黒 */
  text-decoration: none;                /* ＿を表示しない*/
}


/* ヘッダーメニュー文字（リンクの文字を押した時） ----------*/
#header-menu a:hover {
  color: #1d799c;                       /* 文字色:紺色 */
}






/* コンテナー --------------------------------------------*/
#container {
  margin : 0px 0px 0px 0px;             /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 5px 5px 5px 5px;             /* 内側余白を指定する:上5px 右5px 下5px 左5px */
  background-color: white;              /* 背景色:白 */
  float: right;                         /* 左に寄せて配置する【メモ】無いとフッターが回り込んでしまう*/
}


/* 左側メニュー ------------------------------------------*/
#left-menu {
  float  : left;                        /* 左に寄せて配置する */
  margin : 0px 10px 0px 0px ;           /* 外側余白を指定する:上0px 右10px 下0px 左0px */
  padding: 0px 0px 0px 0pxpx;           /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  width  : 180px;                       /* 幅:180px */
  text-align: left;                     /* 行揃え位置を指定する:左寄せ */
  letter-spacing: 1px;                  /* 文字の間隔を指定する:1px */
}


/* 左側メニュー フリースペース （QRコード） --------------*/
/* タイトル */
#free #title{
  width  : 180px;                       /* 幅:180px */
  text-align: center;                   /* 行揃え位置を指定する:中 */
  height : auto;                        /* 高さ:自動 */
  padding: 3px 0px 3px 0px ;            /* 内側余白を指定する:上3px 右0px 下3px 左0px */
  background-color:silver;              /* 背景色:灰色 */
}


/* フリースペース */
#free {
  width: 180px;                         /* 幅:180px */
  margin-top: 5px;
  margin-bottom: 5px;                   /* 外側余白を指定する・下:5px */
  text-align: left;                     /* 行揃え位置を指定する:左 */
  border-top   : solid 1px silver;      /* 上の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-left  : solid 1px silver;      /* 左の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-right : solid 1px silver;      /* 右の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-bottom: solid 1px silver;      /* 下の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
}


/* 左側メニューリスト */
#left-menu ul {
  list-style-position: outside;         /* ・（リストマーカー）の位置 */
  display: inline;                      /* インライン形式で表示【メモ】liで右に寄った位置を左に寄せる*/
  padding: 0px ;                        /* 内側余白を指定する:上0px 右0px 下0px 左0px */
}


/* 左側メニュー文字 --------------------------------------*/
#left-menu li {
  display: inline;                      /*ないと・が出る*/
}


/* メニューリスト（未アクセスのリンク） ------------------*/
.menulist a{
  display: block;                       /* ブロック形式で表示【メモ】リンク出来る場所を広げる事が出来る  */
  border-top   : solid 1px silver;      /* 上の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-left  : solid 1px silver;      /* 左の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-right : solid 1px silver;      /* 右の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  border-bottom: solid 1px silver;      /* 下の線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  width  : 173px;                       /* 幅:175px【メモ】リンク出来る場所の幅 */
  height : auto;                        /* 高さ:自動【メモ】リンク出来る場所の高さ */
  padding: 5px 0px 5px 5px;             /* 内側余白を指定する:上5px 右0px 下5px 左5px */
  color: #1d799c;                          /* 文字色:黒色 */
  background-color: whitesmoke;         /* 背景色:うすい灰色 */
  text-align: left;                     /* 行揃え位置を指定する:中央揃え */
}


/* メニューリストのリンクを押した時 ----------------------*/
.menulist a:hover{
  color: navy;                          /* 文字色:紺色 */
  background-color: white;              /* 背景色:白 */
}


/* メニューリスト（画像でリンク・未アクセスのリンク）--- */
.menulist2 a{
  display: block;                       /* ブロック形式で表示 */
  font-weight : bold;
  width  : 175px;                       /* 幅:175px */
  height : auto;                        /* 高さ:自動 */
  padding: 5px 0px 5px 5px;             /* 内側余白を指定する:上5px 右0px 下5px 左5px */
  color: black;                         /* 文字色:青色 */
  text-align: left;                     /* 行揃え位置を指定する:左揃え */
  background-image: url(btn3.gif);      /* ボタンの画像 */
}


/* メニューリスト（画像でリンク）を押した時 -------------*/
.menulist2 a:hover{
  color: navy;                          /* 文字色:紺色 */
  background-image: url(btn2.gif);      /* ボタンの画像 */
}


/* メニューリスト（画像）--- */
.menulist3 a{
  display: block;                       /* ブロック形式で表示 */
  font-weight : bold;
  width  : 175px;                       /* 幅:175px */
  height : auto;                        /* 高さ:自動 */
  padding: 5px 0px 5px 5px;             /* 内側余白を指定する:上5px 右0px 下5px 左5px */
  color: black;                         /* 文字色:黒色 */
  text-align: left;                     /* 行揃え位置を指定する:左揃え */
  background-image: url(btn3.gif);       /* ボタンの画像 */
}


/* メニューリスト（画像）--- */
.menulist4 a{
  display: block;                       /* ブロック形式で表示 */
  font-weight : bold;
  width  : 175px;                       /* 幅:175px */
  height : auto;                        /* 高さ:自動 */
  padding: 5px 0px 5px 5px;             /* 内側余白を指定する:上5px 右0px 下5px 左5px */
  color: black;                         /* 文字色:黒色 */
  text-align: left;                     /* 行揃え位置を指定する:左揃え */
  background-image: url(btn1.gif);      /* ボタンの画像 */
}





/* コンテンツ ------------------------------------------*/
#contents {
  margin : 0px 20px 0px 0px;             /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  line-height: 120%;
  letter-spacing: 1px;                   /* 文字の間隔を指定する */
  text-align:right;
  float: right;                          /* 左に寄せて配置する */
}


#contents p {
 padding: 0px 10px 0px 0px;
}


#contents from {
  margin: 0px 0px 0px 0px;              /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding:10px 0px 0px 5px ;
  clear:both;
  float:right;
}






/* コンテンツ ------------------------------------------*/
#contents2 {
  width  : 760px;                       /* 幅:760px */
  margin : 10px 10px 5px 0px;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 5px 0px 0px 5px;             /* 内側余白を指定する:上5px 右2px 下0px 左10px */
  line-height: 140%;                    /* 行の高さを指定する  */
  letter-spacing: 1px;                  /* 文字の間隔を指定する */
  float: right;                         /* 左に寄せて配置する */
}


#top {
  width  : 750px;                       /* 幅:760px */
  margin : 0px 20px 0px 0px;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 5px 0px 0px 0px;             /* 内側余白を指定する:上5px 右2px 下0px 左10px */
  line-height: 140%;                    /* 行の高さを指定する  */
  letter-spacing: 1px;                  /* 文字の間隔を指定する */
  float: right;                         /* 左に寄せて配置する */
}

#top img {
  vertical-align: bottom;
  float:left;
}

#top object {
  vertical-align: bottom;
}


#top2 {
  width  : 760px;                       /* 幅:760px */
  margin : 0px 10px 0px 0px;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 5px 0px 0px 5px;             /* 内側余白を指定する:上5px 右2px 下0px 左10px */
  line-height: 140%;                    /* 行の高さを指定する  */
  letter-spacing: 1px;                  /* 文字の間隔を指定する */
  float: right;                         /* 左に寄せて配置する */
}

#top2 img {
   margin-top   : 5px;
   padding-left : 1px;
   padding-right: 1px;
}


/* パンくずリスト ---------------------------------------*/
#topicpath {
  padding: 0px 0px 5px 0px;             /* 内側余白を指定する:上0px 右0px 下5px 左0px */
}


/* コンテンツ（段落） ------------------------------------*/
#contents2 p {
  margin : 0px 0px 0px 20px;            /* 外側余白を指定する:上20px 右0px 下0px 左50px */
  padding: 0px 0px 5px 0px;             /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  line-height: 120%;
}


#contents2 li {
  list-style-type: none;
}



/* 緊急お知らせ ------------------------------*/
#contents2 #info {
  font-weight : bold;
  color  : red;
}



/*---------- リンク 表
----------*/

#link{
  width:370px;
  margin: 0px 5px 0px 0px;
  padding: 0;
  float:left;
  background-color:#ffffff;
}

#link ul{
  padding:0;
  background-repeat: no-repeat;
  background-position: left center;
}

#link li{
  width:370px;
  margin: 0px;
  list-style-type: none;
}



#table {
  margin: 0px 15px 0px 0px;
  padding-left:5px;
  white-space: normal;
  float:right;
}




/* 最新情報（タイトルバー） ------------------------------*/
#contents2 h2 {
  margin : 5px 0px 0px 0px;             /* 外側余白を指定する:上5px 右0px 下0px 左0px */
  padding: 3px 0px 3px 10px;            /* 内側余白を指定する:上3px 右0px 下3px 左10px */
  line-height: 100%;                    /* 行の高さを指定する */
  width: 740px;
  float: right;
}


/* 最新情報（画像のタイトルバー） -----------------------*/
#contents2  h3 {
  width: 740px;                         /* 幅:740px */
  background-image: url(titlebar.gif);  /* タイトルバーの画像 */
  background-repeat: no-repeat;         /* 画像を繰り返さない */
  margin: 5px 0px 0px 0px;              /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 8px 0px 10px 20px;           /* 内側余白を指定する:上8px 右0px 下10px 左20px */
  line-height: 100%;                    /* 行の高さを指定する */
  float: right;                         /* 左に寄せて配置する */
}


#contents2 h3 #right{
  margin: 0px 20px 0px 0px;              /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  float:right;
}

#contents2 img {
   padding-left:5px;
}

#contents2 #bottom img {
   vertical-align: bottom;   /* 縦方向の揃え位置を指定する */
}




/*  ジャンプリンク -------------------------------*/

/*
#jump{
  float:left;
  padding:10px;
}
*/

#jump a{
  padding:0px;
  margin:0px;
}




/* 最新情報・1行用 --------------------------------------*/
/* 外枠 */
#topics {
  margin: 0px 10px 30px 0px ;           /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  border: solid 2px silver; 
  float : left;                         /* 左に寄せて配置する【メモ】無いと枠が回りこむ*/
  width : 745px;                        /* 幅:748px */
}


/* 定義リスト（dl・dt・ddはセットで使います） */
#topics dl { 
  width  :770px;                        /* 幅:770px */
  margin : 5px 0px 0px 0px;             /* 外側余白を指定する:上5px 右5px 下10px 左5px */
  padding: 0px;                         /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  float  : left;                        /* 左に寄せて配置する */
  clear  : left;                        /* 回り込みを解除する */
}


/* 左・日付部分 */
#topics dt{
  margin : 0px 5px 0px 10px;            /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  width : 180px;                        /* 幅:100px */
  float : left;                         /* 左に寄せて配置する */
  clear : both;                         /* 回り込みを解除する */
  background-color: white;              /* 背景色:白色 */
}


/* 右・詳細部分 */
#topics dd{
  margin: 0px 5px 0px 5px;              /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  padding: 0px 0px 0px 5px;
  width : 520px;                        /* 幅:620px */
  float : left;                         /* 左に寄せて配置する */
}


/* リスト */
#topics ul {
  list-style-position: outside;         /* ・（リストマーカー）の位置 */
  display: inline;                      /* インライン形式で表示【メモ】liで右に寄った位置を左に寄せる*/
  padding: 0px ;                        /* 内側余白を指定する:上0px 右0px 下0px 左0px */
}


/* リストの項目 */
#topics li {
  border-bottom: dashed 1px silver;     /* 下の線:線の種類・破線 線の太さ・1px 線の色・灰色  */
  margin: 5px 5px 5px 5px;              /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  padding-left: 0px;                    /* 左の内側余白を指定する:上0px 右0px 下0px 左0px */
  list-style-type: none;                /* ・（リストマーカー）の種類:なし */
  width: 740px;                         /* 幅:740px */
  float: right;                         /* 左に寄せて配置する */

}


/* 最新情報・複数行可 ------------------------------------*/
/* 外枠 */
#topics02{
  margin: 0px 10px 0px 0px ;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  border: solid 1px silver;             /* 線:線の種類・実線 線の太さ・1px 線の色・灰色 */
  float : right;                        /* 左に寄せて配置する【メモ】無いと線が上に回りこむ*/
  width : 748px;                        /* 幅:748px */
}


/* 定義リスト（dl・dt・ddはセットで使います） */
#topics02 dl { 
  width  :770px;                        /* 幅:770px */
  margin : 5px 5px 5px 5px;             /* 外側余白を指定する:上5px 右5px 下10px 左5px */
  padding: 0px;                         /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  float  : left;                        /* 左に寄せて配置する */
  clear  : left;                        /* 回り込みを解除する */
}


/* 左・日付部分 */
#topics02 dt{
  margin : 5px 5px 5px 5px;             /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  width : 100px;                        /* 幅:100px */
  float : left;                         /* 左に寄せて配置する */
  clear : both;                         /* 回り込みを解除する */
  background-color: white;              /* 背景色:白色 */
}


/* 右・詳細部分 */
#topics02 dd{
  margin: 5px 5px 5px 5px;              /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  width : 620px;                        /* 幅:620px */
  float : left;                         /* 左に寄せて配置する */
}



/* 外枠 */
#topics03 {
  margin: 0px 10px 0px 0px ;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  border: solid 2px silver; 
  float : left;                         /* 左に寄せて配置する【メモ】無いと枠が回りこむ*/
  width : 350px;                        /* 幅:748px */
}


/* 定義リスト（dl・dt・ddはセットで使います） */
#topics03 dl { 
  width  : 350px;                       /* 幅:770px */
  margin : 5px 0px 0px 0px;             /* 外側余白を指定する:上5px 右5px 下10px 左5px */
  padding: 0px;                         /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  float  : left;                        /* 左に寄せて配置する */
  clear  : left;                        /* 回り込みを解除する */
}


/* 左・日付部分 */
#topics03 dt{
  margin : 5px 5px 5px 5px;             /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  width : 150px;                        /* 幅:100px */
  float : left;                         /* 左に寄せて配置する */
  clear : both;                         /* 回り込みを解除する */
  background-color: white;              /* 背景色:白色 */
}


/* 右・詳細部分 */
#topics03 dd{
  margin: 5px 0px 5px 15px;             /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  padding: 0px 0px 0px 5px;
  width : 150px;                        /* 幅:620px */
  float : left;                         /* 左に寄せて配置する */
}

#topics03 a{
  color: black;                         /* 文字色:黒色 */
}
#topics03 a:hover{
  color: navy;                          /* 文字色:紺色 */
}





/* 外枠 */
#topics04 {
  margin: 0px 10px 0px 0px ;            /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  border: solid 2px silver; 
  float : left;                         /* 左に寄せて配置する【メモ】無いと枠が回りこむ*/
  width : 350px;                        /* 幅:748px */
}


/* 定義リスト（dl・dt・ddはセットで使います） */
#topics04 dl { 
  width  : 350px;                       /* 幅:770px */
  margin : 5px 0px 0px 0px;             /* 外側余白を指定する:上5px 右5px 下10px 左5px */
  padding: 0px;                         /* 内側余白を指定する:上0px 右0px 下0px 左0px */
  float  : left;                        /* 左に寄せて配置する */
  clear  : left;                        /* 回り込みを解除する */
}


/* 左・日付部分 */
#topics04 dt{
  margin : 5px 5px 5px 5px;             /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  width : 100px;                        /* 幅:100px */
  float : left;                         /* 左に寄せて配置する */
  clear : both;                         /* 回り込みを解除する */
  background-color: white;              /* 背景色:白色 */
}


/* 右・詳細部分 */
#topics04 dd{
  margin: 5px 0px 5px 15px;             /* 外側余白を指定する:上5px 右5px 下5px 左5px */
  padding: 0px 0px 0px 5px;
  width : 220px;                        /* 幅:620px */
  float : left;                         /* 左に寄せて配置する */
}





/* 下線（最新情報 ・2行） -------------------------------*/
#line {
  width: 740px;                         /* 幅:740px */
  line-height: 120%;                    /* 行の高さを指定する */
  border-top: solid 3px silver;         /* 下の線:線の種類・実線 線の太さ・1px 線の色・灰色  */
  padding: 5px 15px 5px 0px;
  margin: 0px 15px 0px 0px;             /* 外側余白を指定する:上0px 右10px 下0px 左0px */
  float: right;                         /* 左に寄せて配置する */
}


#line02 {
  width: 740px;
  border-bottom: solid 1px silver;
  padding: 0px 0px 0px 0px;
  float:left;
}


#line03 {
  width: 745px;
  line-height: 150%;                    /* 行の高さを指定する */
  padding: 5px 0px 0px 0px;
  border-top: solid 2px silver;
  float: left;
}


#line04 {
  width: 350px;
  boder-bottom: solid 2px silver;
  float: left;
}


#line05 {
  width: 350px;
  line-height: 150%;                    /* 行の高さを指定する */
  padding: 5px 0px 0px 0px;
  border-top: solid 2px silver;
  float: left;
}


/* フッター ----------------------------------------------*/
#footer {
  border-top: solid 4px #2d94bb;        /* 上の線:線の種類・実線 線の太さ・4px 線の色・青色 */
  clear: both;                          /* 回り込みを解除する */
  margin: 0px 0px 0px 0px;              /* 外側余白を指定する:上0px 右0px 下0px 左0px */
  padding: 5px 10px 10px 10px;          /* 内側余白を指定する:上5px 右0px 下10px 左10px */
  color: dimgray;                       /* 文字色:濃い灰色 */
  text-align:right;
}


#left {
 float:left;
}