@charset "shift_jis";
/* --common --*/
body {
  background: #fff url(../imgs/bg_top_body.gif) repeat-y top center;
  _margin: 0 0 0 1px;
  background: #f6fce6;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
}
li {
  list-style: none;
}
/* -- h2 --*/
body#top .infoBoxSection h2 {
  margin-bottom: 0 !important;
  padding: 0;
}
/* --key swf --*/
#key_box {
  height: 422px;
  background: #95b009;
}
/* --key swf --*/
/* --institution --*/
#institution_box {
  padding: 0 9px 0 0;
  height: 40px;
  background: #d5d5d5;
  margin: 1px 0 0 0;
}
#institution_box img {
  float: right;
  margin: 9px 6px 9px 0;
}
#institution_box h2 {
  margin: 0;
  padding: 0;
}
/* --institution --*/
/* --info --*/
#info_box {
  padding: 0 15px 0 15px;
  margin: 14px 0 0 0;
}
#info_box dl {
  padding: 7px 10px 0 10px;
  width: 297px;
  position: relative;
}
#info_box dt {
  float: left;
}
#info_box dd {}
.info_new {
  width: 317px;
  background: url(../imgs/bg_info_w.gif) 0 20px no-repeat;
  float: left;
}
.info_new img, .info_today img {
  float: left;
}
.info_new dd img {
  float: none;
  vertical-align: middle;
  padding: 0 0 0 10px;
  _margin: 0 0 1px 0;
}
.info_new dt {
  width: 70px;
}
.info_new dd {
  width: 217px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
  padding: 0 0 0 10px;
}
.info_today {
  width: 317px;
  float: left;
  background: url(../imgs/bg_info_w.gif) 0 20px no-repeat;
  margin: 0 14px 0 15px;
}
.info_today dt {
  background: url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
  width: 212px;
}
.info_today dt a {
  padding-left: 10px;
}
.info_today dd {
  width: 85px;
}
.info_today dd img {
  float: right;
}
.info_other {
  width: 267px;
  float: left;
}
.info_other_info, .info_other_exhibition {
  background: url(../imgs/bg_info_other.gif) 0 20px no-repeat;
}
.info_other_info dd, .info_other_exhibition dd {
  background: url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
  padding: 0 0 0 10px;
  width: 237px;
}
.info_other_info dd.note img {
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.info_other_info {
  width: 267px;
}
.info_other_exhibition {
  width: 267px;
  margin: 10px 0 0 0;
}
.info_other_spot {
  width: 317px;
}
/* --info --*/
/* --member --*/
#member_box {
  height: 40px;
  margin: 30px 0 20px 0;
  text-align: center;
}
#member_box img {
  margin: 0 10px 0 0;
  vertical-align: bottom;
}
/* --member --*/
/* ============================================
	Add 09/02/20
============================================ */
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
.mt05 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt12 {
  margin-top: 12px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#header_box {
  background: url(../imgs/cmn_head_dotline.gif) no-repeat 199px 7px;
  width: 960px;
  height: auto;
  overflow: inherit;
  position: relative;
}
#header_box h1 {
  display: inline;
  float: left;
  margin: 15px 29px 0 20px; /* Mdd 090330 */
}
.headTopics {
  float: left;
  margin-top: 15px;
  width: 360px; /* Mdd 090330 */
}
.headSearch {
  float: left;
  margin-top: 25px;
  width: 235px;
  /*width: 260px;*/
}
.headSearch p {
  float: left;
}
.headEnglish {
  margin-right: 10px;
}
.headSearchBox {
  margin-right: 1px;
}
.headSearchBox input {
  border: 1px solid #cccccc;
  width: 140px; /* Add 090330 */
}
.headSearch inupt {
  vertical-align: middle;
}
.headSearch a {
  color: #000000;
  font-size: 85%;
}
.headBtn {
  position: absolute;
  top: 15px;
  right: 15px;
}
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#gNavi {
  width: 960px;
  height: 68px;
  position: relative;
}
#gNavi li {
  position: absolute;
  top: 0;
}
li.gNav01 {
  left: 0;
}
li.gNav02 {
  left: 160px;
}
li.gNav03 {
  left: 320px;
}
li.gNav04 {
  left: 480px;
}
li.gNav05 {
  left: 640px;
}
li.gNav06 {
  left: 800px;
}
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
ul.infoBox {
  margin: 15px 0 15px 15px;
  width: 960px;
}
li.topicsBox, li.eventBox {
  display: block;
  float: left;
  margin-right: 15px;
  width: 326px;
}
div.infoBoxSection {
  background: url(../imgs/bg_info_t.gif) no-repeat left top;
  width: 326px;
  position: relative;
  margin-bottom: 10px;
}
div.infoBoxSection div {
  width: 326px;
  overflow: hidden;
}
li.topicsBox dl {
  padding: 7px 10px 0 10px;
  width: 297px;
  overflow: hidden;
}
li.topicsBox dl dt {
  clear: left;
  display: inline;
  float: left;
  margin-left: 10px;
  width: 56px;
  padding: 0 0 0.5em 0;
}
li.topicsBox dl dd {
  background: url(../imgs/bg_linkarrow.gif) no-repeat left 5px;
  margin-left: 66px;
  padding-left: 8px;
  padding-bottom: 0.5em;
}
li.topicsBox dl dd img {
  margin-left: 5px; /* 090305 */
  vertical-align: text-bottom; /* 090305 */
}
li.eventBox ul {
  padding: 7px 0 0 10px;
  width: 223px;
  float: left;
}
li.eventBox ul li {
  background: url(../imgs/bg_linkarrow.gif) no-repeat left 5px;
  _margin-bottom: 4px; /* 090305 */
  padding-left: 10px;
  padding-bottom: 0.5em;
}
li.eventBox ul li img {
  margin-left: 5px; /* 090305 */
  vertical-align: text-bottom; /* 090305 */
}
.eventBoxBtn {
  display: inline;
  float: right;
  margin: 10px 8px 0 0;
}
li.bnrBox {
  width: 249px;
  overflow: hidden;
}
li.bnrBox ul {
  float: left;
}
li.bnrBox ul li {
  margin-bottom: 5px;
  height: 51px;
}
/* --------------------------------------------
	preset margin 
-------------------------------------------- */
#footer {
  border-top: 1px solid #cccccc;
  width: 960px;
  height: 82px;
  clear: both;
  padding: 0 0 15px 0;
}
#footerin {
  margin-left: 15px;
}
#footer ul {
  margin-top: 10px; /* Mdd 090331 */
  height: 11px;
  overflow: hidden;
  line-height: 1px;
}
#footer ul li {
  float: left;
  margin-right: 10px; /* Mdd 090331 */
}
.footLogo {
  margin-top: 14px;
}
.footCopyRight {
  margin-top: 7px;
}
/* globalNavi
-------------------------------------------------------------*/
ul#globalNavi {
  position: relative;
  width: 960px;
  height: 68px;
}
ul#globalNavi li, ul#globalNavi li a {
  display: block;
  height: 68px;
}
ul#globalNavi li {
  position: absolute;
}
ul#globalNavi li.gNavi01, ul#globalNavi li.gNavi01 a, ul#globalNavi li.gNavi02, ul#globalNavi li.gNavi02 a, ul#globalNavi li.gNavi03, ul#globalNavi li.gNavi03 a, ul#globalNavi li.gNavi05, ul#globalNavi li.gNavi05 a, ul#globalNavi li.gNavi06, ul#globalNavi li.gNavi06 a {
  width: 160px;
}
ul#globalNavi li.gNavi04, ul#globalNavi li.gNavi04 a {
  width: 160px;
}
ul#globalNavi li.gNavi01 {
  left: 0;
  top: 0px;
}
ul#globalNavi li.gNavi02 {
  left: 160px;
  top: 0px;
}
ul#globalNavi li.gNavi03 {
  left: 320px;
  top: 0px;
}
ul#globalNavi li.gNavi04 {
  left: 480px;
  top: 0px;
}
ul#globalNavi li.gNavi05 {
  left: 640px;
  top: 0px;
}
ul#globalNavi li.gNavi06 {
  left: 800px;
  top: 0px;
}
ul#globalNavi li a:hover {
  background-color: transparent;
}
ul#globalNavi li a:hover img {
  visibility: hidden;
}
/* globalNavi pulldown
-------------------------------------------------------------*/
#globalNavi .gNavi01, #globalNavi .gNavi02, #globalNavi .gNavi03, #globalNavi .gNavi04, #globalNavi .gNavi05, #globalNavi .gNavi06, #globalNavi .gNavi07 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#globalNavi .gNavi01 a.menu, #globalNavi .gNavi02 a.menu, #globalNavi .gNavi03 a.menu, #globalNavi .gNavi05 a.menu, #globalNavi .gNavi04 a.menu #globalNavi .gNavi06 a.menu, #globalNavi .gNavi07 a.menu {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 160px;
  text-decoration: none;
}
#globalNavi .gNavi01 a, #globalNavi .gNavi02 a, #globalNavi .gNavi03 a, #globalNavi .gNavi04 a, #globalNavi .gNavi05 a, #globalNavi .gNavi06 a, #globalNavi .gNavi07 a {
  height: 19px;
   !important;
}
#globalNavi .last a {
  height: 23px;
   !important;
}
#globalNavi .gNavi01 a:hover img, #globalNavi .gNavi02 a:hover img, #globalNavi .gNavi03 a:hover img, #globalNavi .gNavi04 a:hover img, #globalNavi .gNavi05 a:hover img, #globalNavi .gNavi06 a:hover img, #globalNavi .gNavi07 a:hover img {
  visibility: visible !important;
}
.submenu {
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.submenu a {
  display: block;
  text-align: left;
}
.submenu p.titPulldown {
  height: 68px;
}
.submenu p.btnPulldown {
  height: 45px;
}
/*---------QRコード欄を作成---------*/
#footerin {
  float: left;
  width: 440px; /*490px*/
}
.footer_box_qr {
  float: left;
  width: 490px; /*440px*/
  text-align: right;
}
#footer_box .footer_box_qr img {
  float: right;
  margin: 0 0 0 20px;
}
.maL7 {
  margin-left: 7px;
}
/* メニュー下お知らせ */
#announce, #announce2 {
  width: 928px;
  background: #fff;
  margin: 15px 0 15px 15px;
  padding: 10px;
  border: 1px solid #f00;
  box-sizing: border-box;
}
#announce2 {
  border: 2px solid #999;
}
#announce h3, #announce2 h3 {
  font-size: 1rem;
  margin-bottom: 8px;
}
#announce h4, #announce2 h4 {
  color: #f00;
}
#announce p, #announce2 p {
  font-size: .9em;
  text-indent: 1em;
  margin: .3em 0 0 10px;
}