@charset "utf-8";
/*全体の設定
---------------------------------------------------------------------------*/
body, html {
  width: 100%;
  height: 100%;
}
body {
  color: #333; /*全体の文字色*/
  margin: 0px;
  padding: 0px;
  font: 13px/1.7 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*文字サイズ、行間、フォント指定*/
  background-color: #FFF; /*背景色*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
  margin: 0px;
  padding: 0px;
}
#main p + p {
  padding-top: 0px;
}
ul {
  list-style-type: none;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
}
img.hv:hover {
  opacity: 0.5;
  filter: alpha(opacity=50); /* Ie用 */
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
img.grow {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -ms-interpolation-mode: bicubic;
}
img.grow:hover {
  -webkit-transform: scale(1.02, 1.02);
  -moz-transform: scale(1.02, 1.02);
  -ms-transform: scale(1.02, 1.02);
  -o-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
}
img.sd {
  /* box-shadow */
  box-shadow: 2px 2px 2px -1px #333333;
  -moz-box-shadow: 2px 2px 2px -1px #333333;
  -webkit-box-shadow: 2px 2px 2px -1px #333333;
  /* border-radius */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
input, textarea, select {
  font-size: 1em;
}
form {
  margin: 0px;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
  margin: 10px 0;
}
#mainimg {
  max-width: 1200px;
  clear: both;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  position: relative;
}
/*トップページのスライドショー（全画面）
---------------------------------------------------------------------------*/
#mainimgbig {
  max-width: 100%; /*最大幅を1200pxまでに設定*/
  height: auto;
  margin: 0px auto !important;
  margin-top: 0px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  position: relative;
}
#mainimgbig img {
  width: 100% !important; /*最大幅を1200pxまでに設定*/
  height: auto;
}
#imggallery {
  width: 997px;
  clear: both;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  position: relative;
}
#imggallery img {
  width: auto;
  height: auto;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  color: #EB7218; /*リンクテキストの色*/
  text-decoration: none;
}
a:hover {
  color: #00ade6; /*マウスオン時の文字色（全体）*/
  text-decoration: underline
}
a.sub {
  color: #333; /*リンクテキストの色*/
  text-decoration: none;
}
a.sub:hover {
  color: #00ade6; /*マウスオン時の文字色（全体）*/
  text-decoration: underline
}
a[href$=".pdf"] {
  display: inline-block;
  background: url("../images/icon_pdf.png") no-repeat right center;
  padding: 5px 30px 5px 0px;
  background-size: 20px;
}
a[href$=".xlsx"] {
  display: inline-block;
  background: url("../images/icon_excel.png") no-repeat right center;
  padding: 5px 30px 5px 0px;
  background-size: 20px;
}
a[href$=".doc"] {
  display: inline-block;
  background: url("../images/icon_word.png") no-repeat right center;
  padding: 5px 30px 5px 0px;
  background-size: 20px;
}
a[href$=".docx"] {
  display: inline-block;
  background: url("../images/icon_word.png") no-repeat right center;
  padding: 5px 30px 5px 0px;
  background-size: 20px;
}
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
  background-color: #00ade6; /*背景色（古いブラウザだとここの色のみが出ます）*/
}
/*ヘッダーブロックの中*/
header .inner {
  width: 997px; /*ブロック幅*/
  height: 100px;
  position: relative;
  margin: 0px auto;
}
/*h1ロゴの設定*/
header .inner h1 {
  position: absolute;
  left: 10px; /*innerに対して左から20pxの場所に配置*/
  top: 10px; /*innerに対して上から20pxの場所に配置*/
}
header .inner h1 img {
  width: 600px;
  height: auto;
}
/*電話番号ボックスの設定*/
header .inner address {
  position: absolute;
  top: 15px; /*innerに対して上から20pxの位置に配置*/
  right: 20px; /*innerに対して右から20pxの位置に配置*/
  font-size: 14px; /*文字サイズ*/
  text-align: center; /*文字をセンタリング*/
  line-height: 1.6; /*行間*/
  letter-spacing: 1px; /*文字間隔を少し広めにとる設定*/
  font-style: normal;
  color: #FFF;
}
/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menu {
  height: 60px; /*ブロックの高さ*/
  background: rgba(255, 255, 255, 0.85);
  /*background-color: #FFF; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e7e7e7)); 
  background-image: -webkit-linear-gradient(#FFF, #e7e7e7); 
  background-image: linear-gradient(#FFF, #e7e7e7);*/
  border-top: 1px solid #d4d4d4; /*メニューの上側の線の幅、線種、色*/
  border-bottom: 5px solid #00ade6; /*メニューの下側の線の幅、線種、色*/
  /* box-shadow */
  box-shadow: rgba(51, 51, 51, 0.541176) 0px -1px 8px 0px;
  -webkit-box-shadow: rgba(51, 51, 51, 0.541176) 0px -1px 8px 0px;
  -moz-box-shadow: rgba(51, 51, 51, 0.541176) 0px -1px 8px 0px;
}
nav#menu ul {
  width: 997px;
  margin: 0px auto;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
  float: left;
  width: 165px; /*メニュー幅*/
  border-right: 1px solid #d4d4d4; /*メニューの右側の線の幅、線種、色*/
  text-align: center; /*文字を中央に揃える*/
  font-weight: normal; /*文字を太字にする設定*/
}
nav#menu ul li a {
  text-decoration: none;
  display: block;
  line-height: 30px;
  padding-top: 5px;
  color: #222; /*文字色*/
  font-size: 14px; /*文字サイズ*/
  letter-spacing: 1px; /*文字間隔を少しあける設定*/
}
/*最初のメニューの設定*/
nav#menu ul li:first-child {
  border-left: 1px solid #d4d4d4; /*左側に線を入れる*/
}
/*マウスオン時と、current(表示中のメニュー)の設定*/
nav#menu ul li a:hover, nav#menu ul li.current a {
  background: #C4ECFF; /*背景色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
  background-color: #FFF; /*背景色*/
  border-bottom: 5px solid #00c0ff; /*メニューの下側の線の幅、線種、色*/
}
/*英語表記の設定*/
nav#menu ul li a span {
  color: #00ade6; /*文字色*/
  font-size: 9px; /*文字サイズ*/
  display: block;
  font-weight: normal; /*文字を太字でなく標準に戻す設定*/
  letter-spacing: 0.2em; /*文字間隔を少しあける設定*/
  line-height: 20px;
  padding-bottom: 5px;
}
/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#wrap {
  margin-top: 50%;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
}
#contentstop {
  clear: left;
  width: 997px;
  margin: 0px auto;
  padding-top: 50%; /*メニューと下の左右のブロックの間に空ける余白*/
}
#contents {
  clear: left;
  width: 997px;
  margin: 0px auto;
  padding-top: 10px; /*メニューと下の左右のブロックの間に空ける余白*/
}
/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main {
  float: right; /*右側に回り込み*/
  width: 720px; /*メインコンテンツ幅*/
  padding-bottom: 30px;
}
#maintop {
  float: right; /*右側に回り込み*/
  width: 720px; /*メインコンテンツ幅*/
  padding-bottom: 30px;
  background: rgba(255, 255, 255, 0.8);
}
#maing {
  display: block;
  width: auto;
  padding-bottom: 30px;
}
/*mainコンテンツのh2タグ設定*/
#main h2 {
  clear: both;
  background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マークとグラデーション*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
  background: url(../images/arrow2.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 5px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border-top: 1px solid #d4d4d4; /*上の線の幅、線種、色*/
  border-right: 1px solid #d4d4d4; /*右の線の幅、線種、色*/
  border-bottom: 4px solid #00ade6; /*下の線の幅、線種、色*/
  border-left: 1px solid #d4d4d4; /*左の線の幅、線種、色*/
  border-radius: 6px 6px 0px 0px; /*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
  margin-bottom: 10px;
  font-weight: normal;
  /* box-shadow */
  box-shadow: 2px 2px 2px 0px #666666;
  -moz-box-shadow: 2px 2px 2px 0px #666666;
  -webkit-box-shadow: 2px 2px 2px 0px #666666;
}
/*mainコンテンツのh2タグ設定　ギャラリー用*/
#maing h2 {
  clear: both;
  background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マークとグラデーション*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
  background: url(../images/arrow2.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 5px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border-top: 1px solid #d4d4d4; /*上の線の幅、線種、色*/
  border-right: 1px solid #d4d4d4; /*右の線の幅、線種、色*/
  border-bottom: 4px solid #00ade6; /*下の線の幅、線種、色*/
  border-left: 1px solid #d4d4d4; /*左の線の幅、線種、色*/
  border-radius: 6px 6px 0px 0px; /*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
  margin-bottom: 10px;
  font-weight: normal;
  /* box-shadow */
  box-shadow: 2px 2px 2px 0px #666666;
  -moz-box-shadow: 2px 2px 2px 0px #666666;
  -webkit-box-shadow: 2px 2px 2px 0px #666666;
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
  clear: both;
  background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background: url(../images/arrow1.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マークとグラデーション*/
  background: url(../images/arrow1.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
  background: url(../images/arrow1.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 7px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border: 1px solid #d4d4d4; /*線の幅、線種、色*/
  border-radius: 6px; /*角丸のサイズ*/
  font-weight: normal;
  margin-bottom: 10px;
}
#main h4 {
  clear: both;
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 0px; /*左から、上、右、下、左への余白*/
  font-weight: normal;
  margin-top: 20px;
}
#main h5 {
  clear: both;
  font-size: 100%;
  color: brown; /*文字色*/
  padding: 7px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border-bottom: 1px solid #d4d4d4; /*線の幅、線種、色*/
  font-weight: normal;
  margin-bottom: 10px;
}
/*mainコンテンツのh3タグ設定　ギャラリー用*/
#maing h3 {
  clear: both;
  background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background: url(../images/arrow1.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マークとグラデーション*/
  background: url(../images/arrow1.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
  background: url(../images/arrow1.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 7px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border: 1px solid #d4d4d4; /*線の幅、線種、色*/
  border-radius: 6px; /*角丸のサイズ*/
  font-weight: normal;
  margin-bottom: 10px;
}
/*mainコンテンツの段落タグ設定*/
#main p {
  padding: 10px 10px 15px; /*左から、上、左右、下への余白*/
}
#main p.idt {
  text-indent: 1em;
}
#main p.info {
  clear: both;
  font-size: 100%;
  color: #333; /*文字色*/
  margin: 0 10px;
  padding: 10px 0;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px #ccc dashed;
}
p.toiawase {
  clear: both;
  text-align: center;
  margin: 0 auto;
  width: 40%;
  border: #ccc 1px solid;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
  /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd')";
  /*Element must have a height (not auto)*/
  /*All filters must be placed together*/
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(top, #ffffff, #dddddd); /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
p.toiawase:hover {
  background: #ccc;
  transition: all .2s;
  -webkit-transition: all .2s;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
  float: left; /*左側に回り込み*/
  width: 260px; /*サブコンテンツ幅*/
  padding-bottom: 30px;
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
  font-size: 100%;
  background-color: #FFF; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マークとグラデーション*/
  background: url(../images/arrow2.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
  background: url(../images/arrow2.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  font-size: 100%;
  color: #00ade6; /*文字色*/
  padding: 5px 15px 5px 30px; /*左から、上、右、下、左への余白*/
  border-top: 1px solid #d4d4d4; /*上の線の幅、線種、色*/
  border-right: 1px solid #d4d4d4; /*右の線の幅、線種、色*/
  border-bottom: 4px solid #00ade6; /*下の線の幅、線種、色*/
  border-left: 1px solid #d4d4d4; /*左の線の幅、線種、色*/
  border-radius: 6px 6px 0px 0px; /*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
  font-weight: normal;
  /* box-shadow */
  box-shadow: 2px 2px 2px 0px #666666;
  -moz-box-shadow: 2px 2px 2px 0px #666666;
  -webkit-box-shadow: 2px 2px 2px 0px #666666;
  margin-bottom: 10px;
}
/*box1の中にあるh2タグの設定*/
#sub .box1 h2 {
  border-radius: 0; /*角丸をなくす設定*/
}
/*subコンテンツ内のbox1設定*/
#sub .box1 {
  background-color: #eee; /*背景色*/
  border: 1px solid #cfcfcf; /*枠線の幅、線種、色*/
  padding: 7px; /*ボックス内の余白*/
  margin-bottom: 15px; /*ボックスの下にあけるスペース*/
}
/*見出しにbox1やメニューが繋がった場合に枠線が重複しない為の設定*/
#sub h2 + ul, #sub h2 + .box1 {
  border-top: none;
}
/*box1の中にメニューが入った場合に下に余分な余白が出るのをなくす設定*/
#sub .box1 > ul {
  margin-bottom: 0;
}
/*subコンテンツ内のbox2設定*/
#sub .box2 {
  margin: 0 auto;
  margin-bottom: 5px; /*ボックスの下にあけるスペース*/
  text-align: center;
}
#sub .box2.img {
  width: 100%;
  height: auto;
}
/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul {
  margin-bottom: 15px; /*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul li a {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #cfcfcf; /*下側の線の幅、線種、色*/
  padding: 10px 10px;
  /*background: #FFF;*/
}
#sub ul li a:hover {
  background-color: #fff8c7; /*マウスオン時のボックス色*/
}
/*マウスオン時と、current(表示中のメニュー)の設定*/
#sub ul li a:hover, #sub ul li.current a {
  background: #fff8c7; /*背景色*/
}
/*フッターメニュー設定
---------------------------------------------------------------------------*/
ul#footermenu {
  clear: both;
  margin: 0px auto;
  margin-bottom: 30px;
  text-align: center;
  font-size: 12px;
}
ul#footermenu li {
  margin-right: 10px;
  display: inline;
  box-pack: center;
  padding: 7px;
  background: #00ade6;
  border-radius: 4px;
  font-weight: bold;
}
ul#footermenu li.nom {
  margin-right: 0px;
}
ul#footermenu li a {
  color: #FFF;
}
/*フッターバナー設定
---------------------------------------------------------------------------*/
#footerbn {
  margin: 0 auto;
  text-align: center;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  padding-top: 10px;
  padding-bottom: 0px;
}
#footerbn .item {
  width: 240px;
  height: auto;
  text-align: center;
  margin-right: 10px;
}
#footerbn .itemnom {
  width: 240px;
  height: auto;
  text-align: center;
  margin-right: 0px;
}
/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
  clear: both;
  text-align: center;
  /*margin-top: 20px;*/
  padding-top: 15px;
  padding-bottom: 15px;
  color: #FFF; /*文字色*/
  background: #00ade6; /*背景色*/
}
footer .pr {
  display: block;
  font-size: 80%;
}
footer a {
  text-decoration: none;
  color: #FFF;
}
footer a:hover {
  color: #FFF;
}
/*協会概要（about.html）ボックス
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#main section.list {
  box-sizing: border-box;
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  border-radius: 6px; /*角丸のサイズ*/
  margin-bottom: 15px; /*ボックス間のスペース*/
  position: relative;
  overflow: hidden;
  padding: 10px; /*ボックス内の余白*/
}
#main section.sokuhou {
  box-sizing: border-box;
  margin-bottom: 15px; /*ボックス間のスペース*/
}
/*ボックス内の段落タグ設定*/
#main section.list p {
  margin-bottom: 10px;
  padding: 0px;
  margin-left: 180px; /*左の写真とのバランスをとって設定*/
  text-align: justify;
  text-justify: inter-ideograph;
}
#main section.list p.aisatsu {
  margin-bottom: 10px;
  padding: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
  text-indent: 1em;
}
/*ボックス内の写真設定*/
#main section.list figure img {
  float: left; /*画像を左へ回り込み*/
  background-color: #FFF; /*画像の背景色。ここでは枠線と画像の間の色になります。*/
  padding: 5px; /*余白。ここに上の行で設定した背景色が出ます。*/
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  margin-right: 10px;
}
/*ボックス内のh4タグ設定*/
#main section.list h4 {
  padding: 2px 0px 2px 10px; /*上、右、下、左側への余白*/
  font-size: 100%;
  border-bottom: 1px solid #CCC; /*下側の線の幅、線種、色*/
  border-left: 3px solid #00ade6; /*左側の線の幅、線種、色*/
  margin-bottom: 0.5em;
  color: #00ade6; /*文字色*/
}
#main section.bn {
  margin: 0 auto;
  text-align: center;
}
/*60周年ボックス
---------------------------------------------------------------------------*/
#main .winner {
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  position: relative;
  overflow: hidden;
  border-radius: 6px; /*角丸のサイズ*/
  width: auto;
  padding: 10px;
}
#main .winner .Lbox {
  box-sizing: border-box;
  margin-top: 10px;
  float: left;
  width: 25%;
}
#main .winner .Lbox img {
  box-sizing: border-box;
  width: auto;
  height: auto;
  float: left; /*画像を左へ回り込み*/
  background-color: #FFF; /*画像の背景色。ここでは枠線と画像の間の色になります。*/
  padding: 5px; /*余白。ここに上の行で設定した背景色が出ます。*/
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  margin-bottom: 10px;
}
#main .winner .Rbox {
  box-sizing: border-box;
  float: right;
  width: 72%;
  margin-top: 10px;
}
#main .winner .Rboxtate {
  box-sizing: border-box;
  float: right;
  width: 72%;
  height: 100px;
  margin-top: 10px;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
}
#main .winner h4 {
  padding: 2px 0px 2px 10px; /*上、右、下、左側への余白*/
  font-size: 100%;
  border-bottom: 1px solid #CCC; /*下側の線の幅、線種、色*/
  border-left: 3px solid #00ade6; /*左側の線の幅、線種、色*/
  margin-bottom: 0.5em;
  color: #00ade6; /*文字色*/
}
#main .winner p {
  margin-bottom: 10px;
  padding: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#main .winner p.aisatsu {
  margin-bottom: 10px;
  padding: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
  text-indent: 1em;
}
#main .winner p.r {
  box-sizing: border-box;
  margin-top: 30px;
  padding-right: 20px;
  text-align: right;
}
#main #movie {
  box-sizing: border-box;
  border: 1px solid #CCC; /*枠線の幅、線種、色*/
  position: relative;
  overflow: hidden;
  border-radius: 6px; /*角丸のサイズ*/
  width: 100%;
  padding: 10px;
}
#main #movie p.text {
  box-sizing: border-box;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
  padding-left: 10px;
}
/*日付設定*/
#new dt {
  font-weight: bold; /*太字にする設定。標準がいいならこの行削除。*/
  float: left;
  width: 8em;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
/*記事設定*/
#new dd {
  border-bottom: 1px solid #d2d2d2; /*下線の幅、線種、色*/
  padding-left: 8em;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#new dd.under {
  border-bottom: none; /*下線の幅、線種、色*/
}
#new dd img {
  vertical-align: middle;
}
/*リンク集内リスト
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
dl.linklist {
  padding-left: 10px;
  margin-top: 10px;
}
/*日付設定*/
dl.linklist dt {
  float: left;
  width: 270px;
  margin-bottom: 10px;
  padding: 5px;
}
/*記事設定*/
dl.linklist dd {
  border-bottom: 1px solid #d2d2d2; /*下線の幅、線種、色*/
  padding-left: 290px;
  margin-bottom: 10px;
  padding: 5px;
}
/*スケジュール
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
dl.sche {
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}
/*日付設定*/
dl.sche dt {
  float: left;
  width: 140px;
  margin-bottom: 10px;
  padding: 2px 5px;
  color: #FF6600;
  text-align: right;
}
/*記事設定*/
dl.sche dd {
  padding: 2px 0px 2px 160px;
  color: #008000;
}
dl.sche dd.under {
  padding: 2px 0px 2px 160px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2; /*下線の幅、線種、色*/
  color: #333;
}
dl.mark {
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}
/*日付設定*/
dl.mark dt {
  float: left;
  width: 20px;
  /*margin-bottom: 10px;*/
  padding: 2px 5px;
  color: #FF6600;
  text-align: right;
}
/*記事設定*/
dl.mark dd {
  padding: 2px 0px 2px 40px;
  color: #FF6600;
}
/*役員
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
dl.officer {
  box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}
/*日付設定*/
dl.officer dt {
  float: left;
  width: 120px;
  margin-bottom: 10px;
  padding: 5px;
  color: #FF9966;
  text-align: center;
}
/*記事設定*/
dl.officer dd {
  border-bottom: 1px dashed #d2d2d2; /*下線の幅、線種、色*/
  padding: 5px 0px 5px 150px;
  margin-bottom: 10px;
}
/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
  width: 100%;
  margin-bottom: 10px 0;
}
.ta1, .ta1 td, .ta1 th {
  border: 1px solid #CCC; /*テーブルの枠線の幅、線種、色*/
  line-height: 2;
}
/*テーブル内の右側*/
.ta1 td {
  padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th {
  width: 140px;
  padding: 10px;
  text-align: center;
  background-color: #DDD; /*背景色*/
  font-weight: normal;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
  width: auto;
  text-align: center;
  background-color: #DDD; /*背景色*/
}
/*テーブルのキャプション設定*/
.ta1 caption {
  padding: 10px;
  border-top: 1px solid #CCC; /*上側の線の幅、線種、色*/
  border-right: 1px solid #CCC; /*右側の線の幅、線種、色*/
  border-left: 1px solid #CCC; /*左側の線の幅、線種、色*/
  text-align: left;
  background-color: #e9ddae; /*背景色（古いブラウザだとここの色のみが出ます）*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); /*グラデーション*/
  background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); /*同上*/
  background-image: linear-gradient(#efe6c5, #e9ddae); /*同上*/
  font-weight: bold; /*文字を太字にする設定*/
}
/*テーブル２
---------------------------------------------------------------------------*/
.ta2 {
  width: 100%;
  margin-bottom: 10px 0;
  font-size: 12px;
}
.ta2, .ta2 td, .ta2 th {
  border: 1px solid #CCC; /*テーブルの枠線の幅、線種、色*/
  line-height: 2;
}
/*テーブル内の右側*/
.ta2 td {
  padding: 5px;
  text-align: center;
}
/*テーブル内の左側の見出し部分*/
.ta2 th {
  padding: 5px;
  text-align: center;
  background-color: #DDD; /*背景色*/
  font-weight: normal;
}
/*テーブル１行目に入った見出し部分*/
.ta2 th.tamidashi {
  width: auto;
  text-align: center;
  background-color: #DDD; /*背景色*/
}
/*テーブル３
---------------------------------------------------------------------------*/
.ta3 {
  width: 100%;
  margin-bottom: 10px 0;
  font-size: 12px;
}
.ta3, .ta3 td, .ta3 th {
  border: 1px solid #CCC; /*テーブルの枠線の幅、線種、色*/
  line-height: 2;
}
/*テーブル内の右側*/
.ta3 td {
  padding: 5px 5px 5px 10px;
  text-align: center;
}
/*テーブル内の左側の見出し部分*/
.ta3 th {
  padding: 5px 10px 5px 5px;
  text-align: center;
  background-color: #DDD; /*背景色*/
  font-weight: normal;
}
/*テーブル１行目に入った見出し部分*/
.ta3 th.tamidashi {
  width: auto;
  text-align: center;
  background-color: #DDD; /*背景色*/
}
/*テーブルフォーム
---------------------------------------------------------------------------*/
.taform {
  width: 100%;
  margin-bottom: 10px 0;
  font-size: 12px;
}
.taform, .taform td, .taform th {
  border: 1px solid #CCC; /*テーブルの枠線の幅、線種、色*/
  line-height: 2;
}
/*テーブル内の右側*/
.taform td {
  padding: 5px;
  text-align: center;
}
/*テーブル内の左側の見出し部分*/
.taform th {
  padding: 5px;
  text-align: center;
  background-color: #DDD; /*背景色*/
  font-weight: normal;
}
/*テーブル１行目に入った見出し部分*/
.taform th.tamidashi {
  width: auto;
  text-align: center;
  background-color: #DDD; /*背景色*/
}
/*テーブルフォーム　送信枠
---------------------------------------------------------------------------*/
ul.action {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  width: 220px;
  height: 40px;
  list-style-type: none;
  text-align: center;
}
ul.action li {
  margin: 0 10px 0 0;
  padding: 0;
  width: 105px;
  height: 40px;
  float: left;
  text-align: center;
}
ul.action li.nom {
  margin: 0;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
  clear: both;
}
#pagetop a {
  color: #FFF; /*文字色*/
  font-size: 10px; /*文字サイズ*/
  background-color: #00ade6; /*背景色*/
  text-decoration: none;
  text-align: center;
  width: 10em; /*ボックス幅*/
  display: block;
  float: right;
}
/*マウスオン時*/
#pagetop a:hover {
  background-color: #333;
  color: #FFF;
}
/*PAGE TOP設定（オリジナル）
---------------------------------------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 77%;
}
#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 15px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
ul.btn {
  overflow: hidden;
}
ul.btn li {
  margin-top: 0px;
  margin-right: 20px;
  float: left;
  width: 33.33333%;
  width: calc((100% - 40px) / 3);
  width: -webkit-calc((100% - 40px) / 3);
  width: -moz-calc((100% - 40px) / 3);
}
@media all and (-ms-high-contrast:none) {
  #demo-wrap ul.column3 li {
    width: calc((100% - 41px) / 3);
  }
}
ul.btn li:last-child {
  margin-right: 0;
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #dcdcdc;
}
.mb15, .mb1em {
  margin-bottom: 15px;
}
.clear {
  clear: both;
}
ul.disc {
  padding: 0em 25px 15px;
  list-style: disc;
}
.color1 {
  color: #f61468;
}
.color2big {
  color: #f00;
  font-size: 140%;
  font-weight: bold;
}
.color3 {
  color: red;
}
.pr {
  font-size: 10px;
}
.btn {
  font-size: 13px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
.tar {
  text-align: right !important;
}
.mini1 {
  font-size: 12px;
  line-height: 1.5;
}
figcaption {
  font-size: 11px;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.newicon {
  background: #F00;
  color: #FFF;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 2px;
  margin-left: 5px;
  font-weight: bold;
}
.newicon_blue {
  background: #1588d3;
  color: #FFF;
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 2px;
  margin-left: 5px;
  font-weight: bold;
}
.strong {
  box-sizing: border-box;
  display: block;
  background: #FF6600;
  color: #FFF;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 2px;
  margin: 10px 0px;
  font-weight: bold;
}
#menubar_hdr {
  display: none;
}
.pushu {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0;
  clear: both;
}
a img.pushu {
  transition: all .2s;
  -webkit-transition: all .2s;
}
a img.pushu:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
}
.bn {
  margin: 10 0;
  width: 100%;
  display: block;
}
.bn img {
  width: 100%;
  height: auto;
}
.banner {
  margin: 0 auto;
  padding: 0;
  clear: both;
}
a img.banner {
  transition: all .2s;
  -webkit-transition: all .2s;
}
a img.banner:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha( opacity=50 )";
  -ms-interpolation-mode: bicubic;
}
.blinking {
  -webkit-animation: blink 0.6s ease-in-out infinite alternate;
  -moz-animation: blink 0.6s ease-in-out infinite alternate;
  animation: blink 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
p.photo {
  margin: 0 auto;
  text-align: center;
  text-indent: 0em;
}
p.photo img {
  width: 20%;
  height: auto;
}
.px16red {
  font-size: 16px;
  color: #F30;
}
input {
  width: 100%;
}
section.minibox3 {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
  width: 32%;
  height: auto;
  float: left;
  margin-left: 0.9%;
  /*border: 1px solid #eee;*/
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.8);
  /* box-shadow */
  box-shadow: 0px 0px 5px 0px #666 inset;
}
section.minibox3 .icon {
  width: 55px;
  height: auto;
  position: absolute;
  left: 1%; /*ボックスに対して、右側から2pxの位置に配置*/
  top: 50%; /*ボックスに対して、下側から2pxの位置に配置*/
  filter: drop-shadow(1px 1px 1px #000);
  transform: rotate(340deg);
}
section.minibox3 h4 {
  padding: 0;
  font-size: 15px !important;
  line-height: 1.2;
  text-align: center;
  color: #8b4513;
  margin-bottom: 5px !important;
  letter-spacing: 0px !important;
}
section.minibox3 h4.woman {
  padding: 0;
  font-size: 15px !important;
  line-height: 1.2;
  text-align: center;
  color: deeppink !important;
  margin-bottom: 5px !important;
  letter-spacing: 0px !important;
}
section.minibox3 p {
  width: auto;
  margin: 5px;
  font-size: 12px !important;
  line-height: 1.4;
  margin-bottom: 0px;
  letter-spacing: 0px !important;
  text-align: center;
}
section.minibox3 figure img {
  float: none;
  width: 100%;
  margin: 0;
  border: none;
}
.sepabox {
  float: left;
  width: 100%;
  display: block;
}
/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:601px) and (max-width:1000px) {
  /*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
  /*ヘッダーブロック*/
  header {
    background-image: none;
  }
  header .inner {
    width: auto;
    height: auto;
    text-align: center;
  }
  /*h1ロゴの設定*/
  header .inner h1 {
    position: static;
    padding-top: 20px;
  }
  /*電話番号ボックスの設定*/
  header .inner address {
    position: static;
    padding-bottom: 20px;
  }
  /*上部のメインメニュー
---------------------------------------------------------------------------*/
  nav#menu {
    height: auto;
    overflow: hidden;
    border-bottom: none;
    border-left: 1px solid #d4d4d4;
    margin-bottom: 6px;
    background: rgba(255, 255, 255, 0.8);
  }
  nav#menu ul {
    width: auto;
  }
  /*メニュー１個ごとの設定*/
  nav#menu ul li {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #d4d4d4;
  }
  nav#menu ul li a:hover {
    border-bottom: none;
  }
  /*最初のメニューの設定*/
  nav#menu ul li:first-child {
    border-left: none;
  }
  /*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
  #contents {
    width: auto;
    margin-right: 6px;
    margin-left: 6px;
  }
  #footerbn {
    text-align: center;
    display: block;
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #footerbn .item {
    margin-right: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
  }
  #footerbn .itemnom {
    margin-right: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
  }
  /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
  section#new h2.open {
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マイナスアイコンとグラデーション*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  }
  section#new h2.close {
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*プラスアイコンとグラデーション*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  }
  /*ブロック全体の設定*/
  #new {
    margin-bottom: 15px;
  }
  #new dl {
    height: auto;
    padding-left: 0;
  }
  /*日付設定*/
  #new dt {
    float: none;
    width: auto;
  }
  /*記事設定*/
  #new dd, #new dd.under {
    padding-left: 0;
  }
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  #main, #sub {
    float: none;
    width: auto;
  }
  img.wa {
    margin: 0 auto;
    max-width: 400px;
    height: auto;
    text-align: center;
  }
  #imggallery {
    width: auto;
    height: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  /*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
  body.s-n #sub {
    display: none;
  }
  /*幅一杯に画像を表示させる*/
  img.wa {
    height: auto;
    width: 100%;
  }
  /*tdタグにiframeを読み込んだ場合（GoogleMap用）*/
  td iframe {
    height: 300px;
    width: 100%;
  }
  .pushu {
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0;
    clear: both;
  }
  a img.pushu {
    transition: all .2s;
    -webkit-transition: all .2s;
  }
  a img.pushu:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
  }
}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 600px) {
  /*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
  /*ヘッダーブロック*/
  header {
    background-image: none;
  }
  header .inner {
    width: auto;
    height: auto;
    text-align: center;
  }
  /*h1ロゴの設定*/
  header .inner h1 {
    position: static;
    padding-top: 20px;
  }
  header .inner h1 img {
    width: 90%; /*画面に対してロゴ画像を70％の幅に*/
    height: auto;
  }
  /*電話番号ボックスの設定*/
  header .inner address {
    position: static;
    padding-bottom: 20px;
  }
  /*上部のメインメニュー
---------------------------------------------------------------------------*/
  nav#menu {
    height: auto;
    overflow: hidden;
    border-bottom: none;
    border-left: 1px solid #d4d4d4;
    margin-bottom: 6px;
    background: rgba(255, 255, 255, 0.8);
  }
  nav#menu ul {
    width: auto;
  }
  /*メニュー１個ごとの設定*/
  nav#menu ul li {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #d4d4d4;
  }
  nav#menu ul li a:hover {
    border-bottom: none;
  }
  /*最初のメニューの設定*/
  nav#menu ul li:first-child {
    border-left: none;
  }
  /*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
  #contents {
    width: auto;
    margin-right: 6px;
    margin-left: 6px;
  }
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  #main, #sub {
    float: none;
    width: auto;
  }
  p.photo {
    margin: 0 auto;
    text-align: center;
  }
  p.photo img {
    width: 33%;
    height: auto;
  }
  /*トップページのメイン画像
---------------------------------------------------------------------------*/
  #mainimg {
    margin: 0px 6px 1%;
  }
  #mainimg aside {
    height: auto;
    width: 100%;
  }
  #mainimg aside img {
    vertical-align: bottom;
  }
  #slide_image {
    height: auto;
    width: 100%;
    position: relative;
  }
  #slide_image2 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  #imggallery {
    width: auto;
    height: auto;
  }
  /*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
  #contents {
    padding-top: 10px;
  }
  /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
  section#new h2.open {
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*マイナスアイコンとグラデーション*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  }
  section#new h2.close {
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6)); /*プラスアイコンとグラデーション*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#FFF, #e6e6e6); /*同上*/
    background: url(../images/arrow2.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, linear-gradient(#FFF, #e6e6e6); /*同上*/
  }
  /*ブロック全体の設定*/
  #new {
    margin-bottom: 15px;
  }
  #new dl {
    height: auto;
    padding-left: 0;
  }
  /*日付設定*/
  #new dt {
    float: none;
    width: auto;
  }
  /*記事設定*/
  #new dd, #new.under {
    padding-left: 0;
  }
  dl.linklist {
    height: auto;
    padding-left: 0;
  }
  /*リンク先*/
  dl.linklist dt {
    float: none;
    width: auto;
  }
  /*リンク先説明*/
  dl.linklist dd {
    padding-left: 10px;
  }
  dl.sche {
    height: auto;
  }
  /*リンク先*/
  dl.sche dt {
    margin-bottom: 0;
    padding-left: 10px;
    float: none;
    width: auto;
    text-align: left;
  }
  /*リンク先説明*/
  dl.sche dd {
    padding-left: 10px;
  }
  dl.sche dd.under {
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2; /*下線の幅、線種、色*/
    color: #333;
  }
  dl.officer {
    height: auto;
  }
  /*リンク先*/
  dl.officer dt {
    margin-bottom: 0;
    padding-left: 0;
    float: none;
    width: auto;
    text-align: center;
  }
  /*リンク先説明*/
  dl.officer dd {
    padding-left: 0;
    text-align: center;
  }
  /*テーブル１
---------------------------------------------------------------------------*/
  /*テーブル内の右側*/
  .ta1 td {
    width: auto;
    padding: 5px;
  }
  /*テーブル内の左側の見出し部分*/
  .ta1 th {
    width: 70px;
    padding: 5px;
  }
  /*テーブル２
---------------------------------------------------------------------------*/
  /*テーブル内の右側*/
  .ta2 td {
    width: auto;
    padding: 5px;
  }
  /*テーブル内の左側の見出し部分*/
  .ta2 th {
    width: 100px;
    padding: 5px;
  }
  /*テーブル３
---------------------------------------------------------------------------*/
  /*テーブル内の右側*/
  .ta3 td {
    width: auto;
    padding: 5px;
  }
  /*テーブル内の左側の見出し部分*/
  .ta3 th {
    width: 100px;
    padding: 5px;
  }
  /*テーブルフォーム
---------------------------------------------------------------------------*/
  /*テーブル内の右側*/
  .taform td {
    width: auto;
    padding: 5px;
  }
  /*テーブル内の左側の見出し部分*/
  .taform th {
    width: 100px;
    padding: 5px;
  }
  /*各物件一覧ボックス
---------------------------------------------------------------------------*/
  /*ボックス内の段落タグ設定*/
  #main section.list p {
    margin-left: 0;
  }
  #main section.list p.aisatsu {
    margin-left: 0;
  }
  /*ボックス内の写真設定*/
  #main section.list figure img {
    float: none;
    margin: 0px;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #main .winner .Lbox {
    margin-bottom: 10px;
    float: none;
    width: auto;
  }
  #main .winner .Rbox {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  /*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
  body.s-n #sub {
    display: none;
  }
  /*幅一杯に画像を表示させる*/
  img.wa {
    height: auto;
    width: 100%;
  }
  /*メニュー折りたたみ設定*/
  #top #menubar_hdr {
    display: none;
  }
  #menubar_hdr {
    display: inline;
    position: absolute;
    top: 0px;
    right: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
    background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
    background-image: linear-gradient(#fbfbfb, #e5e5e5);
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 0px 0px 6px 6px;
  }
  /*tdタグにiframeを読み込んだ場合（GoogleMap用）*/
  .ta1 td iframe {
    height: 300px;
    width: 100%;
  }
  .pushu {
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0;
    clear: both;
  }
  a img.pushu {
    transition: all .2s;
    -webkit-transition: all .2s;
  }
  a img.pushu:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
  }
  textarea {
    width: 80% !important;
  }
  .br {
    display: block;
    width: fit-content;
  }
  #footerbn {
    text-align: center;
    display: block;
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #footerbn .item {
    margin-right: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
  }
  #footerbn .itemnom {
    margin-right: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
  }
  ul.btn li {
    float: none;
    width: 100%;
  }
  section.minibox3 {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    width: auto; /*compactタイプの幅*/
    height: auto; /*compactタイプの高さ*/
    float: none;
    margin-left: 0;
    border: 1px solid #ccc;
  }
  section.minibox3 .icon {
    width: 100px;
    height: auto;
    position: absolute;
    left: 3%; /*ボックスに対して、右側から2pxの位置に配置*/
    top: 65%; /*ボックスに対して、下側から2pxの位置に配置*/
    filter: drop-shadow(1px 1px 1px #000);
    transform: rotate(340deg);
  }
}