@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style: normal;font-weight: normal;vertical-align: baseline;list-style: none;}
html {min-height: 100%;position: relative;font-size: 62.5%;}
body {font-size: 1.2rem;font-variant: normal;line-height: 2.0;color: #333;}
body, input, pre, select {font-family: "メイリオ", Meiryo, "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 1.8rem;}
img {vertical-align: middle;}
article, aside, details, figcaption, figure,footer, header, menu, nav, section {display: block;}
html {overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:' ';content: none;}
input, textarea { margin: 0; padding: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
a {transition: all ease 120ms;-webkit-transition: all ease 120ms;-moz-transition: all ease 120ms;-ms-transition: all ease 120ms;}
a:focus {outline: none;}
.clearfix:after {content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
a:link, a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}


#jump a{position:absolute;width:0px;height:0px;overflow:auto;line-height:1.3;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;padding:5px;text-indent:0px;white-space: normal;color:#333333;background:#ffffff;text-align:center;font-weight: bold;}

/*  header  FWU  -------------------------------------------------  */
header {width:100%;min-width:980px;padding-top:15px;border-bottom:1px solid #FFB000;background: #fff;}
header .head {width:980px;min-height:70px;margin: 0 auto;}
header .head img {float: left;}
header .head img.sp-menu {display: none;}
header .head ul {margin-top: 13px;float: right;}
header .head ul li {float: left;line-height: 25px;margin-right: 5px;padding-top: 1px;}
header .head ul li img {cursor:pointer;vertical-align:middle;}
header .head ul li img.nc {cursor: auto;margin-top: 2px;margin-left: 10px;}
header .head ul li img.nc2 {cursor: auto;margin-top: 4px;margin-left: 10px;}
header .head ul li img.f1,
header .head ul li img.f2,
header .head ul li img.f3,
header .head ul li img.b1,
header .head ul li img.b2,
header .head ul li img.b3{width:auto;height:22px;}
header .head form {margin-top: -2px;}
header .head form img {margin-right: 5px;}
header .head form label.search_txt {
  line-height: 26px;
}
header .head form input.search_txt {
  height: 17px;
  line-height: 17px;
  padding: 3px;
  border: 1px solid #C1C1C1;
  width: 160px;
}
header .head form .search_bt {width: 45px;color: #ffffff;height: 25px;line-height: 25px;font-weight: bold;background-color: #444444;border: 1px solid #444444;vertical-align: middle;font-size: 1.4rem;-webkit-appearance:none;}
header nav {
  background: #fff;
  margin-top: 16px;
}
header nav #menu {width: 980px;margin: 0 auto;}
header nav #menu a {display: block;text-align: center;width: 100%;height: 58px;margin-left: 1px;padding-top: 10px;}
header nav #menu a:hover, header nav #menu a.active {background: #f8f7f4;}
header nav #menu li {position:relative;float:left;}
header nav #menu li:before,
header nav #menu li.gnavi05:after{display:block;content:" ";position:absolute;left:0px;top:15px;bottom:15px;border-left:1px dotted #888888;}
header nav #menu li.gnavi05:after{left:auto;right:0px;}
header nav #menu li.gnavi01 {width:14%;}
header nav #menu li.gnavi02 {width:18%;}
header nav #menu li.gnavi03 {width:30%;}
header nav #menu li.gnavi04 {width:21%;}
header nav #menu li.gnavi05 {width:17%;}
.contents {
  width: 980px;
  margin: 0 auto;
  padding: 24px 0 39px;
}
.contents .locus {
  margin-bottom: 14px;
  margin-left: 3px;
}
.contents .locus a:link {
  color: #00527d;
  text-decoration: underline;
}
.contents .locus a:hover {
  text-decoration: none;
}
article {width: 723px;margin-bottom:10px;float:left;overflow:auto;}
.side {font-size: 1.3rem;width: 220px;float:right;}
.side.pana {
  margin-top: 32px;
}
.side.pana .mp_login {
  margin-bottom: 20px;
}
.side .cal-wrap {
  width: 210px;
  margin-left: 2px;
  margin-top: 2px;
  border: solid 3px #fff;
  outline: solid 2px #FFBF00;
  background: #FFE49D;
  text-align: center;
  margin-bottom: 29px;
}
.side .cal-wrap .cal-title {
  margin-top: 5px;
  margin-bottom: 15px;
}
.side .calendar {
  width: 188px;
  background: #fff;
  padding: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
}
.side .calendar p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
.side .calendar ul {
  width: 161px;
  margin: 0 auto;
  text-align: center;
}
.side .calendar ul:after {
  content: "";
  display: block;
  clear: both;
}
.side .calendar ul li {
  display: block;
  width: 20px;
  height: 17px;
line-height: 17px;
  float: left;
  font-weight: bold;
  margin-right: 3px;
  padding-top: 1px;
}
.side .calendar ul li.close {
  background: #ffc8c8;
  border-radius: 1.2em;
}
.side .calendar ul li.sat {
  color: blue;
}
.side .calendar ul li:nth-child(7n+1), .side .calendar ul li.holiday {
  color: #FF0000;
}
.side .cal-cap {
  margin-top: 4px;
  margin-bottom: 5px;
}
.side .cal-cap p {
  font-weight: normal;
  text-align: left;
  margin: 0 10px;
  font-size: 1.2rem;
  line-height: 23px;
}
.side .cal-cap p img {
  margin-right: 5px;
}
.side .cal-cap p a {
  color: #000068;
  text-decoration: underline;
  background: url("../img/hdrftr/arrow01.png") right center no-repeat;
  padding-right: 15px;
}
.side .cal-cap p a:hover {
  text-decoration: none;
}
.side .mp_login {
  border: 1px solid #ffab2d;
  margin-bottom: 30px;
}
.side .slink ul {
  margin-bottom: 10px;
}
.side .slink ul li {
  width: 100%;
}
.side .slink ul li.m {
  margin-top: 10px;
}
.side .slink ul li a {display:block;height:40px;padding:4px 4px 4px 38px;border: 1px solid #ccc;background: no-repeat 4px center #fff;line-height: 40px;margin-bottom: 5px;}
.side .slink ul li a:hover {text-decoration: none;}
.side .slink ul li a.green {background-image: url("../img/hdrftr/arrow_green.png");}
.side .slink ul li a.green:hover {background-color: #ffab2d;}
.side .slink ul li a.orange {background-image: url("../img/hdrftr/arrow_orange.png");}
.side .slink ul li a.orange:hover {background-color: #ffab2d;}
.side .slink ul li a.gray {height: 30px;line-height: 30px;background-image:url("../img/hdrftr/arrow_gray.png");}
.side .slink ul li a.gray:hover {
  background-color: #ffab2d;
}
.side .banner img {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.side .banner a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
/*side menu*/
.side.pana .menu dl {margin-bottom:15px;background-color:#ffffff;}
.side.pana .menu dl dd a:before{top:1.1em;left:13px;border:0.4em solid transparent;border-left:0.6em solid #ffab2d;}
.side.pana .menu dl dd a{padding:0.5em;padding-left:30px;border-bottom:1px dotted #ccc;}
.side.pana .menu dl dd a:before{width:auto;height:auto;background:transparent;border-radius:0px;}
.side.pana .menu dl{padding:0px;list-style:none;border:1px solid #ffce84;}
.side.pana .menu dl dt{padding:0.5em;background:#FFD772;}
.side.pana .menu dl dd{margin:0px 10px;}
.side.pana .menu dl dd:last-child a{border:none;}
.side.pana .menu dl dd a{display:block;color:#402000;padding:0.5em 0.5em 0.5em 1.5em;text-decoration:none;}
.side.pana .menu dl dd a:before{left:5px;transition-duration:0.3s;border-left-color:#999;}
.side.pana .menu dl dd a:hover:before{left:10px;border-left-color:#999;}
.side.pana .menu dl dd a{position:relative;}
.side.pana .menu dl dd a:before{display:block;content:" ";position:absolute;}

footer {bottom: 0;min-height: 190px;width: 100%;min-width: 980px;background: #FFDA79;}
footer nav {background: #FFEFC9;}
footer nav ul {width: 980px;margin: 0 auto;min-height: 35px;overflow:auto;}
footer nav ul li {
  line-height: 35px;
  float: left;
  margin-left: 20px;
}
footer nav ul li a {
  font-size: 1.2rem;
  font-weight: bold;
}
footer nav ul li:after {
  padding-left: 20px;
  content: "<";
  color: #656159;
}
footer nav ul li:last-child:after {
  content: "";
}
footer .wrap {position: relative;width:980px;margin: 0 auto;padding:15px 0px 30px;overflow:auto;}
footer .wrap .addr{float:left;margin-top:15px;}
footer .wrap .addr:after {content: "";display: block;clear: both;}
footer .wrap .addr dl {width: 220px;margin-left:20px;float: left;}
footer .wrap .addr dl dt {
  font-size: 1.8rem;
  font-weight: bold;
}
footer .wrap .addr dl dd {
  font-size: 1.2rem;
  line-height: normal;
}
footer .wrap .copyright {position:absolute;bottom:0px;font-size: 1.2rem;padding:10px 20px;}
footer .wrap .sp-m {width:237px;height: 122px;float:right;}
footer .wrap .sp-m li {float: left;width: 98px;height: 101px;border: 1px solid #FFC314;background: #fff;text-align: center;padding: 7px 0;}
footer .wrap .sp-m li img:first-child {
  margin-bottom: 10px;
}
footer .wrap .sp-m li:first-child {
  margin-right: 37px;
}
footer .wrap .sp-m li:first-child img:first-child {
  margin-bottom: 5px;
}

.reread_link {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 70px;
  height: 70px;
}
.reread_link a {
  display: block;
  background: url("../img/pagetop.png") no-repeat;
  width: 70px;
  height: 70px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.top .top-img {padding: 7px;border: 3px solid #eee;background: #fff;margin-bottom: 29px;background: url("../img/top/header.png") no-repeat;width: 700px;height: 280px;}

.top .top-search {min-height:66px;background:#FFE298;border:2px solid #ffab2d;margin-bottom:28px;overflow:auto;}
.top .top-search label {display:block;float:left;margin: 3px 20px 0px;}
.top .top-search form div {float: left;width:291px;margin:20px 0px;border: 3px solid #444;background:#ffffff;}

.top .top-search img.search-cap {margin-top: 27px;margin-left: 11px;}
.top .top-search form input[type="text"] {width: 214px;height: 23px;padding:3px;border:none;}
.top .top-search form input[type="submit"] {width: 63px;height: 27px;padding:3px;color: #ffffff;font-weight: bold;border:none;background-color: #444444;-webkit-appearance:none;}
.top .mn-01 {border: 2px solid #eee;background: #fff;padding: 11px;font-size: 1.5rem;}
.top .mn-01 .title {
  border-bottom: 4px solid #FFC62C;
  height: 38px;
  padding-top: 5px;
  margin-bottom: 10px;
}
.top .mn-01 .title:after {content: " ";display: block;clear: both;}
.top .mn-01 .title img {
  float: left;
  margin-left: 10px;
}
.top .mn-01 .title a {margin-right: 8px;width:5.5em;text-align: center;font-size:1.3rem;float:right;background: #FFE194;padding:0.2em;}
.top .mn-01 .title a:hover {
  background: #FFBF00;
  text-decoration: none;
}
.top .mn-01 dl {position: relative;margin: 0 auto;}
.top .mn-01 dl dt {position: absolute;left: 0;width: 270px;height: 40px;line-height: 40px;}
.top .mn-01 dl dt:after {content: "";display: block;clear: both;}
.top .mn-01 dl dt div {  width: 82px;float: left;-moz-border-radius: 5px;border-radius: 5px;text-align: center;padding: 2px 0;height: 25px;line-height: 25px;margin: 5px 30px 5px 15px;}
.top .mn-01 dl dt div.icon-01 {background: #FF7C7A;}
.top .mn-01 dl dt div.icon-02 {background: #FEF9A9;}
.top .mn-01 dl dt div.icon-03 {background: #EECFFE;}
.top .mn-01 dl dt div.icon-04 {background: #FEDBC5;}
.top .mn-01 dl dt div.icon-05 {background: #BBEFB9;}
.top .mn-01 dl dt div.icon-06 {background: #FFEEC3;}
.top .mn-01 dl dt div.icon-07 {background: #B0E7F9;}
.top .mn-01 dl dt p {position: absolute;left:130px;top:0;}
.top .mn-01 dl dd,.top .mn-01.menu-main ul li {border-bottom: 1px dotted #999;padding-left: 270px;
  line-height: 40px;overflow: hidden;}
.top .mn-01.menu-main ul li{
  width: auto;
  padding-left: 2em;
}
.top .mn-01 ul li {width:auto;padding-left: 1.5em;background: url(../img/icon/arrow01.png) left center no-repeat;}
.top .mn-01 dl dd a {
  color: #00659B;
  text-decoration: underline;
}
.top .mn-01 dl dd a:hover {
  text-decoration: none;
}
.top .mn-01 dl dd:last-child {
  border: none;
}
.top .top-news {
  margin-bottom: 29px;
}
.top .top-event .title {
  height: 45px;
}

.title2 h1 {
  font-size: 2.0rem;
  font-weight: bold;
  border-bottom: 3px solid #FFC62C;
  padding-left: 10px;
  margin-bottom: 20px;
}
.title2 h2 {
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 3px solid #FFC62C;
  padding-left: 10px;
  margin-bottom: 20px;
}

.top .news-main,.top menu-main {
  padding-bottom: 20px;
}
.top .p-navi {
  margin-top: 10px;
}
.top .p-navi:after {
  content: "";
  display: block;
  clear: both;
}
.top .p-navi li {
  float: left;
}
.top .p-navi li.hide {
  display: none;
}
.top .p-navi li a {
  background: url("../img/icon/prev.png") no-repeat 0 center;
  padding: 0 20px;
  text-decoration: underline;
}
.top .p-navi li a:hover {
  text-decoration: none;
}
.top .p-navi li:last-child {
  float: right;
}
.top .p-navi li:last-child a {
  background: url("../img/icon/next.png") no-repeat right center;
}

.menus {
  padding-top: 14px;
}
.menus ul.list {
  padding: 40px 40px 0;
}
.menus ul.list li {
  float: left;
  margin: 0 50px 40px 0;
  border: 1px solid #eae6dd;
  border-bottom: 1px dotted #6e6e6e;
}
.menus ul.list li:nth-child(even) {
  margin-right: 0;
}
.menus ul.list li a {
  width: 242px;
  padding: 30px 14px 30px 14px;
  display: block;
  background: url("../img/icons/icon03.png") no-repeat #f3f0eb 1px center;
}
.menus ul.list li a:hover {
  text-decoration: none;
  background: url("../img/icons/icon03.png") no-repeat #ffdc73 1px center;
}

.page-main {
  padding-top: 14px;
  font-size: 1.2rem;
}
.page-main .text-main {width: 670px;padding: 0 17px 17px;}
.page-main h2 {
  width: 100%;
  min-width: inherit;
  background-size: cover;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 10px;
  background: #FFD772;
  padding: 4px 8px 0px 20px;
  position: relative;
}
.page-main .text-main dl,
.page-main .text-main p,
.page-main .text-main ul,
.page-main .text-main ol{margin-bottom:1em;}
.page-main h2:before {
  display: block;
  content: " ";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  width: 5px;
  background: #fff;
}
.page-main h3 {
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 2px;
  border-bottom: 2px dotted #ccc;
  margin-bottom: 5px;
}
.page-main h4 {
  font-size: 1.5rem;
  padding-left: 12px;
  position: relative;
}
.page-main h4:before {
  display: block;
  content: " ";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0px;
  width: 5px;
  background: #FFD772;
}
.page-main h5 {
  font-size: 1.4rem;
  padding-left: 10px;
  font-weight: bold;
}
.page-main ul li {
  padding-left: 1em;
}
.page-main ol li {
  list-style-type: decimal;
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}
.page-main table {
  border-collapse: collapse;
}
.page-main table caption {
  text-align: center;
  font-weight: bold;
}
.page-main table th {
  padding: 6px;
  text-align: center;
  vertical-align: top;
  color: #333;
  background-color: #ecebe6;
  border: 1px solid #bbbbbb;
  font-weight: bold;
}
.page-main table td {
  padding: 6px;
  background-color: #fff;
  border: 1px solid #bbbbbb;
}
.mn-01.page-main .image-list li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-image:none;
}
.page-main .image-list li:nth-child(2n) {
  margin-right: 0;
}
.page-main .image-list li img {
  border: 1px solid #E1E1E1;
}

div.info2 {
  padding: 0 9px 9px;
  margin-bottom: 13px;
}
div.info2 .border {
  border-top: 1px dotted #ccc;
  display: block;
  padding-bottom: 15px;
}
div.info2 .title {
  width: 100px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 3px solid #ffab2d;
  text-align: center;
  padding: 0 10px;
  margin: 0 auto 15px;
}
div.info2 ul {
  padding: 0 9px;
  background: #f8f7f4;
}
div.info2 ul li {
  border-bottom: 1px solid #e1e1d2;
}
div.info2 ul li:last-child {border: none;}
div.info2 ul li a {
  display: block;
  padding-left: 30px;
  height: 55px;
  line-height: 55px;
  background: url("../img/icons/arrow02.png") no-repeat 10px 20px;
}
div.info2 ul li a:hover {
  background: url("../img/icons/arrow02.png") no-repeat 10px 20px #ffab2d;
  color: #fff;
  text-decoration: none;
}

@media screen and (min-width: 0px) and (max-width:980px) {
header,
header .head,
header nav #menu,
.contents,
article,
.page-main .text-main,
.side,
.side .cal-wrap,
footer,
footer nav ul,
footer .wrap{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.side .mp_login{margin-left:auto;margin-right:auto;}
header .head form input.search_txt{height:38px;}
header .head form .search_bt{height:44px;}
header .head ul li img.f1,
header .head ul li img.f2,
header .head ul li img.f3,
header .head ul li img.b1,
header .head ul li img.b2,
header .head ul li img.b3{width:auto;height:44px;}
}

@media screen and (min-width: 0px) and (max-width:820px) {
header .head ul li:nth-child(1){width:97px;}
header .head ul li{margin-bottom:15px;}
header .head ul li:nth-child(9){clear:both;}
}
@media screen and (min-width: 0px) and (max-width:770px) {
header .head ul li:nth-child(5){width:97px;clear:both;}
}
@media screen and (min-width: 0px) and (max-width:641px) {
header nav #menu li.gnavi01 {width:24%;}
header nav #menu li.gnavi02 {width:26%;}
header nav #menu li.gnavi03 {width:50%;}
header nav #menu li.gnavi04 {width:50%;}
header nav #menu li.gnavi05 {width:50%;}
}
@media screen and (max-width: 480px) {
  div, li, ul, p, dl, dt, dd, nav {box-sizing: border-box;}
  header {
    width: 100%;
    min-width: inherit;
    height: 100px;
    border: none;
    position: relative;
  }
  header .head-logo {
    margin-bottom: 10px;
    height: 50px;
  }
  header .head {width: 100%;text-align: center;position: relative;}
  header .head form .search_txt {display:block;width:33%;float:left;overflow:auto;}
  header .head form input.search_txt,
  .top .top-search form input[type="text"]{width:48%;font-size:17px;}
  header .head form .search_bt{width:15%;}
  header .head img.sp-menu {
    display: block;
    position: absolute;
    right: 16px;
    top: -5px;
  }
   header .head img.logo {
    width: 80%;
    margin-left: 20px;
  }
  header .head a {
    width: 264px;
    display: block;
  }
  header .head ul {
    float: none;
    margin: 0;
    margin-left: 10px;
  }
  header .head ul li {
    display: none;
    float: none;
  }
  header .head ul li:last-child {
    display: block;
  }
  header nav {
    display: none;
    height: auto;
    background: #fff;
    width: 100%;
    left: 0;
    top: 105px;
    position: absolute;
    z-index: 999;
    min-width: 320px;
    margin-top: 0;
  }
  header nav #menu {
    width: 100%;
    padding: 10px;
    cursor: pointer;
  }
  header nav #menu li {
    float: none;
    margin: 0 auto;
    height: auto;
    background: #fff;
    width: 100% !important;
  }
  header nav #menu li a {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 10px 0;
    border-top: 1px dotted #999;
  }
  header nav #menu li a.active {
    background: #fff;
  }
  header nav #menu li:last-child {
    background: #fff;
  }
  header nav #menu li:last-child a {
    border-bottom: 1px dotted #999;
  }
  header nav #menu li.gnavi05 a {width: 100%;}
  .contents {
    width: 100%;
    min-width: inherit;
    padding: 10px;
    box-sizing: border-box;
  }
  .contents article {
    float: none;
    min-width: inherit;
    width: 100%;
  }
  .contents article .locus {
    margin-bottom: 10px;
  }
  .contents .side {
    float: none;
    width: auto;
  }
  .contents .side .cal-wrap {
    width: auto;
    margin-bottom: 10px;
  }
  .contents .side .cal-wrap .cal-title {
    margin-bottom: 10px;
  }
  .contents .side .cal-cap {
    width: 210px;
    margin: 5px auto;
  }
  .contents .side .mp_login {
    width: 100%;
    margin-bottom: 10px;
  }
  .contents .side .banner img {
    width: 100%;
  }
  .contents .side.pana {
    margin-top: 10px;
  }
  footer {
    width: 100%;
    height: 300px;
    min-width: inherit;
    box-sizing: border-box;
  }
  footer nav ul {
    width: auto;
    padding: 0 10px;
  }
  footer nav ul li {
    margin: 0;
  }
  footer nav ul li:after {
    padding: 0 5px;
  }
  footer .wrap .addr dl {width: auto;float: none;}
  footer .wrap .sp-m {display: none;}
  footer .wrap .copyright {text-align: center;margin: 10px 0 0;}
  .reread_link {
    right: 10px;
    bottom: 10px;
  }
  .top {
    box-sizing: border-box;
    margin-top: 5px;
  }
  .top h2.tp {width:100%;height:117px;min-width: inherit;background-size: cover;box-sizing: border-box;margin-bottom:10px;}
  .top h2.tp {height:0px;padding-top:40%;box-shadow:inset 0px 0px 0px 7px #ffffff;border:3px solid #eee;margin-bottom: 29px;background:url("../img/top/header.png") no-repeat center center;background-size:contain;text-indent:-100em;overflow:hidden;}
  .top .title2 h2 {
    height: auto;
    padding: 5px;
  }
  .top .top-search {height: auto;text-align: center;margin-bottom: 10px;}
  #main .top .top-search img {float: none;margin:0;}
  .top .top-search form label {float: none;}
  .top .top-search form div {float: none;margin: 5px auto 0;width: 262px;}
  .top .top-search form input[type="text"] {width:65%;}
  .top .top-search form input[type="submit"] {width:30%;}
  .top .mn-01 {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
  }
  .top .mn-01 .title {
    height: auto;
  }
  .top .mn-01 .title img {
    margin: 0 0 5px 5px;
  }
  .top .mn-01 .title a {
    margin-top: 2px;
  }
  .top .mn-01 dl {width: auto;}
  .top .mn-01 dl dt {
    position: relative;
    width: auto;
    height: 35px;
    line-height: 35px;
  }
  .top .mn-01 dl dt div {
    margin-right: 0;
    margin-left: 10px;
  }
  .top .mn-01 dl dt p {
    position: relative;
    float: left;
    left: 0;
    margin-left: 10px;
  }
  .top .mn-01 dl dd,.top .mn-01 ul li {width: auto;height: auto;line-height: 1.5em;padding-left: 10px;padding-bottom: 10px;clear:both;}
  .top .mn-01 ul li {
    padding-left: 0.5em;
  }
  .top .top-event .title a {
    margin-top: 5px;
  }
  .page-main .text-main {
    width: 100%;
  }
  .page-main .image-list li {
    float: none;
    margin-right: 0;
  }
  .page-main .image-list li:last-child {
    margin-bottom: 0;
  }
  .page-main .image-list li img {width: 100%;}
  .text-main iframe,
  .text-main p img{max-width:100%;height:auto;}
}