@charset   "UTF-8";

/* --- タイプ1 レイアウト --- */


/* --- 全体の背景・テキスト --- */
body {
width: 100%;
margin: 0;
padding: 0;
color: #000000; /* 全体の文字色 */
font-size: 90%; /* 全体の文字サイズ */
font-family:apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #AD3140; }
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 100%; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
}

/* --- ページ --- */
#page {
width: 80%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
width: 100%; 
margin: 0 0 20px; /* ヘッダのマージン（上、左右、下） */
padding: 10px 0 0; /* ヘッダのパディング（上、左右、下） */
}
.logo{
float: left;
width: 28%;
margin:0 auto 0 0;
}



/* --- ヘッダメニュー --- */
#header ul.nl {
float:right;
width: 70%; 
margin: auto 0;
padding: 0;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
line-height: 100%;
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 15px 2px; /* リンクエリアのパディング（上下、左右） */
border: 1px #cccccc; /* リンクエリアの境界線（太さ、色） */
border-style: solid solid solid none; /* リンクエリアの境界線スタイル（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
background-color:#ffffff;
color:black;
font-size:120%;
}
/* 最初のリンクエリア */
#header ul.nl li.first a {
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
}
/* ポイント時の設定 */
#header ul.nl li a:hover {
background-color: #dbdcf4; /* ポイント時の背景色 */
color:black;
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}
.topimage {
width :100%;
}
.fas fa-home fa-2x {
padding:5px;
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
width: 100%; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
overflow: hidden;
}
#content li {display: inline;}

.submenu {
   float: left;
width: 27%;
margin:0 2% 0 0;
}

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
   float: left;
width: 100%; /* メインカラムの幅 */
}

table {
  border-collapse: collapse;
  width: 80%;
  margin: 0 0 0 20px;
}
table th,
table td {
  padding: 15px;
  border-bottom: solid 0.3px #999;
}
table th {
  text-align: left;
  width: 30%;
}

@media screen and (max-width: 400px) {
  table {
  border-bottom: solid 0.3px #999;
  width: 50%;
  }
  table td {
    display: block;
    text-align: center;
  width: 100%;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
padding: 8px 10px; /* ページタイトルのパディング（上下、左右） */
background-color: #dbdcf4; /* ページタイトルの背景色 */
font-size: 160%; /* ページタイトルの文字サイズ */
}

/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 5px; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
background-color: #dbdcf4; /* 見出しの背景色 */
font-size: 150%; /* 見出しの文字サイズ */
}
#main div.normal h3 {
margin: 0 0 1em; 
padding: 5px 15px; 
font-size: 120%;
border-bottom: solid 2px #dbdcf4;
}
/* 段落 */
#main div.normal p {
margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
padding: 5px 15px; 
line-height: 160%; /* 行の高さ */
}
#main div.profile {
padding: 10px 5px 10px; 
background-color: #dbdcf4;
width:100%;
}
#main div.profile h2{
margin: 0; 
padding: 5px; 
 display:inline-block;
 vertical-align:middle;
}
#main div.profile img{
 vertical-align:middle;
margin: 0 10px 0 0; 
width: 150px;
}
#main div.normal span {
margin: 0 5px 1em;
padding: 5px 15px; 
display:inline-block;
}
#main .button_link{
width:30px;
margin:0 0 0 5px;
padding:0.2em;
background-color:#dbdcf4;
color:black;
font-size:12px;
text-decoration:none;
display:inline-block;
text-align:center;
letter-spacing: 1.2px;

}
/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 95%; /* 新着情報の幅（メインカラムの幅から30px引いた値） */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%; /* 行の高さ */
}
#mapField
 {   width: 350px;   height: 350px; }

/* --- ▲メインカラム内の設定終了 --- */



/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */