body {
	margin:0;
	padding:0;
	background-image: url("../images/head_bar.jpg");
	background-repeat: repeat-x;
}

#content {
    width: 1000px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
}

#header {
	margin:0 auto;
	display:block;
	overflow:hidden;
}
#smp_nav_toggle , #smp_nav {
	display:none;
}

/* PCメニューのベース */
#pc_menu {
  background: #fff;
  height:60px;
  margin-top:20px;
  font-style: sans-serif !important;
}

#pc_menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#pc_menu li {
  list-style: none;
  position: relative;
  border-left: 1px solid #1c95d4; /* 区切り線 */
}

/* 先頭だけ左の区切り線を消す */
#pc_menu li:first-child {
  border-left: none;
}

/* リンクの見た目 */
#pc_menu a {
  display: block;
  padding: 12px 32px;
  text-decoration: none;
  color: #222;
  letter-spacing: 0.2em; /* 画像に近い字間 */
  font-weight: 500;
  line-height: 1;
}

/* ホバー時の色変化（任意） */
#pc_menu a:hover {
  color: #1E90FF;
}

/* 現在ページの下に太めのバー（中央寄せ） */
#pc_menu li.current a {
  position: relative;
}

#pc_menu li.current a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;           /* 下線がボーダーのすぐ上に来るよう微調整 */
  width: 110px;           /* 画像に近い長さ。お好みで調整可 */
  height: 4px;            /* 太めのバー */
  background: #1E90FF;    /* 画像の青に合わせる */
  border-radius: 2px;
}


/* 現在ページのリンクを基準にする */
#pc_menu li.current > a {
  position: relative;   /* これが基準になる */
  display: inline-block; /* 幅をもたせる（flex内でも安全） */
  z-index: 1;
}

/* 下の青い太バー */
#pc_menu li.current > a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;             /* -2px だと隠れてしまう場合があるので 0 に */
  width: 110px;
  height: 4px;
  background: #1E90FF;
  border-radius: 2px;
  z-index: 2;
}

#pc_menu li.current1 > a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 110px;
  height: 0;                   /* 高さは0にする */
  border-bottom: 2px dotted #555;  /* 点線を指定 */
  z-index: 2;
}



h1 {
	margin:0;
	padding:0;
}

#header img {
	margin:0 auto;
	display:block;
	overflow:hidden;	
}

footer {
  background-color: #1c65d4; /* 青背景 */
  text-align: center;
  border-top: 4px solid #1c65d4; /* 濃い青のライン */
  margin-top:100px;
  letter-spacing: 1px;
  clear:both;
}

.footer-top {
  height: 4px;               /* 白帯の高さ */
  background-color: #fff;    /* 白色 */
}

.footer-inner {
  color: #fff;               /* 白文字 */
  font-size: 14px;
  padding: 10px 0;           /* 上下の余白 */
}