body{ 
  background-image: url(./../img/back.gif);
}
#contents {
	width:100%;
}
#cont_left {
	width:100%;
}
#cont_right {
	width:100%;
}
.main_table {
	width:100%;
}
.main_table th ,.main_table td {
	width:50%;
}
.table-fixed {
    table-layout: fixed;
}
.page_body img {
	max-width:100%;
}
.main_img {
	width:auto;
}
.sub_img {
	width:100%;
}
.kensaku {
    width:100%
}
.kensaku td {
    width:50%
    height:100px;
    background-color:#ffffff;
}

/* ---------- title（題名部分） ---------- */
#title {
width: 400px;
height: 206px;
background-image: url(./../img/title_mb.jpg);
background-position: center;
}

/* -- button28 -- */
.button28 {
  position: relative;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

#title p {
font-size: 20px;
font-weight: bold;
letter-spacing: 3px;
text-align: right;
/*       top  right          */
padding: 150px 20px 0px 15px;
}

#title a:link {color: #000; text-decoration: none;}
#title a:visited {color: #000; text-decoration: none;}
#title a:hover {color: #ed0; text-decoration: none;}

/* --- お知らせ履歴 200--- */
div.main-textarea {
overflow: auto;
width: 100%;
height: 400px;/* 300 */
font-size: 80%;
line-height: 160%;
letter-spacing: 1px;
padding: 0 6px;
margin-left: 1px;
margin-bottom: 24px;
}

/* --- 枠付き文章 --- */
div.main-waku1 {
font-size: 100%;
line-height: 160%;
letter-spacing: 1px;
border: 1px solid #ccc;
padding: 12px 14px;
margin-left: 5px;
margin-right: 3px;
margin-bottom: 14px;
}

div.main-waku2 {
font-size: 100%;
line-height: 160%;
letter-spacing: 1px;
border: 1px dotted #aaa;
padding: 12px 14px;
margin-left: 5px;
margin-right: 3px;
margin-bottom: 14px;
}

div.main-waku3 {
font-size: 100%;
line-height: 160%;
letter-spacing: 1px;
border: 3px double #ccc;
padding: 12px 14px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 14px;
}

div.main-waku4 {
font-size: 100%;
line-height: 160%;
letter-spacing: 1px;
border: 4px dotted #ccc;
padding: 12px 14px;
margin-left: 10px;
margin-right: 7px;
margin-bottom: 14px;
}

/* --- お知らせに使用 --- */
div.main-waku6 {
font-size: 100%;
line-height: 160%;
letter-spacing: 1px;
border: 3px double #ff7f50;
padding: 12px 14px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 14px;
}

/* --- 文章内の画像回り込み設定 --- */
table.table-width {
margin: 0px auto 10px auto;
}

img.img-table {margin: 6px 6px 10px 6px;}

img.img-float-left {
float: left;
margin: 5px 18px 15px 2px;
}

img.img-float-right {
float: right;
margin: 5px 4px 15px 15px;
}


.gnav {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #9fb7d4;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98;
}
.gnav .nav {
  width: 400px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.gnav .nav li {
  position: relative;
  list-style: none;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  z-index: 99;
}
.gnav .nav li a {
  display: block;
  width: 100px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 3.2;
  background: #9fb7d4;
  box-sizing: border-box;
  text-decoration: none;
}
.gnav .nav li:first-child {
  border-left: 1px solid #eee;
}
.gnav .nav li:last-child {
  border-right: 1px solid #eee;
}
.gnav .nav > li:hover > a {/*layer-1*/
  color: tomato;
  background: #afc6e2;
}
.gnav .nav > li li:hover > a {/*layer-2*/
  color: olive;
  background: #afc6e2;
}
.gnav .nav li ul {
  top: 40px;
  left: -40px;
  position: absolute;
}
.gnav .nav li ul li {
  overflow: hidden;
  height: 0;
}
.gnav .nav li ul li a {
  border-top: 1px solid #eee;
}
.gnav .nav li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .gnav .nav li ul li ul {
    top: 0;
    left: 20px;
  }
  .gnav .nav li ul li ul:before {/*layer-2→*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
.content {
  width: 100%;
  min-height: 200px;
  background: #fff;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}
/* --- 文字装飾 --- */
div.font {
padding: 20px;
margin-bottom: 8px;
}

.font01 {
color: #d00;
font-size: 17px;
letter-spacing: 1px;
line-height: 22px;
font-weight: bold;
text-align: left;
background-color: #fee;
border: 1px solid #daa;
padding: 10px;
margin-bottom: 12px;
}

.font02 {
color: #ff93ff;
font-size: 17px;
letter-spacing: 1px;
line-height: 22px;
font-weight: bold;
text-align: left;
background-color: #fef;
border: 1px solid #dad;
padding: 10px;
margin-bottom: 12px;
}

.font03 {
color: #00d;
font-size: 17px;
letter-spacing: 1px;
line-height: 22px;
font-weight: bold;
text-align: left;
background-color: #eef;
border: 1px solid #aad;
padding: 10px;
margin-bottom: 12px;
}

.font04 {
color: #0a0;
font-size: 17px;
letter-spacing: 1px;
line-height: 22px;
font-weight: bold;
text-align: left;
background-color: #efe;
border: 1px solid #9c9;
padding: 10px;
margin-bottom: 12px;
}

.font05 {
font-size: 28px;
font-weight: bold;
text-align: left;
background-color: #fff;
border-bottom: 8px double #333;
padding: 9px 6px;
margin-bottom: 16px;
}

.font06 {
font-size: 28px;
font-weight: bold;
text-align: left;
background-color: #fff;
border-bottom: 6px dotted #333;
padding: 9px 6px;
margin-bottom: 16px;
}

.font07 {
font-size: 28px;
font-weight: bold;
text-align: left;
background-color: #fff;
border-top: 2px solid #333;
border-left: 22px solid #333;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
padding: 12px 18px;
margin-bottom: 16px;
}

.font08 {
font-size: 28px;
font-weight: bold;
text-align: left;
background-color: #fff;
border: 4px double #333;
padding: 10px 18px;
margin-bottom: 16px;
}
.k_button {
    display:block;
/*    width: 330px; */
    text-align: right;
}
/* --- パンクズ --- */
div.pan {
font-size: 13px;
letter-spacing: 1px;
padding: 0px 0px;
margin-bottom: 0px;
}
div.pan span {
color: #d00;
}
/* ---------- code用 ---------- */
.cdp code{background:#505050;
          display:block;
          font-size:15px;
          overflow-x:scroll;
          line-height:1.5;
          padding:.8em;
          color:#f0ebeb;
          white-space:pre
}
/* --- 見出し --- */
h3 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
}
h3:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
/* --- 投票ボタン --- */
.btn-top-radius3 {
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 2px 3px 1px 4px;
  text-decoration: none;
  color: #000000;
  background: #87cefa; /* #90ee90 #90dab3; */
  border-radius: 8px 8px 8px 8px;
  transition: .4s;
}
.btn-top-radius3:hover {
  background: #989ad5; /* #434da2*/
  color: #FFFFFF;
}
.btn-top-radius3:focus {
    background: #191970;
    color: #FFFFFF;
}
/* ---------- Twitter用 ---------- */
.btn-top-radius4 {
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 2px 3px 1px 4px;
  margin: 3px;
  text-decoration: none;
  color: #000;
  background: #00a1ee;
  border-radius: 8px 8px 8px 8px;
  transition: .4s;
}
.btn-top-radius4:hover {
  background: #989ad5; /* #434da2*/
  color: #FFFFFF;
}
/* ---------- back to the TOP用 ---------- */
.btn-top-radius5 {
  font-size: 12px;
  position: relative;
  display: inline-block;
  padding: 2px 3px 1px 4px;
  text-decoration: none;
  color: #000000;
  background: #c9ff93;
  border-radius: 8px 8px 8px 8px;
  transition: .4s;
}
.btn-top-radius5:hover {
  background: #ffc25c;
  color: #FFFFFF;
}