@charset "utf-8";
@import url("/ssi/css/parts.css");

/* float clear */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  /* 旧IE対応 */
  max-width: 100%;
  /* 可変ブラウザの最小 */
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  background-color: #D6CBB7;
}

#header {
  height: 121px;
}

table {
  border-color: #497b0a;
  border-collapse: collapse;
  border-style: solid;
  border-width: 2px;
  margin: 0 0 30px;
  background: #FFF;
}

th {
  border-color: #497b0a;
  border-collapse: collapse;
  background: #E3EFEA;
  border-style: solid;
  border-width: 1px;
  padding: 0.8em;
}

td {
  border-color: #497b0a;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  padding: 0.5em;
}

h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
}

.detail_free>ul,
.detail_free>ol {
  list-style-position: inside;
  margin: 0 0 1rem 1.5rem;
}

.detail_free>ul li {
  list-style-image: url("/img/gikai/list_icon.png");
  list-style-position: inside;
}

.detail_free img {
  max-width: 100%;
  height: auto !important;
}

.detail_html iframe {
  margin-bottom: 15px;
}

#logo {
  margin: 0;
  position: absolute;
  z-index: 9;
}

#logo img {
  height: auto;
  width: 100%;
}

.w248 {
  width: 248px;
}

.header_nav {
  float: right;
  margin-top: 12px;
}

.header_nav>ul {
  margin: 0;
  padding: 0;
}

.header_nav li {
  border-left: 1px solid gray;
  float: left;
  list-style: outside none none;
  margin-right: 1rem;
  padding-left: 1rem;
}

.header_nav li:last-child {
  margin-right: 0;
}

.header_nav a img {
  margin: 0 0 0 2px;
}

.header_nav em {
  font-style: normal;
  margin-right: 5px;
  vertical-align: super;
}

#header_btn {
  margin-right: 10px;
}

input#submit {
  float: right;
}

input#tmp_query {
  height: 29px;
}
input#tmp_query {
	width: 177px !important;
	height: 29px !important;
}

#top_search_keyword, #header_btn {
  float: right;
}

#slideTopWaku img {
  height: auto !important;
  max-width: 100%;
}

#slidetopBtn {
  margin-top: -23px;
}

/* スライド左右ボタン */
#slideTopWaku .lSAction a {
  background-image: url("/img/controls2.png");
  height: 54px;
  top: 50%;
  width: 54px;
}

#slideTopWaku .lSAction a.lSPrev {
  background-position: 0 0;
  left: 0;
}

#slideTopWaku .lSAction a.lSNext {
  background-position: -54px 0;
  right: 0;
}

#slideTop p {
  margin: 0;
}

#gikaitop01 {
  background-color: #f7f4ef;
  border-bottom: 5px solid #3e8263;
}

#gikaitop02 {
  background-color: #f7f4ef;
  padding: 1rem 0;
}

#gikaitop03>p {
  background-color: #3e8263;
  color: white;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

#gikaiPankuzu {
  background-color: #f7f4ef;
  overflow: hidden;
}

#header, #siteMain, #footer, #slideTopWaku {
  margin: 0 auto;
  max-width: 1070px;
  padding: 0;
}

#pankuzu_wrap {
  margin: 25px auto 0;
  width: 1070px;
}

#footer .gl-cell {
  padding: 10px;
}

.free_box {
  clear: both;
}

.free_box2>p {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  /* box-shadow */
  box-shadow: 0px 0px 3px 1px #dcdcdc;
  -moz-box-shadow: 0px 0px 3px 1px #dcdcdc;
  -webkit-box-shadow: 0px 0px 3px 1px #dcdcdc;
}

.free_box2>p:nth-child(3n) {
  margin-right: 0;
}

.list_ccc .span_a {
  width: 12em;
}

.list_ccc .span_b {
  padding-left: 12em;
}

#siteLeft {
  width: 320px;
}

#siteRight {
  padding-left: 50px;
}

#siteLeft .external_link_text {
  display: none;
}

.sidebar1_b {
  background: #258193 url("/img/gikai/siro_maru.png") no-repeat scroll 5px 7px;
  color: white;
  margin-left: -10px;
  padding: 10px 10px 10px 40px;
  position: relative;
}

.sidebar1_b::before {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}

.sidebar1_b::before {
  left: 0;
  border-width: 0 10px 10px 0;
  border-right-color: #13515D;
}

.sidebar1_b::after {
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  content: "";
  position: absolute;
}

.sidebar1_b::after {
  border-right-color: #1F7383;
  border-width: 40px 40px 0 0;
  right: 0;
}

div.pdf_download .external_link_text {
  display: none;
}

/* 見出し　お知らせ */
#h2info {
  background: #3E8263 url("/img/gikai/siro_info.png") no-repeat scroll 5px 10px;
  color: white;
  margin-left: -10px;
  padding: 12px 10px 12px 40px;
  position: relative;
}

#h2info::before {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}

#h2info::before {
  left: 0;
  border-width: 0 10px 10px 0;
  border-right-color: #114A30;
}

#h2info::after {
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  content: "";
  position: absolute;
}

#h2info::after {
  border-right-color: #327456;
  border-width: 50px 50px 0 0;
  right: 0;
}

#h2info h2 {
  margin: 0;
}

/* 見出し　お知らせ　ここまで */
#main_header {
  background: #3e8263;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3e8263 0%, #3e8263 50%, #337557 51%, #337557 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3e8263 0%, #3e8263 50%, #337557 51%, #337557 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3e8263 0%, #3e8263 50%, #337557 51%, #337557 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e8263', endColorstr='#337557', GradientType=0);
  /* IE6-9 */
  color: white;
  line-height: 1.4;
}

#main_header h1 {
  background: rgba(0, 0, 0, 0) url("/img/gikai/tit_sankaku.png") no-repeat scroll -10px center;
  font-size: 140%;
  line-height: 1.2;
  padding: 20px 0 20px 40px;
}

#siteRight #gikaiMain h2 {
  background: #bedccf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bedccf 0%, #bedccf 50%, #b4d3c5 51%, #b4d3c5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bedccf 0%, #bedccf 50%, #b4d3c5 51%, #b4d3c5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bedccf 0%, #bedccf 50%, #b4d3c5 51%, #b4d3c5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bedccf', endColorstr='#b4d3c5', GradientType=0);
  /* IE6-9 */
  color: #16573a;
  line-height: 1.3;
  padding: 10px;
}

#siteRight #gikaiMain h2::before {
  border: 4px solid #5C957C;
  box-sizing: border-box;
  content: "";
  margin-right: 5px;
}

#siteRight #gikaiMain h3 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fafafa 51%, #fafafa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fafafa 51%, #fafafa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #fafafa 51%, #fafafa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
  /* IE6-9 */
  border: 5px solid #e2e2e2;
  padding: 10px;
}

#siteRight #gikaiMain h3::before {
  border: 4px solid #97C9B3;
  box-sizing: border-box;
  content: "";
  margin-right: 5px;
}

#siteRight #gikaiMain h4 {
  border-bottom: 3px solid #e2e2e2;
  margin: 1rem 10px;
  position: relative;
}

#siteRight #gikaiMain h4::after {
  border-bottom: 3px solid #d2d2d2;
  bottom: -3px;
  content: " ";
  display: block;
  position: absolute;
  width: 30%;
}

#siteRight #gikaiMain h4::before {
  border: 4px solid #a0d0da;
  box-sizing: border-box;
  content: "";
  margin-right: 5px;
}

h5 {
  border-left: 8px solid #e2e2e2;
  margin: 1rem 11px;
  padding: 4px;
}

.main_border,
.sidebar_border {
  background-color: white;
  margin-bottom: 1rem;
  overflow: hidden;
  padding: 10px;
  /* box-shadow */
  box-shadow: 0px 0px 3px 1px #dcdcdc;
  -moz-box-shadow: 0px 0px 3px 1px #dcdcdc;
  -webkit-box-shadow: 0px 0px 3px 1px #dcdcdc;
}

.subsite_menu .sidebar_border .menu_list_cb ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.menu_list_cb li::before {
  color: #1f7383;
  content: "・";
  font-weight: bold;
}

.ichiranBtn {
  background-color: #3e8263;
  float: right;
  margin-bottom: 1rem;
  padding: 10px;
}

.ichiranBtn>a {
  color: #ffffff;
  text-decoration: none !important;
}

.ichiranBtn>a:link {
  color: #ffffff;
}

.ichiranBtn>a:visited {
  color: #ffffff;
}

.ichiranBtn>a:active {
  color: #ffffff;
}

.ichiranBtn>a:hover {
  color: #ffffff;
}

.pagetop {
  bottom: 10px;
  position: fixed;
  right: 10px;
  z-index: 99999;
}

#to_page_top>a {
  background: rgba(0, 0, 0, 0) url("/img/gikai/to_page_top.png") no-repeat scroll 0 0;
  display: block;
  height: 48px;
  text-indent: -9999px;
  width: 48px;
}

/* Googleカスタム検索ここから */
/* リセット */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

input, button {
  margin: 0;
  color: inherit;
  vertical-align: top;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  outline: 0;
}

input {
  line-height: normal;
}

input:focus {
  outline: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button {
  text-transform: none;
  overflow: visible;
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Googleカスタム検索ここまで */
/* リンク色を隠す */
.img_b {
  height: auto;
}

/*リンクのアクションここから*/
a:link {
  text-decoration: underline;
  color: #0033CC;
}

a:visited {
  text-decoration: underline;
  color: #551A8B;
}

a:active {
  text-decoration: underline;
  color: #CC0000;
}

a:hover {
  text-decoration: underline;
  color: #FF4500;
}

/*リンクのアクションここまで*/
/* トップページ、詳細ページ（ここまで） */
/* パンくずナビここから */
.pankuzu {
  clear: both;
  font-size: 90%;
  text-align: left;
}

/* パンくずナビここまで */
/* 印刷用アイコン */
#content_header {
  margin: 8px 0;
}

#print_mode_link {
  background: rgba(0, 0, 0, 0) url("/img/gikai/print-icon.png") no-repeat scroll left center;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  padding: 5px 0 5px 30px;
  text-align: right;
}

#main #main_a #lifestage {
  margin: 0;
  padding: 0;
  text-align: center;
}

#main #main_a #lifestage h2 {
  text-align: left;
}

#main #main_a #lifestage ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main #main_a #lifestage ul li {
  display: inline-block;
  width: 120px;
  height: 90px;
  background: url(/img/lifestage/lifestage_bg.png) repeat-x left top #ffffff;
  border: 1px solid #cccccc;
  border-left: none;
}

#main #main_a #lifestage ul li:first-child {
  border-left: 1px solid #cccccc;
}

#main #main_a #lifestage ul li:hover {
  background-position: left bottom;
}

@media screen and (max-width: 1024px) {

  #main_body img,
  #main_body iframe {
    max-width: 100%;
  }

  #main_header h1 {
    background: rgba(0, 0, 0, 0) url("/img/gikai/tit_sankaku.png") no-repeat scroll -8px center;
    font-size: 140%;
    line-height: 1.2;
    padding: 8px 0 8px 20px;
  }

  #siteLeft {
    width: 260px;
  }

  #pankuzu_wrap {
    margin: 6px 10px;
    width: auto;
  }

  #gikaitop02 {
    padding: 10px;
  }

  #print_mode_link {
    display: none;
  }

  .list_ccc .span_a {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .list_ccc .span_b {
    float: left;
    padding-left: 0;
  }

  .free_box2 {
    overflow: hidden;
  }

  .free_box2>p {
    float: none;
    margin: 0 auto 10px;
    width: 220px;
  }

  .free_box2>p:nth-child(3n) {
    margin-right: auto;
  }

  .detail_free {
    margin: 0;
  }

  div.siteInfo div.list_ccc ul {
    margin: 0 !important;
  }

  .list_ccc li {
    overflow: hidden;
  }

  .pankuzu {
    margin-top: 25px !important;
  }
}

@media screen and (max-width: 860px) {
  #top_search_keyword, #header_btn {
    float: none;
    text-align: right;
  }

  #header_btn {
    margin-right: none;
    margin: 10px 0;
  }
}

@media screen and (max-width: 640px) {
  #logo {
    position: relative;
  }

  #header {
    height: auto;
    overflow: hidden;
  }

  .header_nav {
    display: none;
  }

  #siteRight {
    padding-left: 0;
  }

  #cse-search-box {
    margin: 0 0 0 54px;
  }

  input#tmp_query {
    margin-left: -54px;
    width: 100%;
  }
	input#tmp_query {
		width: 100% !important;
	}

  .w248 {
    width: 100%;
  }

  #header_btn {
    background-color: #3e8263;
    float: none;
    margin-top: 1px;
    text-align: center;
    width: 100%;
  }

  #top_search_keyword {
    margin: 10px;
  }

  .pankuzu {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 240px) {
  #siteGikai .free_box2 p {
    max-width: 100% !important;
  }

  #siteGikai .free_box img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/*sidr関連*/
#close-menu-button, .menu-button {
  display: none;
}

@media only screen and (max-width:640px) {

  /*sidr関連*/
  .sidr {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    /*width: 320px;*/
    z-index: 99999999;
  }

  .sidr.right {
    left: auto;
    right: -320px;
  }

  .sidr.left {
    left: -320px;
    right: auto;
  }

  #close-menu-button,
  .menu-button {
    display: block;
    width: 46px;
  }

  .fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
  }

  #overlay {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 999998;
    display: none;
  }

  .sidr-open #overlay {
    display: block;
  }

  #simple-menu {
    margin-bottom: 10px;
  }

  /*sidr関連ここまで*/
}

/*追加　翻訳ボタン関係*/
#he_right_b {
  display: flex;
  justify-content: flex-end;
}

#he_right_b ul.ichiretsu {
  display: flex;
  list-style: none;
}

#he_right_b ul.ichiretsu li {
  padding: 10px;
  border-right: dotted 1px #0b449d;
}

div.menuWaku {
  float: left;
  margin-top: 12px;
  margin-left: 12px;
}

/**
 * menu
 */
.menuHonyaku {
  position: relative;
  width: 100%;
  /* height: 50px; */
  /* max-width: 1000px; */
  margin: 0;
  padding: 0;
}

ul.menu__second-level > li {
	float: left;
	/* width: 25%; */
	/* height: 50px; */
	/* line-height: 50px; */
	/* background: #222222; */
	text-align: center;
}

.menuHonyaku>li a {
  display: block;
  /* color: #fff; */
  /* text-decoration: none; */
}

.menuHonyaku>li a:hover {
  color: #999;
}

.menu__single:hover {
  /* background: #072A24; */
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.menu__second-level li {
  border-top: 1px solid #222;
  list-style: none;
  width: 100%;
  padding-right: 0 !important;
  margin-right: 0;
  border-left: none;
}

.menu__third-level li {
  border-top: 1px solid #111;
}

.menu__second-level li a:hover {
  background: #2959A5;
  color: #fff;
}

.menu__third-level li a:hover {
  background: #2a1f1f;
}

.menu__fourth-level li a:hover {
  background: #1d0f0f;
}

.menuHonyaku:before,
.menuHonyaku:after {
  content: "";
  display: table;
}

.menuHonyaku:after {
  clear: both;
}

.menuHonyaku {
  list-style: none;
}

/**
 * single menu
 */
.menuHonyaku>.menu__single {
  position: relative;
}

.menu__single .menu__second-level {
  position: absolute;
  /* top: 40px; */
  width: 100%;
  background: #ffffff;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  visibility: hidden;
  opacity: 0;
  padding: 0;
}

.menu__single:hover>.menu__second-level {
  /* top: 50px; */
  visibility: visible;
  opacity: 1;
  z-index: 999999;
  border: solid 1px #222;
  border-top: none;
}

ul.menuHonyaku span.external_link_text {
  display: none;
}

ul.menuHonyaku li.menu__single ul.menu__second-level li {
  border-right: none;
  padding: 0;
}

.menu__second-level li a {
	padding: 8px 0;
}

@media screen and (max-width: 800px) {
  #he_right_b ul.ichiretsu {
    display: none;
  }

  #header {
    padding: 0 10px;
  }

	.menuHonyaku {
	display: flex;
	justify-content: flex-start;
	margin-top: 5px;
	padding: 0 15px;
}

  div.menuWaku {
    margin-top: 0;
    margin-bottom: 8px;
    width: 100%;
    margin-left: 0;
  }

  ul.menuHonyaku li.menu__single {
    border-right: none;
    padding-right: 0;
  }
}

.external_link_text{
    display: none;
}