/* リセットCSS（気にしないでください） */
* {
  margin: 0;
  padding: 0;
}

/* 大枠（気にしないでください） */
body {
  width: 100%;
}


/** --- 共通部 --- **/

/* 最上部ホームページタイトルid */
#intro {
  width: auto;                  /* ボックスサイズ幅 */
  height: 100px;                /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  background-color: #000000;	/* 背景色 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */

  color: #FFFFFF;	/* 文字色 */
  text-align:center;/* 中央揃え */
}

/* ページメニュー　帯 class */
#menu_base {
  width: auto;                  /* ボックスサイズ幅 */
  height: 50px;                 /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  background-color: #F2F2F2;	/* 背景色 */
  padding: 0px 0px 0px 100px;   /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */
}

/* メニュー通常時 */
#menu_base li a:link {
  width:  100px;                /* ボックスサイズ */
  height: 50px;                 /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */
  display: inline-block;        /* インラインブロック化*/

  text-align:center;/* 中央揃え */
  line-height:50px;
  text-decoration: none;        /* 下線は出さない(ボタン化) */
}

/* メニューにカーソルが乗った時(強い黄色) */
#menu_base li a:hover {
  width:  100px;                /* ボックスサイズ */
  height: 50px;                 /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  background-color: yellow;	    /* 背景色 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */
  display: inline-block;        /* インラインブロック化*/

  text-align:center;/* 中央揃え */
  line-height:50px;
  text-decoration: none;        /* 下線は出さない(ボタン化) */
}

/* ページメニュー　未選択状態 class */
.menu_noselect {
  width:  100px;                /* ボックスサイズ */
  height: 50px;                 /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  background-color: #F2F2F2;	/* 背景色 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */
  display: inline-block;        /* インラインブロック化*/

  text-align:center;/* 中央揃え */
  line-height:50px;
}

/* ページメニュー　選択状態 class */
.menu_select {
  width:  100px;                /* ボックスサイズ */
  height: 50px;                 /* ボックスサイズ縦 */
  margin: 0 auto;               /* ボックス外余白 */
  background-color: #FFF100;	/* 背景色 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */
  display: inline-block;        /* インラインブロック化*/

  text-align:center;/* 中央揃え */
  line-height:50px;
}


/* フッタ部　コピーライト表示部id */
#copyright {
  width: auto;                  /* ボックスサイズ幅 */
  height: 50px;                 /* ボックスサイズ縦 */
  margin-top:20px;
  background-color: #000000;	/* 背景色 */
  padding: 0 0px 0px 0px;       /* ボックス内余白 */
  border: 0px solid black;		/* 枠線 */

  color: #FFFFFF;	/* 文字色 */
  text-align:center;/* 中央揃え */
  line-height:50px; /* 行位置を真ん中へ */
}

/** --- 共通部 ここまで --- **/



/** --- トップページ用 --- **/

/* 扉絵 */
#frontispiece {
  width:  100%;                /* ボックスサイズ */
  height: auto;
}

/* トップページ説明 */
#top_contents {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 30px 60px 30px 60px;       /* ボックス内余白 */
}

/* トップページニュース */
#top_news {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 30px 60px 30px 60px;       /* ボックス内余白 */
}

/** --- トップページ用　ここまで --- **/



/** --- 概要ページ用 --- **/

#summary_contents {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 30px 60px 30px 60px;       /* ボックス内余白 */
}

/** --- 概要ページ用 ここまで --- **/



/** --- 履歴ページ用 --- **/

.history_box {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 30px 0px 0px 200px;       /* ボックス内余白 */
}

.history_contents {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 0px 0px 0px 0px;       /* ボックス内余白 */

  display: flex;
}

.history_image {
  width:  auto;                /* ボックスサイズ */
  height: auto;

  max-width: 60px;
  max-width: 60px;

  padding: 0px 0px 0px 0px;       /* ボックス内余白 */
}

.history_explain {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 0px 0px 0px 30px;       /* ボックス内余白 */
}


/** --- 履歴ページ用　ここまで --- **/



/** --- アクセスページ用 --- **/

/* アクセス説明 */
#access_contents {
  width:  100%;                /* ボックスサイズ */
  height: auto;
  padding: 30px 60px 30px 60px;       /* ボックス内余白 */
}

/** --- アクセスページ用　ここまで --- **/



/** --- 共通クラス定義部 --- **/

/* 下線クラス定義 */
.under {
  text-decoration: underline;
}

/* 左縦線定義 */
.line-left {
    border-left: 3px solid black;
    padding-left: 10px;
}

/** --- 共通クラス定義部 ここまで --- **/