@charset "utf-8";

/* 2021-1-8 add */
li.covidstat {
  text-indent: -1em !important;
  padding-left: 1em !important;
}
/* 2017-5-11 add */
/*----------------------------------------
  申込受付状況 comment とclose,open,shortを併用
----------------------------------------*/
strong.comment {
  padding: 0 0.5em;
  border-radius: 3px;
  font-size: 92%;
}
strong.close {
  background: #c9c9c9;
  color: #333;
  border: 1px solid #c9c9c9;
}
strong.open {
  background: #aa1111;
  color: #fff;
  border: 1px solid #aa1111;
}
strong.short {
  background: #fff100;
  color: #333;
  border: 1px solid #fff100;
}
strong.accent {
  background: #C1D6EF;
  color: #000;
  border: 1px solid #C1D6EF;
}
strong.forum-douga {
  background: #C00;
  color: #fff;
  border: 1px solid #C00;
  font-weight: normal;
}
strong.close:before,
strong.open:before,
strong.short:before,
strong.accent,
strong.forum-douga{
  padding-right: 0.5em;
}
strong.close:before {
  content: "-";
  color: #333;
}
strong.open:before {
  content: "○";
  color: #fff;
  font-weight: bold;
}
strong.short:before {
  content: "▲";
  color: #333;
}
strong.none:before {
  padding-right: 0;
  content: "";
}
/*----------*/

noscript p {
	margin: 10px;
	padding: 10px;
	border: 3px double #C00;
	color: #aa1111;
}

/* 機構ガイドラインによる追加　先頭にPDF他アイコンの付加 <a>に適用（<p>等でも可）
IE8以下でインライン要素の背景画像が表示されないバグ対応を追加 2013/12/19  .bg-l はこのバグ対応による指定
（参考）インライン要素に背景画像を指定する - terkel.jp
http://terkel.jp/archives/2009/03/inline-elements-with-background-image/
*/

/* PDFアイコン */
.a-pdf,
.a-pdf .bg-l {
	padding: 1px 0 2px 18px;
	background: url(/images/ico_pdf.png) no-repeat 0 3px;
}
/* PDFアイコン(小) */
.a-pdfs,
.a-pdfs .bg-l {
	padding: 1px 0 2px 16px;
	background: url(/images/ico_pdf_s.gif) no-repeat 0 4px;
}
/* Excelアイコン */
.a-xls,
.a-xls .bg-l {
	padding: 1px 0 2px 18px;
	background: url(/images/icon_excel.gif) no-repeat 0 3px;
}
/* Wordアイコン */
.a-word,
.a-word .bg-l {
	padding: 1px 0 2px 18px;
	background: url(/images/icon_word.gif) no-repeat 0 3px;
}
/* CSVアイコン 2023-09-29 add */
.a-csv,
.a-csv .bg-l {
	padding: 1px 0 2px 18px;
	background: url(/images/icon_csv.gif) no-repeat 0 3px;
}

/* IE8以下でのみ適用されるクラス */
.inline-bg-fix {
	padding: 0 !important;
	background: none !important;
}
.inline-bg-fix .bg-l {
	margin-right: -0.3em;
}


/*--------------------------------------------------
	マージン関連
--------------------------------------------------*/
.marT0 {
	margin-top: 0 !important ;
}
.marT1 {
	margin-top: 1px !important ;
}
.marT2 {
	margin-top: 2px !important ;
}
.marT3 {
	margin-top: 3px !important;
}
.marT5 {
	margin-top: 5px !important;
}
.marT8 {
	margin-top: 8px !important;
}
.marT10 {
	margin-top: 10px !important;
}
.marT15 {
	margin-top: 15px !important;
}
.marT20 {
	margin-top: 20px !important;
}
.marT25 {
	margin-top: 25px !important;
}
.marT30 {
	margin-top: 30px !important;
}
.marT35 {
	margin-top: 35px !important;
}
.marT40 {
	margin-top: 40px !important;
}
.marT45 {
	margin-top: 45px !important;
}
.marT50 {
	margin-top: 50px !important;
}
.mar5 {
	margin: 5px !important;
}
.marLR15 {
	/*margin: 0px 15px 0px 15px !important;*/
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.marB0 {
	margin-bottom: 0 !important;
}
.marB10 {
/* 2017-12-5 add */
  margin-bottom: 10px !important;
}

/*--------------------------------------------------
	テキスト関連
--------------------------------------------------*/
/* 文字の大きさ - body=93.75%(15px相当)を前提に計算 */
.fs10 {
	font-size: 66.7% !important;
}
.fs11 {
	font-size: 73.3% !important;
}
.fs12 {
	font-size: 80% !important;
}
.fs13 {
	font-size: 86.7% !important;
}
.fs14 {
	font-size: 93.3% !important;
}
.fs15 {
	font-size: 100% !important;
}
.fs16 {
	font-size: 106.7% !important;
}
.fs17 {
	font-size: 113.3% !important;
}
.fs18 {
	font-size: 120% !important;
}
.fs19 {
	font-size: 126.7% !important;
}
.fs20 {
	font-size: 133.3% !important;
}
.fs21 {
	font-size: 140% !important;
}
.fs22 {
	font-size: 146.7% !important;
}
.fs23 {
	font-size: 153.3% !important;
}
.fs24 {
	font-size: 160% !important;
}
.fs25 {
	font-size: 166.7% !important;
}
.fs26 {
	font-size: 173.3% !important;
}
.fs27 {
	font-size: 180% !important;
}
.fs28 {
	font-size: 186.7% !important;
}
.fs29 {
	font-size: 193.3% !important;
}
.fs30 {
	font-size: 200% !important;
}
.fs31 {
	font-size: 206.7% !important;
}
.fs32 {
	font-size: 213.3% !important;
}
.fs33 {
	font-size: 220% !important;
}
.fs34 {
	font-size: 226.7% !important;
}
.fs35 {
	font-size: 233.3% !important;
}


/* 文字色 */
.red {
	color : #B30000 !important;
}
.gray {
	color : #505050 !important;
}
.white {
	color: #FFFFFF !important;
}

/* 文字の太さ */
.normal {
	font-weight: normal !important;
}

/* 字下げ（インデント） */
.indent {
	text-indent: 1em;
}

/* 文字の配置（align） */
.t-right {
	text-align: right !important;
}
.t-center {
	text-align: center !important;
}
.t-left {
	text-align: left !important;
}

.va-top {
	vertical-align: top !important;
}

.va-middle {
	vertical-align: middle !important;
}

.va-bottom {
	vertical-align: bottom !important;
}

/*テーブル（折り返し禁止）*/
.nowrap {
	white-space: nowrap;
}


/*************************
  L16 @スタイルリセット
  アクセシビリティ対応にて、outline: 0;などは排除
*************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* 禁則A */
  /*word-break: normal;*/
  line-break: strict;
  /* 禁則B */
  overflow-wrap: break-word;
  word-wrap: break-word;
}
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-break: strict;
  /* 禁則A */
  /*word-break: normal;*/
  line-break: strict;
  /* 禁則B */
  overflow-wrap: break-word;
  word-wrap: break-word;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol {
/* 2016-2-9 padding-bottom add */
  margin: 0;
  padding: 0 0 15px 2em;
}
ol li {
/* 2016-2-9 li style add */
  margin-bottom: 5px;
}
blockquote, q {
  quotes: none;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  width: 100%;
}
/*************************
  L110 @基本スタイル定義
  アクセシビリティ対応にて、outline: 0;などは排除
*************************/
a {
  width: 100%;
  height: 100%;
}
.hNavi a {
  display: block;
}
.redText {
  color: #B30000;
}
body {
  margin: 0px;
  padding: 0;
  -webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
  font-family: inherit;
  line-height: 1.4;
}
img {
  border: none;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.screen-reader-text {
  display: none;
}
.clear {
  clear: both;
}
.clear hr {
  display: none;
}
hr {
  background-color: #ddd;
  border: 0;
  height: 1px;
  clear: both;
  margin: 20px auto;
}
blockquote {
  margin: 0px 0px 20px;
  padding: 10px 20px 10px 20px;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 5px;
}
blockquote blockquote {
  margin: 20px 0;
  background-color: #fff;
}
blockquote blockquote blockquote {
  margin: 20px 0;
  background-color: #f7f7f7;
}
blockquote p {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
table {
  margin-bottom: 20px;
}
object, embed {
  width: 100%;
  display: block;
  margin: auto;
}
/*space*/
#wrap, #breadcrumb {
  width: 960px;
  margin: 0px auto;
}
#header {
  overflow: hidden;
}
#wrap {
  text-align: left;
  clear: both;
}
#side {
  overflow: hidden;
  padding: 0;
  margin: 0px;
  float: right;
}
/*************************
  L212 @media print
  印刷用のユーティリティ
*************************/
.print {
  display: list-item;
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
}
@media print {
  .page #wrap .contentLeft {
    width: 100%;
  }
  .page #wrap .contentLeft div,   .page #wrap .contentLeft span,   .page #wrap .contentLeft iframe,   .page #wrap .contentLeft h1,   .page #wrap .contentLeft h2,   .page #wrap .contentLeft h3,   .page #wrap .contentLeft h4,   .page #wrap .contentLeft h5,   .page #wrap .contentLeft h6,   .page #wrap .contentLeft p,   .page #wrap .contentLeft table {
    width: 100%;
  }
  .page #wrap .contentRight {
    display: none;
  }
  .page #wrap .viewer_box {
    display: none;
  }
}
.whiteShadow {
  text-shadow: 0px -1px 0px #f1f1f1;
}
/* ---- box-sizing ----------------- */
.borderbox {
  box-sizing: border-box;
}
.contentbox {
  box-sizing: content-box;
}
* {
  box-sizing: border-box;
}
body {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
  background-color: #fff; /* 2016-9-27 検証環境のみに追加*/
  position: relative;
  z-index: 1;
  padding-bottom: 0px;
  font-size: 93.75%; /*87.5%;*//*2015.02.11変更;*/
  line-height: 1.4;
}
/*************************
  L290 @ a:link 定義
*************************/
a:link {
  color: #0d237d;
  text-decoration: underline;
}
a:visited {
  color: #551a8b;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #aa1111;
  text-decoration: underline;
}
/*************************
  L307 @ヘッダの文字サイズ変更用の定義
  .textResizeなど
*************************/
.txtTitle {
  position: absolute;
  left: 67px;
  top: 20px;
  z-index: 3;
  width: 70px;
  overflow: hidden;
  padding: 3px 0px 0 0;
}
.textResize {
  position: absolute;
  left: 10px;
  top: 45px;
  width: 200px; /* 261px */
  z-index: 3;
}
.textResize #textResizeBtn {
  position: relative;
}
.textResize #textResizeBtn li {
  list-style-type: none;
  float: left;
}
.gssk {
  position: absolute;
  left: 470px;
  top: 62px; /*53px*/
  text-align: right;
  z-index: 3;
  font-size: 86.7%; /*93%;*//*2015.02.11変更*/
    width: auto;
}
.gssk_help {
  position: absolute;
  left: 470px;
/*  top: 40px; 2017-12-19 詳細検索を外すため位置変更 */
  top: 50px;
  text-align: right;
  z-index: 3;
  font-size: 82%;
  width: auto;
}
.english .gssk {
    top: 39px;
}
.english .gssk a {
}
/*************************
  L339 @ Google Search 用の定義
  後の変更用に保存コメントアウトあり
  .swSeachなど
*************************/
/* Google Search */
/*.gsc-selected-option-container.gsc-inline-block {
  min-width: 85px !important;
  outline: 0;
  padding: 0 28px 0 6px;
  position: relative;
  text-align: center;
  width: 85px !important;
}*/
.swSeach {
  height: 60px;
  width: 536px;
  background-color: #eeeeef;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  margin-top: 25px;
}
.swSeach .gsc-control-cse {
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
}
/*
.swSeach .gsc-control-cse .gsc-clear-button {
  position: absolute;
  right: 74px;
  top: 16px;
}
/*
/* For Google generated code(English & Japanese) */
.swSeach .gsc-clear-button {
  position: absolute;
  right: 74px;
  top: 16px;
}
.swSeach input.gsc-search-button { /*.cse-search-form */
  position: absolute;
  right: 83px;
  top: 20px;
  width: 65px !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(/images/seachBtn.gif);
  border: 0px solid #666666;
  cursor: pointer !important;
  text-indent:-9999px;
}
.swSeach .gsc-control-cse .seachBtn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.swSeach input#s, .swSeach input.gsc-input {
  position: absolute;
  right: 148px;
  top: 20px;
  width: 184px;
  border: 1px solid #25397a;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 14px;
  height: 31px !important;
  line-height: 1.2em;
  padding: 3px 6px 3px 6px;
}
/* For English code */
/* .english .swSeach .gsc-control-searchbox-only input.gsc-search-button { */
.english .swSeach input.gsc-search-button,
.english #search-result .gsc-search-box .gsc-search-button {
  background-image: url(/english/images/seachBtn_e.gif);
}
/* add 2017-12-14 */
/*-----
 headerの検索ボックスデザイン
 -----*/
/* ×ボタンに重ならないようにpadding設定 */
input.search-field.text {
  padding: 3px 15px 3px 6px !important;
}
.swSeach #searchform input.search-field.text {
  position: absolute;
  right: 148px;
  top: 20px;
  width: 184px !important; /* 2021-01-06 important 追加 google側でwidthを出力するようになったため(chrome、FFに影響) */
  border: 1px solid #25397a !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 14px;
  height: 31px !important;
  line-height: 1.2em;
  padding: 3px 15px 3px 6px !important;
}
/* IEでinputに×が出るのを消す (IE10以降) */
.swSeach #searchform input.search-field.text::-ms-clear {
  visibility: hidden;
}
.swSeach #searchform .cse input.gsc-search-button:hover,
.swSeach #searchform input.gsc-search-button:hover {
  background-image: url(/images/seachBtn.gif);
}
.swSeach #searchform .cse input.gsc-clear-button,
.swSeach #searchform input.gsc-clear-button {
  position: absolute;
  right: 150px;
  top: 35px;
  width: 9px;
  height: 9px;
  border: none;
  background: #fff url(//www.google.com/uds/css/clear.gif) no-repeat center center;
  cursor: pointer;
  text-indent: -9999px;
}
/*-----
 headerの検索ボックスデザイン english
 -----*/
.english .swSeach {
  width: 460px;
}
.english .swSeach #searchform input.search-field.text {
  right: 75px;
}
.english .swSeach #searchform .cse input.gsc-search-button:hover,
.english .swSeach #searchform input.gsc-search-button:hover {
  background-image: url(/english/images/seachBtn_e.gif);
}
.english .swSeach #searchform .cse input.gsc-clear-button,
.english .swSeach #searchform input.gsc-clear-button {
  right: 77px;
}
.english .swSeach input.gsc-search-button { /*.cse-search-form */
  right: 10px;
}

/*-----
 resultの検索ボックスデザイン変更
 ref) https://www.system8.co.jp/contents/1317/
 -----*/
#search-result .gsc-control-cse { padding: 0; }

/* テキストボックスに文字入力したときに出る「×」マークの位置調整用の指定 */
#search-result .gsc-search-box { position: relative; }

#search-result .gsc-search-box tr,
#search-result .gsc-search-box td { display: block; }

#search-result .gsc-search-box .gsc-input-box { background-color: #F3F3F1; height: 33px; }

/* テキストボックスの親要素。width指定しつつfloatで左寄せ */
#search-result .gsc-search-box td.gsc-input,
#search-result .gsc-search-box td.gsc-input .gstl_50 {
  box-sizing: border-box;
  width: 86.5% !important;
  padding: 0 !important;
  margin-right: 5px;
  height: 31px;
  vertical-align: top;
  float: left;
}
#search-result .gsc-search-box td.gsc-input .gstl_50 {
  width: 100% !important;
}

#search-result .gsc-search-box .gsib_a {
  width: 100% !important;
  padding: 0 !important;
}

/* テキストボックスのデザイン設定 */
#search-result .gsc-search-box input#gsc-i-id1 {
  box-sizing: border-box;
  height: 31px !important;
  padding: 5px !important;
  border: 1px solid rgba(200,200,200,0.8);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(200,200,200,0.8) inset;
  -moz-box-shadow: 1px 1px 1px 1px rgba(200,200,200,0.8) inset;
  box-shadow: 1px 1px 1px 1px rgba(200,200,200,0.8) inset;
  background-position: 5px center !important;
}

#search-result .gsc-search-box td#gs_tti51 { margin-bottom: 5px; }

/* ボタンの親要素。width指定しつつfloatで左寄せ */
#search-result .gsc-search-box td.gsc-search-button {
  width: 10% !important;
  height: 31px;
  float: left;
}

/* テキストボックスに文字入力したときに出る「×」マークの位置調整 */
#search-result .gsc-search-box .gsib_b {
  position: absolute;
  width: 20px;
  top: 5px;
  left: 82.5%;
}

/* デフォルトで設定されている(疑似的な)テキストボックスの
デザイン設定を解除 */
#search-result .gsc-search-box .gsc-input-box,
#search-result .gsc-search-box .gsc-input-box-hover,
#search-result .gsc-search-box .gsc-input-box-focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* 検索ボタンの背景をボタンのように見せかける */
#search-result .gsc-search-box .gsc-search-button {
/*
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-top: 1px solid #253979;
  border-left: 1px solid #253979;
  border-right: 1px solid #253979;
  border-bottom: 1px solid #253979;
  background: #253979 url(/images/seachBtn.gif) right center no-repeat;
  background-size: cover;
*/
  cursor: pointer;
}

/* 検索ボタンのテキスト */
#search-result .gsc-search-box .gsc-search-button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '検索' !important;
  color: #FFF;
  font-size: 100%;
  text-indent: -100%;
}

/* 検索ボタンを透明化 */
#search-result .gsc-search-box input.gsc-search-button-v2,
#search-result .gsc-search-box input.gsc-search-button {
  width: 100%;
  height: 31px;
  padding: 0 !important;
  opacity: 0;
}

/*-----
 resultの検索結果デザイン変更
 -----*/
/* powered by Googleカスタム検索の表示を下に移動 */
.gsc-wrapper {
  position: relative !important;
}
.gsc-wrapper .gcsc-branding {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* 表示順セレクトの幅調整 */
.gsc-selected-option-container {
  width: 10em;
}

/*-----
 個別検索エンジン用の指定 クリアボタンの位置
 -----*/
.swSeach#search_ex .cse input.gsc-clear-button,
.swSeach#search_ex input.gsc-clear-button {
  position: absolute;
  right: 78px;
  top: 24px;
  width: 9px;
  height: 9px;
  border: none;
  background: #fff url(//www.google.com/uds/css/clear.gif) no-repeat center center;
  cursor: pointer;
  text-indent: -9999px;
}
/* IEでinputに×が出るのを消す (IE10以降) */
.swSeach #search_ex input.search-field.text::-ms-clear {
  visibility: hidden;
}

/******************************
Googleカスタム検索のテーマをシンプルからデフォルトに変更にあたって
・検索フィールのpowered byの非表示化
・結果画面のurl表示についてshortでなくlongを表示
******************************/
#cse-search-form .gsc-branding { display: none; }
#cse .gs-webResult div.gs-visibleUrl-short { display: none; }
#cse .gs-webResult div.gs-visibleUrl-long {  display: block; }

/*************************
  L427 @ グローバルナビ定義
  上部ナビメニュー
  後の変更用に保存コメントアウトあり
  #mainMenu
  #container .menu
  #menu-topmenuなど
*************************/
#container .menu li {
  z-index: 0;
}
#container .menu > li {
  border-right: 1px solid #eeeeef;
  border-bottom: 3px solid #DBDCDC;
  text-align: center;
}
#container .menu > li:hover {
  border-bottom: 3px solid #c00000;
  box-shadow: 0 1px 3px #eeeeef inset;
}
#container .menu > li:first-child {
  border-left: 1px solid #eeeeef;
}
#menu-topmenu #menu-item-29 {
  width: 140px;
}
#menu-topmenu #menu-item-28 {
  width: 101px;
}
#menu-topmenu #menu-item-27 {
  width: 140px;
}
#menu-topmenu #menu-item-26 {
  width: 135px;
}
#menu-topmenu #menu-item-25 {
  width: 101px;
}
#menu-topmenu #menu-item-24 {
  width: 120px;
}
#menu-topmenu #menu-item-23 {
  width: 82px;
}
#menu-topmenu #menu-item-22 {
  width: 141px;
}
#menu-topmenu.menu > li a {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 5px 0px 5px;
}
#menu-topmenu.menu > li a:hover {
  background-color: #fff;
}
#container .menu > li > a {
  line-height: 50px;
}
#container .menu li.current-menu-item, #container .menu li.current-post-parent, #container .menu li.current_page_parent {
  border-bottom: 3px solid #c00000;
}
#mainMenu {
  background-color: #eeeeef;
}
#mainMenu ul {
  background-color: #eeeeef;
  margin: auto;
  width: 968px;
  height: 58px;
}
#mainMenu li {
  background-color: #fff;
  float: left;
  position: relative;
}
#mainMenu a {
  color: #000;
  text-decoration: none;
  display: block;
  line-height: 40px;
  padding: 0 10px;
}
#mainMenu ul ul {
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  float: left;
  width: 188px;
  z-index: 99999;
  height: auto;
  background-image: none;
}
#mainMenu ul ul li {
  min-width: 180px;
}
#mainMenu ul ul ul {
  left: 100%;
  top: 0;
}
#mainMenu ul ul a {
  background: #fff;
  min-height: 2em;
  padding: 10px;
  border: 1px solid #eeeeef;
}
#mainMenu ul ul a:hover {
  background: #9eb2c3;
}
#mainMenu li:hover > a, #mainMenu ul ul :hover > a {
  background-position: left -40px;
}
#mainMenu ul li:hover > ul {
  display: block;
  /*/ display: none;*/
}
#mainMenu ul li.current_page_parent > a, #mainMenu ul li.current_page_item > a, #mainMenu ul li.current-menu-ancestor > a, #mainMenu ul li.current-menu-item > a, #mainMenu ul li.current-menu-parent > a {
  background-position: left bottom;
}
/*menu-image-sample-code-----------------------------------------------------
#mainMenu ul{background-image:url(img/main_menu.png);}
#mainMenu a {background:url(img/main_menu.png) no-repeat -9878px -9898px;width:168px;text-indent:-9876px;}
#mainMenu #menu-item-999:hover > a {background-position:right -40px;}
#mainMenu #menu-item-999.current_page_item > a, #mainMenu #menu-item-999.current_page_parent > a, #mainMenu #menu-item-999.current-menu-parent > a{background-position:right bottom;}
---------------------------------------------------------------------------- */
/*************************
  L563 @ ヘッダ全体定義
  #header など
*************************/
#headerTop {
  min-height: 45px;
  background: #25397a url(/images/h_bg.png) repeat-x 0px bottom;
}
#headerTop .headerTopInner {
  width: 960px;
  margin: 0px auto;
  padding: 15px 0 0 0;
	font-size: 93.4%; /* 2015.02.11追加 */
}
#headerTop div.dl-bulletWrap {
  min-width: 470px;
}
#header {
  width: 960px;
  margin: 0px auto;
  padding: 0px 0 20px 0;
}
.dl-headTxt {
  font-size: 77.4%; /*83%;*//* 2015.02.11変更 */
  padding: 15px 0px 2px;
  text-align: center;
  width: 409px;
}
.english .dl-logo {
  margin: 25px 0px 0px 0px;
}
.dl-logo {
  width: 409px;
}
.dl-logo a {
  display: block;
}
.dl-bulletWrap {
  padding: 0 15px;
  min-width: 405px;
}
ul.dl-bullet.footer_bul {
  display: inline;
  padding: 0 0 3px 0;
  margin: 3px auto;
	font-size: 93.4%; /* add *//* 2015.02.11追加 */
}
ul.dl-bullet.footer_bul li {
  background: none;
  padding: 0 11px;
  border-right: 1px solid #666;
}
ul.dl-bullet.footer_bul li a {
  border-right: 0px solid #666;
}
ul.dl-bullet.footer_bul li.noBoader {
  border-right: 0px solid #666;
}
ul.dl-bullet.mid2 {
  padding: 10px 0 0 20px;
}
ul.dl-bullet.mid2 li {
  padding-right: 8em;
  padding-bottom: 10px;
  border: 0px solid #fff;
}
ul.dl-bullet.mid2 li.m1 {
  padding-right: 9em;
}
ul.dl-bullet.mid2 li:last-child {
  padding-right: 0em;
}
ul.dl-bullet li {
  float: left;
  background: url(/images/icon1.png) no-repeat 11px 5px;
  line-height: 1.4em;
  padding: 0 10px 0 25px;
  border-right: 1px solid #666;
}
ul.dl-bullet li.noBoader {
  border-right: 0px solid #666;
}
ul.topBullet li {
  background: none;
  padding: 0 25px 0 25px;
  border-right: 1px solid #fff;
}
ul.topBullet li a {
  color: #fff;
}
/*************************
  L645 @ パンくず部分定義
*************************/
#breadcrumb {
  margin: 15px auto;
	font-size: 93.4%; /* add *//* 2015.02.11追加 */
}
/*************************
  L658 @ ページコンテナ全体定義
  後の変更用に保存コメントアウトあり
  .contentLeft：左コンテナ
  .contentRight：右コンテナ
*************************/
.contentLeft {
  float: left;
  text-align: left;
  width: 570px;
}
.contentRight {
  float: right;
  text-align: left;
  /*width: 360px;*/
}
.testPost {
  background: #fbfbfb;
  background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 50%, #f6f6f6 95%, #f1f1f1 100%);
  box-shadow: 0 1px 3px #eeeeef;
  box-shadow: 0 1px 3px #eeeeef inset;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
/*・基準フォント（14pt）のまま各見出しの大きさを%指定
・各フォントサイズは以下で
　body font-size:87.5% と指定。（想定14px）
　h1 font-size:135.7% と指定。（想定19px）
　h2 font-size:142.9% と指定。（想定20px）
　h3 font-size:107.1% と指定。（想定14px）*/
/*h1 {
  min-height: 55px;
  min-width: 570px;
  font-size: 146.5%;
  color: #000;
  line-height: 2.6;
  padding: 0px 10px 0px 9px;
  background-position: 0px top;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg1.png);
  border: 1px solid #b3b3b4;
  .normalRads;
}
span.h1_inner {
  border-left: 4px solid @MainBlue;
  padding: 0px 0px 0px 15px;
  display: inline-block;
  margin: 3px 0;
}*/
/* { 機構さまより提供　h1 new */
h1 {
  min-height: 55px;
  /*min-width: 100%;*/
  font-size: 146.5%;
  text-align: left;
  color: #000;
  line-height: 1.4;
  padding: 15px 10px;
}
.h1_hasSubText {
  display: block;
  width: auto;
  min-height: 60px;
  margin: 0px 0px 15px;
  background-position: 0px top;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg1.png);
  border: 1px solid #b3b3b4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.h1_deco {
  position: relative;
  display: table;
  width: 100%;
  min-height: 60px;
  border-left: 4px solid #25397a;
  margin: 0 0 0 8px;
}
.h1_deco > h1 {
  background-image: none;
  border: none;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.h1_deco > p {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 93.4%; /*100%;*//*2015.02.11変更*/
  font-weight: normal;
  padding: 0px 15px;
}
/* 機構さまより提供　h1 new } */
/* base_simple */
.page .h1_deco h1 {
  /*min-width: 100%;*/
}
.page .h1_deco p {
  min-width: 55%;
}
/* firefoxのみのH1,p調整 */
.page.gecko .h1_deco p {
  min-width: inherit;
}



h2, h2.h2_activity {
  height: auto;
  min-width: 570px;
  font-size: 126.7%; /*133.4%; /*142.9%;*//*2015.02.11変更*/
  font-weight: normal;
  text-align: left;
  color: #000;
  line-height: 1.4;
  margin-top: 1.1em;
  padding: 0px 10px 0.3em 3px;
  background-color: #fff;
  background-position: 0px bottom;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg2.png);
    clear: both;
}
h2.otoiawase, h2.h2_activity.otoiawase {
  margin-top: 50px;
}
/* トップページのみ（body.home） */
body.home h1 {
  padding: 0;
  margin: 0;
}
body.home h2 {
  margin-bottom: 0;
  padding: 0;
  background: none;
}
body.home h3 {
  display: block;
  min-width: 570px;
  padding: 3px 0 0 45px;
  color: #fff;
  font-size: 100%; /*107.1%;*//*2015.02.11変更*/
  line-height: 2;
  border-top: 2px solid #B7C1C7;
  background-color: #25397a;
  background-position: 10px 0.2em;
  background-repeat: no-repeat;
}
body.home h3.mid21 {
  background-image: url(/images/cont_mid2_s01.png);
}
body.home h3.mid22 {
  background-image: url(/images/cont_mid2_s02.png);
}
body.home h3.mid23 {
  background-image: url(/images/cont_mid2_s03.png);
}

body.home h4 {
  min-width: 311px;
  border: none;
  background: none;
}
h3 {
  display: block;
  min-width: 570px;
  margin-top: 0.9em;
  padding: 5px 0 5px 10px;
  font-size: 100%; /*107.1%;*//*2015.02.11変更*/
  line-height: 1.4;
  text-align: left;
  color: #000;
  border-top: 0px solid #B7C1C7;
  border-bottom: 1px dotted #a7a7aa;
  background: #ffffff url(/images/h_bg3.png) no-repeat 0px 0px;
}
h2.has_a {
  background: #ffffff url(/images/h_bg2_has_a.png) no-repeat 0px bottom;
  padding-left: 21px;
}
h2.has_a a {
    text-decoration: none;
}
h3.has_a {
  /*background: #ffffff url(/images/h_bg3_has_a.png) no-repeat 0px 0px;
  padding-left: 27px;*/
}
h1 .full, h2 .full, h3 .full {
  width: 100%;
}
.viewer p {
  padding-right: 2em;
  text-indent: 2em;
  line-height: 2em;
}
/*************************
  L838 @ ページコンテナトップ(/index)用定義
  後の変更用に保存コメントアウトあり
*************************/
/*contnt inner l*/
.dl-cont_l_wrap {
  position: relative;
  width: 570px;
}
.dl-cont_l_m .dl-cont_l_contents {
  padding: 5px 25px;
}
.dl-cont_l_b {
  height: 10px;
  margin-bottom: 15px;
}
/*contnt inner r*/
.dl-cont_r_wrap {
  width: 360px;
}

.dl-cont_r_h1.hd3 h3 {
  border: 0;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  min-width: 0;
}

.dl-cont_r_m {
  margin: 25px 0;
  border: 2px solid #E7E8E9;
}
.dl-cont_r_m.first {
  margin: 10px 0;
}
.dl-cont_r_m .dl-cont_r_contents {
  padding: 11px;
  width: 333px;
  margin: 0px auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
}
.dl-cont_r_b {
  height: 18px;
  margin-bottom: 15px;
}
/* index 中部分*/
ul.dl-cont_mid_wrap {
  clear: both;
  display: table;
  margin: -25px 0 -5px -35px;
  height: 100%;
  border-collapse:separate;
  border-spacing:35px;
}
ul.dl-cont_mid_wrap li {
  display: table-cell;
  border:1px solid #25397A;
  border-radius: 5px;
  background: #fff url(/images/cont_mid_ico_ovoff.png) center bottom no-repeat;
  text-align: center;
  *display: inline;
  *zoom: 1;
}

ul.dl-cont_mid_wrap li:hover,
ul.dl-cont_mid_wrap li:active,
ul.dl-cont_mid_wrap li.focus{
  border-color: #AA1111;
  background-image: url(/images/cont_mid_ico_ovon.png);
}

ul.dl-cont_mid_wrap li a {
  display: block;
  padding: 95px 10px 12px;
  width: 162px;
  font-weight:bold;
  color:inherit;
  text-decoration:none;
}

ul.dl-cont_mid_wrap .m1 a {
  background:transparent url("/images/cont_mid_ico_s01.png") center 5px no-repeat;
}

ul.dl-cont_mid_wrap .m2 a {
/*BLTデジタル化2023/4/25～  background:transparent url("/images/cont_mid_ico_s02.png") center 5px no-repeat;*/
  background:transparent url("/images/cont_mid_ico_s07.png") center 5px no-repeat;
}

ul.dl-cont_mid_wrap .m3 a {
  background:transparent url("/images/cont_mid_ico_s03.png") center 5px no-repeat;
}

ul.dl-cont_mid_wrap .m4 a {
  background:transparent url("/images/cont_mid_ico_s04.png") center 5px no-repeat;
}

ul.dl-cont_mid_wrap .m5 a {
  background:transparent url("/images/cont_mid_ico_s05.png") center 5px no-repeat;
}

ul.dl-cont_mid_wrap li a .text {
  display:block;
}

/* Windows・メイリオ・文字サイズ中での改行位置調整のためのpadding */
ul.dl-cont_mid_wrap .m4 .text {
  padding:0 15px;
}

ul.dl-cont_mid_wrap .m5 {
  margin: 0 0px 0 0;
}

/* Windows・メイリオ・文字サイズ中での改行位置調整のためのpadding */
ul.dl-cont_mid_wrap .m5 .text {
  padding:0 20px;
}


div.dl-cont_mid2_wrap {
  clear: both;
}
div.dl-cont_mid2_wrap dt {
  clear: both;
  width: 10em;
}
div.dl-cont_mid2_wrap dd {
  padding: 0px 0px 0.7em 17px;
  width: 770px;
  background-image: url(/images/top_mark.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
    float: right;
}
/*************************
  L942 @ ページ全体　dl用定義
  fixme
*************************/
dl {
    padding: 0 0 0 15px;
}
/* dlにclearfix追加 */
dl:before, dl:after {
  content: "";
  display: table;
}
dl:after {
  clear: both;
}
/* ここまで */
dl dt {
  float: left;
  width: 30%;
}
dl dd {
  float: left;
  width: 70%;
  padding-bottom: 0.7em;
}
dl dd a img {
  vertical-align: top;
}
/*************************
  L976 @ ページ全体　ビュレットアイコン用定義
  トップニュース用　dl 定義
  後の変更用に保存コメントアウトあり
*************************/
/*dl-cont_l_contents*/
.btn0 {
  position: absolute;
  right: 0;
  top: 0;
  float: left;
  padding: 0;
}

.btn0 .btn0-list li {
  display: inline-block;
  *display: inline;
  *zomm: 1;
}

.btn0 .btn0-list li:first-child {
  margin-right: 10px;
}

.btn1 {
  padding: 17px 0 10px;
  background-color: #EBF1F6;
}
.btn1 .btn1-list li {
  display: inline-block;
  margin-right: 26px;
  *display: inline;
  *zomm: 1;
}

.dl-cont_l_contents dl {
  padding: 10px 0 5px 0px;
}
.dl-cont_l_contents dl dt {
  width: 85px;
  height: 25px;
}
.dl-cont_l_contents dl dd {
  width: 433px;
  min-height: 25px;
  background-image: url(/images/_andoridDummy.gif);
}
.dl-cont_l_contents dl dd p {
  background-image: url(/images/_andoridDummy.gif);
}
.colR {
  width: 180px;
}
/*************************
  L1037 @ 第二階層　ページ全体定義
  .dl-second_r_wrap：右ナビの全体構造
*************************/
body.page .contentLeft {
  float: left;
  text-align: left;
  width: 670px;
}
body.page .contentRight {
  float: right;
  text-align: left;
  width: 250px;
}
/*************************
  L1051 @ 第二階層　右ナビ定義
*************************/
#container {
  /*************************
    L1078 @ 第二階層　右ナビ定義　2
    各右ナビのネストの設定

  *************************/
}
#container .dl-second_r_wrap {
  width: 250px;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#container .dl-second_r_wrap p {
  margin: 0;
	font-size: 93.4%; /* add *//*2015.02.11追加*/
}
#container .dl-second_r_t {
  padding: 5px 0 0 0;
  background-color: #C1D6EF;
}
#container .dl-second_r_t h3.t1 {
  min-width: 218px;
  /*border-top: 3px solid #25397a;*/
  padding: 0px 0 0 11px;
  margin: 0;
  font-size: 108%; /*116%;*//*2015.02.11変更*/
  line-height: 2.7;
  background: #c1d6ef none no-repeat 8px 13px;
  color: #000;
}
#container .dl-second_r_t h3.t1 a {
  color: #000;
  text-decoration: none;
  display: block;
}
#container .dl-second_r_t h3.t1 a:hover {
  text-decoration: underline;
}
#container .dl-second_r_m a {
  color: #25397a;
  text-decoration: none;
  display: block;
}
#container .dl-second_r_m a:hover {
  text-decoration: underline;
}
#container .dl-second_r_m p {
  text-indent: 0em;
}
#container .dl-second_r_m li > p {
  border-bottom: 1px solid #ddd;
}
#container .dl-second_r_m ul.dir1 > li > p {
  color: #25397a;
  padding: 11px 23px 9px 30px;
  background: #eeeeef url(/images/icon2.png) no-repeat 8px 12px;
}
#container .dl-second_r_m ul.dir1 > li > p.notHref {
  color: #000;
  padding: 11px 15px 9px 11px;
  background-image: none;
}
#container .dl-second_r_m ul.dir1 > li.active > p {
  background-color: #dfdfe0;
}
#container .dl-second_r_m ul.dir2 > li > p {
  padding: 8px 5px 7px 30px;
  background: #ffffff url(/images/icon3.png) no-repeat 16px 13px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 86.7%; /*93%;*//*2015.02.11変更;*/
}
#container .dl-second_r_m ul.dir2 > li > p a {
  font-weight: normal;
}
#container .dl-second_r_m ul.dir2 > li > p.notHref {
  padding: 8px 5px 7px 16px;
  background-image: none;
}
#container .dl-second_r_m ul.dir2 > li > p.notHref a {
  color: #000;
}
#container .dl-second_r_m ul.dir2 > li.active > p {
  background-color: #ebf1f6;
}
#container .dl-second_r_m ul.dir3 > li > p {
  font-size: 86.7%; /*93%;*//*2015.02.11変更;*/
  padding: 7px 5px 6px 48px;
  background: #ffffff url(/images/icon3.png) no-repeat 32px 13px;
}
#container .dl-second_r_m ul.dir3 > li.active > p {
  background-color: #ebf1f6;
}
/*************************
  L1125 @ 第二階層　右ナビ下部定義
  右下部、バナー（5）の定義
*************************/
ul.dl-second_mid_wrap {
  padding: 30px 0 50px;
}
ul.dl-second_mid_wrap li {
  margin: 0 0px 5px 0;
}
ul.dl-second_mid_wrap li a {
  border:1px solid #25397A;
  border-radius: 5px;
  display: table;
  width: 250px;
  height: 115px;
  background: #fff url(/images/second_mid_ico_ovoff.png) left bottom no-repeat;
  text-decoration:none;
  color:inherit;
  *height:auto;
  *zoom:1;
}

ul.dl-second_mid_wrap li a:hover,
ul.dl-second_mid_wrap li a:active,
ul.dl-second_mid_wrap li a:focus{
  background-image: url(/images/second_mid_ico_ovon.png);
  border-color: #AA1111;
}

ul.dl-second_mid_wrap li a span {
  padding-right:10px;
  display:table-cell;
  vertical-align:middle;
  font-weight:bold;
  *padding-top:50px;
  *padding-bottom:50px;
  *zoom:1;
}

ul.dl-second_mid_wrap li.m1 a span {
  background:url(/images/second_mid_ico_s01.png) 30px center no-repeat;
  padding-left:100px;
}
ul.dl-second_mid_wrap li.m2 a span {
/*BLTデジタル化2023/4/25～   background:url(/images/second_mid_ico_s02.png) 30px center no-repeat;*/
  background:url(/images/second_mid_ico_s07-blt.png) 30px center no-repeat;
  padding-left:100px;
}
ul.dl-second_mid_wrap li.m3 a span {
  background:url(/images/second_mid_ico_s03.png) 35px center no-repeat;
  padding-left:100px;
}
ul.dl-second_mid_wrap li.m4 a span {
  background:url(/images/second_mid_ico_s04.png) 10px center no-repeat;
  padding-left:130px;
}
ul.dl-second_mid_wrap li.m5 a span {
  background:url(/images/second_mid_ico_s05.png) 30px center no-repeat;
  padding-left:100px;
  /* Windows・メイリオ・文字サイズ中での改行位置調整のためのpadding */
  padding-right:50px;
}
/*************************
  L1150 @ 各カテゴリトップ定義
  ボタン様式の角丸ボックス
  .dl-btWakuWrap　以下
*************************/
.dl-btWakuWrap .hNavi a {
  text-decoration: none;
  color: #000;
}
.dl-btWakuWrap > ul > li {
  display: block;
  float: left;
  margin-left: 33px;
  margin-bottom: 15px;
  width: 295px;
  min-height: 140px;
  border: 1px solid #25397a;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #ffffff url(/images/cont_btWaku_s01.png) repeat-x 0px bottom;
}
.dl-btWakuWrap > ul > li:hover {
  border: 1px solid #aa1111;
  background: #ffffff url(/images/cont_btWaku_hover_s01.png) repeat-x 0px bottom;
}
.dl-btWakuWrap > ul > li.not {
  background: none;
  padding: 100px 0 0 0;
  border: 0px solid #25397a;
  min-height: 40px;
}
.dl-btWakuWrap > ul > li.not a {
  font-weight: bold;
  text-decoration: underline;
  color: #0d237d;
}
.dl-btWakuWrap > ul > li.not a:hover {
  color: #aa1111;
}
.dl-btWakuWrap > ul > li:first-child, .dl-btWakuWrap > ul > li.first {
  margin-left: 0px;
}
.dl-btWakuWrap > ul > li p.ti {
  padding: 15px 15px 0 25px;
  font-weight: bold;
  font-size: 108%; /*116%;*//*2015.02.11変更*/
  padding-bottom: 9px;
}
.dl-btWakuWrap > ul > li p.ph {
  padding: 0 0 10px 25px;
  float: left;
}
.dl-btWakuWrap > ul > li .di {
  font-size: 93.4%; /*100%;*//*2015.02.11変更*/
  width: 164px;
  padding-left: 10px;
  float: left;
}
.dl-btWakuWrap.dl-btWakuWrapOnlyBtn ul > li {
  width: 163px;
  display: table;
  padding: 0;
  min-height: 68px;
}
.dl-btWakuWrap.dl-btWakuWrapOnlyBtn ul > li p.ti {
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}
body.gecko .dl-btWakuWrap.dl-btWakuWrapOnlyBtn ul > li {
  height: 68px;
}
/*************************
  @ 右ナビ用トグルボタン追加 fixme
*************************/
p.naviToggle {
  position: relative;
  z-index: 3;
}
p.naviToggle a {
  z-index: 3;
}
p.naviToggle .naviB {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 11;
  display: block;
  width: 19px;
  height: 19px;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
}

p.naviToggle .naviB img{
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

/*************************
  @ L1229以下（以降は修正等のため最終まではLineが
  増減多くなりますので以降割愛）
   contentInner
  旧ページデザインを上書き継承
  新デザインを反映
*************************/
body.page #content .contentInner p {
  margin-bottom: 20px;
}
body.page #content .contentInner ul {
  list-style-image: url("/images/top_mark_02.gif");
  margin: 0px;
  padding-left: 25px;
}
body.page #content .contentInner ul li {
  margin-bottom: 10px;
}
body.page #content .contentInner h4 {
  display: block;
  padding: 15px 0 0 27px;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 15px;
  background-position: 0px 7px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg4.png);
  border: none;
}
/* H4,h5のデザインを適用したくない場合 */
body.page #content .contentInner h4.pathStyle {
  background: none;
}
body.page #content .contentInner h4 span {
  border: none;
}
body.page #content .contentInner h5 {
  display: block;
  padding: 15px 0 0 27px;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 15px;
  background-position: 0px 7px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg5.png);
  border: none;
}
/* H4,h5のデザインを適用したくない場合 */
body.page #content .contentInner h5.pathStyle {
    background: none;
}
.swh4Inherit {
  display: block;
  padding: 15px 0 0 27px;
  margin-bottom: 15px;
  background-position: 0px 7px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg4.png);
}
#contents .box .left h4 {
  display: block;
  padding: 15px 0 0 27px;
  margin-bottom: 15px;
  background-position: 0px 7px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(/images/h_bg4.png);
}
.reports_e p.a-pdf {
  padding: 1px 0 2px 34px;
  background: url(/images/ico_pdf.png) no-repeat 11px 0;
}
.dl-news .a-pdfs, .dl-news .a-pdfs .bg-l {
  padding: 1px 0 2px 0px;
  background: none;
}
#contents {
  width: 100% !important;
}
#ohby h4 {
  height: 28px;
}
#whats-new .boxDate, #whats-new .boxDate dl {
  width: 650px;
}
#whats-new .boxDate ul {
  padding: 5px 0 5px 25px;
}
table.pdf a:hover img, div#tool a:hover img, .howtoget_file a:hover img {
  border: 1px solid #aa1111;
}
/* 指定の重複 2015/12/28削除
#contents .unit_daily li
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 0px;
  list-style-image: url("/images/top_mark_02.gif");
  list-style-type: none;
}
*/

/*************************
  @ bodyに付与した新デザイン用クラス
  もしくは旧デザインを上書き継承
  新デザインを反映
  後の変更用に保存コメントアウトあり
*************************/
/* reports
  (150105) 指示書（報告書).pdf による、改編用
  (150130) 長いh1名のCSSデザインのseikamei、fukudaiのクラス名の変更
  seikamei -> h1_text_s
  fukudai  -> h1_text_m
  に修正し、更にこれをreportsだけでなく全ての分野から利用できるようにしたい
*/
h1 .h1_text_s
{
  font-size: 72%; /*77%;*//*2015.02.11変更*/
}
h1 .h1_text_m
{
  font-size: 86.7%; /*93%;*//*2015.02.11変更*/
}

/*************************
  @ フッタスタイル定義
  #footer　など
*************************/
#footer {
  position: relative;
  clear: both;
  background-color: #ebf1f6;
  border-top: 1px solid #a7a7aa;
}
#footerTop {
  width: 960px;
  margin: 0 auto;
  padding-top: 21px;
}
#footerTop ul {
  min-width: 220px;
  min-height: 35px;
  float: right;
  background-color: #ebf1f6;
  border-top: 1px solid #a7a7aa;
  border-left: 1px solid #a7a7aa;
  border-right: 1px solid #a7a7aa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#footerTop ul li.pagetop {
  min-width: 200px;
  background: url(/images/bullet2.png) no-repeat 20px 10px;
  padding: 10px 9px 5px 45px;
	font-size: 93.4%; /* add *//*2015.02.11追加*/
}
#footerInner {
  position: relative;
  width: 960px;
  margin: 0px auto;
  min-height: 150px;
}
.footerCenter, .dl-ftCenter {
  width: 700px;
  margin: 0 auto;
  padding: 35px 0 0;
}
#adress, #copyright {
  padding: 5px;
  font-size: 79.4%; /*85%;*//*2015.02.11変更*/
}
#copyright {
  margin-bottom: 10px;
}
.footerMailMagazine, .dl-f_mm {
  position: absolute;
  left: 0px;
  top: 35px;
  width: 135px;
  height: 65px;
}
.footerMailMagazine a, .dl-f_mm a {
  display: block;
}
.footerAccess, .dl-f_access {
  position: absolute;
  right: 10px;
  top: 20px;
  width: 100px;
  height: 100px;
}
.footerAccess a, .dl-f_access a {
  display: block;
}
/*************************
  @ ユーティリティ用（汎用）クラス
  マージン、パディング、フロート
  フォントスタイルなど
  後の変更用に保存コメントアウトあり
  未使用と思われるものは、一度コメントアウト
*************************/
#chk {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9999;
  float: left;
  padding: 5px;
  background-color: rgba(191, 48, 60, 0.75);
  border: 1px solid #fff;
  font-size: 81.4%; /*87%;*//*2015.02.11変更*/
  color: #fff;
}
#chk i {
  font-size: 72%; /*77%;*//*2015.02.11変更*/
}
.fl_R {
  float: right;
}
.fl_L {
  float: left;
}
.fl_N {
  float: none;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.t-left {
  text-align: left;
}
.hidden {
  display: none;
}
.hidden2 {
  position: absolute;
  left: -9876px;
}
.visinone {
  visibility: hidden;
}
.disp_ilb {
  display: inline-block;
}
.disp_b {
  display: block;
}
.opace0 {
  opacity: 0;
}
.prelative {
  position: relative;
}
.a_mar00auto {
  margin: 0px auto;
}
/*ブロック要素にリンク追加*/
.linkbox, .linkbox2 {
  cursor: pointer;
}
.aa_baselink {
  display: none;
}
/* ------------------------------------------------------------
  Clearfix fixme DW用に
------------------------------------------------------------ */
/* new clearfix */
.clf:before, .clf:after {
  content: "";
  display: table;
}
.clf:after {
  clear: both;
}
/* For IE 6/7 (hasL) */
/* DW clearfix表示 */
/**/
/* ------------------------------------------------------------
    99. Clearfix
------------------------------------------------------------ */
.clear, .clf {
  clear: both;
}

/* padding系-----------------------*/
.LH1 {
  line-height: 1.1em !important;
}
.LH2 {
  line-height: 1.3em !important;
}
.LH3 {
  line-height: 1.8em !important;
}
.LH4 {
  line-height: 2.1em !important;
}
.pad20 {
  padding: 20px !important;
}
.pad15 {
  padding: 15px !important;
}
.pad10 {
  padding: 10px !important;
}
.pad5 {
  padding: 5px !important;
}
.padB5 {
  /*padding: 0px 0px 5px 0px !important;*/
  padding-bottom: 5px !important;
}
.padB10 {
  /*padding: 0px 0px 10px 0px !important;*/
  padding-bottom: 10px !important;
}
.padT5 {
  padding-top: 5px !important;
}
.padLT5 {
  /*padding: 5px 0px 0px 5px !important;*/
  padding-top: 5px !important;
  padding-left: 5px !important;
}
.padT10 {
  padding-top: 10px !important;
}
.padTB5 {
  /*padding: 5px 0px !important;*/
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.padTB10 {
  /*padding: 10px 0px 10px 0px !important;*/
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.padTB50 {
  /*padding: 50px 0px 50px 0px !important;*/
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.padTB30 {
  /*padding: 30px 0px 30px 0px !important;*/
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.padL20 {
  /*padding: 0px 0px 0px 20px !important;*/
  padding-left: 20px !important;
}
.padR5 {
  padding-right: 5px !important;
}
.padL5 {
  padding-left: 5px !important;
}
.padL10 {
  padding-left: 10px !important;
}
.padL15 {
  padding-left: 15px !important;
}
.padLR5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.padLR10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.padLR15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
/*************************
 IE6 / IE7の対応
*************************/
.ie6 .swSeach,
.ie7 .swSeach  {
    width: 506px;
}
.ie6 .swSeach input.gsc-input,
.ie7 .swSeach input.gsc-input {
    width: 154px;
}
.ie6 #menu-topmenu #menu-item-22,
.ie7 #menu-topmenu #menu-item-22 {
    width: 135px;
}
.ie6 #menu-topmenu li.menu-item {
    width: 101px !important;
}
.ie6 .disp_ilb,
.ie7 .disp_ilb  {
    padding-left: 3em;
}

.ie6 .textResize #textResizeBtn li,
.ie7 .textResize #textResizeBtn li
{
    width: 46px;
}

/*************************
 2015.01.20 NTT-LS Add
*************************/
/* publication */
/* event */
.publication #content .contentInner p, .event #content .contentInner p {
  margin-bottom: 5px;
}
.publication table.pubInfo, .event table.pubInfo {
  width: 100%;	/* 900px から変更 3/25  */
  margin: 15px auto;
  border-collapse: collapse;
  display: table;
}
.publication table.pubInfo th, .event table.pubInfo th {
  border-top: 1px solid #25397a;
  background-color: #ebf1f6;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 3px 0;
}
.publication table.pubInfo td.icon, .event table.pubInfo td.icon {
  vertical-align: top;
  text-align: center;
}
.publication table.pubInfo td.date, .event table.pubInfo td.date {
  vertical-align: top;
  text-align: center;
}
.publication table.pubInfo td.title, .event table.pubInfo td.title {
  width: 700px;
}
.publication table.pubInfo td, .event table.pubInfo td {
  padding-top: 15px;
}
.publication table.event_index, .event table.event_index {
  width: 900px;
  margin: 30px auto 30px;
  padding: 0;
  border-collapse: collapse;
  border: inherit;
}
#category {
  width: 100%;
}
#category .dl-bullet {
  display: block;
}
#category .dl-bullet li {
  width: 15em;
}
/* event */
.event h1 {
  /*min-width: 100%;*/
}
.event dl {
    padding: 0 0 0 15px;
}
.event dl dt {
    clear: both;
  float: left;
  width: 11em;
}
.event dl dd {
  float: left;
  width: 70%;
  padding-bottom: 0.7em;
}
.event #content .contentInner p {
  margin-bottom: 0px;
}
.event #content .contentInner h5 {
  background: none;
  width: 560px;
}
.event #content .contentInner #forum_index {
  width: 670px;
  padding-left: 0px;
}
.event #content .contentInner #forum_index dl, .event #content .contentInner #forum_index dt, .event #content .contentInner #forum_index dd {
  float: none;
  width: inherit;
}
.event #content .contentInner .kakomi_m dl dd, .event #content .contentInner .roundbox-content dl dd {
  float: none;
}
.event #content .contentInner #program h3,
.event #content .contentInner #program h4
{
    clear: both;
}
.event #content .contentInner #program dl dt {
    margin-bottom: 10px;
}
.event #content .contentInner #program dl dd {
    /*margin: 0;
    padding: 0px;*/
    width: auto;
    float: left;
    position: relative;
}
.event #content .contentInner div.mokuji h3 {
  background: #ffffff url(/images/h_bg3.png) no-repeat 0px 0px;
    margin: 0 0 15px;
  padding: 5px 0 5px 10px;
  font-size: inherit;
}
.event #title {
  width: auto;
  margin: 0;
  padding: 0px;
}
.event #houkoku {
  width: auto;
  margin: 0px auto;
  padding: 0px 0px 20px 0px;
  clear: both;
}
.event div.kakomi_t {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: none;
}
.event div.kakomi_m {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: none;
}
.event div.kakomi_b {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: none;
}

.ico_option_r {
    position: relative;
}

.ico_option_a {
    position: absolute;
    right: 0px;
    top: 0;

    list-style-image: none;
    padding-left: 28px;
    background-image: url(/images/top_mark_02.gif);
    background-position: 5px 3px;
    background-repeat: no-repeat;
    min-height: 13px;
}

.viewer_box {
	margin-top: 15px;
}

.viewer a img {
	border: none;
}

.viewer {
	border: solid #d9d9d9 4px;
	padding: 5px;
	border-image: url(/images/stripe_grey1.png) 24 24 round;
	width: 100%;
}

/* 2015-7-31 narita add */
div.viewer {
	border: none;
}
body.page #content .contentInner div.viewer p,
.publication #content .contentInner div.viewer p,
.event #content .contentInner div.viewer p {
	padding-right: 0em;
	text-indent: 1em;
	line-height: 1.4;
	margin-bottom: 5px;
}
div.viewer h3 {
	margin-top: 0;
}

/* add end */

.viewer td {
	padding: 15px;
}

.viewer td.ico_box {
	/*width: 30%; 2023-05-02 del*/
	width: 34%;
	padding-right: 0;
}


.viewer td.ico_box img {
	margin-right: 10px;
	vertical-align: bottom;
}

h2.info {
	background: #ededed url(/images/info_ico.png) 20px center no-repeat;
	margin-bottom: 0;
	padding-left: 55px;
	padding-top: 10px;
	border: solid 1px #aaaaaa;
}

/* Advanced search */
#search_ex.swSeach {
  height: 50px;
  width: 590px; /* 670px */
  background-color: #eeeeef;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  margin-top: 25px;
  margin-bottom:25px;
}

#search_ex.swSeach input.gsc-search-button { /*.cse-search-form */
  position: absolute;
  right: 10px;
  top: 10px;
  width: 65px !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(/images/seachBtn.gif);
  border: 0px solid #666666;
  cursor: pointer !important;
  text-indent:-9999px;
}

.english #search_ex.swSeach input.gsc-search-button { /*.cse-search-form */
  position: absolute;
  right: 10px;
  top: 10px;
  width: 65px !important;
  height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(/english/images/seachBtn_e.gif);
  border: 0px solid #666666;
  cursor: pointer !important;
  text-indent:-9999px;
}


#search_ex.swSeach input.search-field.text {
  position: absolute;
  right: 75px;
  top: 10px;
  /* width: 585px; */
  width: 505px !important; /* 2021-01-06 important 追加 google側でwidthを出力するようになったため(chrome、FFに影響) */
  border: 1px solid #25397a !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 14px;
  height: 31px !important;
  line-height: 1.2em;
  padding: 3px 6px 3px 6px;
}

#search_ex.swSeach .search_ex_help {
  position: absolute;
  top: 15px; /* 25px */
  right: -55px; /*-75px */
}

/* JILPTのカスタム検索において、
検索結果の画面の文字列が黒になってしまっているのを
googleのデフォルト仕様に（2015/4/30）

-> 動的に読み込まれる「http://www.google.com/cse/style/look/minimalist.css」
のテーマCSSが当たっているため、!importantで初期化
*/
/*
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a {
  color: inherit !important;
}
.cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short, .gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short {
  color: #008000 !important;
}
*/
/*************************
  fixme @media print
  印刷用のユーティリティ
*************************/
@media print {

  /* sw 150608 fix */
  /* 1. */
  .page #wrap .contentLeft div.h1_deco {
    min-width: 100%;
    width: 100%;
  }
  .page #wrap .contentLeft div.h1_deco h1 {
    width: 99%;
    display: block;
  }
  .page #wrap .contentLeft div.h1_deco p {
    width: 99%;
    display: block;
    text-align: right;
    padding-right: 1em;
  }
  /* 2. */
  .page #wrap .contentLeft p {
    width: auto;
    width: initial;
  }

  /* 3. 4. 7. */
  .page #wrap .contentLeft div {
    width: auto;
    width: initial;
  }

  /* 5. */
  .page #wrap .contentLeft p.haifuPDF_ {
    margin-left: 875px;
  }

  /* 6. */
  .page #wrap .contentLeft div.border_top,
  .page #wrap .contentLeft div.border_middle,
  .page #wrap .contentLeft div.border_bottom
  {
    background: none;
    /*background-size: 940px;*/
  }
  .page #wrap .contentLeft div.border_top {
    border-top: 1px solid #9EACBB;
    border-left: 1px solid #9EACBB;
    border-right: 1px solid #9EACBB;
  }
  .page #wrap .contentLeft div.border_middle{
    border-left: 1px solid #9EACBB;
    border-right: 1px solid #9EACBB;
  }
  .page #wrap .contentLeft div.border_bottom {
    border-left: 1px solid #9EACBB;
    border-right: 1px solid #9EACBB;
    border-bottom: 1px solid #9EACBB;
  }



} /* EOL @media print */

/*************************

 .dl01

 <p>dtに来るべき内容</p>
 <p>ddに来るべき内容</p>

 と同じ見た目になる定義リスト


 <p>dtに来るべき内容<br />
 ddに来るべき内容</p>

 の場合にはdt要素にclass="marB0"を指定

*************************/
#content .dl01{
  padding:0;
}

#content .dl01 dt {
  float:none;
  margin-bottom:20px;
  width:auto;
}

#content .dl01 dd{
  float:none;
  margin-bottom:20px;
  padding-bottom:0;
  width:auto;
}

#content .dl-discussion01 {
    margin:0;
    padding:0;
}

#content .dl-discussion01 .speaker {
    clear:both;
    float:left;
    width:auto;
    font-weight:bold;
}

#content .dl-discussion01 .comment {
    float:none;
}


/*************************

 .ul01

 <p>liに来るべき内容</p>
 <p>liに来るべき内容</p>

 と同じ見た目になる序列なしリスト


 <p>liに来るべき内容<br />
 liに来るべき内容</p>

 の場合にはli要素にclass="marB0"を指定

*************************/
body.page #content .contentInner .ul01 {
  padding-left:0;
  list-style-image:none;
}

body.page #content .contentInner .ul01 li {
  float:none;
  margin-bottom:20px;
  width:auto;
}


#contents .ol01 {
  margin:0;
  padding:0;
  list-style:none;
}

#contents .ol01 li {
  margin-bottom:20px;
}

/* Common button based on http://www.jil.go.jp/foreign/jihou/index.html#c_bottun */
.button01-list {
	margin:0 !important;
	padding:0 !important;
	list-style-image:none !important;
	list-style-type:none;
}

.button01-list li {
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}

.button01-list li:first-child {
	margin-left:0;
}

.button01,
.button01-list a,
.button01-list button {
  display: inline-block;
  width: 210px;
  border: 1px solid #25397A;
  border-radius: 4px;
  padding: 9px 0;
  background: transparent url("/images/cont_btWaku_s02.png") repeat-x 0 bottom;
  text-align: center;
  line-height: 1.6;
  font-size: 110%;
  color: #11427A;
  text-decoration:none;
}

.button01.on,
.button01:hover,
.button01:active,
.button01:focus,
.button01-list a.on,
.button01-list a:hover,
.button01-list a:active,
.button01-list a:focus,
.button01-list button.on,
.button01-list button:hover,
.button01-list button:active,
.button01-list button:focus {
  border:1px solid #A11;
  background-image: url("/images/cont_btWaku_hover_s02.png");
  color: #A11;
}

.button01.flex,
.button01-list.flex a,
.button01-list.flex button,
.button01-list.flex .button01{
  width: auto;
  padding-left: 2em;
  padding-right: 2em;
}

/* 4つ横ならび */
.button01.col4,
.button01-list.col4 a,
.button01-list.col4 button,
.button01-list.col4 .button01{
  width: 152px;
}

/* 5つ横ならび */
.button01.col5,
.button01-list.col5 a,
.button01-list.col5 button,
.button01-list.col5 .button01{
  width: 118px;
}

.button01 .icon,
.button01-list a .icon,
.button01-list button .icon{
  vertical-align: middle;
  margin-right: 5px;
}
/* 2020-11-25 add リンクなしボタン class=off を追加 */
.button01.off, .button01-list.off a, .button01-list.off button {
  border: 1px solid #CCC;
  background: transparent url(/images/cont_btWaku_s04.png) repeat-x 0 bottom;
  color: #555;
}

/*--------------------------------------------------
  toggle style
--------------------------------------------------*/
.js-toggle-button {
	display: block;
	border:0;
	margin: 0;
	padding: 0;
	background: transparent;
	width: 100%;
	text-align: left;
	font: inherit;
	color: #0d237d;
	cursor: pointer;
}

.js-toggle-button:hover,
.js-toggle-button:active,
.js-toggle-button:focus {
	color: #aa1111;
	text-decoration: underline;
}


button.js-toggle-button::-moz-focus-inner {
  margin:0;
  border:0;
  padding:0;
}

.js-toggle-button:focus {
  outline:1px dotted #aa1111;
}

.js-toggle-message {
	display: block;
	float: right;
	font-size: 80%;
	font-weight: normal;
}

.js-toggle-message:after {
	display: block;
	content: "";
	width: 0;
	clear: both;
}

/* ボタンのような背景が付くパターン */
.js-toggle01 .js-toggle-button:hover,
.js-toggle01 .js-toggle-button:active,
.js-toggle01 .js-toggle-button:focus {
	background: url(/images/cont_btWaku_hover_s02.png) repeat-x 0 -95px;

}

.js-toggle01 .js-toggle-message {
	display: inline;
	float: none;
	margin-left: 2.5em;
}

/* リンクと同じ見た目になるパターン */
.js-toggle02 .js-toggle-button {
	display: inline;
	width: auto;
  text-decoration: underline;
}

.js-toggle02 .js-toggle-message {
	display: inline;
	float: none;
	font-size: 100%;
	font-weight: inherit;
	margin: 0;
}


/*
  このページのトップへ
 */
.pagetop-text {
	padding-left: 25px;
	background:url(/images/bullet2.png) left center no-repeat;
	font-size: 80%;
}

/*************************
  @ EOF
*************************/

