@charset "utf-8";  /*===文字コードの指定===*/

/*===全体のスタイル===*/
* {
  margin: 0;  /*===全ての要素のマージンをリセットする===*/
  padding: 0;  /*===全ての要素のパディングをリセットする===*/
}
body {
  margin: 0 auto;  /*===内容全体をセンタリング===*/
  padding: 0;  /*===全ての要素のパディングをリセットする===*/
  background-color: #ffffff;  /*#DCDCDC;*/  /*===ページ全体の背景色を指定する(#ffffff)===*/
  text-align: center;  /*===IE6以下でセンタリングするための対策===*/
}
/*===hrを消す===*/
.clear {
  clear: both;    /*===hrでheightを指定しなくても下と重ならないようにする対策===*/
}
.clear hr {
  display: none;    /*===hrは表示されない===*/
}
/*===リンク・pタグ===*/
a {
  /*text-decoration: none;*/  /*===リンクの下線を無くす===*/
}
.a:hover {
  color: skyblue;
}
p {
  line-height: 180%;  /*===行間===*/
  margin: 0px 50px 0px 50px;  /*===余白(上右下左)===*/
  color: #333;  /*===文字の色===*/
  font-size: 16px;
}

/*=====     =====      =====      スポンサーリンク       =====      =====      =====*/
/*===記事上===*/
.go-ads-top {
  width: 10%;  /*===ボックスの幅===*/
  margin: 5px 0px 5px 0px;  /*===マージンの調整(文字の下と広告の下)===*/
  padding: 0px 0px 4px 0px;  /*===見出しの位置調整===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  clear: both;  /*===回り込みの解除===*/
}
.go-ads-top:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-top-word {
  margin: 0px 0px 4px 0px;  /*===マージンの調整(文字の上)===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}
/*===記事中===*/
.go-ads-middle {
  width: 100%;  /*===ボックスの幅===*/
  margin: 20px 0px 15px 0px;  /*===マージンの調整(文字の下と広告の下)===*/
  padding: 0px 0px 5px 25px;  /*===見出しの位置調整===*/
  /*text-align: center;*/  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.go-ads-middle:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-middle-word {
  margin: 0px 0px 4px 100px;  /*===マージンの調整(文字の上)===*/
  /*text-align: center;*/  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}
/*===記事下===*/
.go-ads-bottom {
  width: 100%;  /*===ボックスの幅===*/
  margin: 10px 10px 10px 10px;  /*===マージンの調整(文字の下と広告の下)===*/
  padding: 0px 0px 10px 0px;  /*===見出しの位置調整===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.go-ads-bottom:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-bottom-word {
  margin: 0px 0px 4px 0px;  /*===マージンの調整(文字の上)===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}

/*=====     =====      =====      全体       =====      =====      =====*/
#pagebody {
  width: 100%;  /*===内容全体の幅===*/
  text-align: left;  /*===テキストの配置を左揃えにする===*/
  margin: 0px auto;  /*===内容全体をセンタリング===*/
  padding: 0;  /*===全ての要素のパディングをリセットする===*/
  overflow : hidden;  /*===横の隙間を無くす===*/
  letter-spacing: 0.11em;  /*===字間の調整===*/
}

/*=====     =====      =====      ヘッダ       =====      =====      =====*/
#header {
  width: 100%;  /*===カラムの幅の指定===*/
  margin: 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  background-color: #ffffff;  /*===内容全体の背景色===*/
}
#header-center {
  width: 80%;  /*===カラムの幅の指定===*/
  margin: 0px auto;  /*===マージンの調整===*/
}
/*====左ヘッダ====*/
#header-left {
  width: 200px;  /*===カラムの幅の指定===*/
  margin: 0px;  /*===マージンの調整===*/
  padding: 2px 0px 0px 0px;  /*===見出しの位置調整===*/
  float: left;  /*===カラムを左寄せにする===*/
}
#header h1 {  /*===トップページのため===*/
  font-size: normal;  /*===字のサイズ===*/  
  font-weight : normal;  /*===字の太さ===*/
}
#site-title {
  margin: 2px 10px 5px 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  width: 180px;  /*===カラムの幅の指定===*/
  vertical-align: bottom;  /*===img要素の下に数ピクセルの隙間が入るのを防ぐ===*/
  float: left;  /*===カラムを左寄せにする===*/
}
/*===右ヘッダ===*/
#header-right {
  width: 50%;  /*===カラムの幅の指定===*/
  margin: auto 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  float: right;  /*===カラムを右寄せにする===*/
}
/*====ヘッダメニュー====*/
.header-menu {
  margin: 2px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  float: right;  /*===カラムを右寄せにする===*/
}
.header-menu a {
  color: #808080;  /*===字の色===*/
  text-decoration: none;
}
.header-menu a:hover {
  border-bottom: 4px solid #0099ff;
}
.header-menu ul {
  text-align: center;  /*===字は中央寄せ===*/
  display: table;  /*===テーブル表示にする===*/
  table-layout: auto;  /*===テーブルの表示方法===*/
}
.header-menu li {
  display: table-cell;  /*===テーブル表示にする===*/
  vertical-align: middle;  /*===垂直方向の揃え方(中央)===*/
  padding: 5px 8px;
  font-size: 94%;  /*===字のサイズ===*/
}
.header-menu li:last-child {
  /*border-right: 0;*/  /*===一番右の枠は消す===*/
}
.header-menu li:before {
  content: "\025b6";
  color: #808080;  /*===字の色===*/
}
.header-menu li a {
  padding: 4px 5px;
}
.header-menu li a:hover {
  color: #0099ff;  /*===オンマウス時の文字色===*/
}
/*===サイト内検索===*/
#search-box {
  margin: 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  float: right;  /*===カラムを右寄せにする===*/
}
#search {
  margin: 1px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  text-align: center;
}
#toggle-search {
  display: none;    /*===スマホ以外では非表示===*/
}
/*=====     ======      ======      トップメニューバー      =====     ======     =====*/
#navbar {
  width: 100%;  /*===横一杯===*/
  margin: 0px auto;  /*===センタリング===*/
  padding: 4px 0px;
  background-color: #ffffff;  /*===背景色===*/
  clear: both;  /*===下と重ならないようにする対策===*/
}
#site-navigation {
  width: 80%;
  margin: 0px auto;  /*===センタリング===*/
}
#main-navigation {
  width: 100%;  /*===横一杯===*/
  margin: 0 auto;  /*===センタリング===*/
  text-align: center;  /*===テキスト中央===*/
}
#main-navigation a {
  /*color: #4D4D4D;*/  /*===字の色===*/
  text-decoration: none;
}
#main-navigation ul {
  width: 100%;
  text-align: center;  /*===字は中央寄せ===*/
  display: table;  /*===テーブル表示にする===*/
  table-layout: auto;  /*===テーブルの表示方法===*/
  /*table-layout: fixed;*/  /*===テーブルの表示方法===*/
  background-color: #ffffff;  /*===ulの背景色(#3ae)===*/
}
#main-navigation li {
  border-right: 1px solid #ccccff;  /*===liの枠===*/
  display: table-cell;  /*===テーブル表示にする===*/
  vertical-align: middle;  /*===垂直方向の揃え方(中央)===*/
  padding: 5px 5px;
  font-size: 80%;  /*===字のサイズ===*/
  font-weight: bold;  /*===字の太さ===*/
}
#main-navigation li:last-child {
  border-right: 0;  /*===一番右の枠は消す===*/
}
#main-navigation li a {
  padding: 8px 8px;
}
#main-navigation li a:hover {
  color: #ffffff;  /*===オンマウス時の文字色===*/
  font-weight: bold;  /*===字の太さ===*/
  background-color: #0000ff;  /*===背景色(#3ae)===*/
}
#toggle {
  display: none;    /*===スマホ以外では非表示===*/
}

/*=====     ======      ======      メイン(650+300+20)      =====     ======     =====*/
#bg {
  width: 100%;  /*===カラムの幅の指定===*/
  background-color: #cccccc;  /*===#F2F2F2内容全体の背景色===*/
  margin: 0px;
  padding: 0px 0px 20px 0px;  /*===パディングの調整===*/
}

/*=====     ======      =====     メインコンテンツ     =====     =====     =====*/
#main {
  width: 80%;  /*===カラムの幅の指定===*/
  line-height: 140%;  /*===1行の高さ===*/
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;  /*===パディングの調整===*/
  text-align: left;  /*===テキスト左寄せ===*/
  background-color: #ffffff;  /*===内容全体の背景色===*/
  clear: both;  /*===下と重ならないようにする対策===*/
  overflow: hidden;  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
  color: #000000;  /*===字の色===*/
}

/*===パンくずリスト===*/
#breadcrumbs-box {
  width: 100%;  /*===幅の指定(300px)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  padding: 10px 20px 5px 20px;  /*===パディングの調整===*/
  margin: 0;  /*===位置調整(IE6のバグに注意)===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  /*border: inset 1px #ff0000;*/  /*===ボーダー===*/
}
#breadcrumbs {
  width: 100%;  /*===幅の指定(300px)===*/
  font-size: small;
  font-weight: 400;
  color: #000000;
}
#breadcrumbs a {
  font-size: small;
  font-weight: 400;
  color: #000000;
}
#breadcrumbs ul {
  overflow: hidden;
  list-style-type: none;
}
#breadcrumbs li {
  float: left;
  /*font-weight: 700;*/
}
#breadcrumbs li:after {
  content: ">";
  padding: 0 8px;
  font-weight: 400;
}
#breadcrumbs li:last-child:after {
  content: none;
}

/*===コンテンツの装飾===*/
.content {
  width: 100%;  /*===ボックスの幅===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 10px 0px 10px 0px;  /*===見出しの位置調整===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  font-size: 99%;
}

/*===最終更新日の装飾===*/
#last-updated {
  width: 100%;  /*===ボックスの幅===*/
  font-size: small;
  text-align: right;
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左)===*/
  margin: 0px 0px 0px 0px;  /*===位置調整(IE6のバグに注意)===*/
}
/*===公開日の装飾===*/
#published {
  width: 100%;  /*===ボックスの幅===*/
  font-size: small;
  text-align: right;
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左)===*/
  margin: 0px 0px 15px 0px;  /*===位置調整(IE6のバグに注意)===*/
}

/*===見出しの装飾===*/
/*===hタグの装飾===*/
/*===ページタイトルの装飾===*/
#page-title h1 {
  color: #000000;  /*===字の色===*/
  line-height: 140%;  /*===1行の高さ===*/
}
#page-title {
  color: #000000;  /*===字の色===*/
  /*font-size: 24px;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  width: 100%;  /*===ボックスの幅===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px 0px 0px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 20px 40px 20px 40px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  background-color: #F2F2F2;  /*===#CCF7FBボックスの背景色===*/
  /*text-align: center;*/  /*===IE6以下でセンタリングするための対策===*/
}
.content h2 {
  color: #ffffff;  /*===字の色===*/
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  width: 100%;  /*===ボックスの幅===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 80px 0px 20px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 10px 40px 10px 40px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  background-color: #4D4D4D;  /*===#CCF7FBボックスの背景色===*/
}
#top-page h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/ 
}
#spots h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/
}
#events h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/
}
#specialities-gifts h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/
}
#access h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/
}
#about-kirishima h2 {
  color: ffffff;  /*===字の色===*/
  background-color: #ff6600;  /*===#CCF7FBボックスの背景色===*/
}
.content h3 {
  color: #4D4D4D;  /*===字の色===*/
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  width: 95%;  /*===ボックスの幅===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 35px 20px 15px 40px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 8px 10px 8px 10px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  background-color: #f4f4f4;  /*===#CCF7FBボックスの背景色===*/
    border-left: solid 5px #7db4e6;
    border-bottom: solid 3px #d7d7d7;
}
.content h4 {
  color: #4D4D4D;  /*===字の色===*/
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  width: 95%;  /*===ボックスの幅===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 20px 20px 15px 40px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 8px 10px 8px 10px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  background-color: #ffffff;  /*===#CCF7FBボックスの背景色===*/
    border-bottom-style: outset;
    border-bottom-width: 2px;
    border-color: #000000;  /*===(#0099ff)===*/
}

/*===画像のボックス===*/
.img-small {
  width: 300px;  /*===幅の指定===*/
  background-color: #F2F2F2;  /*===#CCF7FBボックスの背景色===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 15px 0px 15px 0px;  /*===マージンの調整(上右下左)===*/
}
.img-middle {
  width: 500px;  /*===幅の指定===*/
  background-color: #F2F2F2;  /*===#CCF7FBボックスの背景色===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 15px auto 15px auto;  /*===マージンの調整(上右下左)===*/
}
.img-large {
  width: 100%;  /*===幅の指定===*/
  background-color: #F2F2F2;  /*===#CCF7FBボックスの背景色===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 20px 20px 20px 20px;  /*===マージンの調整(上右下左)===*/
}
/*===画像の装飾===*/
.img-100-percent { /*===100%。実質、幅はボックスと中央寄せで決まる===*/
  width: 100%;  /*===幅の指定===*/
}
.img-featured { /*===featured image はアイキャッチ画像のこと===*/
  width: 100%;  /*===幅の指定===*/
  margin: 0px 0px 20px 0px;  /*===位置調整(IE6のバグに注意)===*/
}
.img-e { /*===featured image はアイキャッチ画像のこと===*/
  width: 100%;  /*===幅の指定===*/
}
/*===画像の中央寄せ===*/
.img-center { /*===中央寄せ===*/
  margin: 0px auto 0px auto;  /*===位置調整(IE6のバグに注意)===*/
  width: 96%;  /*===幅の指定===*/
}
/*===画像の説明===*/
.img-caption { /*===キャプション===*/
  width: 100%;  /*===幅の指定===*/
  margin: 0px 0px 0px 0px;  /*===マージンの調整(上右下左)===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
}

/*===テーブルの基本装飾===*/
.content table {
  width: 90%;  /*===幅の指定===*/
  margin: 20px 40px 20px 40px;  /*===マージンの調整(上右下左)===*/
  border-collapse: collapse;  /*===隣接するセルのボーダーを重ねて表示===*/
  border: solid;
  border-width: 1px;
}
.content table td {
  border: solid;
  border-width: 1px;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  /*font-weight: 700;*/
}
.content table th {
  border: solid;
  border-width: 1px;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  /*font-weight: 700;*/
}

/*===リストの基本装飾===*/
.content ul {
  margin: 0 0 0 4em;  /*===リスト全体を動かす==*/
  padding: 0;
}
.content li ul {
  margin: 0 0 0 1em;  /*===入れ子を動かす==*/
  padding: 0;
}

/*===要素を並べる箱の装飾===*/
.box-container {  /*===要素を入れる箱。中身全体を中央寄せする。===*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px 10px 0px 10px;  /*===マージンの調整===*/
}
.box {  /*===要素を入れる箱、PCでは横6列くらい===*/
  padding: 0;  /*===パディングの調整(上右下左)===*/
  width: 16%;
}
.box-small {  /*===要素を入れる箱、PCでは横4列===*/
  padding: 0;  /*===パディングの調整(上右下左)===*/
  width: 18%;
}
.box-4 {  /*===要素を入れる箱、PCでは横4列===*/
  padding: 0;  /*===パディングの調整(上右下左)===*/
  width: 24%;
}
.box-8 {  /*===要素を入れる箱、PCでは横8列くらい===*/
  padding: 0;  /*===パディングの調整(上右下左)===*/
  width: 12%;
}
/*===箱の画像===*/
.img-box {  /*===箱一杯100%にする。===*/
  margin: 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===パディングの調整(上右下左)===*/
  width: 100%;  /*===幅の指定===*/
}
/*===箱の画像のキャプション===*/
.box-caption {
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 8px 5px 8px 5px;  /*===パディングの調整(上右下左)===*/
  font-size: medium;  /*===字のサイズ===*/
  text-align: center;  /*===テキストをセンターにする===*/
}

/*===導入(要約と基本情報)===*/
.introduction {
  width: 100%;  /*===幅の指定===*/
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左)===*/
  overflow: hidden;  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
}
/*===要約===*/
.abstract {
  width: 58%;  /*===幅の指定===*/
  float: left;
}
/*===目次===*/
.contents {
  width: 80%;  /*===ボックスの幅===*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 40px auto 20px auto;  /*===位置調整(IE6のバグに注意)===*/
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  border: 1px solid #ff6600;
  background: #fcfcfc;  /*===背景色===*/
}
.contents h2 {
  width: 100%;  /*===ボックスの幅===*/
  text-align: center;
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px 0px 10px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 7px 40px 7px 40px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
}
.contents a {
  text-decoration: none;  /*===下線をなくす===*/
  color: #000000;
}
.contents a:hover {
  color: skyblue;
}
.contents ol {
  padding: 0.5em 0.5em 0.5em 3em;  /*===ボックス内の余白===*/
  font-size: 99%;
  font-weight: bold;
}
.contents ol li {
  padding: 0.4em 0;  /*===前後の文との余白===*/
}
.contents ul {
  list-style-type: disc;
  font-size: 99%;
  font-weight: normal;
}
.contents ul li {
  padding: 0.4em 0;  /*===前後の文との余白===*/
}
/*===基本情報===*/
.basic-information {
  width: 40%;  /*===幅の指定===*/
  float: right;
}
.basic-info {
  width: 95%;  /*===ボックスの幅===*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px auto 10px auto;  /*===位置調整(IE6のバグに注意)===*/
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  border: 1px solid #ff6600;
  background: #F8F8FF;  /*===背景色===*/
}
.basic-info h2 {
  width: 100%;  /*===ボックスの幅===*/
  text-align: center;
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px 0px 10px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 7px 40px 7px 40px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
}
.basic-info table {
  width: 95%;  /*===幅の指定===*/
  margin: 0px auto 10px auto;  /*===マージンの調整(上右下左)===*/
  border-collapse: collapse;  /*===隣接するセルのボーダーを重ねて表示===*/
  border: none;
  font-size: small;
}
.basic-info tr {
  border-color: gray;
  border-style: solid;
  border-width: 1px 0;
}
.basic-info table td {
  border: none;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  font-weight: 400;
}
.basic-info table th {
  width: 35%;  /*===幅の指定===*/
  border: none;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  font-weight: 700;
}

/*=====     ======      =====     リードリンク     =====     =====     =====*/
.lead-link {

}
.lead-link-left {
  float: left;
  margin: 0px;
  padding: 0px;
}
.lead-link-mark {

}
.lead-link-right {
  float: left;
  margin: 0px;
  padding: 0px;
}

/*=====     ======      =====     地域選択マップ     =====     =====     =====*/
#area-select-map {
	margin: 0px auto;
	padding: 0px;
	background: url(img/jp.png) top left no-repeat;  /*背景に、緑の日本地図を表示*/
	width: 600px;
	height: 400px;
	position: relative;
}
#area-select-map li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style: none;  /*リストの・を非表示にする*/
	font-size: 14px;
}
#area-select-map a {
	position: absolute;  /*リンクにマウスオーバーしたとき、位置をずらせるようにする*/
}
#area-select-map a span {
	display: none;  /*リンクの文字を非表示にする*/
}
/* 霧島 */
#kirishima {  /*リストの位置をtop(上から)とleft(左から)で指定する*/
	top: 0px;
	left: 333px;
}
#kirishima a {  /*リンクのサイズをwidth、heightで指定する*/
	width: 300px;
	height: 131px;
}
#kirishima a:hover {  /*リンクにマウスオーバーしたとき、中の背景を下に400pxずらす(-400px)。左からの位置は同様に333pxとする(-333px)*/
	background: url(img/jp.png) -333px -400px no-repeat;  /*背景に、緑の日本地図を表示*/
}

/*=====     ======      =====     右カラム(サイドメニューバー)     =====     =====     =====*/
#sidebar {
  width: 80%;  /*===カラムの幅の指定===*/
  line-height: 140%;  /*===1行の高さ===*/
  margin: 50px auto 0px auto;
  padding: 10px 0px 10px 0px;  /*===パディングの調整===*/
  text-align: left;  /*===テキスト左寄せ===*/
  background-color: #ffffff;  /*===内容全体の背景色===*/
  clear: both;  /*===下と重ならないようにする対策===*/
  overflow: hidden;  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
  color: #000000;  /*===字の色===*/
}
#midashi-left {
  color: #ffffff;  /*===字の色===*/
  font-size: 110%;  /*===字のサイズ===*/
  font-weight: bold;  /*===字の太さ===*/
  line-height: 120%;  /*===1行の高さ===*/
  margin: 0px 0px 0px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 5px 5px 5px 5px;  /*===パディングの調整(上右下左)===*/
  width: 100%;  /*===ボックスの幅===*/
  background-color: #000000;  /*===ボックスの背景色===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.list-left {
  width: 100%;  /*===横一杯===*/
  margin: 0;
  padding: 0;
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.list-left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-left li {
  display: inline;
  padding: 0;
  margin: 0;
}
.list-left li a {
  display: block; 
  border-left: 8px solid #474655;
  border-top: 1px solid #474655;
  border-right: 1px solid #474655;
  border-bottom: 1px solid #474655;
  background-color: #fff;
  padding: 3px 10px;
  text-decoration: none;
  color: #333;
  margin: 1px 0px;
  text-align: left;
  font-size: 95%;
}
.list-left li a:hover {
  border-left: 8px solid #474655;
  border-top: 1px solid #474655;
  border-right: 1px solid #474655;
  border-bottom: 1px solid #474655;
  background-color: #d7efd7;
}

/*=====     =====     =====     フッタ     =====     ======     =====*/
#footer {
  width: 100%;  /*===幅の指定===*/
  margin: 0px;  /*===マージンの調整===*/
  padding: 10px 5% 10px 5%;  /*===パディングの調整(上右下左)===*/
  text-align: center;  /*===テキストをセンターにする===*/
  clear: both;  /*===回り込みを解除する===*/
  color: #ffffff;  /*===字の色===*/
  background-color: #000000;  /*===フッタ部分の背景色===*/
  line-height: 200%;  /*===1行の高さ===*/
  font-size: small;  /*===フォントサイズを小さくする===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
#footer a {
  color: #ffffff;  /*===字の色===*/
}



/*==========           ===========           ===========           ===========           ===========
スマホ対応 (480px以下)
=========           ===========           ===========           ===========           ===========*/
@media screen and (max-device-width: 480px) 
{
/*===全体のスタイル===*/

/*===hrを消す===*/

/*===リンク===*/

/*===スポンサーリンク===*/
/*===記事上===*/
.go-ads-top {
  width: 100%;  /*===ボックスの幅===*/
  margin: 5px 0px 5px 0px;  /*===マージンの調整(文字の下と広告の下)===*/
  padding: 4px 0px 4px 0px;  /*===見出しの位置調整===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  clear: both;  /*===回り込みの解除===*/
}
.go-ads-top:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-top-word {
  margin: 0px 0px 4px 0px;  /*===マージンの調整(文字の上)===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}
/*===記事中===*/
.go-ads-middle {
  width: 100%;  /*===ボックスの幅===*/
  margin: 20px 0px 15px 0px;  /*===マージンの調整(文字の下と広告の下)===*/
  /*p*/ padding: 0px 0px 5px 0px;  /*===見出しの位置調整===*/
  /*p*/ text-align: center;  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.go-ads-middle:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-middle-word {
  /*p*/ margin: 0px 0px 4px 0px;  /*===マージンの調整(文字の上)===*/
  /*p*/ text-align: center;  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}
/*===記事下===*/
.go-ads-bottom {
  /*p*/ width: 98%;  /*===ボックスの幅===*/
  /*p*/ margin: 10px 0px 10px 0px;  /*===マージンの調整(文字の下と広告の下)===*/
  padding: 0px 0px 10px 0px;  /*===見出しの位置調整===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  background-color: #ffffff;  /*===背景色を指定する(#ffffff,#ffe4e1)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.go-ads-bottom:after {  /*===回り込みの解除===*/
  content: "";  /*===空コメントの挿入===*/
  display: block;
  clear: both;  /*===回り込みの解除===*/
}
p.go-ads-bottom-word {
  margin: 0px 0px 4px 0px;  /*===マージンの調整(文字の上)===*/
  text-align: center;  /*===テキストの配置を中央揃えにする===*/
  font-size: small;  /*===フォントサイズ===*/
}

/*=====     =====      =====      全体       =====      =====      =====*/
#pagebody {
  margin: 0px;  /*===内容全体をセンタリング===*/
}

/*=====     =====      =====      ヘッダ       =====      =====      =====*/
#header {
  margin: 0px 0px 5px 0px;  /*===マージンの調整===*/
}
#header-center {
  width: 100%;  /*===カラムの幅の指定===*/
}
/*====左ヘッダ====*/
#header-left {
  width: 175px;  /*===カラムの幅の指定===*/
  margin: 2px 0px 0px 20px;  /*===マージンの調整===*/
  padding: 0px 0px 0px 0px;  /*===見出しの位置調整===*/
  /*float: none;*/
  float: left;
  overflow: hidden;  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
}
/*====サイトタイトル====*/
#header h1 {  /*===トップページのため===*/
  /*text-align: center;*/  /*===中央寄せ===*/
}
#site-title {
  margin: 0;  /*===マージンの調整===*/
  width: 170px;  /*===カラムの幅の指定===*/
  /*text-align: center;*/  /*===中央寄せ===*/
}
/*===右ヘッダ===*/
#header-right {
  width: 100%;  /*===カラムの幅の指定===*/
  margin: 2px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 0px;  /*===見出しの位置調整===*/
  clear: both;  /*===下と重ならないようにする対策===*/
}
/*====ヘッダメニュー====*/

/*===検索===*/
#search {
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 5px 10px 1px 10px;  /*===見出しの位置調整===*/
  float: none;  /*===カラムを右寄せにする===*/
}
#search-box {  /*===スマホでは最初は非表示===*/
  display: none;
  border-style: solid;
  border-color: #ff0000;
}
#toggle-search {  /*===スマホでは表示===*/
  display: block;
}
/*===検索を開くボタンの設定===*/
/*===メニューを開くボタンの設定===*/
.header-search-button {
  float: right;
  margin: 6px 5px 5px 5px;
}
#toggle-search button {
  display: block;
  background: #ffffff;
  border: none;
  padding: 0;
  width: 56px;
  height: 56px;
  color: #666666;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: static;
  text-align: center;
  outline: none;
}
/*===サイト内検索開閉ボタン===*/
.search-mark {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  position: relative;
  /*box-shadow: 0 0 0 1px rgba(0,0,0,.1);*/
  cursor: pointer;
}
.search-mark span {
  position: absolute;
  /*===絶対位置へ配置。親ボックスにstatic以外の値が指定されている場合、親ボックスの左上が基準位置===*/
  display: block;
  top: 12px;
  left: 12px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: -.28em 0 0 -.28em;
  border: .10em solid #9f9fa1;
}
.search-mark span::after {
  position: absolute;
  display: block;
  content: "";
  top: 12px;
  left: 12px;
  width: 14px;
  height: 4px;
  background: #9f9fa1;
  margin: .2em 0 0 .14em;
  transform: rotate(45deg);
}
/*===メニューアクティブ時===*/

/*=====     ======      ======      トップメニューバー      =====     ======     =====*/
#navbar {
  padding: 0px 0px;
  border-top-style: none;
  border-bottom-style: none;
}
#site-navigation {
  width: 100%;
}
#main-navigation {
  width: 100%;  /*===横一杯===*/
}
#main-navigation a {
  color: #4D4D4D;  /*===字の色===*/
  text-decoration: none;
}
#main-navigation ul {
  width: 100%;
  text-align: center;  /*===字は中央寄せ===*/
  display: table;  /*===テーブル表示にする===*/
  table-layout: auto;  /*===テーブルの表示方法===*/
  /*table-layout: fixed;*/  /*===テーブルの表示方法===*/
  background-color: #ffffff;  /*===ulの背景色(#3ae)===*/
}
#main-navigation li {
  border-right: none;  /*===liの枠===*/
  display: none;  /*===テーブル表示にする===*/
  vertical-align: middle;  /*===垂直方向の揃え方(中央)===*/
  padding: 5px 5px;
  font-size: 97%;  /*===字のサイズ===*/
  font-weight:  normal;  /*===字の太さ===*/
}
#main-navigation li:last-child {
  border-right: 0;  /*===一番右の枠は消す===*/
}
#main-navigation li a {
  padding: 0px;
}
#main-navigation li a:hover {
  color: #0099ff;  /*===オンマウス時の文字色===*/
  font-weight:  normal;  /*===字の太さ===*/
}
#menu {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li {
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0;
}
#menu li a {
  display: block;
  padding: 12px 0 10px;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover {
  background: #444;

}
#main-navigation {  /*===スマホでは最初は非表示===*/
  display: none;
}
#menu li {
  width: 100%;
}
#toggle {  /*===スマホでは表示===*/
  display: block;
}
.header-button {
  float: left;
  margin: 10px 5px 5px 10px;
  padding: 5px;  /*===見出しの位置調整===*/
  /*background-color: #ff0000;*/  /*===#333===*/
}
/*===メニューを開くボタンの設定===*/
#toggle button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 30px;
  color: #ffffff;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: static;
  text-align: center;
  outline: none;
}
/*===ハンバーガーボタンの3本線===*/
.bar {
  display: block;
  height: 2px;
  background-color: #666666;  /*===#333===*/
  margin: 8px 0;
  transition: all 0.2s;
  transform-origin: 0 0;
}
/*===メニューアクティブ時===*/
.active .menu {
  display: none;
}
.active .close {
  display: block;
}

/*=====     ======      ======      メイン      =====     ======     =====*/
#bg {
  background-color: #cccccc;  /*===#F2F2F2内容全体の背景色===*/
  padding: 0px 0px 10px 0px;  /*===パディングの調整===*/
}
#main {
  width: 100%;  /*===カラムの幅の指定===*/
  margin: 5px 0px 5px 0px;
  padding: 0px;  /*===パディングの調整===*/
  text-align: left;  /*===テキスト左寄せ===*/
  clear: both;  /*===下と重ならないようにする対策===*/
  /*overflow: hidden;*/  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
}

/*===パンくずリスト===*/

/*===コンテンツの装飾===*/
.content {
  padding: 5px 0px 5px 0px;
  font-size: 98%;
}

/*===最終更新日の装飾===*/

/*===公開日の装飾===*/

/*===見出しの装飾===*/
/*===hタグの装飾===*/
/*===ページタイトルの装飾===*/
.content h3 {
  width: 90%;  /*===ボックスの幅===*/
  margin: 35px 20px 15px 20px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 8px 10px 8px 10px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
}
.content h4 {
  width: 90%;  /*===ボックスの幅===*/
  margin: 20px 20px 15px 25px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 8px 10px 8px 10px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
}

/*===画像のボックス===*/
.img-small {
  width: 90%;  /*===幅の指定===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  margin: 15px auto 15px auto;  /*===マージンの調整(上右下左)===*/
}
.img-middle {
  width: 90%;  /*===幅の指定===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  margin: 15px auto 15px auto;  /*===マージンの調整(上右下左)===*/
}
.img-large {
  width: 90%;  /*===幅の指定===*/
  padding: 5px 0px 5px 0px;  /*===上右下左===*/
  margin: 15px auto 15px auto;  /*===マージンの調整(上右下左)===*/
}
/*===画像の装飾===*/

/*===画像の中央寄せ===*/

/*===画像の説明===*/


/*===テーブルの基本装飾===*/
.content table {
  margin: 10px 0 10px 10px;  /*===マージンの調整(上右下左)===*/
  border-collapse: collapse;  /*===隣接するセルのボーダーを重ねて表示===*/
  border: solid;
  border-width: 1px;
}
.content table td {
  border: solid;
  border-width: 1px;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  /*font-weight: 700;*/
}
.content table th {
  border: solid;
  border-width: 1px;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  /*font-weight: 700;*/
}
/*===テーブルの装飾===*/

/*===リストの基本装飾===*/
.content ul {
  margin: 0 20px 0 4em;  /*===リスト全体を動かす==*/
  padding: 0;
}
.content li ul {
  margin: 0 0 0 1em;  /*===入れ子を動かす==*/
  padding: 0;
}

/*===要素を並べる箱の装飾===*/
.box-container {  /*===要素を入れる箱。中身全体を中央寄せする。===*/
  margin: 0px 10px 0px 10px;  /*===マージンの調整===*/
}
.box {  /*===要素を入れる箱、PCでは横6列くらい===*/
  width: 24%;
}
.box-4 {  /*===要素を入れる箱、PCでは横4列===*/
  width: 48%;
}
/*===箱の画像===*/

/*===箱の画像のキャプション===*/
p.box-caption {
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 8px 5px 8px 5px;  /*===パディングの調整(上右下左)===*/
  font-size: medium;  /*===字のサイズ===*/
  text-align: center;  /*===テキストをセンターにする===*/
}

/*===導入(要約と基本情報)===*/
.introduction {
  width: 100%;  /*===幅の指定===*/
  margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左)===*/
  overflow: hidden;  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
}
/*===要約===*/
.abstract {
  /*p*/ width: 100%;  /*===幅の指定===*/
  /*p*/ float: none;
}
/*===基本情報===*/
.basic-information {
  /*p*/ width: 100%;  /*===幅の指定===*/
  /*p*/ float: none;
  /*p*/ margin: 20px 0px 0px 0px;  /*===位置調整(IE6のバグに注意)===*/
}
.basic-info {
  width: 95%;  /*===ボックスの幅===*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px auto 10px auto;  /*===位置調整(IE6のバグに注意)===*/
  padding: 0px 0px 0px 0px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
  border: 1px solid #ff6600;
  background: #F8F8FF;  /*===背景色===*/
}
.basic-info h2 {
  width: 100%;  /*===ボックスの幅===*/
  text-align: center;
  /*font-size: 110%;*/  /*===字のサイズ===*/
  /*font-weight: 400;*/
  line-height: 140%;  /*===1行の高さ===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
  margin: 0px 0px 10px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 7px 40px 7px 40px;  /*===パディングの調整(上右下左) 横は#contentに合わせる(文字の縦のラインを合わせると綺麗に見える)===*/
}
.basic-info table {
  width: 95%;  /*===幅の指定===*/
  margin: 0px auto 10px auto;  /*===マージンの調整(上右下左)===*/
  border-collapse: collapse;  /*===隣接するセルのボーダーを重ねて表示===*/
  border: none;
  font-size: small;
}
.basic-info tr {
  border-color: gray;
  border-style: solid;
  border-width: 1px 0;
}
.basic-info table td {
  border: none;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  font-weight: 400;
}
.basic-info table th {
  width: 35%;  /*===幅の指定===*/
  border: none;
  padding: 4px 4px 4px 4px;  /*===上右下左===*/
  font-weight: 700;
}

/*=====     ======      =====     トップページ     =====     =====     =====*/
#welcome {
  width: 80%;  /*===カラムの幅の指定===*/
  text-align: center;  /*===テキストの配置===*/
  color: #000000;  /*===字の色===*/
  font-size: 20px;  /*===字のサイズ===*/
  font-weight: 700;  /*===字の太さ===*/
  line-height: 160%;  /*===1行の高さ===*/
  margin: 20px auto 25px auto;  /*===内容全体をセンタリング===*/
}

/*=====     ======      =====     サイトマップ     =====     =====     =====*/
/*===サイトマップのリスト===*/

/*=====     ======      =====     サイドバー     =====     =====     =====*/
#sidebar {
  width: 100%;  /*===カラムの幅の指定===*/
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;  /*===パディングの調整===*/
  /*overflow: hidden;*/  /*===親要素にfloatが中身だと分からせる===*/
  /*===(floatは浮いているのでデフォルトでは分からない)===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
#midashi-left {
  color: #ffffff;  /*===字の色===*/
  font-size: 110%;  /*===字のサイズ===*/
  font-weight: bold;  /*===字の太さ===*/
  line-height: 120%;  /*===1行の高さ===*/
  margin: 0px 0px 0px 0px;  /*===位置調整(IE6のバグに注意)===*/
  padding: 5px 5px 5px 5px;  /*===パディングの調整(上右下左)===*/
  width: 100%;  /*===ボックスの幅===*/
  background-color: #000000;  /*===ボックスの背景色===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.list-left {
  width: 100%;  /*===横一杯===*/
  margin: 0;
  padding: 0;
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
.list-left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-left li {
  display: inline;
  padding: 0;
  margin: 0;
}
.list-left li a {
  display: block; 
  border-left: 8px solid #474655;
  border-top: 1px solid #474655;
  border-right: 1px solid #474655;
  border-bottom: 1px solid #474655;
  background-color: #fff;
  padding: 3px 10px;
  text-decoration: none;
  color: #333;
  margin: 1px 0px;
  text-align: left;
  font-size: 95%;
}
.list-left li a:hover {
  border-left: 8px solid #474655;
  border-top: 1px solid #474655;
  border-right: 1px solid #474655;
  border-bottom: 1px solid #474655;
  background-color: #d7efd7;
}

/*=====     =====     =====     フッタ     =====     ======     =====*/
#footer {
  width: 100%;  /*===幅の指定===*/
  /*p*/ margin: 0px 0px 0px 0px;  /*===マージンの調整===*/
  /*p*/ padding: 5px 5px 5px 5px;  /*===パディングの調整(上右下左)===*/
  text-align: center;  /*===テキストをセンターにする===*/
  clear: both;  /*===回り込みを解除する===*/
  color: #ffffff;  /*===字の色===*/
  background-color: #000000;  /*===フッタ部分の背景色===*/
  line-height: 160%;  /*===1行の高さ===*/
  font-size: small;  /*===フォントサイズを小さくする===*/
  box-sizing: border-box;  /*===パディングとボーダーを幅と高さに含める===*/
}
#footer a {
  color: #ffffff;  /*===字の色===*/
}

}/* }media screen */