/* jQuery UI - Autocomplete */
.ui-autocomplete {
  text-align: left;
}
/* slider-pro */
.slider-pro--deleted {
  /* タッチイベントを有効化する */
  -ms-touch-action: none;
  touch-action: none;
}
/* simple-pagination */
ul.simple-pagination {
  list-style: none;
}
.simple-pagination {
  display: block;
  overflow: hidden;
  padding: 0 0 4px 0;
  /* 4px: shadow */
  margin: 0;
}
.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: auto;
}
.light-theme a {
  text-decoration: none;
}
.light-theme a:hover {
  color: #035586;
  background-color: #f8f6f6;
}
.light-theme a,
.light-theme span {
  float: left;
  width: 45px;
  height: 46px;
  /* + shadow 4px */
  margin-right: 8px;
  padding: 13px 7px 0 7px;
  color: #035586;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #eae6e6;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 0 0 #a7a8a9;
}
.light-theme a.prev,
.light-theme a.next {
  color: #000;
}
.light-theme a.prev,
.light-theme a.next,
.light-theme span.prev,
.light-theme span.next {
  width: 120px;
}
.light-theme .current {
  background-color: #eee;
  color: #aaa;
  cursor: default;
}
.light-theme .ellipse {
  color: #000;
  font-weight: bold;
  cursor: default;
}
/* CLEAR */
hr.clear {
  clear: both;
  border: 0 hidden #fff !important;
  margin: 0 !important;
}
/*START 20161129 SMART-TEC インターネットリンク回り込み*/
hr.clear_left {
  clear: left;
  border: 0 hidden #fff !important;
  margin: 0 !important;
}
/*END 20161129 SMART-TEC インターネットリンク回り込み*/
/* CLEAR */
img.fix_valign {
  margin-bottom: 2px;
}
img.fix_valign3 {
  margin-bottom: 3px;
}
img.fix_valign4 {
  margin-bottom: 4px;
}
/*START 20171026 SMART-TEC トップページ日がわり大百科文字が切れる対応*/
.fix_article_title {
  word-break: keep-all;
}
/*END 20171026 SMART-TEC トップページ日がわり大百科文字が切れる対応*/
/* ------------------------------------------------------------------------- */
/* font */
body {
  font: 15px "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  *font-size: small;
  /* for IE6/7 */
  *font: x-small;
  /* for IE Quirks Mode */
  color: #000;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  /* ボタンが横に並んだ時に、中のテキストの行数によって縦位置がずれる問題の対策 */
  vertical-align: middle;
}
table {
  font-size: inherit;
  font: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  color: inherit;
}
h2 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2 .ruby {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
h3 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h4 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.small {
  font-size: 12px;
}
.smaller {
  font-size: 13px;
}
.larger {
  font-size: larger;
}
.large {
  font-size: large;
}
.bold {
  font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* common */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  /*font-size: 10px;*/
}
body {
  background-color: #fff;
}
a {
  color: #035586;
  text-decoration: underline;
}
a:focus,
a:hover {
  color: #035586;
}
a:visited {
  color: #035586;
}
.linktext {
  color: #035586;
  text-decoration: underline;
}
.linktext:focus,
.linktext:hover {
  color: #035586;
}
.linktext:visited {
  color: #035586;
}
.linkcolor {
  color: #035586;
}
figure {
  margin: 0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}
img {
  vertical-align: middle;
}
input:-ms-input-placeholder {
  color: #a4a0a0;
}
input::-webkit-input-placeholder {
  color: #a4a0a0;
}
input::-moz-placeholder {
  color: #a4a0a0;
}
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
p {
  margin: 0 0 10px;
}
table {
  table-layout: fixed;
  /* 幅可変ではなく、等分する */
}
ruby {
  text-decoration: inherit;
  line-height: 1.5em;
}
ruby .ruby_rb {
  text-decoration: inherit;
}
ruby rt {
  font-size: 50%;
  font-weight: normal;
}
ruby rt .ruby_rt {
  text-decoration: none;
}
.yomi {
  font-weight: normal;
}
/* ------------------------------------------------------------------------- */
/* body */
.body_content {
  position: relative;
  width: 950px;
  margin: 0 auto;
  text-align: left;
}
/* ------------------------------------------------------------------------- */
/* content */
#content {
  margin-top: 17px;
}
#content .content_left {
  float: left;
  width: 150px;
  margin-right: 15px;
}
#content .content_right {
  float: left;
  width: 785px;
}
#content .content_single {
  float: left;
  width: 100%;
}
.background_area {
  width: 100%;
  min-height: 1167px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
  padding: 20px 15px;
}
.background_area_studyroom {
  width: 100%;
  min-height: 680px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
  padding: 20px 15px;
}
.background_area_error {
  width: 100%;
  min-height: 480px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
  padding: 20px 15px;
}
/* ぱんくずのグループdiv */
#breadcrumb {
  display: table;
  height: 40px;
  margin-bottom: 20px;
  background-color: #fff;
}
#breadcrumb .breadcrumb_item {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
}
#breadcrumb .breadcrumb_separator {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
/* ------------------------------------------------------------------------- */
/* control */
.button_deepblue {
  min-width: 45px;
  min-height: 46px;
  /* + shadow 4px */
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  background-color: #035d93;
  box-shadow: 0 4px 0 0 #03395a;
}
.button_deepblue:hover {
  color: #fff;
  border: none;
  background-color: #035586;
  box-shadow: 0 4px 0 0 #03395a;
}
.button_deepblue[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.button_deepblue2 {
  min-width: 110px;
  min-height: 40px;
  /* + shadow 4px */
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  background-color: #035d93;
  box-shadow: 0 4px 0 0 #03395a;
}
.button_deepblue2:hover {
  color: #fff;
  border: none;
  background-color: #035586;
  box-shadow: 0 4px 0 0 #03395a;
}
.button_deepblue2[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.button_blue {
  min-width: 45px;
  min-height: 46px;
  /* + shadow 4px */
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  background-color: #0685d2;
  box-shadow: 0 4px 0 0 #065788;
}
.button_blue:hover {
  color: #fff;
  border: none;
  background-color: #0672b3;
  box-shadow: 0 4px 0 0 #065788;
}
.button_blue[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.button_white {
  min-width: 45px;
  min-height: 46px;
  /* + shadow 4px */
  padding: 0;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #eae6e6;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 0 0 #a7a8a9;
}
.button_white:hover {
  color: #000;
  border: 1px solid #eae6e6;
  background-color: #f8f6f6;
  box-shadow: 0 4px 0 0 #a7a8a9;
}
.button_white[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.button_white_hovergreen {
  min-width: 45px;
  min-height: 46px;
  /* + shadow 4px */
  padding: 0;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #eae6e6;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 0 0 #a7a8a9;
}
.button_white_hovergreen:hover {
  color: #fff;
  border: none;
  background-color: #05a609;
  box-shadow: 0 4px 0 0 #036606;
}
.button_white_hovergreen[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.button_green_hovergreen {
  min-width: 45px;
  min-height: 46px;
  /* + shadow 4px */
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  background-color: #05a609;
  box-shadow: 0 4px 0 0 #036606;
}
.button_green_hovergreen:hover {
  color: #fff;
  border: none;
  background-color: #05a609;
  box-shadow: 0 4px 0 0 #036606;
}
.button_green_hovergreen[disabled] {
  color: #999;
  background-color: #c6c7c8;
  box-shadow: 0 4px 0 0 #7f8081;
}
.round {
  border-radius: 20px !important;
}
div.select_area {
  position: relative;
  height: 50px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background-color: #f6f7f8;
  background-image: -moz-linear-gradient(90deg, #f6f7f8 90%, #d8d8d8 100%);
  background-image: -webkit-linear-gradient(90deg, #f6f7f8 90%, #d8d8d8 100%);
  background-image: -ms-linear-gradient(90deg, #f6f7f8 90%, #d8d8d8 100%);
}
div.select_area select {
  -webkit-appearance: none;
  /* Safari で高さを変更できるようにする */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  opacity: 0;
  z-index: 100;
}
div.select_area .select_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 15px;
  height: 50px;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 50px;
  text-align: left;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}
div.select_area .select_pulldown {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  /* img:18px + padding:4px */
  height: 50px;
  /* include img:28px */
  margin: 0;
  padding: 11px 4px 0 0;
}
/* ------------------------------------------------------------------------- */
/* TOPナビゲーター */
#page_top_nav {
  position: fixed;
  bottom: 105px;
  width: 950px;
  /*height: 80px;*/
  height: 0;
  z-index: 2000;
}
#page_top_nav .page_top_button {
  position: absolute;
  display: inherit;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  background-color: rgba(4, 107, 169, 0.6);
  background-image: url("../images/foot_pagetop.png");
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 1px 2px 4px 0 rgba(4, 0, 0, 0.039);
}
/* ------------------------------------------------------------------------- */
/* studyroom と browsemenu で使用 */
.studyroom_hr {
  margin-top: 10px;
  border-top: 1px solid #d6d4d4;
}
.studyroom_hr_no_margin_top {
  margin-top: 0;
  border-top: 1px solid #d6d4d4;
}
.studyroom_hr_last {
  margin-top: 10px;
  margin-bottom: 0;
}
/*START 20161128 SMART-TEC 検索ヒットのハイライト対応 */
/* ------------------------------------------------------------------------- */
/* ハイライト表示用 */
.searchedWord {
  color: #ff0000;
}
/*END 20161128 SMART-TEC 検索ヒットのハイライト対応 */
@media print {
  .no_print {
    display: none;
  }
}
/* ------------------------------------------------------------------------- */
/* side menu */
ul.side_menu {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 0 0 6px 0;
  padding: 0;
  box-shadow: 1px 2px 4px 0 rgba(4, 0, 0, 0.039);
}
ul.side_menu li.title .box {
  position: relative;
}
ul.side_menu li.title .box .icon {
  position: absolute;
  left: -12px;
  top: 0;
  width: 35px;
  height: 100%;
  background-position: left center;
  background-repeat: no-repeat;
}
ul.side_menu li.border_bottom {
  /*border-bottom: 1px solid #e1dfdf;*/
}
ul.side_menu a {
  text-decoration: none;
}
/* 左メニューテーマ */
#recommendedMap .title .icon {
  background-image: url("../images/side_search.png");
}
/* START 20171101 SMART-TEC 考えを深める学習対応 */
#CollaborativeLearning .title .icon {
  background-image: url("../images/side_discussion.png");
}
/* END 20171101 SMART-TEC 考えを深める学習対応 */
#integratedStudy .title .icon {
  background-image: url("../images/side_all.png");
}
#subjectMenu .title .icon {
  background-image: url("../images/side_subject.png");
}
#studyroom .title .icon {
  background-image: url("../images/side_science.png");
}
#themeMenu .title .icon {
  background-image: url("../images/side_theme.png");
}
#pictureBook .title .icon {
  background-image: url("../images/side_book.png");
}
#multimedia .title .icon {
  background-image: url("../images/side_movie.png");
}
div.side_menu {
  position: relative;
  width: 150px;
  height: 60px;
  margin: 0 0 6px 0;
  box-shadow: 1px 2px 4px 0 rgba(4, 0, 0, 0.039);
}
/* ブラウズメニューh2テーマ */
h2.recommended_map {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fa6b80;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
/* START 20171101 SMART-TEC 考えを深める学習対応 */
h2.collaborative_learning {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #664ed0;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
/* END 20171101 SMART-TEC 考えを深める学習対応 */
h2.integrated_study {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #efad16;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.subject_menu {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #4eb032;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.studyroom {
  width: 100%;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #aac015;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.theme_menu {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #30b5e9;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.picture_book {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #b08ff2;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.multimedia {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f481c2;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.timeline {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ead403;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.statistics {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #9cc9e9;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.prodcontents {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #0685d2;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
h2.plusone {
  width: 754px;
  height: 80px;
  line-height: 80px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  border: 2px solid #d6d4d4;
}
/* ------------------------------------------------------------------------- */
/* top */
.alert_message {
  margin-top: 17px;
  padding: 10px;
  border: 2px solid #f9a4a2;
  background-color: #fff8f3;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #f00;
}
.custom_content {
  width: 784px;
  min-height: 530px;
  padding: 15px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
.custom_content #mainimg {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e5e2e2;
  color: #0685d2;
}
.pickup_content {
  position: relative;
  width: 784px;
  height: 610px;
  padding: 15px;
  /* タイトル部分 */
  /* 画像部分の背景 */
  /* 画像部分の左ボタン */
  /* 画像部分の右ボタン */
  /* タイトル部分の背景 */
  /* タイトル部分の左ボタン */
  /* タイトル部分の右ボタン */
}
.pickup_content .main_slide {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e5e2e2;
  color: #0685d2;
}
.pickup_content .main_thumbnail {
  display: table;
  height: 65px;
  width: 116px;
}
.pickup_content .main_thumbnail .main_title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14.5px;
  font-weight: bold;
}
.pickup_content .sp-thumbnails-container {
  height: 80px;
  margin-top: 15px;
  padding-top: 8px;
  /* タイトル部分(containerの内側) */
  /* タイトル部分(選択中の追加class) */
}
.pickup_content .sp-thumbnails-container .sp-thumbnail-container {
  background-color: #dbdddf;
  color: #b7b4b4;
  border-radius: 8px;
}
.pickup_content .sp-thumbnails-container .sp-thumbnail {
  cursor: pointer;
}
.pickup_content .sp-thumbnails-container .sp-selected-thumbnail {
  background-color: #62afdd !important;
  color: #fff !important;
}
.pickup_content .main_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 784px;
  height: 530px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
.pickup_content .main_slide_button_left {
  position: absolute;
  top: 241px;
  left: -10px;
  width: 48px;
  height: 48px;
}
.pickup_content .main_slide_button_right {
  position: absolute;
  top: 241px;
  left: 746px;
  width: 48px;
  height: 48px;
}
.pickup_content .title_area {
  position: absolute;
  top: 530px;
  left: 0;
  width: 784px;
  height: 80px;
  background-color: #f2f8fc;
  border-radius: 0 0 4px 4px;
  box-shadow: 1.5px 2.5px 4px 0px rgba(4, 0, 0, 0.078);
}
.pickup_content .title_slide_button_left {
  position: absolute;
  top: 530px;
  left: 0;
  width: 45px;
  height: 76px;
  /* + shadow 4px */
  border-radius: 0 0 0 4px !important;
}
.pickup_content .title_slide_button_right {
  position: absolute;
  top: 530px;
  left: 739px;
  width: 45px;
  height: 76px;
  /* + shadow 4px */
  border-radius: 0 0 4px 0 !important;
}
.pickup_menu {
  display: table;
  width: 784px;
  height: 100px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
.pickup_menu div.header {
  display: table-cell;
  width: 120px;
  vertical-align: middle;
  background-color: #b08ff2;
  border-radius: 4px 0 0 4px;
}
.pickup_menu div.header h2 {
  margin-top: 0;
  margin-bottom: 0;
  /*padding-left: 6px;*/
  /*padding-right: 8px;*/
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.pickup_menu div.content {
  display: table-cell;
  padding-left: 1px;
}
.pickup_menu div.content .item {
  display: inline-table;
}
.pickup_menu div.content .item .text {
  display: table-cell;
  width: 83px;
  vertical-align: middle;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.pickup_menu div.content .item .picture {
  display: table-cell;
  width: 71px;
  padding-right: 5px;
  vertical-align: middle;
}
.pickup_menu div.content .item .picture > img {
  border-radius: 10px;
}
.pickup_menu div.content .junior_size {
  width: 154px;
  height: 76px;
  /* + shadow 4px */
  margin-left: 9px;
  margin-top: 11px;
}
.pickup_menu div.content .junior_size .text {
  padding-left: 8px;
}
.pickup_menu div.content .general_size {
  width: 148px;
  height: 76px;
  /* + shadow 4px */
  margin-left: 7px;
  margin-top: 11px;
}
.pickup_menu div.content .general_size .text {
  padding-left: 5px;
}
.article_area {
  position: relative;
  left: 0;
  top: 20px;
}
.article_area .article_clear {
  clear: left;
  border: 0 hidden #fff;
}
.whatday {
  float: left;
  width: 260px;
  height: 435px;
  margin-right: 15px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
.whatday .box {
  margin: 0 15px 0 15px;
}
.whatday .box_other {
  position: absolute;
  top: 310px;
  margin: 0 15px 0 15px;
}
.whatday .box_other .search {
  height: 44px;
  margin-top: 15px;
}
.whatday .box_other .whatday_button {
  width: 180px;
  padding-left: 5px;
  text-align: left;
}
.whatday h2 {
  height: 47px;
  line-height: 47px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #24d3de;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.whatday h3 {
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: bold;
  color: #24d3de;
}
.whatday h3.small_margin {
  margin-top: 5px;
}
.whatday h4 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}
.whatday p {
  min-height: 35px;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.3em;
  color: #000;
}
.whatday hr {
  margin-top: 5px;
  margin-bottom: 0;
  border-top: 1px solid #24d3de;
}
.dailyarticles {
  float: left;
  width: 509px;
  height: 435px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
.dailyarticles .box {
  position: relative;
  left: 0;
  top: 0;
}
.dailyarticles .box .nature {
  position: absolute;
  left: 15px;
  top: 0;
  width: 150px;
}
.dailyarticles .box .biography {
  position: absolute;
  left: 180px;
  top: 0;
  width: 150px;
}
.dailyarticles .box .art {
  position: absolute;
  left: 345px;
  top: 0;
  width: 150px;
}
.dailyarticles h2 {
  height: 47px;
  line-height: 47px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #6cc700;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.dailyarticles h3 {
  margin-top: 16px;
  border-bottom: 2px solid #ebeeef;
  font-size: 18px;
  font-weight: bold;
  color: #6cc700;
}
.dailyarticles h3.small_margin {
  margin-top: 5px;
}
.dailyarticles h4 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.dailyarticles p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.3em;
  color: #000;
}
.dailyarticles div.picture {
  display: table;
  width: 100%;
  height: 120px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.dailyarticles div.picture > div {
  display: table-cell;
  vertical-align: middle;
}
.dailyarticles img.picture {
  display: block;
  max-width: 120px;
  max-height: 120px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.dailyarticles .detail_button {
  position: absolute;
  top: 325px;
  width: 150px;
  padding-left: 5px;
  /*height: 44px;*/
  text-align: left;
}
/* ------------------------------------------------------------------------- */
/* general - article */
#article {
  padding-top: 0 !important;
}
#article #head {
  overflow: hidden;
  width: 100%;
  height: 40px;
}
#article #head .head_parent {
  float: right;
}
#article #head .head_parent .head_float {
  float: left;
  padding-right: 10px;
  line-height: 40px;
}
#article .head_line {
  margin-top: 0;
  border-top: 2px solid #0685d2;
}
#article #title {
  display: table;
  width: 100%;
}
#article #title .title_text_cell {
  display: table-cell;
  vertical-align: top;
}
#article #title .title_text_cell h2 {
  margin-top: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #0685d2;
  line-height: 1.2em;
}
#article #title .title_text_cell .title_y {
  margin-top: 15px;
  font-size: 14px;
  color: #000;
  line-height: 1.2em;
}
#article #title .title_text_cell .title_e {
  margin-top: 5px;
  font-size: 14px;
  color: #000;
  line-height: 1.2em;
}
#article #title .title_text_cell .birth {
  margin-top: 15px;
  font-size: 14px;
  color: #000;
  line-height: 1.2em;
}
#article #title .flag_cell {
  display: table-cell;
  width: 150px;
  padding-left: 10px;
  vertical-align: middle;
}
#article #title .flag_cell .box {
  display: table;
  width: 140px;
  height: 140px;
  border: 1px solid #e1dede;
}
#article #title .flag_cell .box .inner_cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#article #title .map_cell {
  display: table-cell;
  width: 150px;
  padding-left: 10px;
  vertical-align: middle;
}
#article #title .map_cell .box {
  display: table;
  width: 140px;
  height: 140px;
  border: 1px solid #e1dede;
}
#article #title .map_cell .box .inner_cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#article .title_line {
  margin-top: 20px;
  border-top: 2px solid #ebeeef;
}
#article #jump_buttons {
  width: 765px;
  margin-bottom: 20px;
}
#article #jump_buttons .jump {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  margin-right: 9px;
  margin-bottom: 5px;
}
#article #jump_buttons .jump .jump_button {
  position: relative;
  width: 100px;
  height: 60px;
  padding-top: 2px;
  overflow: hidden;
}
#article #detail .text {
  font-size: 16px;
  color: #000;
  line-height: 2em;
}
#article #detail .text .mathInline {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
#article #detail .media {
  float: right;
  width: 200px;
  margin-left: 15px;
  background-color: #fff;
}
#article #detail .media .detail_image {
  margin-bottom: 20px;
}
#article #detail .media .detail_image img.picture {
  display: block;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#article #detail .media .detail_image .read {
  display: table;
  width: 100%;
}
#article #detail .media .detail_image .read .zoom_icon {
  display: table-cell;
  width: 23px;
}
#article #detail .media .detail_image .read .caption {
  display: table-cell;
  font-size: 12px;
  line-height: 1.3em;
}
#article #detail .media .detail_image .cr_hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #d6d7d7;
}
#article #detail .media .detail_image .cr,
#article #detail .media .detail_image .cr_read {
  font-size: 11px;
  line-height: 1.3em;
}
#article #detail #information_text {
  display: none;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
}
#article #detail #information_text .information_text_decorate {
  color: #1e7dc2;
}
#article #detail #accordion_panel dt {
  display: table;
  min-height: 50px;
  margin-bottom: 20px;
  background-color: #f0f1f2;
  cursor: pointer;
}
#article #detail #accordion_panel dt .accordion_title {
  display: table-cell;
  width: 704px;
  height: 100%;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
#article #detail #accordion_panel dt .accordion_arrow {
  display: table-cell;
  width: 50px;
  height: 100%;
  background-color: #c5c6c7;
  text-align: center;
  vertical-align: middle;
}
#article #detail #accordion_panel dd {
  margin-left: 0;
}
#article #detail #accordion_panel dd .accordion_print {
  float: right;
  width: 150px;
  height: 100%;
  margin-bottom: 20px;
  padding-right: 10px;
  text-align: right;
}
#article #detail .internal_ref {
  margin-bottom: 20px;
  border: 1px solid #d6d7d7;
  /*START 20171109 SMART-TEC 項目本文画面上での PDF メディアのサムネイル表示対応*/
  /*START 20171109 SMART-TEC 項目本文画面上での PDF メディアのサムネイル表示対応*/
}
#article #detail .internal_ref .ref_title {
  float: left;
  height: 35px;
  margin: 10px 10px 0 10px;
  padding: 10px;
  background-color: #0685d2;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#article #detail .internal_ref .ref_biblio_title {
  float: left;
  height: 35px;
  margin: 10px 10px 0 10px;
  padding: 10px;
  background-color: #f9b745;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#article #detail .internal_ref .ref_list {
  padding: 10px;
}
#article #detail .internal_ref .ref_list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#article #detail .internal_ref .ref_list ul li {
  margin-top: 10px;
  margin-bottom: 10px;
}
#article #detail .internal_ref .ref_list ul li .biblio_title {
  display: table;
  width: 100%;
}
#article #detail .internal_ref .ref_list ul li .biblio_title .biblio_title_icon {
  display: table-cell;
  width: 23px;
}
#article #detail .internal_ref .ref_list ul li .biblio_title .biblio_title_text {
  display: table-cell;
}
#article #detail .internal_ref .ref_list ul li .biblio_title .biblio_title_text .biblio_bookname {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 1.45em;
}
#article #detail .internal_ref .ref_list ul li .biblio_title .biblio_title_text .biblio_ruby {
  font-size: 15px;
  color: #000;
  line-height: 1.45em;
}
#article #detail .internal_ref .ref_list ul li .biblio_detail {
  margin-left: 30px;
  margin-top: 10px;
  font-size: 15px;
  color: #000;
  line-height: 1.45em;
}
#article #detail .internal_ref .ref_list .ref_list_icon {
  margin-right: 10px;
}
#article #detail .internal_ref .ref_list .kids_icon {
  margin-left: 10px;
}
#article #detail .internal_ref .ref_thumb {
  display: inline-block;
  margin-left: 10px;
  margin-top: 20px;
}
#article #detail .internal_ref .ref_thumb .ref_thumb_cell {
  display: inline-block;
  vertical-align: top;
  width: 164px;
  margin-right: 12px;
}
#article #detail .internal_ref .ref_thumb .ref_thumb_cell .ref_thumb_cell_text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.45;
}
#article #detail .external_ref {
  margin-bottom: 20px;
}
#article #detail .external_ref .ref_title {
  display: table;
  width: 100%;
  height: 35px;
  background-color: #38beef;
}
#article #detail .external_ref .ref_title .ref_title_cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#article #detail .external_ref .ref_title .ref_title_padding {
  padding-left: 10px;
}
#article #detail .external_ref .ref_list {
  padding: 10px;
  background-color: #eff2f3;
}
#article #detail .external_ref .ref_list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#article #detail .external_ref .ref_list ul li {
  margin-top: 10px;
  margin-bottom: 10px;
}
#article #detail .external_ref .ref_list .ref_list_icon {
  margin-right: 10px;
}
#article #detail .external_ref .ref_list .ref_kidslink_icon {
  margin-left: 10px;
}
#article #keyword_list {
  margin-bottom: 20px;
  /* START 20161205 SMART-TEC 項目画面の表示内容調整 */
  display: none;
  /* END 20161205 SMART-TEC 項目画面の表示内容調整 */
}
#article #bottom_links {
  display: table;
  width: 100%;
}
#article #bottom_links .left_cell {
  display: table-cell;
  width: 125px;
}
#article #bottom_links .center_cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#article #bottom_links .right_cell {
  display: table-cell;
  width: 125px;
  text-align: right;
  vertical-align: middle;
}
#article #bottom_links .back_button {
  width: 150px;
  margin-right: 20px;
}
#article #bottom_links .search_button {
  width: 190px;
}
#article .printtxt {
  font-size: 14px;
  font-weight: bold;
}
#article .printimg {
  margin-right: 5px;
}
/* ------------------------------------------------------------------------- */
/* general - browse_menu */
#browse_menu .h1Title {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 10px 15px 10px;
  border: 2px solid #d6d4d4;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
}
#browse_menu #browseMenuHeader {
  /* タイトルの下のバナー画像 */
}
#browse_menu #browseMenuHeader .innerItemMedia {
  margin-top: 0;
}
#browse_menu #browseMenuHeader .innerItem1 {
  margin-top: 20px;
}
#browse_menu #browseMenuHeader .innerItem1Indent {
  margin-top: 10px;
  /* アイコンの分字下げする */
  padding-left: 30px;
  text-indent: -30px;
}
#browse_menu .browseMenuHeaderHr {
  border-top: 2px solid #ebeeef;
}
#browse_menu #browseMenuSort {
  display: table;
  width: 100%;
  height: 45px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 20px;
  background-color: #f0f1f2;
  border-top: 2px solid #ccc;
}
#browse_menu #browseMenuSort #nowSortMode {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
#browse_menu #browseMenuSort #otherSortMode {
  display: table-cell;
  text-align: right;
  vertical-align: top;
}
#browse_menu #browseMenuSort #otherSortMode .sortModeContainer {
  display: inline-table;
  height: 100%;
  border-left: 2px solid #ccc;
}
#browse_menu #browseMenuSort #otherSortMode .sortModeContainer .sortMode {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}
#browse_menu #initialList {
  display: table;
  width: 100%;
  height: 45px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 20px;
  background-color: #f0f1f2;
  border-top: 2px solid #ccc;
}
#browse_menu #initialList .sortorder_cell {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
#browse_menu #initialList .initial_cell {
  display: table-cell;
  width: 38px;
  border-left: 2px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
#browse_menu #browsemenuContents {
  width: 755px;
  margin-top: 20px;
}
#browse_menu #browsemenuContents .initialSortedList {
  width: 100%;
}
#browse_menu #browsemenuContents .initialSortedList tr.initialMarker > td {
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: #000;
}
#browse_menu #browsemenuContents .item1Container {
  display: table;
  width: 100%;
  margin-top: 20px;
}
#browse_menu #browsemenuContents .item1Title {
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
}
#browse_menu #browsemenuContents .item1Media,
#browse_menu #browsemenuContents .item1Ldata,
#browse_menu #browsemenuContents .item1Rdata {
  display: table-cell;
  vertical-align: top;
}
#browse_menu #browsemenuContents .item1Media {
  width: 70px;
}
#browse_menu #browsemenuContents .item1Media .image_border_container {
  position: relative;
}
#browse_menu #browsemenuContents .item1Media .image_border_container .image_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  pointer-events: none;
}
#browse_menu #browsemenuContents .item1Ldata {
  width: auto;
  padding-right: 15px;
}
#browse_menu #browsemenuContents .item1LdataIndent {
  width: auto;
  padding-right: 15px;
  /* アイコンの分字下げする */
  padding-left: 30px;
  text-indent: -30px;
}
#browse_menu #browsemenuContents .item1Rdata {
  width: 60%;
}
#browse_menu #browsemenuContents .item1List {
  margin-top: 20px;
}
#browse_menu #browsemenuContents .browseMenuAssemblyref {
  margin-top: 10px;
}
#browse_menu #browsemenuContents .browseMenuAssemblyref .item1Select {
  display: inline-block;
  width: 140px;
  vertical-align: top;
}
#browse_menu #browsemenuContents .browseMenuAssemblyref .item1DetailButton {
  display: inline-block;
  width: 110px;
  margin-left: 10px;
  vertical-align: top;
}
#browse_menu #browsemenuContents .item2Container {
  margin-left: 20px;
}
#browse_menu #browsemenuContentsTile {
  width: 765px;
  margin-top: 20px;
  /* タイル形式のタイル */
}
#browse_menu #browsemenuContentsTile .pictureBook {
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 10px;
  vertical-align: top;
  /* START 20171101 SMART-TEC 考えを深める学習対応 */
  /* END 20171101 SMART-TEC 考えを深める学習対応 */
  /* START 20171101 SMART-TEC 考えを深める学習対応 */
  /* END 20171101 SMART-TEC 考えを深める学習対応 */
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_content {
  width: 243px;
  /* + border-left 1px + border-right 1px */
  /*min-height: 250px;*/
  padding-top: 5px;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_content_is {
  width: 243px;
  /* + border-left 1px + border-right 1px */
  /*min-height: 250px;*/
  padding-top: 5px;
  text-align: center;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_text {
  display: table;
  min-height: 65px;
  width: 100%;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_text .inner_cell {
  display: table-cell;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.45em;
}
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is {
  width: 100px;
  height: 22px;
  display: table;
  background-color: #0685d2;
  margin-left: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
  /* START 20171129 SMART-TEC BRTNC-395 先生用ガイドボタンの影 */
  /* box-shadow: 0px 3px 0px 0px rgba(6, 87, 136, 0.392); */
  box-shadow: 0 4px 0 0 #065788;
  /* END 20171129 SMART-TEC BRTNC-395 先生用ガイドボタンの影 */
  text-decoration: none;
  /* START 20171129 SMART-TEC BRTNC-394 先生用ガイドボタンの左右位置 */
  /* .img_is {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: right;
                }
                .txt_is {
                    padding-left: 4px;
                    display: table-cell;
                    vertical-align: middle;
                    text-align: left;
                    font-size:12px;
                    font-weight:bold;
                    color:#fff;
                    text-decoration: none;
                } */
  /* END 20171129 SMART-TEC BRTNC-394 先生用ガイドボタンの左右位置 */
}
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is:focus,
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is:hover {
  background-color: #0672b3;
}
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is .txt_is {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is .txt_is img {
  margin-right: 4px;
  vertical-align: top;
  padding-top: 2px;
}
#browse_menu #browsemenuContentsTile .pictureBook .guide_cell_is .txt_is span {
  display: inline-block;
  padding: 0px 0px 0px 0px;
  height: 17px;
  vertical-align: middle;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_text_noimg {
  display: table;
  min-height: 46px;
  width: 100%;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_button_text_noimg .inner_cell_noimg {
  display: table-cell;
  padding: 5px 10px 10px 10px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.45em;
}
#browse_menu #browsemenuContentsTile .pictureBook .grade_img {
  margin-bottom: 3px;
}
#browse_menu #browsemenuContentsTile .pictureBook .picture_text {
  padding-top: 10px;
  padding-bottom: 10px;
}
#browse_menu .studyroom {
  display: table;
  width: 100%;
  margin-top: 20px;
}
#browse_menu .studyroom .m01 {
  display: table-cell;
  text-align: left;
}
#browse_menu .studyroom .bm {
  display: table-cell;
  width: 150px;
  text-align: right;
}
#browse_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*li.browseMenuH1 {
            > div {
                margin-bottom: 20px;
            }
        }*/
}
#browse_menu .item1_box {
  float: left;
  width: 243px;
  margin: 4px;
  margin-bottom: 14px;
  /* include shadow 4px */
  padding: 6px;
  text-align: left;
}
#browse_menu .item1_box img {
  max-width: 100%;
}
#browse_menu .title_icon {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 3px;
}
#browse_menu .media_icon {
  margin-left: 4px;
}
#browse_menu .browsemenu_hr {
  border: 1px solid #ebeeef;
  /* top 1px + bottom 1px -> height 2px */
}
#browse_menu .call_button {
  padding: 10px;
  background-color: #3cb371;
  color: #ffffff;
  border-radius: 7px;
  border: none;
  width: 260px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
/* commonより */
div.browseMenuMedia {
  padding-right: 10px;
}
div.browseMenuMedia > a > img {
  padding-bottom: 5px;
}
div#timeline_contents div.browseMenuMedia {
  float: left;
}
/* START 20171101 SMART-TEC 考えを深める学習対応 */
.button_white_is_cursor {
  cursor: pointer;
}
/* END 20171101 SMART-TEC 考えを深める学習対応 */
/* ------------------------------------------------------------------------- */
/* general - statistics */
#statistics {
  /* 記事タイトル */
  /* サブタイトル */
  /* ST */
  /* ST */
}
#statistics h2 {
  display: table;
  width: 100%;
  min-height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #9cc9e9;
  border-radius: 4px 4px 0 0;
}
#statistics h2 p {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3em;
}
#statistics h3 {
  display: table;
  width: 100%;
  min-height: 60px;
  margin-top: 0;
  margin-bottom: 20px;
  border: 2px solid #d6d4d4;
  border-radius: 4px;
}
#statistics h3 p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
#statistics .picture_button_content {
  width: 243px;
  /* + border-left 1px + border-right 1px */
  /*min-height: 250px;*/
  padding-top: 5px;
}
#statistics .picture_button_text {
  display: table;
  min-height: 65px;
  width: 100%;
}
#statistics .picture_button_text .inner_cell {
  display: table-cell;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.45em;
}
#statistics .items {
  margin-bottom: 30px;
}
#statistics .items tr,
#statistics .items th,
#statistics .items td {
  border: 1px solid #d6d7d7;
}
#statistics .items .dummy {
  height: 0;
  border: 0 none transparent;
}
#statistics .items table {
  width: 100%;
}
#statistics .items tr {
  height: 60px;
}
#statistics .items th {
  width: 230px;
  padding-left: 10px;
  background-color: #eff5f9;
  font-weight: bold;
  text-align: left;
}
#statistics .items td {
  text-align: center;
}
#statistics .items td > img {
  margin-left: 10px;
}
#statistics .items td.history {
  width: 215px;
}
#statistics .items ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}
#statistics .items li {
  margin-top: 20px;
}
#statistics .items li > img {
  margin-left: 10px;
}
/* ------------------------------------------------------------------------- */
/* general - general_template_contents */
#general_template_contents {
  /* 共通 */
  /* 戻るボタン */
  /* 本文 13-1 使い方 */
  /* 本文 13-3-1 プラグインのインストール、13-4-1 著作権 */
  /* 本文 13-4-2 著者・協力一覧 */
  /* 本文 13-5 商標 */
  /* 本文 13-6 歴史 */
}
#general_template_contents ul {
  padding-left: 0px;
  list-style-type: none;
}
#general_template_contents ul .heading {
  margin: 0 auto;
  height: 50px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
#general_template_contents ul .text {
  margin: 20px 5px 30px 5px;
  font-size: 15px;
  line-height: 1.45;
  /*br:last-child {
                display: none;
            }*/
}
#general_template_contents ul .text a {
  font-weight: bold;
}
#general_template_contents .footer {
  text-align: center;
}
#general_template_contents .footer input {
  width: 150px;
}
#general_template_contents #type_cd .heading {
  border: 2px solid rgba(4, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
}
#general_template_contents #type_cdlists .heading {
  background-color: #f0f1f2;
}
#general_template_contents #type_cdlists .text ul {
  margin-top: 20px;
  margin-left: 25px;
  list-style-type: disc;
}
#general_template_contents #type_cdaut #header_links {
  display: table;
  width: 100%;
  height: 45px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 20px;
  background-color: #f0f1f2;
  border-top: 2px solid #ccc;
}
#general_template_contents #type_cdaut #header_links .sortorder_cell {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
#general_template_contents #type_cdaut #header_links .initial_cell {
  display: table-cell;
  width: 38px;
  border-left: 2px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
#general_template_contents #type_cdaut .heading {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: #000;
}
#general_template_contents #type_cdaut .text_container {
  display: table;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
}
#general_template_contents #type_cdaut .text_container .text_ldata {
  display: table-cell;
  padding-left: 5px;
}
#general_template_contents #type_cdaut .text_container .text_rdata {
  display: table-cell;
  width: 60%;
}
#general_template_contents #type_cdhis .heading {
  margin: 20px 0 0 0;
  height: 50px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  background-color: #f0f1f2;
}
#general_template_contents #type_cdhis .history_image {
  margin-top: 20px;
}
#general_template_contents #type_cdhis .center {
  text-align: center;
}
/* ------------------------------------------------------------------------- */
/* timeline */
.timeline {
  /* 年表選択画面 */
  /* 年表表示画面 */
  /* 奇数行 */
  /* 偶数行 */
}
.timeline h3 {
  height: 60px;
  line-height: 60px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #f0f1f2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.timeline h4 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.45em;
  color: #000;
}
.timeline hr {
  border-top: 2px solid #ebeeef;
}
.timeline table#tltop_guide {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 2px solid #f9a4a2;
  background-color: #fff8f3;
}
.timeline table#tltop_guide tr.line {
  border: 1px solid #f9a4a2;
}
.timeline table#tltop_guide tr.line td.icon {
  width: 30px;
  padding: 10px 0 10px 0;
  text-align: right;
  vertical-align: top;
}
.timeline table#tltop_guide tr.line td.text {
  padding: 10px 0 10px 10px;
  vertical-align: top;
}
.timeline #timeline_select .box_left {
  float: left;
  width: 366px;
  margin-top: 20px;
}
.timeline #timeline_select .box_right {
  float: left;
  width: 366px;
  margin-left: 20px;
  margin-top: 20px;
}
.timeline #timeline_select table.select_container {
  width: 100%;
  border: 4px solid #ead403;
}
.timeline #timeline_select table.select_container tr {
  height: 50px;
}
.timeline #timeline_select table.select_container td {
  width: 50%;
  padding: 5px;
  border: 1px solid #ead403;
}
.timeline #timeline_select table.select_container td .listbox {
  display: table;
  width: 100%;
  height: 40px;
  /* with (5px + 5px) td padding */
  font-size: 15px;
  color: #000;
  line-height: 1.2em;
  cursor: pointer;
}
.timeline #timeline_select table.select_container td .listbox .checkmark {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 17px;
}
.timeline #timeline_select table.select_container td .listbox .checktext {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: auto;
}
.timeline .button_area {
  margin-top: 20px;
  text-align: center;
}
.timeline .button_area button {
  width: 120px;
  height: 46px;
}
.timeline #pagination {
  margin-top: 20px;
}
.timeline #era_selects {
  margin-top: 10px;
}
.timeline .timeline_selectbox_tr {
  height: 70px;
  background-color: #eff0f1;
}
.timeline .timeline_title_tr {
  height: 44px;
  background-color: #a8a8a7;
}
.timeline .timeline_title_date {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #fff;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.timeline .timeline_title_left {
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #fff;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.timeline .timeline_title_right {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.timeline .timeline_title_single {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.timeline .timeline_ent_tr1 {
  background-color: #fff;
}
.timeline .timeline_ent_tr0 {
  background-color: #fcf8cf;
}
.timeline .timeline_date {
  padding: 15px 10px;
  border-right: 1px solid #ead403;
}
.timeline .timeline_left_entry {
  padding: 15px 10px;
  border-right: 1px solid #ead403;
  font-size: 15px;
  line-height: 1.45em;
  color: #000;
}
.timeline .timeline_right_entry {
  padding: 15px 10px;
  font-size: 15px;
  line-height: 1.45em;
  color: #000;
}
.timeline .timeline_single_entry {
  padding: 15px 10px;
  font-size: 15px;
  line-height: 1.45em;
  color: #000;
}
.timeline .timeline_flag {
  display: inline-block;
}
.timeline .timeline_flag img.flag {
  margin-right: 10px;
}
.timeline #timeline_age_pager {
  display: table;
  width: 100%;
  margin-top: 10px;
}
.timeline #timeline_age_pager .timeline_left_pager {
  display: table-cell;
  text-align: left;
  width: 50%;
}
.timeline #timeline_age_pager .timeline_right_pager {
  display: table-cell;
  text-align: right;
  width: 50%;
}
.timeline .period {
  width: 110px;
  height: 50px;
}
.timeline .period .period_text {
  font-size: 15px;
  font-weight: normal;
}
.timeline .timeline_foot {
  text-align: center;
}
.timeline .timeline_foot .button_back {
  width: 190px;
}
/* ------------------------------------------------------------------------- */
/* whatday (full) */
.whatday_full .box {
  margin: 0 15px 0 15px;
}
.whatday_full h2 {
  height: 70px;
  line-height: 70px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #24d3de;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.whatday_full nav.nav_jump {
  width: 100%;
  margin-top: 20px;
  text-align: right;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}
.whatday_full h3 {
  display: table;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 0;
  background-color: #f0f1f2;
  border-radius: 4px;
}
.whatday_full h3 .title {
  display: table-cell;
  padding-left: 15px;
  padding-right: 5px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.whatday_full h3 .search {
  display: table-cell;
  width: 240px;
  vertical-align: middle;
}
.whatday_full h4 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.45em;
  color: #000;
}
.whatday_full p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.45em;
  color: #000;
}
.whatday_full ul {
  list-style: none outside none;
  padding-left: 0;
  margin-top: 0;
}
.whatday_full hr {
  border-top: 1px solid #d6d4d4;
  margin-top: 20px;
  margin-bottom: 0;
}
#whatday_footer {
  text-align: center;
}
#whatday_footer > button {
  width: 150px;
}
#whatday_footer > button .whatday_footer_previmg {
  margin-right: 7px;
  margin-bottom: 4px;
  /* 隣のテキストと上下センターを合わせるためのマージン */
}
/* このclassはtopでも使うので、この位置に置いておく */
.date_area {
  display: table;
  height: 50px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.date_area .month {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: top;
}
.date_area .month_text {
  display: table-cell;
  width: 27px;
  text-align: center;
  vertical-align: middle;
}
.date_area .day {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: top;
}
.date_area .day_text {
  display: table-cell;
  width: 27px;
  text-align: center;
  vertical-align: middle;
}
.date_area .search_button {
  display: table-cell;
  width: 55px;
  text-align: center;
  vertical-align: top;
}
.date_area .search_button > button {
  width: 100%;
}
#graph h3 {
  font-size: 16px;
  font-weight: bold;
  color: #0685d2;
}
#graph .menu_button {
  width: 245px;
  margin-right: 5px;
  margin-bottom: 10px;
  /* contains shadow 4px */
}
#graph #predicate_group {
  margin-top: 15px;
}
#graph #predicate_group .predicate {
  display: table;
  width: 100%;
  height: 70px;
  margin-bottom: 2px;
  background-color: #e5f0f8;
}
#graph #predicate_group .predicate .source_title_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 90px;
  font-size: 14px;
  font-weight: bold;
  color: #0685d2;
}
#graph #predicate_group .predicate .source_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 140px;
}
#graph #predicate_group .predicate .point_title_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 70px;
  font-size: 14px;
  font-weight: bold;
  color: #0685d2;
}
#graph #predicate_group .predicate .point_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 140px;
}
#graph #predicate_group .predicate .date_title_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 70px;
  font-size: 14px;
  font-weight: bold;
  color: #0685d2;
}
#graph #predicate_group .predicate .date_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 140px;
}
#graph #predicate_group .predicate .close_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 25px;
}
#graph #predicate_group .predicate .close_cell .predicate_delete_icon:hover {
  cursor: pointer;
}
#graph #predicate_add {
  display: table;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  background-color: #eee;
}
#graph #predicate_add .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#graph .predicate_add_enabled:hover {
  cursor: pointer;
}
#graph .predicate_add_disabled {
  color: #aaa;
}
#graph #chart_unit #chart_unit_container {
  display: table;
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
}
#graph #chart_unit #chart_unit_container #chart_unit_left {
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
  padding-left: 10px;
  padding-bottom: 2px;
}
#graph #chart_unit #chart_unit_container #chart_unit_right {
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
  padding-right: 10px;
  padding-bottom: 2px;
}
#graph .chartdiv {
  width: 100%;
}
#graph #graph_footer #graph_footer_container {
  display: table;
  width: 100%;
  font-size: 12px;
}
#graph #graph_footer #graph_footer_container #source {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding-left: 20px;
}
#graph #graph_footer #graph_footer_container #print {
  display: table-cell;
  width: 150px;
  text-align: right;
  vertical-align: bottom;
}
#studyroom {
  /* backup material */
}
#studyroom .menu_button {
  width: 90px;
  height: 46px;
  margin-top: 5px;
  margin-bottom: 9px;
  /* include shadow 4px */
}
#studyroom .quiz_button {
  width: 110px;
  height: 46px;
  margin-top: 5px;
  margin-bottom: 9px;
  /* include shadow 4px */
}
#studyroom .main_content {
  display: table;
  width: 100%;
  margin-top: 20px;
}
#studyroom .main_content .content_cell {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border: 1px solid #e3dfdf;
}
#studyroom .main_content .blank_cell {
  display: table-cell;
  width: 10px;
}
#studyroom .main_content .menu_cell {
  display: table-cell;
  width: 110px;
  text-align: left;
  vertical-align: top;
}
#studyroom .main_content .menu_cell > div {
  padding: 5px 0 5px 10px;
  background-color: #efecec;
}
#studyroom .bottom_box {
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: right;
}
#studyroom .bottom_box_blank {
  height: 0;
  margin-bottom: 90px;
}
#studyroom .bm_explanation {
  display: table;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  background-color: #f0f1f2;
}
#studyroom .bm_explanation > div {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}
#studyroom .bm_list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#studyroom .bm_list ul li {
  margin-top: 20px;
}
#studyroom .bm_list .document_icon {
  margin-left: 10px;
}
#studyroom .bm_back_button_box {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}
#studyroom .bm_back_button_box .back_button {
  width: 150px;
}
#studyroom .bm_back_button_box .back_img {
  margin-right: 5px;
}
#plusone ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}
#plusone li {
  margin-top: 20px;
}
#plusone li .table {
  display: table;
}
#plusone li .table .icon_cell {
  display: table-cell;
}
#plusone li .table .text_cell {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
#mediawide {
  padding: 15px;
}
#mediawide #image_thumbnail_switch_div {
  height: 25px;
}
#mediawide #image_slider_buttons {
  position: relative;
  height: 0;
  margin-top: 15px;
  /* タイトル部分の左ボタン */
  /* タイトル部分の右ボタン */
}
#mediawide #image_slider_buttons .title_slide_button_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 76px;
  /* + shadow 4px */
  z-index: 999;
  border-radius: 4px 0 0 4px !important;
}
#mediawide #image_slider_buttons .title_slide_button_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 76px;
  /* + shadow 4px */
  z-index: 999;
  border-radius: 0 4px 4px 0 !important;
}
#mediawide #image_slider {
  /* 選択中の画像に枠を付ける */
}
#mediawide #image_slider .sp-thumbnails-container {
  background-color: #ebe9e9;
}
#mediawide #image_slider .sp-thumbnails {
  height: 80px;
}
#mediawide #image_slider .thumb_normal {
  position: relative;
  width: 100px;
  height: 64px;
  margin: 8px;
  background-color: #fff;
}
#mediawide #image_slider .sp-selected-thumbnail .thumb_selected_border {
  position: absolute;
  left: 0;
  top: 0;
  border: 4px solid #035d93;
  width: 100%;
  height: 100%;
}
#mediawide #image_slider .thumb_img {
  display: block;
  max-width: 100px;
  max-height: 64px;
  margin-left: auto;
  margin-right: auto;
}
#mediawide .mediawide_title_td {
  height: 50px;
}
#mediawide .mediawide_title {
  margin-top: 10px;
  padding: 5px;
  background-color: #ebe9e9;
  font-weight: bold;
}
#mediawide .fullbig_caption {
  margin: 10px 15px 0 15px;
  text-align: right;
}
#mediawide .mediawide_img_container {
  text-align: center;
  min-height: 200px;
  margin: 20px;
}
#mediawide .mediaCaptionContainer .mediaCaption {
  text-align: left;
  font-size: 13px;
}
#mediawide .mediaCaptionContainer .mediaCaptionHr {
  border-top: 1px solid #ebe9e9;
  margin-top: 5px;
  margin-bottom: 5px;
}
#mediawide .mediaCaptionContainer .mediaWideCredit {
  text-align: left;
  font-size: 13px;
}
#mediawide #mediawide_related_articles_container {
  text-align: center;
}
#mediawide #mediawide_related_articles_container #mediawide_related_articles {
  display: inline-block;
  width: 784px;
  margin-top: 20px;
  padding-left: 10px;
  padding-bottom: 20px;
  border: 1px solid #ebe9e9;
  text-align: left;
}
#mediawide #mediawide_footer {
  display: table;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#mediawide #mediawide_footer .mediawide_footer_left {
  display: table-cell;
  width: 150px;
  padding-left: 15px;
}
#mediawide #mediawide_footer .mediawide_footer_center {
  display: table-cell;
  text-align: center;
}
#mediawide #mediawide_footer .mediawide_footer_center .close_button {
  width: 140px;
}
#mediawide #mediawide_footer .mediawide_footer_right {
  display: table-cell;
  width: 150px;
  padding-right: 15px;
  text-align: right;
}
body {
  text-align: center;
  background-color: #eceded;
  background-image: url("../images/head_bg_js.png"), url("../images/foot_bg_js.png");
  background-position: top center, bottom center;
  background-repeat: no-repeat;
}
#header {
  width: 100%;
  height: 135px;
}
#header .logo_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 380px;
  height: 120px;
  background-image: none;
  background-repeat: no-repeat;
}
#header .logo {
  width: 100%;
  height: 100%;
  background-image: url("../images/head_logo_js.png");
  background-position: 0 35px;
  background-repeat: no-repeat;
}
#header .header_right {
  position: absolute;
  left: 390px;
  top: 0;
  width: 560px;
}
#header .header_right_top {
  position: relative;
  left: 0;
  top: 0;
  height: 60px;
}
#header .header_right_top .login {
  float: right;
  width: 330px;
  height: 60px;
}
#header .header_right_top .login .box {
  display: table;
  position: relative;
  width: 330px;
  height: 50px;
  margin-top: 10px;
  border: none;
  border-radius: 0;
  background-color: none;
  background-image: -moz-linear-gradient(90deg, none 0, none 0, none 100%);
  background-image: -webkit-linear-gradient(90deg, none 0, none 0, none 100%);
  background-image: -ms-linear-gradient(90deg, none 0, none 0, none 100%);
}
#header .header_right_top .login .box .user_icon {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  padding-left: 18px;
}
#header .header_right_top .login .box .user_name {
  display: table-cell;
  vertical-align: middle;
  width: 160px;
  padding-left: 5px;
  padding-top: 2px;
  /* 隣の画像と上下センターをそろえるための調整 */
  font-size: 14px;
  color: #fff;
  line-height: 1em;
}
#header .header_right_top .login .box .user_name p {
  margin: 0;
}
#header .header_right_top .login .box .vline {
  display: table-cell;
  vertical-align: middle;
  width: 13px;
  height: 100%;
  padding-left: 10px;
  background-image: url("../images/head_line_js.png");
  background-position: center center;
  background-repeat: no-repeat;
}
#header .header_right_top .login .box .logout_icon {
  display: table-cell;
  vertical-align: middle;
  width: 27px;
  padding-left: 5px;
}
#header .header_right_top .login .box .logout_text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  padding-top: 2px;
  /* 隣の画像と上下センターをそろえるための調整 */
}
#header .header_right_top .login .box .logout_text a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
#header .header_right_top .login .box .logout_text a:focus,
#header .header_right_top .login .box .logout_text a:hover,
#header .header_right_top .login .box .logout_text a:visited {
  color: #fff;
}
#header .header_right_top .help {
  float: right;
  width: 100px;
  height: 60px;
  margin-left: 10px;
}
#header .header_right_top .help .help_button {
  margin-top: 16px;
  width: 100px;
  min-height: 40px !important;
  /* + shadow 4px */
}
#header .header_right_top .help .help_button .box {
  width: 100%;
  height: 100%;
  display: table;
}
#header .header_right_top .help .help_button .box .icon {
  width: 34px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
#header .header_right_top .help .help_button .box .text {
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#header .header_right_top .teacher {
  float: right;
  width: 110px;
  height: 60px;
  margin-left: 10px;
  border-radius: 0 0 4px 4px;
  background-color: #43a4e5;
}
#header .header_right_top .teacher p {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#header .header_right_bottom {
  position: relative;
  left: 0;
  top: 10px;
  height: 50px;
}
#header .header_right_bottom #search_keyword {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 50px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  border: 1px solid #a6a7a7;
  border-radius: 6px;
  background-color: #fff;
  background-image: -moz-linear-gradient(90deg, #ffffff 95%, #d8d8d8 100%);
  background-image: -webkit-linear-gradient(90deg, #ffffff 95%, #d8d8d8 100%);
  background-image: -ms-linear-gradient(90deg, #ffffff 95%, #d8d8d8 100%);
  box-shadow: 1.5px 2.5px 4px 0 rgba(4, 0, 0, 0.078);
}
#header .header_right_bottom .search {
  position: absolute;
  left: 450px;
  top: 0;
  width: 110px;
  height: 46px;
  /* + shadow 4px */
  font-size: 17px;
  font-weight: bold;
}
#header .header_right_bottom .search .box {
  width: 100%;
  height: 100%;
  display: table;
}
#header .header_right_bottom .search .box .icon {
  width: 42px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
#header .header_right_bottom .search .box .text {
  padding-left: 8px;
  padding-top: 2px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
#footer {
  display: table;
  width: 100%;
  height: 125px;
  margin-top: 115px;
}
#footer .logo {
  display: table-cell;
  width: 320px;
  background-image: url("../images/foot_logo_js.png");
  background-position: left center;
  background-repeat: no-repeat;
}
#footer .copyright {
  display: table-cell;
  padding-top: 45px;
  text-align: right;
  font-size: 12px;
 color: #035d93;
}

.head_btn {
    padding: 0.25em 0.25em;
    margin: 0.1em 0.1em;
    font-size: 12px;
    color: #035586;/*文字色*/
    font-weight: bold;
    background: #FFF;
    border: solid 1px #035586;/*線*/
    border-radius: 4px;/*角の丸み*/
    cursor: pointer;
}
.head_text {
  color: #035586;
  font-weight:bold;
  font-size: 14px;
}
.head_btn.slider {
    align-items: center;
    gap: 4px; /* テキストとスライダー間のスペース */
}
#lineHeightSlider {
    vertical-align: middle;
    width: 100px; /* 必要に応じて調整 */
}