/* -------------------------------------------------------
    www.japanknowledge.com Contents hanrei css
    last update 2023.2.17  Ver 1.10
----------------------------------------------------------
    [コンテンツ案内] 凡例（基本タグ）用CSS
------------------------------------------------------- */

/* -------------------------------------------------------
 No.1　タイトル・サブタイトル（h1-h4） 
------------------------------------------------------- */

/* 大タイトル用：各ページ1つのみ使用 */
#main h1.hanreiHR01 {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
	margin: 0 0 15px 0;
	padding: 0 0 3px 2px;
	/* border-bottom: 2px solid #999; */
}

/* サブタイトル用 */
#main h2.hanreiHR02 {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 15px 0;
	padding: 0 0 3px 2px;
	/* border-bottom: 1px solid #888; */
	border-left: none; /* contetns.css 重複のため */
}

#main h3.hanreiHR03 {
	font-size: 1rem;
	font-weight: bold;
	/* line-height: 1.4; */
	margin: 0 0 10px 0;
	padding: 0 0 2px 2px;
	/* border-bottom: 1px solid #aaa; */
}

#main h4.hanreiHR04 {
	font-size: 1rem;
	font-weight: bold;
	/* line-height: 1.4; */
	margin: 0 0 10px 0;
	padding: 0 0 2px 2px;
	/* border-bottom: 1px dotted #888; */
}

#main h2.redBar {
	margin: 0 0 1rem 0;
}


/* -------------------------------------------------------
 No.2　項番（ul, ol，カスタマイズ） 
------------------------------------------------------- */
/* 単体 ----------------------------------------------- */
/* マーカー：なし */
#main ul.listTypeN {
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}
#main ul.listTypeN li {
	list-style-type : none;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}
/* マーカー：なし（行間狭） */
#main ul.listTypeNNRW {
	margin: 1rem 0;
	padding: 0;
	text-indent: 0;
}
#main ul.listTypeNNRW li {
	list-style-type : none;
	margin: .3rem 0;
	padding: 0;
	text-indent: 0;
}

/* マーカー：黒丸 */
#main ul.listTypeD {
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}
#main ul.listTypeD li {
	list-style-type : disc;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}
/* マーカー：黒丸（行間狭い） */
#main ul.listTypeD01 {
	margin: 1rem 0;
	padding: 0 0 0 1.5rem;
	text-indent: 0;
}
#main ul.listTypeD01 li {
	list-style-type : disc;
	margin: .5rem 0;
	padding: 0;
	text-indent: 0;
}

/* マーカー：白丸 */
#main ul.listTypeC {
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}
#main ul.listTypeC li {
	list-style-type : circle;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* マーカー：数字（自動採番,1桁） */
#main ol.listTypeNum {
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}
#main ol.listTypeNum li {
	list-style-type: decimal;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* マーカー：ローマ数字（自動採番，小文字） */
#main ol.listTypeRNum {
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}
#main ol.listTypeRNum li {
	list-style-type : lower-roman;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* マーカー：アルファベット（自動採番，小文字） */
#main ol.listTypeANum {
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}
#main ol.listTypeANum li {
	list-style-type : lower-alpha;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 複合（親：マーカーなし）---------------------------- */
/* マーカーなし＋マーカーなし */
#main ul.listTypeN li ul.listTypeN li {
	list-style-type : none;
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}

/* マーカーなし＋黒丸 */
#main ul.listTypeN li ul.listTypeD li {
	list-style-type : disc;
	margin: 10px 0 10px 20px;
	padding: 0;
	text-indent: 0;
}

/* マーカーなし＋白丸 */
#main ul.listTypeN li ul.listTypeC li {
	list-style-type : circle;
	margin: 10px 0 10px 20px;
	padding: 0;
	text-indent: 0;
}

/* マーカーなし＋数字（1. 2. 3. ...） */
#main ul.listTypeN li ol.listTypeNum li {
	list-style-type: decimal;
	margin: 10px 0 10px 20px;
	padding: 0;
	text-indent: 0;
}

/* マーカーなし＋ローマ数字（i, ii, iii...） */
#main ul.listTypeN li ol.listTypeRNum li {
	list-style-type : lower-roman;
	margin: 10px 0 10px 20px;
	padding: 0;
	text-indent: 0;
}

/* マーカーなし＋アルファベット（a, b, c...） */
#main ul.listTypeN li ol.listTypeANum li {
	list-style-type : lower-alpha;
	margin: 10px 0 10px 20px;
	padding: 0;
	text-indent: 0;
}

/* 複合（親：黒丸）------------------------------------ */
/* 黒丸＋マーカーなし */
#main ul.listTypeD li ul.listTypeN li {
	list-style-type : none;
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}

/* 黒丸＋黒丸 */
#main ul.listTypeD li ul.listTypeD li {
	list-style-type : disc;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 黒丸＋白丸 */
#main ul.listTypeD li ul.listTypeC li {
	list-style-type : circle;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 黒丸＋数字（1. 2. 3. ...） */
#main ul.listTypeD li ol.listTypeNum li {
	list-style-type: decimal;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 黒丸＋ローマ数字（i, ii, iii...） */
#main ul.listTypeD li ol.listTypeRNum li {
	list-style-type : lower-roman;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 黒丸＋アルファベット（a, b, c...） */
#main ul.listTypeD li ol.listTypeANum li {
	list-style-type : lower-alpha;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}


/* 複合 （親：数字）----------------------------------- */
/* 数字＋マーカーなし */
#main ol.listTypeNum li ul.listTypeN li {
	list-style-type : none;
	margin: 10px 0;
	padding: 0 0 0 20px;
	text-indent: 0;
}

/* 数字＋黒丸 */
#main ol.listTypeNum li ul.listTypeD li {
	list-style-type : disc;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 数字＋白丸 */
#main ol.listTypeNum li ul.listTypeC li {
	list-style-type : circle;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 数字＋数字（1. 2. 3. ...） */
#main ol.listTypeNum li ol.listTypeNum li {
	list-style-type: decimal;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 数字＋ローマ数字（i, ii, iii...） */
#main ol.listTypeNum li ol.listTypeRNum li {
	list-style-type : lower-roman;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}

/* 数字＋アルファベット（a, b, c...） */
#main ol.listTypeNum li ol.listTypeANum li {
	list-style-type : lower-alpha;
	margin: 10px 0;
	padding: 0;
	text-indent: 0;
}


/* カスタマイズ---------------------------------------- */
/* カスタマイズ：1 ⇒ <b>1</b>&nbsp;&nbsp; */
#main div.numType101 {
	margin: 0;
	padding: 0 0 15px 1.5em;
	text-indent: -1em;
}

/* カスタマイズ：下余白少なめの(1) ⇒ (1)&nbsp;&nbsp; */
#main div.numType102a {
	margin: 0;
	padding: 0 0 5px 1.8em;
	text-indent: -1.8em;
}

/* カスタマイズ：下余白多めの(1) ⇒ (1)&nbsp;&nbsp; */
#main div.numType102b {
	margin: 0;
	padding: 0 0 15px 1.8em;
	text-indent: -1.6em;
}

/* カスタマイズ：※ ⇒ ※&nbsp;&nbsp; */
#main div.numType103 {
    margin: 0;
    padding: 0 0 5px 1.5em;
    text-indent: -1.5em;
}

/* カスタマイズ：1-1 ⇒ <b>1-1</b>&nbsp;&nbsp; */
#main div.numType201 {
	margin: 0;
	padding: 0 0 15px 2rem;
	text-indent: -2rem;
}

/* カスタマイズ：1-1-1 ⇒ <b>1-1-1</b>&nbsp;&nbsp; */
#main div.numType301 {
	margin: 0;
	padding: 0 0 15px 3rem;
	text-indent: -3rem;
}

/* カスタマイズ：1.1 ⇒ <b>1.1</b>&nbsp;&nbsp; */
#main div.numType202 {
	margin: 0;
	padding: 0 0 15px 1.8em;
	text-indent: -1.8em;
}
/* カスタマイズ：10.1 ⇒ <b>10.1</b>&nbsp;&nbsp;　※項番の左側が2桁のとき */
#main div.numType202a {
	margin: 0;
	padding: 0 0 15px 2.5em;
	text-indent: -2.5em;
}
/* カスタマイズ：1.10 ⇒ <span class="txtDgt">1.10</span>&nbsp;&nbsp;　※項番の右側が2桁のとき */
#main div.numType202b {
	margin: 0;
	padding: 0 0 15px 2rem;
	text-indent: -2rem;
}

/* カスタマイズ：1.1.1 ⇒ <b>1.1.1</b>&nbsp;&nbsp; */
#main div.numType302 {
	margin: 0;
	padding: 0 0 15px 2.6em;
	text-indent: -2.7em;
}

/* カスタマイズ：（例） ⇒ （例）&nbsp; */
#main div.exBox {
	margin: 0;
	padding: 5px 0 5px 2.2em;
	text-indent: -2.2em;
}


/* Firefox
@-moz-document url-prefix(){
	#main div.exBox {
		margin: 0 0 0 0.5em;
		padding: 5px 0 5px 2.2em;
		text-indent: -3.3em;
	}
}
 */

/* Chrome、Edge */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main div.exBox {
		margin: 0 0 0 0.5em;
		padding: 5px 0 5px 2.2em;
		text-indent: -3.3em;
	}
}


/* Safari */
@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
	#main div.exBox {
		margin: 0;
		padding: 5px 0 5px 3.2em;
		text-indent: -3.2em;
	}
}}


/* -------------------------------------------------------
 No.3　ブロック（textBox） 
------------------------------------------------------- */

/* 余白なし */
#main div.textBoxN {
	clear: both;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* 上余白 */
#main div.textBoxU01 {
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	text-indent: 0;
}
#main div.textBoxU02 {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	text-indent: 0;
}
#main div.textBoxU03 {
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	text-indent: 0;
}
#main div.textBoxU04 {
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	text-indent: 0;
}

/* 下余白 */
#main div.textBoxB01 {
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
	text-indent: 0;
}
#main div.textBoxB02 {
	clear: both;
	margin: 0;
	padding: 0 0 10px 0;
	text-indent: 0;
}
#main div.textBoxB03 {
	clear: both;
	margin: 0;
	padding: 0 0 15px 0;
	text-indent: 0;
}
#main div.textBoxB04 {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	text-indent: 0;
}

/* 上下余白 */
#main div.textBoxUB01 {
	clear: both;
	margin: 0;
	padding: 5px 0;
	text-indent: 0;
}
#main div.textBoxUB02 {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-indent: 0;
}
#main div.textBoxUB03 {
	clear: both;
	margin: 0;
	padding: 15px 0;
	text-indent: 0;
}
#main div.textBoxUB04 {
	clear: both;
	margin: 0;
	padding: 20px 0;
	text-indent: 0;
}




/* -------------------------------------------------------
 No.4　インデント 
------------------------------------------------------- */
#main .marginType01 {
	margin-left: 20px;
	text-indent: 0;
}

#main .marginType02 {
	margin-left: 40px;
	text-indent: 0;
}


/* -------------------------------------------------------
 No.5　枠囲み 
------------------------------------------------------- */

/* 実線、背景色無し */
#main div.columnBox01 {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	text-indent: 0;
	border: 1px solid #bbb;
}

/* 点線、背景色なし */
#main div.columnBox02 {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	text-indent: 0;
	border: 1px dotted #888;
}

/* 点線、背景色水色 */
#main div.columnBox03 {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	text-indent: 0;
	background-color: #eeffff;
	border: 1px dotted #888;
}

/* 点線、背景色クリーム色 */
#main div.columnBox04 {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	text-indent: 0;
	background-color: #FFFFDD;
	border: 1px dotted #888;
}


/* -------------------------------------------------------
 No.6　インライン画像・外字画像
------------------------------------------------------- */

/* 枠線あり、単独画像左寄せ */
#main div.inlineImgL {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
}
#main div.inlineImgL img {
	padding: 0;
	margin: 0;
	border: 1px solid #bbb;
}

/* 枠線あり、単独画像中央寄せ */
#main div.inlineImgC {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
}
#main div.inlineImgC img {
	padding: 0;
	margin: 0;
	border: 1px solid #bbb;
}

/* 枠線あり、単独画像右寄せ */
#main div.inlineImgR {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: right;
	text-indent: 0;
}
#main div.inlineImgR img {
	padding: 0;
	margin: 0;
	border: 1px solid #bbb;
}

/* 枠線なし、単独画像左寄せ */
#main div.inlineImgLBN {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: left;
	text-indent: 0;
}
#main div.inlineImgLBN img {
	padding: 0;
	margin: 0;
	border: none;
}

/* 枠線なし、単独画像中央寄せ */
#main div.inlineImgCBN {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
}
#main div.inlineImgCBN img {
	padding: 0;
	margin: 0;
	border: none;
}

/* 枠線なし、単独画像右寄せ */
#main div.inlineImgRBN {
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: right;
	text-indent: 0;
}
#main div.inlineImgRBN img {
	padding: 0;
	margin: 0;
	border: none;
}

/* 枠線あり、インライン画像左寄せ */
#main img.thumbImgL {
	margin: 0 10px 10px 0;
	padding: 0;
	text-align: left;
	border: 1px solid #bbb;
}

/* 枠線あり、インライン画像右寄せ */
#main img.thumbImgR {
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: right;
	border: 1px solid #bbb;
}

/* 枠線なし、インライン画像左寄せ */
#main img.thumbImgLBN {
	margin: 0 10px 10px 0;
	padding: 0;
	text-align: left;
	border: none;
}

/* 枠線なし、インライン画像右寄せ */
#main img.thumbImgRBN {
	margin: 0 0 10px 10px;
	padding: 0;
	text-align: right;
	border: none;
}

/* 外字画像 */
#main img.gaijiTB {
	vertical-align: text-bottom;
	border: none;
}

/* 外字画像：欧文系 */
#main img.gaijiE {
	vertical-align: -4px;
	border: none;
}



/* -------------------------------------------------------
 No.7　文字装飾 
------------------------------------------------------- */

/* 本文系赤文字 */
#main span.hRedText {
	color: #cc0033;
}

/* 本文系青文字 */
#main span.hBlueText {
	color: #003399;
}

/* 本文系リンク文字 */
#main span.hLinkText {
	color: #5066d4;
}

/* グレイ文字 */
#main span.hGrayText {
	color: #555555;
}

/* 文字サイズ（大） */
#main span.hLargeText {
	font-size: 20px;
}

/* 文字サイズ（中） */
#main span.hMiddleText {
	font-size: 16px;
}

/* 文字サイズ（小） */
#main span.hSmallText {
	font-size: 12px;
}

/* テキスト左寄せ */
#main div.hLeftText {
	text-align: left;
}

/* テキスト中央寄せ */
#main div.hCenterText {
	text-align: center;
}

/* テキスト右寄せ */
#main div.hRightText {
	text-align: right;
}


/* -------------------------------------------------------
　table ※リニューアルによりcontents.cssより移設 
------------------------------------------------------- */

#main table.blTbl { 
  margin: 1rem 0;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
}

#main table.blTbl th {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: .3rem .5rem;
  background: #eee;
}

#main table.blTbl td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: .3rem .5rem;
}

#main table td {
  vertical-align: top;
}

/* -------------------------------------------------------
　その他 
------------------------------------------------------- */

#main p {
	text-indent: 0;
}



/* IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, 
}

/* -------------------------------------------------------
　日国凡例用囲み（2020.9.9今井追加） 
------------------------------------------------------- */

div.textFrameBoxNK {
	margin: 30px auto;
	padding:1.2rem;
	border: 1px solid #ddd;
}

div.textFrameGrayBgGrayBoxNK {
	margin: 30px auto;
	padding:1.2rem;
	background: #eee;
	border: 1px solid #ccc;
}