@charset "ISO-8859-1";
/* --common --*/
* {
  font-family: "Arial", "Times New Roman", "Helvetica", "Universe";
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #333;
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
}
#box_common {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
a {
  text-decoration: none;
}
a:link {
  color: #a30;
  text-decoration: underline;
}
a:visited {
  color: #a30;
  text-decoration: underline;
}
a:hover {
  color: #a30;
  text-decoration: none;
}
a:active {
  color: #a30;
  font-family: Arial, "Times New Roman", Helvetica, Universe;
}
a.arrow {
  line-height: 2em;
}
.clear_float {
  clear: both;
}
/* --common --*/
/* --evasion css bug--*/
.box_height:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .box_height {
  height: 1px;
  overflow: visible;
}
/**/
* + html body .clear_float {
  height: 1px;
}
/* --evasion css bug--*/
/* --header --*/
#header_box {
  vertical-align: middle;
  border: none;
  border-collapse: collapse;
  font-size: 12px;
  position: relative;
}
#header_box img {
  margin: 0;
  padding: 0;
  border: 0;
}
#header_box li {
  list-style: none;
}
#header_box td {
  padding: 0;
}
#header_box td.header_logo {
  width: 410px;
  background: #fff;
}
#header_box td.header_closure {
  width: 298px;
  padding: 0 0 0 10px;
  color: #e80;
  font-size: 14px;
  font-weight: normal;
}
#header_box td.header_language {
  width: 55px;
  padding: 0 5px 0 0;
  font-size: 10px;
  text-align: right;
}
#header_box td.header_textbox {
  width: 145px;
}
#header_box td.header_textbox input {
  width: 140px;
  border: 1px solid #ccc;
}
#header_box td.header_button {
  width: 52px;
}
#header_box td.header_language a {
  text-decoration: none;
}
#header_box td.header_language a:link {
  color: #000;
  text-decoration: underline;
}
#header_box td.header_language a:visited {
  color: #000;
  text-decoration: underline;
}
#header_box td.header_language a:hover {
  color: #000;
  text-decoration: none;
}
#header_box td.header_language a:active {
  color: #000;
  text-decoration: underline;
}
.p-sns { /* -- SNS -- */
  display: flex;
  align-items: center;
  margin: 0 9px;
}
.p-sns__item {
  margin: 0 6px;
}
.p-sns__item a {
  display: block;
  text-align: center;
  transition: opacity 0.2s ease;
}
.p-sns__item a:hover {
  opacity: 0.6;
}
.p-sns__item a img {
  vertical-align: middle;
}
.p-sns__item a svg {
  vertical-align: middle;
}
/* --header --*/
/* --footer --*/
#footer_box {
  border-top: 1px solid #ccc;
  margin: 0 0 20px 0;
  padding: 10px 15px 0 15px;
  position: relative;
}
#footer_box img {
  margin: 0;
  padding: 0;
  border: 0;
}
#footer_box ul {
  float: left;
  padding: 0 0 15px 0;
}
#footer_box li {
  list-style: none;
  float: left;
  margin: 0 10px 0 0;
}
#footer_box li img {
  display: block;
}
#footer_box img.copy {
  margin: 7px 0 0 0;
  vertical-align: bottom;
}
.footer_box_copy {
  float: left;
  width: 500px;
}
.footer_box_qr {
  float: left;
  width: 430px;
}
#footer_box .footer_box_qr img {
  float: right;
  margin: 0 0 0 20px;
}
#link_japangov {
  float: left;
  width: 430px;
  text-align: right;
}
/* --footer --*/
/* --menu --*/
#menu_box_static {
  height: 55px;
  position: relative;
  z-index: 1;
}
#menu_box {
  position: absolute;
}
#menu_box img {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}
#menu_box li {
  list-style: none;
}
#menu_userguide, #menu_exhibition, #menu_learning, #menu_research, #menu_procedure, #menu_about, #menu_institution {
  float: left;
}
#menu_userguide_sub, #menu_exhibition_sub, #menu_learning_sub, #menu_research_sub, #menu_procedure_sub, #menu_about_sub, #menu_institution_sub {
  position: relative;
  display: none;
}
/* --menu --*/
/* --topic path --*/
#topicpath_box {
  width: 100%;
  height: 24px;
  vertical-align: middle;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  position: relative;
}
#topicpath_box table {
  width: 100%;
  height: 24px;
  border: none;
  border-collapse: collapse;
}
#topicpath_box td {
  padding: 4px 0 0 15px;
}
#topicpath_box a {
  text-decoration: none;
}
#topicpath_box a:link {
  color: #fff;
  text-decoration: none;
}
#topicpath_box a:visited {
  color: #fff;
  text-decoration: none;
}
#topicpath_box a:hover {
  color: #fff;
  text-decoration: underline;
}
#topicpath_box a:active {
  color: #fff;
}
/* --topic path --*/
/* --side contents --*/
#sideconte_box {
  width: 235px;
  float: left;
  padding: 14px 0 0 0;
}
#sideconte_box img {
  margin: 1px 0 0 0;
  padding: 0;
  border: 0;
  vertical-align: bottom;
}
#sideconte_box ul {
  margin: 0 0 0 30px;
  padding: 0 1em 0 0;
}
#sideconte_box li.last {
  margin: 0 0 10px 0;
}
#sideconte_box #banner_area {
  margin: 10px 0 25px 0;
  text-align: center;
}
#sideconte_box #banner_area img {
  margin: 15px 0 0 0;
  padding: 0;
  border: 0;
  _vertical-align: bottom;
}
#sideconte_box a {
  text-decoration: none;
}
#sideconte_box a:link {
  color: #333;
  text-decoration: none;
}
#sideconte_box a:visited {
  color: #333;
  text-decoration: none;
}
#sideconte_box a:hover {
  color: #333;
  text-decoration: underline;
}
#sideconte_box a:active {
  color: #333;
}
/* --side contents --*/
/* --body --*/
#body_box_index {
  width: 900px;
  padding: 30px;
}
.body_box_index_padding {
  padding: 20px 35px 0 35px;
}
#body_box_index .index_name {
  width: 385px;
  height: 130px;
  padding: 20px 15px 0 15px;
  overflow: hidden;
  float: left;
  background-position: 15px 50px;
  background-repeat: no-repeat;
}
#body_box_index .index_name a img {
  border: 0;
}
#body_box_index .index_name p {
  padding: 10px 15px 0 15px;
}
#body_box_index .index_name p.index_icon {
  padding: 10px 100px 0 15px;
}
#body_box {
  width: 705px;
  margin: 30px 0 0 20px;
  float: left;
  position: relative;
}
#body_box .body_box_padding {
  width: 640px;
  padding: 0 45px 0 20px;
}
#body_box .body_box_title {
  margin: 0 0 30px 0;
}
#body_box .name_box {
  padding: 1em 10px 3em 10px;
}
#body_box .line_box {
  padding: 10px;
  border: 1px solid #000;
}
#body_box table.basic {
  border-style: solid;
  border-width: 1px 0 0 1px;
  border-color: #fff;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
  margin: 0 0 0.5em 0;
}
#body_box table.basic td {
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #fff;
  vertical-align: middle;
  background: #f4f2ef;
  padding: 10px;
}
#body_box table.basic td.sep {
  border-width: 0 0 1px 0;
}
#body_box table.basic th {
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #fff;
  vertical-align: middle;
  background: #e3e0dc;
  padding: 10px;
}
#body_box .title_box a, #body_box .sub_title a {
  text-decoration: none;
}
#body_box .alert_box {
  width: 608px;
  padding: 10px 5px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8em;
  background: #ffd;
}
#body_bg_box .extra_box {
  border-style: solid;
  border-color: #b2aba0;
  border-width: 5px 1px 1px 1px;
  padding: 10px;
  background: #f4f2ef;
}
/* --body --*/
/* --margin --*/
.margin_1em {
  margin: 1em;
}
.margin_2em {
  margin: 2em;
}
.margin_3em {
  margin: 3em;
}
.margin_4em {
  margin: 4em;
}
.margin_5em {
  margin: 5em;
}
.margin_top_05em {
  margin: 0.5em 0 0;
}
.margin_top_1em {
  margin: 1em 0 0 0;
}
.margin_top_2em {
  margin: 2em 0 0 0;
}
.margin_top_3em {
  margin: 3em 0 0 0;
}
.margin_top_4em {
  margin: 4em 0 0 0;
}
.margin_top_5em {
  margin: 5em 0 0 0;
}
.margin_left_1em {
  margin: 0 0 0 1em;
}
.margin_left_2em {
  margin: 0 0 0 2em;
}
.margin_left_3em {
  margin: 0 0 0 3em;
}
.margin_left_4em {
  margin: 0 0 0 4em;
}
.margin_left_5em {
  margin: 0 0 0 5em;
}
.margin_right_1em {
  margin: 0 1em 0 0;
}
.margin_right_2em {
  margin: 0 2em 0 0;
}
.margin_right_3em {
  margin: 0 3em 0 0;
}
.margin_right_4em {
  margin: 0 4em 0 0;
}
.margin_right_5em {
  margin: 0 5em 0 0;
}
.margin_bottom_05em {
  margin: 0 0 0.5em 0;
}
.margin_bottom_1em {
  margin: 0 0 1em 0;
}
.margin_bottom_2em {
  margin: 0 0 2em 0;
}
.margin_bottom_3em {
  margin: 0 0 3em 0;
}
.margin_bottom_4em {
  margin: 0 0 4em 0;
}
.margin_bottom_5em {
  margin: 0 0 5em 0;
}
/* --margin --*/
/* --padding --*/
.padding_1em {
  padding: 1em;
}
.padding_2em {
  padding: 2em;
}
.padding_3em {
  padding: 3em;
}
.padding_4em {
  padding: 4em;
}
.padding_5em {
  padding: 5em;
}
.padding_top_1em {
  padding: 1em 0 0 0;
}
.padding_top_2em {
  padding: 2em 0 0 0;
}
.padding_top_3em {
  padding: 3em 0 0 0;
}
.padding_top_4em {
  padding: 4em 0 0 0;
}
.padding_top_5em {
  padding: 5em 0 0 0;
}
.padding_left_1em {
  padding: 0 0 0 1em;
}
.padding_left_2em {
  padding: 0 0 0 2em;
}
.padding_left_3em {
  padding: 0 0 0 3em;
}
.padding_left_4em {
  padding: 0 0 0 4em;
}
.padding_left_5em {
  padding: 0 0 0 5em;
}
.padding_right_1em {
  padding: 0 1em 0 0;
}
.padding_right_2em {
  padding: 0 2em 0 0;
}
.padding_right_3em {
  padding: 0 3em 0 0;
}
.padding_right_4em {
  padding: 0 4em 0 0;
}
.padding_right_5em {
  padding: 0 5em 0 0;
}
.padding_bottom_1em {
  padding: 0 0 1em 0;
}
.padding_bottom_2em {
  padding: 0 0 2em 0;
}
.padding_bottom_3em {
  padding: 0 0 3em 0;
}
.padding_bottom_4em {
  padding: 0 0 4em 0;
}
.padding_bottom_5em {
  padding: 0 0 5em 0;
}
/* --padding --*/
/* --font style --*/
.bold {
  font-weight: bold;
}
.red {
  color: #f00;
}
.back_botton {
  margin-top: 3em;
  border-style: dotted;
  border-color: #000;
  border-width: 1px 0px;
  padding: 5px;
  text-align: right;
}
/* --font style --*/
/* --font size --*/
.small {
  font-size: 11px;
}
.big {
  font-size: 14px;
}
.necessary {
  color: #f00;
}
.attention {
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.page_top {
  text-align: right;
  font-size: 11px;
  margin-top: 0.5em;
}
/* --font size --*/
/* --float --*/
.float_right {
  float: right;
}
.float_left {
  float: left;
}
/* --float --*/
/* --form --*/
.form_w50 {
  width: 50px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w100 {
  width: 100px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w150 {
  width: 150px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w200 {
  width: 200px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w250 {
  width: 250px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w300 {
  width: 300px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w350 {
  width: 350px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w400 {
  width: 400px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w450 {
  width: 450px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w500 {
  width: 500px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_w550 {
  width: 550px;
  border: 1px solid #ccc;
  padding: 0.2em 0.2em 0 0.2em;
}
.form_error {
  background: #fcc;
  border: 1px solid #f66;
}
.form_ime_dis {
  ime-mode: disabled;
}
.form_error_box {
  width: 618px;
  background: #fee;
  border: 1px solid #f66;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #f00;
  font-size: 14px;
}
/* --form --*/
/* --081118add-- */
@media print {
  body {
    _zoom: 60%;
  }
  #menu_box_static {
    zoom: 95%;
  }
}
/*Shared*/
.alignC {
  text-align: center;
}
h4.sub_titile_bodytop {
  margin-left: 1.2em;
  padding-bottom: 1em;
  padding-top: 0.5em;
  color:
    #666666;
  font-size: 1.5em;
}
/*sp smartphone*/
/*------------
switch-btn
--------------*/
#topc-btn, #tomb-btn {
  display: none;
}
#load-area {
  display: none !important;
}
#top-menu, .slicknav_menu {
  display: none;
}
@media screen and (min-width: 4000px) {
  /* #menu is the original menu */
  .js #menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
}
#switch_btn, #mbnavi, #footer-mb {
  display: none;
}
#mb-subNav, .userguide-subNav {
  display: none;
}
.mb_index_name {
  display: none;
}
#mb_index_title {
  display: none;
}