<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* *******************************************************
 * TOPIC CSS
******************************************************** */

/* --------------------------------------------
 * Base
--------------------------------------------- */

html {
	overflow-y: scroll;
	font-size: 14px;
	font-family: "Meiryo", "MS UI Gothic", "ヒラギノ角ゴ ProN W3", Verdana, Arial, Helvetica, sans-serif;
}

html[lang="ja"],
html[lang^="ja-"] {
	font-family: "Meiryo", "MS UI Gothic", "ヒラギノ角ゴ ProN W3", Verdana, Arial, Helvetica, sans-serif;
}

html[lang="ja"] #searchKey,
html[lang^="ja-"] #searchKey {
	font-family: "Meiryo", "MS UI Gothic", "ヒラギノ角ゴ ProN W3", Verdana, Arial, Helvetica, sans-serif;
}

html[lang="en"],
html[lang^="en-"] {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html[lang="en"] #searchKey,
html[lang^="en-"] #searchKey {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html[lang="zh"],
html[lang^="zh-cn"] {
	font-family: "Microsoft YaHei", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[lang="zh"] #searchKey,
html[lang^="zh-cn"] #searchKey {
	font-family: "Microsoft YaHei", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[lang^="zh-tw"] {
	font-family: "Microsoft JhengHei", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[lang^="zh-tw"] #searchKey {
	font-family: "Microsoft JhengHei", "Segoe UI", Tahoma, Arial, sans-serif;
}

html.pageDelayShow #container .page {
	display: none;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body {
	margin: 0;
	padding: 0;
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	background: #fff;
}


p {
	margin: 0 0 0.8em 0;
}


strong,
b {
	font-weight: bold;
}


hr.separator {
	display: none;
}


img {
	border: 0 none;
}


ul {
	list-style: none;
}


a:link {
	color: #0000ef;
}

a:visited {
	color: #0000ef;
}

a:link:hover,
a:visited:hover {
	color: #0000ef;
}


input[type="search"] {
	outline: 0;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}


.clear {
	display: table;
	content: '';
	clear: both;
	visibility: hidden;
}


.overlay {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3000;
	transition: opacity 0.3s ease;
}

.overlay.in {
	opacity: 1;
}


.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}


.loading {
	margin: auto;
	height: 100%;
	color: #ccc;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


a[disabled],
a.disabled,
button[disabled],
button.disabled {
	opacity: .5;
	cursor: default;
}


html[data-draft="true"] body {
	position: relative;
}

html[data-draft="true"] body::after,
html[data-draft="true"] body #draft {
	background: url(../img/draft.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	content: '';
	font-size: 7rem;
	color: #777;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
	opacity: 0.5;
	pointer-events: none;
}


#contents [data-rel="false"],
#pageModal [data-rel="false"] {
	background-color: #f00;
	color: #fff;
}

#contents [data-rel="false"].CrossReference:link,
#contents [data-rel="false"].CrossReference:visited,
#pageModal [data-rel="false"].CrossReference:link,
#pageModal [data-rel="false"].CrossReference:visited {
	background-color: #f00;
	color: #fff;
}

#contents [data-rel="false"].CrossReference:link:hover,
#contents [data-rel="false"].CrossReference:visited:hover,
#pageModal [data-rel="false"].CrossReference:link:hover,
#pageModal [data-rel="false"].CrossReference:visited:hover {
	background-color: #f00;
	color: #fff;
}

#contents [data-rel="false"].dialog_link,
#pageModal [data-rel="false"].dialog_link {
	position: relative;
}

#contents [data-rel="false"].dialog_link::after,
#pageModal [data-rel="false"].dialog_link::after {
	padding: .1rem .5rem;
	background-color: rgba(255, 0, 0, 0.5);
	color: #fff;
	text-indent: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	content: 'Not Found';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}


/* --------------------------------------------
 * Layout
--------------------------------------------- */

#documentBody {
	margin: 0 auto;
	padding: 0;
	min-width: 1000px;
	max-width: 1600px;
	min-height: 100vh;
}


#header {
	width: 100%;
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#header &gt; * {
	margin: 0 auto;
}


#contents {
	position: relative;
	top: 0;
}


#menuWrapper {
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 400;
}

#menuWrapper #menuWrapperInner {
	height: 100%;
}

#menuWrapper #menuWrapperInner #localMenu {
	padding-top: 7.64286rem;
	width: 280px;
	min-height: 100vh;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 400;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#menuWrapper #menuWrapperInner #localMenu #naviTree {
	height: 100%;
	overflow-y: auto;
}


#container {
	margin-left: 280px;
	min-height: 100vh;
	position: relative;
}


/* *******************************************************
 * font
******************************************************** */

/* -------------------------
 * kmsymbl
-------------------------- */

@font-face {
	font-family: "kmsymbol";
	src: url("../fonts/KM-Symbolnew.eot?") format("eot"), url("../fonts/KM-Symbolnew.woff") format("woff"), url("../fonts/KM-Symbolnew.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.kmsymbol {
	font-family: "kmsymbol";
	font-size: 1.05em;
}

.kmsymbol[data-charcode="0021"]:before {
	content: "\0021";
}

.kmsymbol[data-charcode="0022"]:before {
	content: "\0022";
}

.kmsymbol[data-charcode="0023"]:before {
	content: "\0023";
}

.kmsymbol[data-charcode="0024"]:before {
	content: "\0024";
}

.kmsymbol[data-charcode="0025"]:before {
	content: "\0025";
}

.kmsymbol[data-charcode="0026"]:before {
	content: "\0026";
}

.kmsymbol[data-charcode="0027"]:before {
	content: "\0027";
}

.kmsymbol[data-charcode="0028"]:before {
	content: "\0028";
}

.kmsymbol[data-charcode="0029"]:before {
	content: "\0029";
}

.kmsymbol[data-charcode="002A"]:before {
	content: "\002A";
}

.kmsymbol[data-charcode="002B"]:before {
	content: "\002B";
}

.kmsymbol[data-charcode="002C"]:before {
	content: "\002C";
}

.kmsymbol[data-charcode="002D"]:before {
	content: "\002D";
}

.kmsymbol[data-charcode="002E"]:before {
	content: "\002E";
}

.kmsymbol[data-charcode="002F"]:before {
	content: "\002F";
}

.kmsymbol[data-charcode="0030"]:before {
	content: "\0030";
}

.kmsymbol[data-charcode="0031"]:before {
	content: "\0031";
}

.kmsymbol[data-charcode="0032"]:before {
	content: "\0032";
}

.kmsymbol[data-charcode="0033"]:before {
	content: "\0033";
}

.kmsymbol[data-charcode="0034"]:before {
	content: "\0034";
}

.kmsymbol[data-charcode="0035"]:before {
	content: "\0035";
}

.kmsymbol[data-charcode="0036"]:before {
	content: "\0036";
}

.kmsymbol[data-charcode="0037"]:before {
	content: "\0037";
}

.kmsymbol[data-charcode="0038"]:before {
	content: "\0038";
}

.kmsymbol[data-charcode="0039"]:before {
	content: "\0039";
}

.kmsymbol[data-charcode="003A"]:before {
	content: "\003A";
}

.kmsymbol[data-charcode="003B"]:before {
	content: "\003B";
}

.kmsymbol[data-charcode="003C"]:before {
	content: "\003C";
}

.kmsymbol[data-charcode="003D"]:before {
	content: "\003D";
}

.kmsymbol[data-charcode="003E"]:before {
	content: "\003E";
}

.kmsymbol[data-charcode="003F"]:before {
	content: "\003F";
}

.kmsymbol[data-charcode="0040"]:before {
	content: "\0040";
}

.kmsymbol[data-charcode="0041"]:before {
	content: "\0041";
}

.kmsymbol[data-charcode="0042"]:before {
	content: "\0042";
}

.kmsymbol[data-charcode="0043"]:before {
	content: "\0043";
}

.kmsymbol[data-charcode="0044"]:before {
	content: "\0044";
}

.kmsymbol[data-charcode="0045"]:before {
	content: "\0045";
}

.kmsymbol[data-charcode="0046"]:before {
	content: "\0046";
}

.kmsymbol[data-charcode="0047"]:before {
	content: "\0047";
}

.kmsymbol[data-charcode="0048"]:before {
	content: "\0048";
}

.kmsymbol[data-charcode="0049"]:before {
	content: "\0049";
}

.kmsymbol[data-charcode="004A"]:before {
	content: "\004A";
}

.kmsymbol[data-charcode="004B"]:before {
	content: "\004B";
}

.kmsymbol[data-charcode="004C"]:before {
	content: "\004C";
}

.kmsymbol[data-charcode="004D"]:before {
	content: "\004D";
}

.kmsymbol[data-charcode="004E"]:before {
	content: "\004E";
}

.kmsymbol[data-charcode="004F"]:before {
	content: "\004F";
}

.kmsymbol[data-charcode="0050"]:before {
	content: "\0050";
}

.kmsymbol[data-charcode="0051"]:before {
	content: "\0051";
}

.kmsymbol[data-charcode="0052"]:before {
	content: "\0052";
}

.kmsymbol[data-charcode="0053"]:before {
	content: "\0053";
}

.kmsymbol[data-charcode="0054"]:before {
	content: "\0054";
}

.kmsymbol[data-charcode="0055"]:before {
	content: "\0055";
}

.kmsymbol[data-charcode="0056"]:before {
	content: "\0056";
}

.kmsymbol[data-charcode="0057"]:before {
	content: "\0057";
}

.kmsymbol[data-charcode="0058"]:before {
	content: "\0058";
}

.kmsymbol[data-charcode="0059"]:before {
	content: "\0059";
}

.kmsymbol[data-charcode="005A"]:before {
	content: "\005A";
}

.kmsymbol[data-charcode="005B"]:before {
	content: "\005B";
}

.kmsymbol[data-charcode="005C"]:before {
	content: "\005C";
}

.kmsymbol[data-charcode="005D"]:before {
	content: "\005D";
}

.kmsymbol[data-charcode="005E"]:before {
	content: "\005E";
}

.kmsymbol[data-charcode="005F"]:before {
	content: "\005F";
}

.kmsymbol[data-charcode="0060"]:before {
	content: "\0060";
}

.kmsymbol[data-charcode="0061"]:before {
	content: "\0061";
}

.kmsymbol[data-charcode="0062"]:before {
	content: "\0062";
}

.kmsymbol[data-charcode="0063"]:before {
	content: "\0063";
}

.kmsymbol[data-charcode="0064"]:before {
	content: "\0064";
}

.kmsymbol[data-charcode="0065"]:before {
	content: "\0065";
}

.kmsymbol[data-charcode="0066"]:before {
	content: "\0066";
}

.kmsymbol[data-charcode="0067"]:before {
	content: "\0067";
}

.kmsymbol[data-charcode="0068"]:before {
	content: "\0068";
}

.kmsymbol[data-charcode="0069"]:before {
	content: "\0069";
}

.kmsymbol[data-charcode="006A"]:before {
	content: "\006A";
}

.kmsymbol[data-charcode="006B"]:before {
	content: "\006B";
}

.kmsymbol[data-charcode="006C"]:before {
	content: "\006C";
}

.kmsymbol[data-charcode="006D"]:before {
	content: "\006D";
}

.kmsymbol[data-charcode="006E"]:before {
	content: "\006E";
}

.kmsymbol[data-charcode="006F"]:before {
	content: "\006F";
}

.kmsymbol[data-charcode="0070"]:before {
	content: "\0070";
}

.kmsymbol[data-charcode="0071"]:before {
	content: "\0071";
}

.kmsymbol[data-charcode="0072"]:before {
	content: "\0072";
}

.kmsymbol[data-charcode="0073"]:before {
	content: "\0073";
}

.kmsymbol[data-charcode="0074"]:before {
	content: "\0074";
}

.kmsymbol[data-charcode="0075"]:before {
	content: "\0075";
}

.kmsymbol[data-charcode="0076"]:before {
	content: "\0076";
}

.kmsymbol[data-charcode="0077"]:before {
	content: "\0077";
}

.kmsymbol[data-charcode="0078"]:before {
	content: "\0078";
}

.kmsymbol[data-charcode="0079"]:before {
	content: "\0079";
}

.kmsymbol[data-charcode="007A"]:before {
	content: "\007A";
}

.kmsymbol[data-charcode="007B"]:before {
	content: "\007B";
}

.kmsymbol[data-charcode="007C"]:before {
	content: "\007C";
}

.kmsymbol[data-charcode="007D"]:before {
	content: "\007D";
}

.kmsymbol[data-charcode="007E"]:before {
	content: "\007E";
}

.kmsymbol[data-charcode="00A1"]:before {
	content: "\00A1";
}

.kmsymbol[data-charcode="00A2"]:before {
	content: "\00A2";
}

.kmsymbol[data-charcode="00A3"]:before {
	content: "\00A3";
}

.kmsymbol[data-charcode="00A4"]:before {
	content: "\00A4";
}

.kmsymbol[data-charcode="00A5"]:before {
	content: "\00A5";
}

.kmsymbol[data-charcode="00A6"]:before {
	content: "\00A6";
}

.kmsymbol[data-charcode="00A7"]:before {
	content: "\00A7";
}

.kmsymbol[data-charcode="00A8"]:before {
	content: "\00A8";
}

.kmsymbol[data-charcode="00A9"]:before {
	content: "\00A9";
}

.kmsymbol[data-charcode="00AA"]:before {
	content: "\00AA";
}

.kmsymbol[data-charcode="00AB"]:before {
	content: "\00AB";
}

.kmsymbol[data-charcode="00AC"]:before {
	content: "\00AC";
}

.kmsymbol[data-charcode="00AD"]:before {
	content: "\00AD";
}

.kmsymbol[data-charcode="00AE"]:before {
	content: "\00AE";
}

.kmsymbol[data-charcode="00AF"]:before {
	content: "\00AF";
}

.kmsymbol[data-charcode="00B0"]:before {
	content: "\00B0";
}

.kmsymbol[data-charcode="00B1"]:before {
	content: "\00B1";
}

.kmsymbol[data-charcode="00B2"]:before {
	content: "\00B2";
}

.kmsymbol[data-charcode="00B3"]:before {
	content: "\00B3";
}

.kmsymbol[data-charcode="00B4"]:before {
	content: "\00B4";
}

.kmsymbol[data-charcode="00B5"]:before {
	content: "\00B5";
}

.kmsymbol[data-charcode="00B6"]:before {
	content: "\00B6";
}

.kmsymbol[data-charcode="00B7"]:before {
	content: "\00B7";
}

.kmsymbol[data-charcode="00B8"]:before {
	content: "\00B8";
}

.kmsymbol[data-charcode="00B9"]:before {
	content: "\00B9";
}

.kmsymbol[data-charcode="00BA"]:before {
	content: "\00BA";
}

.kmsymbol[data-charcode="00BB"]:before {
	content: "\00BB";
}

.kmsymbol[data-charcode="00BC"]:before {
	content: "\00BC";
}

.kmsymbol[data-charcode="00BD"]:before {
	content: "\00BD";
}

.kmsymbol[data-charcode="00BE"]:before {
	content: "\00BE";
}

.kmsymbol[data-charcode="00BF"]:before {
	content: "\00BF";
}

.kmsymbol[data-charcode="00C0"]:before {
	content: "\00C0";
}

.kmsymbol[data-charcode="00C1"]:before {
	content: "\00C1";
}

.kmsymbol[data-charcode="00C2"]:before {
	content: "\00C2";
}

.kmsymbol[data-charcode="00C3"]:before {
	content: "\00C3";
}

.kmsymbol[data-charcode="00C4"]:before {
	content: "\00C4";
}

.kmsymbol[data-charcode="00C5"]:before {
	content: "\00C5";
}

.kmsymbol[data-charcode="00C6"]:before {
	content: "\00C6";
}

.kmsymbol[data-charcode="00C7"]:before {
	content: "\00C7";
}

.kmsymbol[data-charcode="00C8"]:before {
	content: "\00C8";
}

.kmsymbol[data-charcode="00C9"]:before {
	content: "\00C9";
}

.kmsymbol[data-charcode="00CA"]:before {
	content: "\00CA";
}

.kmsymbol[data-charcode="00CB"]:before {
	content: "\00CB";
}

.kmsymbol[data-charcode="00CC"]:before {
	content: "\00CC";
}

.kmsymbol[data-charcode="00CD"]:before {
	content: "\00CD";
}

.kmsymbol[data-charcode="00CE"]:before {
	content: "\00CE";
}

.kmsymbol[data-charcode="00CF"]:before {
	content: "\00CF";
}

.kmsymbol[data-charcode="00D0"]:before {
	content: "\00D0";
}

.kmsymbol[data-charcode="00D1"]:before {
	content: "\00D1";
}

.kmsymbol[data-charcode="00D2"]:before {
	content: "\00D2";
}

.kmsymbol[data-charcode="00D3"]:before {
	content: "\00D3";
}

.kmsymbol[data-charcode="00D4"]:before {
	content: "\00D4";
}

.kmsymbol[data-charcode="00D5"]:before {
	content: "\00D5";
}

.kmsymbol[data-charcode="00D6"]:before {
	content: "\00D6";
}

.kmsymbol[data-charcode="00D7"]:before {
	content: "\00D7";
}

.kmsymbol[data-charcode="00D8"]:before {
	content: "\00D8";
}

.kmsymbol[data-charcode="00D9"]:before {
	content: "\00D9";
}

.kmsymbol[data-charcode="00DA"]:before {
	content: "\00DA";
}

.kmsymbol[data-charcode="00DB"]:before {
	content: "\00DB";
}

.kmsymbol[data-charcode="00DC"]:before {
	content: "\00DC";
}

.kmsymbol[data-charcode="00DD"]:before {
	content: "\00DD";
}

.kmsymbol[data-charcode="00DE"]:before {
	content: "\00DE";
}

.kmsymbol[data-charcode="00DF"]:before {
	content: "\00DF";
}

.kmsymbol[data-charcode="00E0"]:before {
	content: "\00E0";
}

.kmsymbol[data-charcode="00E1"]:before {
	content: "\00E1";
}

.kmsymbol[data-charcode="00E2"]:before {
	content: "\00E2";
}

.kmsymbol[data-charcode="00E3"]:before {
	content: "\00E3";
}

.kmsymbol[data-charcode="00E4"]:before {
	content: "\00E4";
}

.kmsymbol[data-charcode="00E5"]:before {
	content: "\00E5";
}

.kmsymbol[data-charcode="00E6"]:before {
	content: "\00E6";
}

.kmsymbol[data-charcode="00E7"]:before {
	content: "\00E7";
}

.kmsymbol[data-charcode="00E8"]:before {
	content: "\00E8";
}

.kmsymbol[data-charcode="00E9"]:before {
	content: "\00E9";
}

.kmsymbol[data-charcode="00EA"]:before {
	content: "\00EA";
}

.kmsymbol[data-charcode="00EB"]:before {
	content: "\00EB";
}

.kmsymbol[data-charcode="00EC"]:before {
	content: "\00EC";
}

.kmsymbol[data-charcode="00ED"]:before {
	content: "\00ED";
}

.kmsymbol[data-charcode="00EE"]:before {
	content: "\00EE";
}

.kmsymbol[data-charcode="00EF"]:before {
	content: "\00EF";
}

.kmsymbol[data-charcode="00F0"]:before {
	content: "\00F0";
}

.kmsymbol[data-charcode="00F1"]:before {
	content: "\00F1";
}

.kmsymbol[data-charcode="00F2"]:before {
	content: "\00F2";
}

.kmsymbol[data-charcode="00F3"]:before {
	content: "\00F3";
}

.kmsymbol[data-charcode="00F4"]:before {
	content: "\00F4";
}

.kmsymbol[data-charcode="00F5"]:before {
	content: "\00F5";
}

.kmsymbol[data-charcode="00F6"]:before {
	content: "\00F6";
}

.kmsymbol[data-charcode="00F9"]:before {
	content: "\00F9";
}

.kmsymbol[data-charcode="00FA"]:before {
	content: "\00FA";
}

.kmsymbol[data-charcode="00FB"]:before {
	content: "\00FB";
}

.kmsymbol[data-charcode="00FC"]:before {
	content: "\00FC";
}

.kmsymbol[data-charcode="00FD"]:before {
	content: "\00FD";
}

.kmsymbol[data-charcode="00FE"]:before {
	content: "\00FE";
}

.kmsymbol[data-charcode="00FF"]:before {
	content: "\00FF";
}

.kmsymbol[data-charcode="0152"]:before {
	content: "\0152";
}

.kmsymbol[data-charcode="0153"]:before {
	content: "\0153";
}

.kmsymbol[data-charcode="0160"]:before {
	content: "\0160";
}

.kmsymbol[data-charcode="0161"]:before {
	content: "\0161";
}

.kmsymbol[data-charcode="0192"]:before {
	content: "\0192";
}

.kmsymbol[data-charcode="02C6"]:before {
	content: "\02C6";
}

.kmsymbol[data-charcode="02DC"]:before {
	content: "\02DC";
}

.kmsymbol[data-charcode="2013"]:before {
	content: "\2013";
}

.kmsymbol[data-charcode="2014"]:before {
	content: "\2014";
}

.kmsymbol[data-charcode="2018"]:before {
	content: "\2018";
}

.kmsymbol[data-charcode="2019"]:before {
	content: "\2019";
}

.kmsymbol[data-charcode="201A"]:before {
	content: "\201A";
}

.kmsymbol[data-charcode="201C"]:before {
	content: "\201C";
}

.kmsymbol[data-charcode="201D"]:before {
	content: "\201D";
}

.kmsymbol[data-charcode="201E"]:before {
	content: "\201E";
}

.kmsymbol[data-charcode="2020"]:before {
	content: "\2020";
}

.kmsymbol[data-charcode="2021"]:before {
	content: "\2021";
}

.kmsymbol[data-charcode="2022"]:before {
	content: "\2022";
}

.kmsymbol[data-charcode="2026"]:before {
	content: "\2026";
}

.kmsymbol[data-charcode="2030"]:before {
	content: "\2030";
}

.kmsymbol[data-charcode="2039"]:before {
	content: "\2039";
}

.kmsymbol[data-charcode="203A"]:before {
	content: "\203A";
}

.kmsymbol[data-charcode="20AC"]:before {
	content: "\20AC";
}

.kmsymbol[data-charcode="2122"]:before {
	content: "\2122";
}

.kmsymbol[data-charcode="2219"]:before {
	content: "\2219";
}


/* --------------------------------------------
 * Header
--------------------------------------------- */

#header &gt; .header {
	min-width: 1000px;
	max-width: 1600px;
	width: 100%;
	height: 3.57143rem;
	background-color: #232323;
	color: #fff;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#header &gt; .header &gt; * {
	padding: 6px 8px;
	line-height: normal;
}

#header &gt; .header .title {
	height: 1.5rem;
}

#header &gt; .header .modelname {
	padding: 0;
	height: 1.5rem;
}

#header &gt; .header .modelname img {
	border: none;
}

#header &gt; .navigation {
	padding-right: 18.57143rem;
	min-width: 1000px;
	max-width: 1600px;
	width: 100%;
	height: 4.07143rem;
	background-image: linear-gradient(#9ea3af, #ededed 30%);
	border-bottom: 1px solid #9ea3af;
	color: #1c3b4a;
	position: relative;
}

#header &gt; .navigation &gt; .leftside {
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

#header &gt; .navigation &gt; .rightside {
	max-width: 260px;
	-ms-flex: 0 1 250px;
	-webkit-flex: 0 1 250px;
	flex: 0 1 250px;
}


#search {
	padding: 7px 5px 0 10px;
	min-width: 18.57143rem;
	width: 18.57143rem;
	position: absolute;
	top: 0;
	right: 0;
}

#search label[for="searchKey"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#search #searchForm {
	margin: 0 10px 0 0;
	padding: 0 4px 0 7px;
	height: 22px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#search #searchForm #searchKey {
	margin: 0;
	height: 16px;
	border: 0 none;
	width: 100%;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#bodyTopic #search #searchForm #searchKey {
	width: calc(100% - 20px);
}

#search #searchForm #searchSubmit {
	margin-top: 1px;
	width: 18px;
	height: 18px;
	border: none;
	background-color: transparent;
	background-image: url(../img/search_submit.png);
	background-repeat: no-repeat;
	background-size: 36px 18px;
	outline: 0;
	display: block;
	cursor: pointer;
}

#search #searchForm #searchSubmit:hover {
	background-position: -18px 0;
}

#search #searchForm #searchSubmit span {
	display: none;
}

#search .searchOption {
	margin: 0 0 0 3px;
	padding: 0;
	font-size: 0.78571rem;
	position: relative;
}

#search .searchOption .searchOptionWin {
	width: 100%;
}

#search .searchOption .searchOptionWin .option {
	white-space: nowrap;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#search .searchOption .searchOptionWin .option &gt; label {
	margin: 5px 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#search .searchOption .searchOptionWin .option &gt; label + label {
	margin-left: 5px;
}

#search .searchOption .searchOptionWin .option &gt; label input {
	margin: 0 4px 0 0;
}

#search .searchOption .searchOptionWin .option &gt; label span {
	display: block;
}


/* --------------------------------------------
 * navi
--------------------------------------------- */

#globalMenu {
	width: 100%;
	height: 2.07143rem;
	position: relative;
}

#globalMenu:before,
#globalMenu:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#globalMenu:before {
	background-color: #fff;
}

#globalMenu:after {
	background-color: #9ea3af;
}

#globalMenu ul.main {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#globalMenu ul.main &gt; li {
	display: block;
	position: relative;
}

#globalMenu ul.main &gt; li:before,
#globalMenu ul.main &gt; li:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

#globalMenu ul.main &gt; li:before {
	background-image: linear-gradient(rgba(174, 178, 188, 0) 7%, #aeb2bc 10%, #fff 50%, #ededed 90%, rgba(237, 237, 237, 0) 93%);
	right: 1px;
}

#globalMenu ul.main &gt; li:after {
	background-image: linear-gradient(rgba(158, 163, 175, 0) 7%, #9ea3af 10%, #9ea3af 50%, #ededed 90%, rgba(237, 237, 237, 0) 93%);
	right: 0px;
}

#globalMenu ul.main &gt; li &gt; span {
	display: block;
}

#globalMenu ul.main &gt; li &gt; span a {
	padding: 0 6px;
	display: block;
	line-height: 2.07143rem;
	height: 2.07143rem;
	line-height: 2.07143rem;
	font-weight: bold;
	color: #1c3b4a;
	text-decoration: none;
	cursor: pointer;
}

#globalMenu ul.main &gt; li &gt; span a:hover {
	background-color: #003ce6;
	color: #fff;
	position: relative;
	z-index: 1;
}

#globalMenu ul.main &gt; li.home &gt; span &gt; a,
#globalMenu ul.main &gt; li.menu &gt; span &gt; a {
	background-image: url(../img/gmenu-icon.png);
	background-repeat: no-repeat;
	background-size: 2.14286rem 34.28571rem;
}

#globalMenu ul.main &gt; li.home &gt; span &gt; a &gt; span,
#globalMenu ul.main &gt; li.menu &gt; span &gt; a &gt; span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#globalMenu ul.main &gt; li.home &gt; span &gt; a {
	background-position: 50% 0;
	width: 2.57143rem;
}

#globalMenu ul.main &gt; li.home &gt; span &gt; a:hover {
	background-position: 50% -1.92857rem;
}

#globalMenu ul.main &gt; li.menu &gt; span &gt; a {
	background-position: 50% -3.85714rem;
	width: 2.85714rem;
}

#globalMenu ul.main &gt; li.menu &gt; span &gt; a:hover {
	background-position: 50% -5.78571rem;
}

#globalMenu ul.main &gt; li.menu &gt; span &gt; a.active {
	background-position: 50% -7.71429rem;
	background-color: #003ce6;
}

#globalMenu ul.main &gt; li.faq,
#globalMenu ul.main &gt; li.trouble,
#globalMenu ul.main &gt; li.FAQ,
#globalMenu ul.main &gt; li.TRB {
	overflow: hidden;
}

#globalMenu ul.main &gt; li.faq:before,
#globalMenu ul.main &gt; li.faq:after,
#globalMenu ul.main &gt; li.trouble:before,
#globalMenu ul.main &gt; li.trouble:after,
#globalMenu ul.main &gt; li.FAQ:before,
#globalMenu ul.main &gt; li.FAQ:after,
#globalMenu ul.main &gt; li.TRB:before,
#globalMenu ul.main &gt; li.TRB:after {
	display: none;
}

#globalMenu ul.main &gt; li.faq &gt; span &gt; a span,
#globalMenu ul.main &gt; li.trouble &gt; span &gt; a span,
#globalMenu ul.main &gt; li.FAQ &gt; span &gt; a span,
#globalMenu ul.main &gt; li.TRB &gt; span &gt; a span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#globalMenu ul.main &gt; li.FAQ,
#globalMenu ul.main &gt; li.faq {
	padding-left: 8px;
}

#globalMenu ul.main &gt; li.FAQ &gt; span &gt; a,
#globalMenu ul.main &gt; li.faq &gt; span &gt; a {
	padding-left: 12px;
	padding-right: 12px;
}

#globalMenu ul.main &gt; li.TRB,
#globalMenu ul.main &gt; li.trouble {
	border-left: none;
}

#globalMenu ul.main &gt; li.TRB &gt; span &gt; a,
#globalMenu ul.main &gt; li.trouble &gt; span &gt; a {
	padding-left: 12px;
	padding-right: 12px;
}

#globalMenu ul.main .pulldownMenu {
	display: none;
	background-image: linear-gradient(#192130, #283343 80%, #354354);
	background-color: #192130;
	font-size: 0.92857rem;
	color: #fff;
	position: absolute;
	z-index: 1000;
}

#globalMenu ul.main .pulldownMenu &gt; header {
	background-image: linear-gradient(#354354, #040d1d);
	text-align: right;
}

#globalMenu ul.main .pulldownMenu &gt; header .openCloseBtn {
	margin: 2px 5px;
	display: inline-block;
	font-size: 1.28571rem;
	line-height: 1.2;
	cursor: pointer;
}

#globalMenu ul.main .pulldownMenu &gt; ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li {
	padding: 10px 0;
	display: block;
	border-left: 1px solid #192130;
	border-right: 1px solid #455263;
	white-space: nowrap;
	min-width: 250px;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li:first-child {
	border-left: 0 none;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li:last-child {
	border-right: 0 none;
	max-width: 250px;
	white-space: normal;
	-ms-flex: 1 1 250px;
	-webkit-flex: 1 1 250px;
	flex: 1 1 250px;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li header {
	margin: 0 0 15px;
	padding: 0 15px;
	font-size: 1rem;
	color: #b2b2b2;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li ul {
	margin: 5px 0 0;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li ul li a {
	padding: 4px 15px;
	background-image: none;
	width: auto;
	line-height: 1.35714rem;
	display: block;
	color: #fff;
	text-decoration: none;
}

#globalMenu ul.main .pulldownMenu &gt; ul &gt; li ul li a:hover {
	background-color: #455263;
}

#globalMenu ul.main .pulldownMenu.open {
	display: block;
}


body.openGMenu .overlay.gmenu {
	z-index: 450;
}

body.openGMenu #header #globalMenu .main {
	position: fixed;
	z-index: 2;
}

body.openGMenu #header #globalMenu .main li:before,
body.openGMenu #header #globalMenu .main li:after {
	content: none;
	display: none;
}

body.openGMenu #header #globalMenu .main li.home &gt; span a {
	background-position: 50% -1.92857rem;
}

body.openGMenu #header #globalMenu .main li &gt; span a {
	color: #fff;
}

body.openGMenu #header .overlay.gmenu {
	margin: 0 auto;
	padding: 0;
	min-width: 1000px;
	max-width: 1600px;
	height: 4.07143rem;
	position: absolute;
	top: auto;
	z-index: 1;
}


#breadcrumbs {
	padding: 0 10px;
	width: 100%;
	white-space: nowrap;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#breadcrumbs &gt; span {
	padding-left: 30px;
	line-height: 1.92857rem;
	display: block;
	min-width: 3rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

#breadcrumbs &gt; span a:link,
#breadcrumbs &gt; span a:visited {
	padding: 0 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #1c3b4a;
	text-decoration: underline;
}

#breadcrumbs &gt; span a:link:hover,
#breadcrumbs &gt; span a:visited:hover {
	color: #0003ff;
}

#breadcrumbs &gt; span:before {
	content: '';
	display: block;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #1c3b4a;
	width: 0.42857rem;
	height: 0.42857rem;
	position: absolute;
	left: 10px;
	top: 10px;
	-ms-transform: rotate(-32deg) skewX(20deg);
	-ms-transform: rotate(-35deg) skewX(20deg);
	-webkit-transform: rotate(-35deg) skewX(20deg);
	transform: rotate(-35deg) skewX(20deg);
}

#breadcrumbs &gt; span:first-child {
	padding-left: 0;
	text-overflow: initial;
	overflow: visible;
}

#breadcrumbs &gt; span:first-child:before {
	display: none;
}


#contents #menuWrapper {
	background-color: #0c2c56;
	width: 280px;
	box-shadow: 3px 0 3px rgba(0, 0, 0, 0.15);
}

#contents #menuWrapper #menuWrapperInner {
	overflow: hidden;
}

#contents #menuWrapper #menuWrapperInner #localMenu {
	color: #fff;
	overflow: hidden;
	position: relative;
	top: auto;
}

#contents #menuWrapper #menuWrapperInner #localMenu &gt; * {
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

#contents #menuWrapper #menuWrapperInner #localMenu &gt; *:last-child {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#contents #menuWrapper #menuWrapperInner #localMenu header {
	padding: 0;
	background-image: linear-gradient(#00001a, #0c2c56 3px);
	border-bottom: 1px solid #6a8193;
	height: 3.92857rem;
	min-height: 3.92857rem;
	max-height: 3.92857rem;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#contents #menuWrapper #menuWrapperInner #localMenu header h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#contents #menuWrapper #menuWrapperInner #localMenu header h3 {
	margin: 0 45px -2px 22px;
	background-image: linear-gradient(#456795, #2a4b78);
	border-top: 1px solid #6a8193;
	height: 1.78571rem;
	line-height: 1.78571rem;
	font-size: 1rem;
	color: #f4f9fb;
	position: relative;
	z-index: 1;
}

#contents #menuWrapper #menuWrapperInner #localMenu header h3:before,
#contents #menuWrapper #menuWrapperInner #localMenu header h3:after {
	content: '';
	background-image: linear-gradient(#456795, #2a4b78);
	border-top: 1px solid #6a8193;
	width: 20px;
	height: 100%;
	display: block;
	position: absolute;
	top: -1px;
	z-index: -1;
}

#contents #menuWrapper #menuWrapperInner #localMenu header h3:before {
	border-left: 1px solid #6a8193;
	border-top-left-radius: 5px;
	left: -10px;
	-ms-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

#contents #menuWrapper #menuWrapperInner #localMenu header h3:after {
	border-right: 1px solid #6a8193;
	border-top-right-radius: 5px;
	right: -10px;
	-ms-transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg);
}

#contents #menuWrapper #menuWrapperInner #localMenu header h3 span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility {
	height: 2.14286rem;
	text-align: center;
	font-size: 0.85714rem;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	align-content: center;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl &gt; * {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl &gt; *:first-child a:before {
	content: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl &gt; *:last-child a:after {
	content: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button {
	border: none;
	outline: none;
	background-color: transparent;
	width: 100%;
	height: 30px;
	line-height: 2.14286rem;
	text-align: center;
	font-size: 0.85714rem;
	color: #c8c8c8;
	display: block;
	cursor: pointer;
	position: relative;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:after,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:after {
	content: "";
	display: block;
	width: 1px;
	height: 66%;
	position: absolute;
	top: 17%;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:before {
	background-image: linear-gradient(#0c2c56, #00001a 25%, #00001a 75%, #0c2c56);
	left: 0;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:after,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:after {
	background-image: linear-gradient(#0c2c56, #436593 25%, #436593 75%, #0c2c56);
	right: 0;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:hover,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:hover {
	background-image: linear-gradient(#0c2c56, #436593 3px, #0c2c56 85%);
	color: #fff;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:hover:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a:hover:after,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:hover:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button:hover:after {
	content: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a span:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button span:before {
	font-size: 0.78571rem;
	font-weight: bold;
	display: inline-block;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a#ExpandAll span:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button#ExpandAll span:before {
	margin-right: 3px;
	content: "\271a";
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl a#CollapseAll span:before,
#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility .treeControl button#CollapseAll span:before {
	margin-right: 5px;
	content: "\2759";
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree {
	padding: 5px 0 15px;
	font-size: 0.92857rem;
	background-image: linear-gradient(#2a4b78, #0c2c56 40px);
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree.bottmMargin {
	margin-bottom: 17px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul {
	list-style: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li span,
#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li a {
	padding: 0.61538em 5px;
	display: block;
	color: #fff;
	cursor: pointer;
	line-height: 1.23077;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li span.inlink {
	padding: 0;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li span:hover {
	background-color: #3e5b87;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li a:hover {
	background: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li .hitarea {
	background-color: transparent !important;
	width: 12px;
	height: 1.14286rem;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0.28571rem;
	left: -8px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul li .hitarea:before {
	border-left: 6px solid transparent;
	border-bottom: 6px solid #fff;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	display: block;
	left: 0;
	top: 0.57143rem;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.3s ease;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; span {
	padding-left: 20px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; span.inlink {
	padding-left: 16px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; span .hitarea {
	left: 8px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul {
	padding-left: 40px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #576e86;
	background-color: #38485a;
	overflow: hidden;
	position: relative;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul:after {
	content: '';
	height: 1px;
	max-height: 1px;
	background-color: #000;
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li {
	position: relative;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li:before,
#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li:after {
	border-color: #60768c;
	border-width: 0;
	border-style: solid;
	content: '';
	display: block;
	position: absolute;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li:before {
	border-width: 0 0 0 1px;
	height: 100%;
	left: -23px;
	top: 2px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li:after {
	border-width: 1px 0 0;
	width: 10px;
	left: -23px;
	top: 1.1em;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul li:last-child:before {
	height: 0.9em;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul.treeview &gt; li &gt; ul ul {
	padding-left: 20px;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .collapse &gt; span {
	position: relative;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .collapse &gt; ul {
	display: none;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .collapse.expand &gt; ul {
	display: block;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .collapse.expand &gt; span &gt; .hitarea:before {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .activePage {
	background-color: #0032ff;
}

#contents #menuWrapper #menuWrapperInner #localMenu #naviTree ul .activePage:hover {
	background-color: #0032ff;
}

#contents #menuWrapper #menuWrapperInner #localMenu header #naviUtility,
#contents #menuWrapper #menuWrapperInner #localMenu #naviTree {
	opacity: 1;
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition: transform 0.3s ease, opacity 0.3s ease;
}

#contents #menuWrapper .menuShowHideBtn {
	padding: 5px;
	background-color: #fff;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	top: 9.07143rem;
	right: -13px;
	z-index: 410;
	-ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transition: transform 0.3s ease, background-color 0.3s ease;
}

#contents #menuWrapper .menuShowHideBtn:before,
#contents #menuWrapper .menuShowHideBtn:after {
	content: '';
	display: block;
	position: absolute;
}

#contents #menuWrapper .menuShowHideBtn:before {
	height: 0;
	width: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #0c2c56;
	transition: border-right-color 0.3s ease;
}

#contents #menuWrapper .menuShowHideBtn:after {
	height: 10px;
	width: 7px;
	background-color: #0c2c56;
	top: 8px;
	left: 12px;
	transition: background-color 0.3s ease;
}

#contents #menuWrapper .menuShowHideBtn:hover {
	width: 35px;
}

#contents #menuWrapper .menuShowHideBtn:hover:after {
	width: 17px;
}

#contents.localMenuHide #menuWrapper {
	cursor: pointer;
}

#contents.localMenuHide #menuWrapper .menuShowHideBtn {
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background-color: #0c2c56;
}

#contents.localMenuHide #menuWrapper .menuShowHideBtn:before {
	border-right-color: #fff;
}

#contents.localMenuHide #menuWrapper .menuShowHideBtn:after {
	background-color: #fff;
}

#contents.localMenuHide #menuWrapper:hover .menuShowHideBtn {
	width: 35px;
	right: -23px;
}

#contents.localMenuHide #menuWrapper:hover .menuShowHideBtn:after {
	width: 17px;
}

#contents.localMenuHide #menuWrapper #localMenu #naviUtility,
#contents.localMenuHide #menuWrapper #localMenu #naviTree {
	opacity: 0;
	-ms-transform: translateX(-32px);
	-webkit-transform: translateX(-32px);
	transform: translateX(-32px);
}

#contents.localMenuHide #ajustMenuWidthArea {
	display: none;
}


#ajustMenuWidthArea {
	width: 10px;
	height: 100%;
	cursor: ew-resize;
	position: absolute;
	top: 0;
	left: 280px;
}


/* --------------------------------------------
 * contents
--------------------------------------------- */

#contents {
	padding: 0;
	background-color: #fff;
}

#contents .PrintBtn {
	padding: 10px;
	text-align: right;
	position: absolute;
	top: 7.64286rem;
	right: 0;
	z-index: 2;
}

#contents .PrintBtn button {
	padding: 3px 28px 3px 3px;
	background-color: transparent;
	border: none;
	line-height: 24px;
	font-weight: bold;
	color: #456795;
	outline: 0;
	cursor: pointer;
	position: relative;
}

#contents .PrintBtn button:after {
	margin-top: -0.5em;
	content: '';
	background-color: #8ea5c0;
	background-image: url(../img/icon_print.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 14px;
	border-radius: 20px;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 33%;
	right: 0;
}

#contents .PrintBtn button:hover {
	color: #000096;
}

#contents .PrintBtn button:hover:after {
	background-color: #5080f6;
}

#contents .PrintBtn button span {
	display: block;
	white-space: nowrap;
}

#contents .PrintBtn button + button {
	margin-left: 20px;
}


#returnToTop {
	width: 100%;
	height: 0;
	position: fixed;
	bottom: 60px;
	right: 0;
	z-index: 200;
}

#returnToTop &gt; span {
	margin: 0 auto;
	display: block;
	min-width: 1000px;
	max-width: 1600px;
	height: 0;
	text-align: right;
	position: relative;
}

#returnToTop &gt; span a {
	background-color: #456795;
	background-image: url(../img/to_top.png);
	background-repeat: no-repeat;
	background-size: 25px 40px;
	display: block;
	width: 25px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	right: 0;
}

#returnToTop &gt; span a:hover {
	background-color: #003ce6;
}


/* --------------------------------------------
 * topic
--------------------------------------------- */

#container .page {
	padding: 0 30px 100px;
}

#container .page h1 {
	margin: 0 -30px 30px;
	padding-top: 11.21429rem;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	background: #f6f7f9;
	border-bottom: 1px solid #9ea3af;
	font-size: 2rem;
	font-weight: bold;
	color: #000;
}

#container .page h2 {
	margin-top: 0.71429rem;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0.21429rem;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	font-size: 1.42857rem;
}

#container .page p {
	color: #505050;
}

#container .page ul,
#container .page ol {
	list-style: none;
}

#container .page ul li,
#container .page ol li {
	position: relative;
}

#container .page ul li p,
#container .page ol li p {
	margin: 5px 0;
}

#container .page a {
	position: relative;
	z-index: 1;
}

#container .page a:link,
#container .page a:visited {
	color: #0003ff;
}

#container .page a:link:hover,
#container .page a:visited:hover {
	color: #000096;
	background: none;
}

#container .page sup {
	vertical-align: text-top !important;
	font-size: 0.63em;
}

#container .page sub {
	vertical-align: 0px !important;
	font-size: 0.63em;
}

#container .page .Quoted:before {
	content: '"';
}

#container .page .Quoted:after {
	content: '"';
}

#container .page .Highlight {
	font-style: italic;
}

#container .page .Key {
	/*font-weight: bold;*/
}

#container .page .LCD:before,
#container .page .DRWIN:before,
#container .page .DRMAC:before,
#container .page .DRNW:before,
#container .page .DRLINUX:before,
#container .page .OSWIN:before,
#container .page .OSMAC:before,
#container .page .OSNW:before,
#container .page .OSLINUX:before,
#container .page .APPS:before,
#container .page .UGTITLE:before,
#container .page .OTHER:before {
	content: '[';
}

#container .page .LCD:after,
#container .page .DRWIN:after,
#container .page .DRMAC:after,
#container .page .DRNW:after,
#container .page .DRLINUX:after,
#container .page .OSWIN:after,
#container .page .OSMAC:after,
#container .page .OSNW:after,
#container .page .OSLINUX:after,
#container .page .APPS:after,
#container .page .UGTITLE:after,
#container .page .OTHER:after {
	content: ']';
}

#container .page .PARTS,
#container .page .PRODUCT,
#container .page .PATH,
#container .page .PASS {
	font-weight: bold;
	color: #000;
}

#container .page .Counter &gt; .Action .PARTS,
#container .page .Counter &gt; .Action .PRODUCT,
#container .page .Counter &gt; .Action .PATH,
#container .page .Counter &gt; .Action .PASS {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

#container .page .Graphic {
	margin: 0 2px;
}

#container .page p .Graphic {
	vertical-align: middle;
}

#container .page .kmsymbol span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#container .page .pageNavi {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	background: #f6f7f9;
	border-bottom: 1px solid #9ea3af;
	font-size: 0.92857rem;
}

#container .page .pageNavi ul {
	padding: 10px 0;
}

#container .page .pageNavi ul li {
	margin-left: 5px;
	padding-left: 20px;
	list-style-type: none;
	position: relative;
}

#container .page .pageNavi ul li:before {
	content: '\25a0';
	display: block;
	width: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

#container .page .pageNavi ul li a {
	color: #0003ff;
}

#container .page .pageNavi ul li a:hover {
	color: #000096;
}

#container .page .pageNavi ul li a .PARTS,
#container .page .pageNavi ul li a .PRODUCT,
#container .page .pageNavi ul li a .PATH,
#container .page .pageNavi ul li a .PASS {
	color: inherit;
}

#container .page h1 + .pageNavi {
	margin-top: -50px;
}

#container .page .GraphicContainer {
	margin: 0;
	padding: 10px 0;
	display: block;
	text-align: center;
}

#container .page .GraphicContainer .Graphic {
	margin: 0;
	max-width: 100%;
}

#container .page .List_Bulleted,
#container .page .List_Numbered {
	padding: 15px 0;
}

#container .page .List_Bulleted li.Sublist,
#container .page .List_Numbered li.Sublist {
	margin-left: 20px;
}

#container .page .List_Bulleted li.Sublist &gt; p:before,
#container .page .List_Numbered li.Sublist &gt; p:before {
	content: "\25b6";
	font-weight: normal;
}

#container .page .List_Bulleted ul li {
	padding-left: 30px;
}

#container .page .List_Bulleted ul li &gt; p:before {
	content: '\25a0';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#container .page .List_Numbered ul,
#container .page .List_Numbered ol {
	counter-reset: List_Numbered;
}

#container .page .List_Numbered ul li,
#container .page .List_Numbered ol li {
	padding-left: 30px;
	position: relative;
}

#container .page .List_Numbered ul li:not(.Sublist),
#container .page .List_Numbered ol li:not(.Sublist) {
	counter-increment: List_Numbered;
}

#container .page .List_Numbered ul li &gt; p:before,
#container .page .List_Numbered ol li &gt; p:before {
	content: counter(List_Numbered) ".";
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#container .page .Subsection {
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
}

#container .page .SequenceOfAction {
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
}

#container .page .SequenceOfAction .Prerequisites li {
	padding-left: 30px;
	color: #505050;
}

#container .page .SequenceOfAction .Prerequisites li .Prerequisite:before {
	content: url(../img/list-prerequisite.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: 0.33em;
	left: -30px;
}

#container .page .SequenceOfAction &gt; ol {
	counter-reset: step;
}

#container .page .SequenceOfAction &gt; ol &gt; li {
	margin-top: 30px;
	padding-left: 60px;
	list-style: none;
}

#container .page .SequenceOfAction &gt; ol &gt; li &gt; .Action:first-child {
	margin-top: 0;
	padding-top: 10px;
	position: relative;
	counter-increment: step;
}

#container .page .SequenceOfAction &gt; ol &gt; li &gt; .Action:first-child:before {
	content: counter(step);
	display: block;
	width: 50px;
	text-align: right;
	line-height: 1;
	font-size: 2.5rem;
	font-weight: bold;
	position: absolute;
	left: -60px;
	top: 0px;
}

#container .page .SequenceOfAction &gt; ol &gt; li .Highlight,
#container .page .SequenceOfAction &gt; ol &gt; li strong {
	color: #000;
}

#container .page .SequenceOfAction &gt; ol &gt; li &gt; .Action {
	font-weight: bold;
	font-size: 1.14286rem;
}

#container .page .SequenceOfAction &gt; ol &gt; li .Result {
	margin: 0.7em 0;
}

#container .page .SequenceOfAction &gt; ol &gt; li .Alternative {
	margin: 10px 0;
}

#container .page .SequenceOfAction &gt; ol &gt; li .Alternative li {
	padding-left: 25px;
}

#container .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before {
	content: url(../img/list-alternative.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: 0.33em;
	left: -25px;
}

#container .page .SafetyWarning,
#container .page .SafetyCaution,
#container .page .SafetyDanger,
#container .page .PropertyDamageMessage,
#container .page .Tips,
#container .page .Reference,
#container .page .RelatedSetting,
#container .page .RelatedSettingAdm {
	margin: 10px 0;
	background-color: #fff;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#container .page .SafetyWarning &gt; *,
#container .page .SafetyCaution &gt; *,
#container .page .SafetyDanger &gt; *,
#container .page .PropertyDamageMessage &gt; *,
#container .page .Tips &gt; *,
#container .page .Reference &gt; *,
#container .page .RelatedSetting &gt; *,
#container .page .RelatedSettingAdm &gt; * {
	border: 1px solid #969696;
	border-left-width: 0;
}

#container .page .SafetyWarning &gt; *:first-child,
#container .page .SafetyCaution &gt; *:first-child,
#container .page .SafetyDanger &gt; *:first-child,
#container .page .PropertyDamageMessage &gt; *:first-child,
#container .page .Tips &gt; *:first-child,
#container .page .Reference &gt; *:first-child,
#container .page .RelatedSetting &gt; *:first-child,
#container .page .RelatedSettingAdm &gt; *:first-child {
	border-left-width: 1px;
}

#container .page .SafetyWarning &gt; h5,
#container .page .SafetyCaution &gt; h5,
#container .page .SafetyDanger &gt; h5,
#container .page .PropertyDamageMessage &gt; h5,
#container .page .Tips &gt; h5,
#container .page .Reference &gt; h5,
#container .page .RelatedSetting &gt; h5,
#container .page .RelatedSettingAdm &gt; h5 {
	padding: 10px;
	min-width: 170px;
	max-width: 170px;
	width: 170px;
	box-shadow: 2px 0 4px rgba(0, 0, 0, 0.15);
	color: #000;
	-ms-flex: 0 1 170px;
	-webkit-flex: 0 1 170px;
	flex: 0 1 170px;
}

#container .page .SafetyWarning &gt; h5 &gt; span,
#container .page .SafetyCaution &gt; h5 &gt; span,
#container .page .SafetyDanger &gt; h5 &gt; span,
#container .page .PropertyDamageMessage &gt; h5 &gt; span,
#container .page .Tips &gt; h5 &gt; span,
#container .page .Reference &gt; h5 &gt; span,
#container .page .RelatedSetting &gt; h5 &gt; span,
#container .page .RelatedSettingAdm &gt; h5 &gt; span {
	display: block;
	width: 100%;
	position: relative;
}

#container .page .SafetyWarning &gt; h5 &gt; span:before,
#container .page .SafetyCaution &gt; h5 &gt; span:before,
#container .page .SafetyDanger &gt; h5 &gt; span:before,
#container .page .PropertyDamageMessage &gt; h5 &gt; span:before,
#container .page .Tips &gt; h5 &gt; span:before,
#container .page .Reference &gt; h5 &gt; span:before,
#container .page .RelatedSetting &gt; h5 &gt; span:before,
#container .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
}

#container .page .SafetyWarning &gt; .block,
#container .page .SafetyCaution &gt; .block,
#container .page .SafetyDanger &gt; .block,
#container .page .PropertyDamageMessage &gt; .block,
#container .page .Tips &gt; .block,
#container .page .Reference &gt; .block,
#container .page .RelatedSetting &gt; .block,
#container .page .RelatedSettingAdm &gt; .block {
	padding: 10px;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#container .page .SafetyWarning &gt; .block ul li,
#container .page .SafetyCaution &gt; .block ul li,
#container .page .SafetyDanger &gt; .block ul li,
#container .page .PropertyDamageMessage &gt; .block ul li,
#container .page .Tips &gt; .block ul li,
#container .page .Reference &gt; .block ul li,
#container .page .RelatedSetting &gt; .block ul li,
#container .page .RelatedSettingAdm &gt; .block ul li {
	padding-left: 30px;
}

#container .page .SafetyWarning &gt; .block ul li &gt; p:before,
#container .page .SafetyCaution &gt; .block ul li &gt; p:before,
#container .page .SafetyDanger &gt; .block ul li &gt; p:before,
#container .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
#container .page .Tips &gt; .block ul li &gt; p:before,
#container .page .Reference &gt; .block ul li &gt; p:before,
#container .page .RelatedSetting &gt; .block ul li &gt; p:before,
#container .page .RelatedSettingAdm &gt; .block ul li &gt; p:before {
	content: '\25a0';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#container .page .SafetyWarning &gt; .block p,
#container .page .SafetyCaution &gt; .block p,
#container .page .SafetyDanger &gt; .block p,
#container .page .PropertyDamageMessage &gt; .block p,
#container .page .Tips &gt; .block p,
#container .page .Reference &gt; .block p,
#container .page .RelatedSetting &gt; .block p,
#container .page .RelatedSettingAdm &gt; .block p {
	color: #000;
}

#container .page .SafetyWarning &gt; *,
#container .page .SafetyCaution &gt; *,
#container .page .SafetyDanger &gt; * {
	border-color: #000;
}

#container .page .SafetyWarning &gt; h5,
#container .page .SafetyCaution &gt; h5,
#container .page .SafetyDanger &gt; h5 {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
	font-size: 1.42857rem;
}

#container .page .SafetyWarning &gt; h5 &gt; span,
#container .page .SafetyCaution &gt; h5 &gt; span,
#container .page .SafetyDanger &gt; h5 &gt; span {
	padding-left: 30px;
}

#container .page .SafetyWarning &gt; h5 &gt; span:before,
#container .page .SafetyCaution &gt; h5 &gt; span:before,
#container .page .SafetyDanger &gt; h5 &gt; span:before {
	content: url(../img/icon-caution.png);
	top: 0;
	left: 0;
}

#container .page .SafetyWarning &gt; .block ul li,
#container .page .SafetyCaution &gt; .block ul li,
#container .page .SafetyDanger &gt; .block ul li {
	font-weight: bold;
}

#container .page .SafetyWarning &gt; .block ul li:before,
#container .page .SafetyCaution &gt; .block ul li:before,
#container .page .SafetyDanger &gt; .block ul li:before {
	top: 1px;
}

#container .page .PropertyDamageMessage &gt; h5,
#container .page .Tips &gt; h5,
#container .page .Reference &gt; h5,
#container .page .RelatedSetting &gt; h5,
#container .page .RelatedSettingAdm &gt; h5 {
	font-size: 1rem;
}

#container .page .PropertyDamageMessage &gt; h5 &gt; span,
#container .page .Tips &gt; h5 &gt; span,
#container .page .Reference &gt; h5 &gt; span,
#container .page .RelatedSetting &gt; h5 &gt; span,
#container .page .RelatedSettingAdm &gt; h5 &gt; span {
	padding-left: 30px;
	line-height: 20px;
}

#container .page .PropertyDamageMessage &gt; h5 &gt; span:before,
#container .page .Tips &gt; h5 &gt; span:before,
#container .page .Reference &gt; h5 &gt; span:before,
#container .page .RelatedSetting &gt; h5 &gt; span:before,
#container .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	top: -2px;
	left: 0;
}

#container .page .PropertyDamageMessage &gt; .block,
#container .page .Tips &gt; .block,
#container .page .Reference &gt; .block,
#container .page .RelatedSetting &gt; .block,
#container .page .RelatedSettingAdm &gt; .block {
	color: #000;
}

#container .page .PropertyDamageMessage &gt; h5 {
	background-image: linear-gradient(150deg, #ebb49a, #d38d8b 63%, #bc667c);
	color: #960000;
}

#container .page .PropertyDamageMessage &gt; h5 &gt; span:before {
	content: url(../img/icon-damage-message.png);
}

#container .page .PropertyDamageMessage &gt; .block ul li {
	font-weight: bold;
}

#container .page .Tips &gt; h5 {
	background-image: linear-gradient(90deg, #6dc09a, #6dc09a 12%, #36a797);
	color: #004f70;
}

#container .page .Tips &gt; h5 &gt; span:before {
	content: url(../img/icon-tips.png);
}

#container .page .Reference &gt; h5 {
	background-image: linear-gradient(150deg, #8cc4f2, #8f96e8);
	color: #0045ba;
}

#container .page .Reference &gt; h5 &gt; span:before {
	content: url(../img/icon-reference.png);
}

#container .page .RelatedSetting &gt; h5,
#container .page .RelatedSettingAdm &gt; h5 {
	background-image: linear-gradient(150deg, #d1b2d2, #ac8bc6 63%, #8966bb);
	color: #661773;
}

#container .page .RelatedSetting &gt; h5 &gt; span:before {
	content: url(../img/icon-related-setting.png);
}

#container .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	content: url(../img/icon-related-setting-adm.png);
}

#container .page .RelatedSettingAdm &gt; h5 &gt; span .subText {
	display: inline-block;
	font-size: 0.83em;
}

#container .page .Note {
	padding: 5px 0;
}

#container .page .Note &gt; h5 {
	margin-bottom: 5px;
	font-size: 1rem;
}

#container .page .Note &gt; h5 &gt; span {
	padding-left: 23px;
	display: block;
	width: 100%;
	position: relative;
}

#container .page .Note &gt; h5 &gt; span:before {
	content: url(../img/icon-note.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#container .page .Note .NoteIntro {
	margin: 3px 0 5px 23px;
	padding-left: 20px;
	font-weight: bold;
	position: relative;
}

#container .page .Note .NoteIntro:before {
	content: '\25cf';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: -2px;
	left: -20px;
}

#container .page .Note .block {
	margin-left: 23px;
}

#container .page .Note .block ul {
	margin-left: 15px;
}

#container .page .Note .block ul li {
	padding-left: 20px;
	position: relative;
}

#container .page .Note .block ul li p {
	display: inline;
	vertical-align: 2px;
	line-height: 1.4;
}

#container .page .Note .block ul li p:before {
	color: #000;
	content: '\2022';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -15px;
}

#container .page .FlowChart {
	counter-reset: FlowChart;
}

#container .page .FlowChart .FCounter {
	margin: 0 0 43px;
	padding: 15px 15px 15px 80px;
	background-image: url(../img/fcounter_topline.png);
	background-repeat: repeat-x;
	background-color: #ededed;
	min-height: 46px;
	counter-increment: FlowChart;
	position: relative;
}

#container .page .FlowChart .FCounter:before {
	padding-top: 7px;
	content: counter(FlowChart);
	text-align: center;
	color: #005882;
	font-size: 2.14286rem;
	font-weight: bold;
	width: 50px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

#container .page .FlowChart .FCounter:after {
	margin-top: 8px;
	content: url(../img/arrow-fcounter.png);
	width: 40px;
	height: 27px;
	position: absolute;
	top: 100%;
	left: 50%;
}

#container .page .FlowChart .FCounter:last-child:after {
	display: none;
}

#container .page .FlowChart .FCounter .FAction {
	font-size: 1.14286rem;
	font-weight: bold;
	color: #000;
}

#container .page .FlowChart .FCounter .SubAction {
	margin-top: 10px;
}

#container .page .FlowChart .FCounter .SubAction p {
	color: #000;
}

#container .page table {
	margin: 20px 0;
	border: 1px solid #323232;
	border-collapse: collapse;
	width: 100%;
	color: #000;
}

#container .page table th,
#container .page table td {
	padding: 8px 16px;
	border: 1px solid #323232;
	text-align: left;
}

#container .page table th &gt; *:first-child,
#container .page table td &gt; *:first-child {
	margin-top: 0;
}

#container .page table th &gt; *:last-child,
#container .page table td &gt; *:last-child {
	margin-bottom: 0;
}

#container .page table th {
	background-image: linear-gradient(#f5f5f5, #d5d5d5);
	font-weight: bold;
}

#container .page table th p {
	color: #323232;
}

#container .page table td .Reference {
	margin: 5px 0 5px 20px;
	background-color: transparent;
	border: 0 none;
	display: block;
}

#container .page table td .Reference &gt; h5 {
	padding: 3px 0 0;
	background: url(../img/reference_title_bg.png) no-repeat 100% 100%;
	border-right: 0 none;
	display: inline-block;
	height: 25px;
	min-width: inherit;
	box-shadow: none;
}

#container .page table td .Reference &gt; h5 &gt; span {
	margin: 0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 25px;
	line-height: 22px;
	height: 22px;
	min-width: 125px;
	max-width: 300px;
	width: auto;
	font-size: 0.85714rem;
}

#container .page table td .Reference &gt; h5 &gt; span:before {
	-ms-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	top: 3px;
	left: 5px;
}

#container .page table td .Reference &gt; .block {
	padding: 0;
}

#container .page table td .Reference &gt; .block ul li {
	padding-left: 3px;
	position: relative;
}

#container .page table td .Reference &gt; .block ul li &gt; p:before {
	content: none;
}

#container .page table td .Reference &gt; .block ul li p {
	color: #000;
}

#container .page table td p {
	color: #000;
}

#container .page table td ul li {
	padding-left: 20px;
	position: relative;
}

#container .page table td ul li &gt; p:before {
	content: '\25a0';
	color: #505050;
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#container .page .Subsection + .Subsection,
#container .page .Subsection + .SequenceOfAction,
#container .page .SequenceOfAction + .Subsection,
#container .page .SequenceOfAction + .SequenceOfAction {
	margin-top: -30px;
}

#container .page .Subsection &gt; h2,
#container .page .SequenceOfAction &gt; h2 {
	margin-top: -8.35714rem;
	padding-top: 9.28571rem;
}

#container .page .Subsection:nth-of-type(n+2),
#container .page .SequenceOfAction.line:nth-of-type(n+2) {
	border-top: 1px solid #9ea3af;
}

#container .page h1 + div.Subsection,
#container .page h1 + div.SequenceOfAction,
#container .page .pageNavi + div.Subsection,
#container .page .pageNavi + div.SequenceOfAction {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}


html.firefox #container .page table {
	border-collapse: separate;
	border-width: 0 1px 1px 0;
}

html.firefox #container .page table th,
html.firefox #container .page table td {
	border-width: 1px 0 0 1px;
}

html.safari-6 #container .page .List_Numbered ul li &gt; p:before,
html.safari-6 #container .page .List_Numbered ol li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .List_Numbered ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .List_Numbered ol li &gt; p:before,
html.safari-7 #container .page .List_Numbered ul li &gt; p:before,
html.safari-7 #container .page .List_Numbered ol li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .List_Numbered ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .List_Numbered ol li &gt; p:before,
html.safari-8 #container .page .List_Numbered ul li &gt; p:before,
html.safari-8 #container .page .List_Numbered ol li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .List_Numbered ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .List_Numbered ol li &gt; p:before {
	top: -14px;
}

html.safari-6 #container .page .List_Bulleted ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .List_Bulleted ul li &gt; p:before,
html.safari-7 #container .page .List_Bulleted ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .List_Bulleted ul li &gt; p:before,
html.safari-8 #container .page .List_Bulleted ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .List_Bulleted ul li &gt; p:before {
	top: -16px;
}

html.safari-6 #container .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .Tips &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .Reference &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-6 #container .page .RelatedSettingAdm &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .Tips &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .Reference &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .RelatedSettingAdm &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .Tips &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .Reference &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-7 #container .page .RelatedSettingAdm &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .Tips &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .Reference &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .RelatedSettingAdm &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .Tips &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .Reference &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-8 #container .page .RelatedSettingAdm &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .SafetyWarning &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .SafetyCaution &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .SafetyDanger &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .Tips &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .Reference &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .RelatedSetting &gt; .block ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .RelatedSettingAdm &gt; .block ul li &gt; p:before {
	top: -16px;
}

html.safari-6 #container .page table td ul li &gt; p:before,
html.safari-6 #pageModal .tabContents .page table td ul li &gt; p:before,
html.safari-7 #container .page table td ul li &gt; p:before,
html.safari-7 #pageModal .tabContents .page table td ul li &gt; p:before,
html.safari-8 #container .page table td ul li &gt; p:before,
html.safari-8 #pageModal .tabContents .page table td ul li &gt; p:before {
	top: -16px;
}

html.safari-6 #container .page .SequenceOfAction .Prerequisites li .Prerequisite:before,
html.safari-6 #pageModal .tabContents .page .SequenceOfAction .Prerequisites li .Prerequisite:before,
html.safari-7 #container .page .SequenceOfAction .Prerequisites li .Prerequisite:before,
html.safari-7 #pageModal .tabContents .page .SequenceOfAction .Prerequisites li .Prerequisite:before,
html.safari-8 #container .page .SequenceOfAction .Prerequisites li .Prerequisite:before,
html.safari-8 #pageModal .tabContents .page .SequenceOfAction .Prerequisites li .Prerequisite:before {
	top: -1.1em;
}

html.safari-6 #container .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before,
html.safari-6 #pageModal .tabContents .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before,
html.safari-7 #container .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before,
html.safari-7 #pageModal .tabContents .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before,
html.safari-8 #container .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before,
html.safari-8 #pageModal .tabContents .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before {
	top: -1.1em;
}

html.safari-6 #container .page .Note .NoteIntro:before,
html.safari-6 #pageModal .tabContents .page .Note .NoteIntro:before,
html.safari-7 #container .page .Note .NoteIntro:before,
html.safari-7 #pageModal .tabContents .page .Note .NoteIntro:before,
html.safari-8 #container .page .Note .NoteIntro:before,
html.safari-8 #pageModal .tabContents .page .Note .NoteIntro:before {
	top: -15px;
}

html.safari-6 #container .page .Note .block ul li p:before,
html.safari-6 #pageModal .tabContents .page .Note .block ul li p:before,
html.safari-7 #container .page .Note .block ul li p:before,
html.safari-7 #pageModal .tabContents .page .Note .block ul li p:before,
html.safari-8 #container .page .Note .block ul li p:before,
html.safari-8 #pageModal .tabContents .page .Note .block ul li p:before {
	top: -15px;
}

html.chrome #container .page .LCD:after,
html.chrome #container .page .DRWIN:after,
html.chrome #container .page .DRMAC:after,
html.chrome #container .page .DRNW:after,
html.chrome #container .page .DRLINUX:after,
html.chrome #container .page .OSWIN:after,
html.chrome #container .page .OSMAC:after,
html.chrome #container .page .OSNW:after,
html.chrome #container .page .OSLINUX:after,
html.chrome #container .page .APPS:after,
html.chrome #container .page .UGTITLE:after,
html.safari #container .page .LCD:after,
html.safari #container .page .DRWIN:after,
html.safari #container .page .DRMAC:after,
html.safari #container .page .DRNW:after,
html.safari #container .page .DRLINUX:after,
html.safari #container .page .OSWIN:after,
html.safari #container .page .OSMAC:after,
html.safari #container .page .OSNW:after,
html.safari #container .page .OSLINUX:after,
html.safari #container .page .APPS:after,
html.safari #container .page .UGTITLE:after {
	content: '] ';
	letter-spacing: -0.15em;
}


/* --------------------------------------------
 * modal
--------------------------------------------- */

#pageModal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	opacity: 0;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#pageModal.in {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

#pageModal.open {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .modal {
	margin: 110px 140px 30px;
	padding: 15px 15px 0;
	background-color: #b5b5b5;
	min-width: 720px;
	max-width: 1320px;
	width: 100%;
	min-height: 230px;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#pageModal .modal .close {
	padding: 2px;
	display: block;
	text-align: center;
	width: 22px;
	height: 22px;
	font-size: 1.57143rem;
	line-height: 1;
	color: #000;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 13px;
	z-index: 1;
}

#pageModal .modal .close:hover {
	background-color: #777;
	color: #fff;
}

#pageModal .modal #headUti {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 5;
}

#pageModal .modal #headUti .print,
#pageModal .modal #headUti .newPage {
	margin: 0 0 0 10px;
	padding: 5px 33px 5px 5px;
	border: none;
	background-color: transparent;
	line-height: 24px;
	font-weight: bold;
	display: inline-block;
	font-size: 0.92857rem;
	color: #456795;
	outline: 0;
	cursor: pointer;
	position: relative;
}

#pageModal .modal #headUti .print:after,
#pageModal .modal #headUti .newPage:after {
	margin-top: -0.5em;
	content: '';
	background-color: #8ea5c0;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 14px;
	border-radius: 20px;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 33%;
	right: 5px;
}

#pageModal .modal #headUti .print:hover,
#pageModal .modal #headUti .newPage:hover {
	color: #000096;
}

#pageModal .modal #headUti .print:hover:after,
#pageModal .modal #headUti .newPage:hover:after {
	background-color: #5080f6;
}

#pageModal .modal #headUti .print span,
#pageModal .modal #headUti .newPage span {
	display: block;
	white-space: nowrap;
}

#pageModal .modal #headUti .print:after {
	background-image: url(../img/icon_print.png);
}

#pageModal .modal #headUti .newPage:after {
	background-image: url(../img/icon_newpage.png);
}

#pageModal .modal .modalReturnToTop {
	position: absolute;
	bottom: 25px;
	right: 32px;
	z-index: 1;
}

#pageModal .modal .modalReturnToTop &gt; span a {
	background-color: #456795;
	background-image: url(../img/to_top.png);
	background-repeat: no-repeat;
	background-size: 25px 40px;
	display: block;
	width: 25px;
	height: 40px;
	cursor: pointer;
}

#pageModal .modal .modalReturnToTop &gt; span a:hover {
	background-color: #003ce6;
}

#pageModal .modal .header {
	margin: 0 30px 0 10px;
	min-height: 25px;
	height: 25px;
}

#pageModal .modal .header .tabs {
	min-width: 650px;
	max-width: 1250px;
	width: 100%;
	white-space: nowrap;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .modal .header .tabs .tab {
	margin: 0 5px 0 11px;
	background-image: linear-gradient(#fff 1px, #fafafa 1px, #d7d7d7 50%, #b4b4b4);
	display: inline-block;
	height: 25px;
	min-height: 25px;
	min-width: 24px;
	max-width: 140px;
	width: 140px;
	line-height: 25px;
	font-size: 0.85714rem;
	cursor: pointer;
	position: relative;
	z-index: 0;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#pageModal .modal .header .tabs .tab:before,
#pageModal .modal .header .tabs .tab:after {
	content: '';
	background-image: linear-gradient(#fafafa, #d7d7d7 50%, #b4b4b4);
	border-top: 1px solid #fff;
	width: 15px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	z-index: -1;
	box-sizing: border-box;
}

#pageModal .modal .header .tabs .tab:before {
	border-left: 1px solid #fff;
	border-top-left-radius: 5px;
	left: -8px;
	-ms-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
}

#pageModal .modal .header .tabs .tab:after {
	border-right: 1px solid #fff;
	border-top-right-radius: 5px;
	right: -8px;
	-ms-transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	transform: skewX(15deg);
}

#pageModal .modal .header .tabs .tab + .tab {
	padding-right: 13px;
}

#pageModal .modal .header .tabs .tab span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#pageModal .modal .header .tabs .tab .tabclose {
	padding: 0 1px;
	line-height: 1;
	font-weight: bold;
	font-size: 1.14286rem;
	position: absolute;
	top: 3px;
	right: -3px;
}

#pageModal .modal .header .tabs .tab .tabclose:hover {
	background-color: #777;
	color: #fff;
}

#pageModal .modal .header .tabs .tab.active {
	margin-bottom: -1px;
	background-image: linear-gradient(#646464 1px, #fff 1px, #fff 50%);
	height: 26px;
	min-height: 26px;
	z-index: 1;
}

#pageModal .modal .header .tabs .tab.active:before,
#pageModal .modal .header .tabs .tab.active:after {
	border-color: #646464;
	background-image: linear-gradient(#fff, #fff 50%);
}

#pageModal .modal .modalContents {
	height: calc(100% - 50px);
	background-color: #fff;
	border: 1px solid #646464;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .modal .modalContents .tabContents {
	min-width: 100%;
	max-width: 100%;
	display: none;
	position: relative;
	overflow-y: scroll;
	overflow-x: auto;
	-ms-flex: 1 0 100%;
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
}

#pageModal .modal .modalContents .tabContents.active {
	display: block;
}

#pageModal .modal .path {
	height: 25px;
	min-height: 25px;
	max-height: 25px;
	line-height: 25px;
	font-size: 0.78571rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .modal .path .copy {
	-ms-flex: 0 0 25px;
	-webkit-flex: 0 0 25px;
	flex: 0 0 25px;
}

#pageModal .modal .path .copy .clipboard {
	background-color: transparent;
	width: 25px;
	height: 25px;
	border: none;
	outline: 0;
	color: #456795;
	font-size: 1.28571rem;
	cursor: pointer;
}

#pageModal .modal .path .copy .clipboard:hover {
	color: #003ce6;
	background-color: rgba(255, 255, 255, 0.2);
}

#pageModal .modal .path .crumbs {
	width: calc(100% - 25px);
	height: 25px;
	white-space: nowrap;
	position: relative;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .modal .path .crumbs &gt; span {
	padding-left: 17px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

#pageModal .modal .path .crumbs &gt; span:before {
	content: '';
	display: block;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #1c3b4a;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0.3636em;
	top: 0.85em;
	-ms-transform: rotate(-35deg) skewX(20deg);
	-webkit-transform: rotate(-35deg) skewX(20deg);
	transform: rotate(-35deg) skewX(20deg);
}

#pageModal .page {
	padding: 0 30px 50px;
}

#pageModal .page h1 {
	margin: 0 -30px 30px;
	padding-top: 3.57143rem;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	background: #f6f7f9;
	border-bottom: 1px solid #9ea3af;
	font-size: 2rem;
	font-weight: bold;
	color: #000;
}

#pageModal .page h2 {
	margin-top: 0.71429rem;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0.21429rem;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	font-size: 1.42857rem;
}

#pageModal .page p {
	color: #505050;
}

#pageModal .page ul,
#pageModal .page ol {
	list-style: none;
}

#pageModal .page ul li,
#pageModal .page ol li {
	position: relative;
}

#pageModal .page ul li p,
#pageModal .page ol li p {
	margin: 5px 0;
}

#pageModal .page a {
	position: relative;
	z-index: 1;
}

#pageModal .page a:link,
#pageModal .page a:visited {
	color: #0003ff;
}

#pageModal .page a:link:hover,
#pageModal .page a:visited:hover {
	color: #000096;
	background: none;
}

#pageModal .page sup {
	vertical-align: text-top !important;
	font-size: 0.63em;
}

#pageModal .page sub {
	vertical-align: 0px !important;
	font-size: 0.63em;
}

#pageModal .page .Quoted:before {
	content: '"';
}

#pageModal .page .Quoted:after {
	content: '"';
}

#pageModal .page .Highlight {
	font-style: italic;
}

#pageModal .page .Key {
	/*font-weight: bold;*/
}

#pageModal .page .LCD:before,
#pageModal .page .DRWIN:before,
#pageModal .page .DRMAC:before,
#pageModal .page .DRNW:before,
#pageModal .page .DRLINUX:before,
#pageModal .page .OSWIN:before,
#pageModal .page .OSMAC:before,
#pageModal .page .OSNW:before,
#pageModal .page .OSLINUX:before,
#pageModal .page .APPS:before,
#pageModal .page .UGTITLE:before,
#pageModal .page .OTHER:before {
	content: '[';
}

#pageModal .page .LCD:after,
#pageModal .page .DRWIN:after,
#pageModal .page .DRMAC:after,
#pageModal .page .DRNW:after,
#pageModal .page .DRLINUX:after,
#pageModal .page .OSWIN:after,
#pageModal .page .OSMAC:after,
#pageModal .page .OSNW:after,
#pageModal .page .OSLINUX:after,
#pageModal .page .APPS:after,
#pageModal .page .UGTITLE:after,
#pageModal .page .OTHER:after {
	content: ']';
}

#pageModal .page .PARTS,
#pageModal .page .PRODUCT,
#pageModal .page .PATH,
#pageModal .page .PASS {
	font-weight: bold;
	color: #000;
}

#pageModal .page .Counter &gt; .Action .PARTS,
#pageModal .page .Counter &gt; .Action .PRODUCT,
#pageModal .page .Counter &gt; .Action .PATH,
#pageModal .page .Counter &gt; .Action .PASS {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

#pageModal .page .Graphic {
	margin: 0 2px;
}

#pageModal .page p .Graphic {
	vertical-align: middle;
}

#pageModal .page .kmsymbol span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#pageModal .page .pageNavi {
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	background: #f6f7f9;
	border-bottom: 1px solid #9ea3af;
	font-size: 0.92857rem;
}

#pageModal .page .pageNavi ul {
	padding: 10px 0;
}

#pageModal .page .pageNavi ul li {
	margin-left: 5px;
	padding-left: 20px;
	list-style-type: none;
	position: relative;
}

#pageModal .page .pageNavi ul li:before {
	content: '\25a0';
	display: block;
	width: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

#pageModal .page .pageNavi ul li a {
	color: #0003ff;
}

#pageModal .page .pageNavi ul li a:hover {
	color: #000096;
}

#pageModal .page .pageNavi ul li a .PARTS,
#pageModal .page .pageNavi ul li a .PRODUCT,
#pageModal .page .pageNavi ul li a .PATH,
#pageModal .page .pageNavi ul li a .PASS {
	color: inherit;
}

#pageModal .page h1 + .pageNavi {
	margin-top: -50px;
}

#pageModal .page .GraphicContainer {
	margin: 0;
	padding: 10px 0;
	display: block;
	text-align: center;
}

#pageModal .page .GraphicContainer .Graphic {
	margin: 0;
	max-width: 100%;
}

#pageModal .page .List_Bulleted,
#pageModal .page .List_Numbered {
	padding: 15px 0;
}

#pageModal .page .List_Bulleted li.Sublist,
#pageModal .page .List_Numbered li.Sublist {
	margin-left: 20px;
}

#pageModal .page .List_Bulleted li.Sublist &gt; p:before,
#pageModal .page .List_Numbered li.Sublist &gt; p:before {
	content: "\25b6";
	font-weight: normal;
}

#pageModal .page .List_Bulleted ul li {
	padding-left: 30px;
}

#pageModal .page .List_Bulleted ul li &gt; p:before {
	content: '\25a0';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#pageModal .page .List_Numbered ul,
#pageModal .page .List_Numbered ol {
	counter-reset: List_Numbered;
}

#pageModal .page .List_Numbered ul li,
#pageModal .page .List_Numbered ol li {
	padding-left: 30px;
	position: relative;
}

#pageModal .page .List_Numbered ul li:not(.Sublist),
#pageModal .page .List_Numbered ol li:not(.Sublist) {
	counter-increment: List_Numbered;
}

#pageModal .page .List_Numbered ul li &gt; p:before,
#pageModal .page .List_Numbered ol li &gt; p:before {
	content: counter(List_Numbered) ".";
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#pageModal .page .Subsection {
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
}

#pageModal .page .SequenceOfAction {
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
}

#pageModal .page .SequenceOfAction .Prerequisites li {
	padding-left: 30px;
	color: #505050;
}

#pageModal .page .SequenceOfAction .Prerequisites li .Prerequisite:before {
	content: url(../img/list-prerequisite.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: 0.33em;
	left: -30px;
}

#pageModal .page .SequenceOfAction &gt; ol {
	counter-reset: step;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li {
	margin-top: 30px;
	padding-left: 60px;
	list-style: none;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li &gt; .Action:first-child {
	margin-top: 0;
	padding-top: 10px;
	position: relative;
	counter-increment: step;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li &gt; .Action:first-child:before {
	content: counter(step);
	display: block;
	width: 50px;
	text-align: right;
	line-height: 1;
	font-size: 2.5rem;
	font-weight: bold;
	position: absolute;
	left: -60px;
	top: 0px;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li .Highlight,
#pageModal .page .SequenceOfAction &gt; ol &gt; li strong {
	color: #000;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li &gt; .Action {
	font-weight: bold;
	font-size: 1.14286rem;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li .Result {
	margin: 0.7em 0;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li .Alternative {
	margin: 10px 0;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li .Alternative li {
	padding-left: 25px;
}

#pageModal .page .SequenceOfAction &gt; ol &gt; li .Alternative li &gt; p:before {
	content: url(../img/list-alternative.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: 0.33em;
	left: -25px;
}

#pageModal .page .SafetyWarning,
#pageModal .page .SafetyCaution,
#pageModal .page .SafetyDanger,
#pageModal .page .PropertyDamageMessage,
#pageModal .page .Tips,
#pageModal .page .Reference,
#pageModal .page .RelatedSetting,
#pageModal .page .RelatedSettingAdm {
	margin: 10px 0;
	background-color: #fff;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#pageModal .page .SafetyWarning &gt; *,
#pageModal .page .SafetyCaution &gt; *,
#pageModal .page .SafetyDanger &gt; *,
#pageModal .page .PropertyDamageMessage &gt; *,
#pageModal .page .Tips &gt; *,
#pageModal .page .Reference &gt; *,
#pageModal .page .RelatedSetting &gt; *,
#pageModal .page .RelatedSettingAdm &gt; * {
	border: 1px solid #969696;
	border-left-width: 0;
}

#pageModal .page .SafetyWarning &gt; *:first-child,
#pageModal .page .SafetyCaution &gt; *:first-child,
#pageModal .page .SafetyDanger &gt; *:first-child,
#pageModal .page .PropertyDamageMessage &gt; *:first-child,
#pageModal .page .Tips &gt; *:first-child,
#pageModal .page .Reference &gt; *:first-child,
#pageModal .page .RelatedSetting &gt; *:first-child,
#pageModal .page .RelatedSettingAdm &gt; *:first-child {
	border-left-width: 1px;
}

#pageModal .page .SafetyWarning &gt; h5,
#pageModal .page .SafetyCaution &gt; h5,
#pageModal .page .SafetyDanger &gt; h5,
#pageModal .page .PropertyDamageMessage &gt; h5,
#pageModal .page .Tips &gt; h5,
#pageModal .page .Reference &gt; h5,
#pageModal .page .RelatedSetting &gt; h5,
#pageModal .page .RelatedSettingAdm &gt; h5 {
	padding: 10px;
	min-width: 170px;
	max-width: 170px;
	width: 170px;
	box-shadow: 2px 0 4px rgba(0, 0, 0, 0.15);
	color: #000;
	-ms-flex: 0 1 170px;
	-webkit-flex: 0 1 170px;
	flex: 0 1 170px;
}

#pageModal .page .SafetyWarning &gt; h5 &gt; span,
#pageModal .page .SafetyCaution &gt; h5 &gt; span,
#pageModal .page .SafetyDanger &gt; h5 &gt; span,
#pageModal .page .PropertyDamageMessage &gt; h5 &gt; span,
#pageModal .page .Tips &gt; h5 &gt; span,
#pageModal .page .Reference &gt; h5 &gt; span,
#pageModal .page .RelatedSetting &gt; h5 &gt; span,
#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span {
	display: block;
	width: 100%;
	position: relative;
}

#pageModal .page .SafetyWarning &gt; h5 &gt; span:before,
#pageModal .page .SafetyCaution &gt; h5 &gt; span:before,
#pageModal .page .SafetyDanger &gt; h5 &gt; span:before,
#pageModal .page .PropertyDamageMessage &gt; h5 &gt; span:before,
#pageModal .page .Tips &gt; h5 &gt; span:before,
#pageModal .page .Reference &gt; h5 &gt; span:before,
#pageModal .page .RelatedSetting &gt; h5 &gt; span:before,
#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
}

#pageModal .page .SafetyWarning &gt; .block,
#pageModal .page .SafetyCaution &gt; .block,
#pageModal .page .SafetyDanger &gt; .block,
#pageModal .page .PropertyDamageMessage &gt; .block,
#pageModal .page .Tips &gt; .block,
#pageModal .page .Reference &gt; .block,
#pageModal .page .RelatedSetting &gt; .block,
#pageModal .page .RelatedSettingAdm &gt; .block {
	padding: 10px;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#pageModal .page .SafetyWarning &gt; .block ul li,
#pageModal .page .SafetyCaution &gt; .block ul li,
#pageModal .page .SafetyDanger &gt; .block ul li,
#pageModal .page .PropertyDamageMessage &gt; .block ul li,
#pageModal .page .Tips &gt; .block ul li,
#pageModal .page .Reference &gt; .block ul li,
#pageModal .page .RelatedSetting &gt; .block ul li,
#pageModal .page .RelatedSettingAdm &gt; .block ul li {
	padding-left: 30px;
}

#pageModal .page .SafetyWarning &gt; .block ul li &gt; p:before,
#pageModal .page .SafetyCaution &gt; .block ul li &gt; p:before,
#pageModal .page .SafetyDanger &gt; .block ul li &gt; p:before,
#pageModal .page .PropertyDamageMessage &gt; .block ul li &gt; p:before,
#pageModal .page .Tips &gt; .block ul li &gt; p:before,
#pageModal .page .Reference &gt; .block ul li &gt; p:before,
#pageModal .page .RelatedSetting &gt; .block ul li &gt; p:before,
#pageModal .page .RelatedSettingAdm &gt; .block ul li &gt; p:before {
	content: '\25a0';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#pageModal .page .SafetyWarning &gt; .block p,
#pageModal .page .SafetyCaution &gt; .block p,
#pageModal .page .SafetyDanger &gt; .block p,
#pageModal .page .PropertyDamageMessage &gt; .block p,
#pageModal .page .Tips &gt; .block p,
#pageModal .page .Reference &gt; .block p,
#pageModal .page .RelatedSetting &gt; .block p,
#pageModal .page .RelatedSettingAdm &gt; .block p {
	color: #000;
}

#pageModal .page .SafetyWarning &gt; *,
#pageModal .page .SafetyCaution &gt; *,
#pageModal .page .SafetyDanger &gt; * {
	border-color: #000;
}

#pageModal .page .SafetyWarning &gt; h5,
#pageModal .page .SafetyCaution &gt; h5,
#pageModal .page .SafetyDanger &gt; h5 {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
	font-size: 1.42857rem;
}

#pageModal .page .SafetyWarning &gt; h5 &gt; span,
#pageModal .page .SafetyCaution &gt; h5 &gt; span,
#pageModal .page .SafetyDanger &gt; h5 &gt; span {
	padding-left: 30px;
}

#pageModal .page .SafetyWarning &gt; h5 &gt; span:before,
#pageModal .page .SafetyCaution &gt; h5 &gt; span:before,
#pageModal .page .SafetyDanger &gt; h5 &gt; span:before {
	content: url(../img/icon-caution.png);
	top: 0;
	left: 0;
}

#pageModal .page .SafetyWarning &gt; .block ul li,
#pageModal .page .SafetyCaution &gt; .block ul li,
#pageModal .page .SafetyDanger &gt; .block ul li {
	font-weight: bold;
}

#pageModal .page .SafetyWarning &gt; .block ul li:before,
#pageModal .page .SafetyCaution &gt; .block ul li:before,
#pageModal .page .SafetyDanger &gt; .block ul li:before {
	top: 1px;
}

#pageModal .page .PropertyDamageMessage &gt; h5,
#pageModal .page .Tips &gt; h5,
#pageModal .page .Reference &gt; h5,
#pageModal .page .RelatedSetting &gt; h5,
#pageModal .page .RelatedSettingAdm &gt; h5 {
	font-size: 1rem;
}

#pageModal .page .PropertyDamageMessage &gt; h5 &gt; span,
#pageModal .page .Tips &gt; h5 &gt; span,
#pageModal .page .Reference &gt; h5 &gt; span,
#pageModal .page .RelatedSetting &gt; h5 &gt; span,
#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span {
	padding-left: 30px;
	line-height: 20px;
}

#pageModal .page .PropertyDamageMessage &gt; h5 &gt; span:before,
#pageModal .page .Tips &gt; h5 &gt; span:before,
#pageModal .page .Reference &gt; h5 &gt; span:before,
#pageModal .page .RelatedSetting &gt; h5 &gt; span:before,
#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	top: -2px;
	left: 0;
}

#pageModal .page .PropertyDamageMessage &gt; .block,
#pageModal .page .Tips &gt; .block,
#pageModal .page .Reference &gt; .block,
#pageModal .page .RelatedSetting &gt; .block,
#pageModal .page .RelatedSettingAdm &gt; .block {
	color: #000;
}

#pageModal .page .PropertyDamageMessage &gt; h5 {
	background-image: linear-gradient(150deg, #ebb49a, #d38d8b 63%, #bc667c);
	color: #960000;
}

#pageModal .page .PropertyDamageMessage &gt; h5 &gt; span:before {
	content: url(../img/icon-damage-message.png);
}

#pageModal .page .PropertyDamageMessage &gt; .block ul li {
	font-weight: bold;
}

#pageModal .page .Tips &gt; h5 {
	background-image: linear-gradient(90deg, #6dc09a, #6dc09a 12%, #36a797);
	color: #004f70;
}

#pageModal .page .Tips &gt; h5 &gt; span:before {
	content: url(../img/icon-tips.png);
}

#pageModal .page .Reference &gt; h5 {
	background-image: linear-gradient(150deg, #8cc4f2, #8f96e8);
	color: #0045ba;
}

#pageModal .page .Reference &gt; h5 &gt; span:before {
	content: url(../img/icon-reference.png);
}

#pageModal .page .RelatedSetting &gt; h5,
#pageModal .page .RelatedSettingAdm &gt; h5 {
	background-image: linear-gradient(150deg, #d1b2d2, #ac8bc6 63%, #8966bb);
	color: #661773;
}

#pageModal .page .RelatedSetting &gt; h5 &gt; span:before {
	content: url(../img/icon-related-setting.png);
}

#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span:before {
	content: url(../img/icon-related-setting-adm.png);
}

#pageModal .page .RelatedSettingAdm &gt; h5 &gt; span .subText {
	display: inline-block;
	font-size: 0.83em;
}

#pageModal .page .Note {
	padding: 5px 0;
}

#pageModal .page .Note &gt; h5 {
	margin-bottom: 5px;
	font-size: 1rem;
}

#pageModal .page .Note &gt; h5 &gt; span {
	padding-left: 23px;
	display: block;
	width: 100%;
	position: relative;
}

#pageModal .page .Note &gt; h5 &gt; span:before {
	content: url(../img/icon-note.png);
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#pageModal .page .Note .NoteIntro {
	margin: 3px 0 5px 23px;
	padding-left: 20px;
	font-weight: bold;
	position: relative;
}

#pageModal .page .Note .NoteIntro:before {
	content: '\25cf';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: -2px;
	left: -20px;
}

#pageModal .page .Note .block {
	margin-left: 23px;
}

#pageModal .page .Note .block ul {
	margin-left: 15px;
}

#pageModal .page .Note .block ul li {
	padding-left: 20px;
	position: relative;
}

#pageModal .page .Note .block ul li p {
	display: inline;
	vertical-align: 2px;
	line-height: 1.4;
}

#pageModal .page .Note .block ul li p:before {
	color: #000;
	content: '\2022';
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -15px;
}

#pageModal .page .FlowChart {
	counter-reset: FlowChart;
}

#pageModal .page .FlowChart .FCounter {
	margin: 0 0 43px;
	padding: 15px 15px 15px 80px;
	background-image: url(../img/fcounter_topline.png);
	background-repeat: repeat-x;
	background-color: #ededed;
	min-height: 46px;
	counter-increment: FlowChart;
	position: relative;
}

#pageModal .page .FlowChart .FCounter:before {
	padding-top: 7px;
	content: counter(FlowChart);
	text-align: center;
	color: #005882;
	font-size: 2.14286rem;
	font-weight: bold;
	width: 50px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

#pageModal .page .FlowChart .FCounter:after {
	margin-top: 8px;
	content: url(../img/arrow-fcounter.png);
	width: 40px;
	height: 27px;
	position: absolute;
	top: 100%;
	left: 50%;
}

#pageModal .page .FlowChart .FCounter:last-child:after {
	display: none;
}

#pageModal .page .FlowChart .FCounter .FAction {
	font-size: 1.14286rem;
	font-weight: bold;
	color: #000;
}

#pageModal .page .FlowChart .FCounter .SubAction {
	margin-top: 10px;
}

#pageModal .page .FlowChart .FCounter .SubAction p {
	color: #000;
}

#pageModal .page table {
	margin: 20px 0;
	border: 1px solid #323232;
	border-collapse: collapse;
	width: 100%;
	color: #000;
}

#pageModal .page table th,
#pageModal .page table td {
	padding: 8px 16px;
	border: 1px solid #323232;
	text-align: left;
}

#pageModal .page table th &gt; *:first-child,
#pageModal .page table td &gt; *:first-child {
	margin-top: 0;
}

#pageModal .page table th &gt; *:last-child,
#pageModal .page table td &gt; *:last-child {
	margin-bottom: 0;
}

#pageModal .page table th {
	background-image: linear-gradient(#f5f5f5, #d5d5d5);
	font-weight: bold;
}

#pageModal .page table th p {
	color: #323232;
}

#pageModal .page table td .Reference {
	margin: 5px 0 5px 20px;
	background-color: transparent;
	border: 0 none;
	display: block;
}

#pageModal .page table td .Reference &gt; h5 {
	padding: 3px 0 0;
	background: url(../img/reference_title_bg.png) no-repeat 100% 100%;
	border-right: 0 none;
	display: inline-block;
	height: 25px;
	min-width: inherit;
	box-shadow: none;
}

#pageModal .page table td .Reference &gt; h5 &gt; span {
	margin: 0;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 25px;
	line-height: 22px;
	height: 22px;
	min-width: 125px;
	max-width: 300px;
	width: auto;
	font-size: 0.85714rem;
}

#pageModal .page table td .Reference &gt; h5 &gt; span:before {
	-ms-transform: scale(0.75);
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	top: 3px;
	left: 5px;
}

#pageModal .page table td .Reference &gt; .block {
	padding: 0;
}

#pageModal .page table td .Reference &gt; .block ul li {
	padding-left: 3px;
	position: relative;
}

#pageModal .page table td .Reference &gt; .block ul li &gt; p:before {
	content: none;
}

#pageModal .page table td .Reference &gt; .block ul li p {
	color: #000;
}

#pageModal .page table td p {
	color: #000;
}

#pageModal .page table td ul li {
	padding-left: 20px;
	position: relative;
}

#pageModal .page table td ul li &gt; p:before {
	content: '\25a0';
	color: #505050;
	display: inline-block;
	width: 0;
	height: 0;
	text-align: right;
	font-weight: bold;
	position: relative;
	top: 0;
	left: -22px;
}

#pageModal .page .Subsection + .Subsection,
#pageModal .page .Subsection + .SequenceOfAction,
#pageModal .page .SequenceOfAction + .Subsection,
#pageModal .page .SequenceOfAction + .SequenceOfAction {
	margin-top: -30px;
}

#pageModal .page .Subsection &gt; h2,
#pageModal .page .SequenceOfAction &gt; h2 {
	margin-top: -0.71429rem;
	padding-top: 1.64286rem;
}

#pageModal .page .Subsection:nth-of-type(n+2),
#pageModal .page .SequenceOfAction.line:nth-of-type(n+2) {
	border-top: 1px solid #9ea3af;
}

#pageModal .page h1 + div.Subsection,
#pageModal .page h1 + div.SequenceOfAction,
#pageModal .page .pageNavi + div.Subsection,
#pageModal .page .pageNavi + div.SequenceOfAction {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

#pageModal [data-tabcontents$="t"] .page ul {
	margin-left: 0;
}

#pageModal [data-tabcontents$="t"] .page ul li {
	margin: 5px 0;
	margin-left: 28px;
	position: relative;
}

#pageModal [data-tabcontents$="t"] .page ul li::before {
	content: "\25a0";
	display: block;
	position: absolute;
	left: -25px;
	top: 0;
}

#pageModal [data-tabcontents$="t"] .page ul li p {
	margin: 0;
}

#pageModal [data-tabcontents$="t"] .page &gt; ul {
	margin-left: 20px;
}


body.openModal #wrapper {
	width: 100%;
	min-width: 1000px;
	max-width: 1600px;
	position: fixed;
}


html.safari #pageModal .modal .close {
	padding: 0 0 2px;
}


/* --------------------------------------------
 * lang
--------------------------------------------- */

html #search .searchOption .option &gt; label.option-zenHan {
	display: none;
}


[lang="ja"] #container .page .Quoted:before,
[lang="ja"] #pageModal .modalContents .page .Quoted:before,
[lang^="ja-"] #container .page .Quoted:before,
[lang^="ja-"] #pageModal .modalContents .page .Quoted:before {
	content: '「';
}

[lang="ja"] #container .page .Quoted:after,
[lang="ja"] #pageModal .modalContents .page .Quoted:after,
[lang^="ja-"] #container .page .Quoted:after,
[lang^="ja-"] #pageModal .modalContents .page .Quoted:after {
	content: '」';
}

[lang="ja"] #search .searchOption .option &gt; label.option-zenHan,
[lang^="ja-"] #search .searchOption .option &gt; label.option-zenHan {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}


@media print {
#contents,
#container {
	position: static;
}

#bodyTopic #globalMenu,
#bodyTopic #search,
#bodyTopic #menuWrapper,
#bodyTopic #returnToTop,
#bodyTopic .PrintBtn {
	display: none;
}
#bodyTopic #documentBody {
	min-width: inherit;
	max-width: inherit;
}
#bodyTopic #header {
	position: static;
}
#bodyTopic #header .header,
#bodyTopic #header .navigation {
	min-width: inherit;
	max-width: inherit;
}
#bodyTopic #header .header &gt; *,
#bodyTopic #header .navigation &gt; * {
	padding: 3px 3px 0;
}
#bodyTopic #header .navigation {
	padding-right: 0;
	height: auto;
}
#bodyTopic #breadcrumbs {
	padding: 0;
	display: block;
	white-space: normal;
}
#bodyTopic #breadcrumbs &gt; span {
	padding-left: 10px;
	text-overflow: inherit;
	overflow: visible;
	white-space: normal;
	display: inline;
	font-size: 0.71429rem;
	line-height: 0.85714rem;
}
#bodyTopic #breadcrumbs &gt; span::before {
	top: 4px;
	left: -2px;
}
#bodyTopic #breadcrumbs &gt; span:first-child {
	padding-left: 0;
}
#bodyTopic #contents {
	background-color: transparent;
}
#bodyTopic #contents #container {
	margin-left: 0 !important;
	min-height: auto !important;
}
#bodyTopic #contents #container .page {
	padding: 0;
}
#bodyTopic #contents #container .page h1 {
	margin: 0 0 10px;
	padding: 20px 3px;
}
#bodyTopic #contents #container .page .pageNavi {
	margin: -30px 0 10px;
}
#bodyTopic #contents #container .page &gt; *:last-child {
	margin-bottom: 0;
}
#bodyTopic #contents #container .page .Subsection,
#bodyTopic #contents #container .page .SequenceOfAction {
	margin: 20px 0;
	padding: 10px 0 15px;
}
#bodyTopic #contents #container .page .Subsection:last-child,
#bodyTopic #contents #container .page .SequenceOfAction:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodyTopic #contents #container .page .Subsection &gt; h2,
#bodyTopic #contents #container .page .SequenceOfAction &gt; h2 {
	margin-top: 10px;
	padding-top: 10px;
}
#bodyTopic #contents #container .page .pageNavi + .Subsection,
#bodyTopic #contents #container .page .pageNavi + .SequenceOfAction {
	margin-top: 0;
}
#bodyTopic #contents #container .page .FlowChart .FCounter {
	border: 1px solid #ccc;
	border-top: 3px solid #2b7ab3;
	background-image: none;
}
#bodyTopic #contents #container .page .SafetyWarning,
#bodyTopic #contents #container .page .SafetyCaution,
#bodyTopic #contents #container .page .SafetyDanger,
#bodyTopic #contents #container .page .PropertyDamageMessage,
#bodyTopic #contents #container .page .Tips,
#bodyTopic #contents #container .page .Reference,
#bodyTopic #contents #container .page .RelatedSetting,
#bodyTopic #contents #container .page .RelatedSettingAdm {
	border-width: 1pt;
}
#bodyTopic #contents #container .page .SafetyWarning &gt; h5,
#bodyTopic #contents #container .page .SafetyCaution &gt; h5,
#bodyTopic #contents #container .page .SafetyDanger &gt; h5,
#bodyTopic #contents #container .page .PropertyDamageMessage &gt; h5,
#bodyTopic #contents #container .page .Tips &gt; h5,
#bodyTopic #contents #container .page .Reference &gt; h5,
#bodyTopic #contents #container .page .RelatedSetting &gt; h5,
#bodyTopic #contents #container .page .RelatedSettingAdm &gt; h5 {
	box-shadow: none;
	border-width: 1pt;
}
#bodyTopic #contents #container .page table {
	border-spacing: 0;
	border-width: 2px;
}
#bodyTopic #contents #container .page table th,
#bodyTopic #contents #container .page table td {
	position: relative;
	border-width: 1px;
}
#bodyTopic #contents #container .page table th {
	border-width: 2px;
}
}

@media print and (-webkit-min-device-pixel-ratio: 0) {
#bodyTopic #contents #container .page table {
	border-collapse: separate;
	border-width: 1px;
}
#bodyTopic #contents #container .page table th,
#bodyTopic #contents #container .page table td {
	position: relative;
	border-width: 1px;
}
#bodyTopic #contents #container .page table th {
	border-width: 1px;
}
}

@media print {
#bodyTopic.openModal #documentBody,
#bodyTopic.openModal .overlay {
	display: none;
}
#bodyTopic.openModal #pageModal {
	position: static;
	display: block;
}
#bodyTopic.openModal #pageModal .modal {
	margin: 0;
	padding: 0;
	background-color: transparent;
	min-width: 100%;
	max-width: 100%;
	display: block;
}
#bodyTopic.openModal #pageModal .modal #headUti,
#bodyTopic.openModal #pageModal .modal &gt; .close,
#bodyTopic.openModal #pageModal .modal &gt; .modalReturnToTop,
#bodyTopic.openModal #pageModal .modal &gt; .header,
#bodyTopic.openModal #pageModal .modal &gt; .path {
	display: none;
}
#bodyTopic.openModal #pageModal .modal .modalContents {
	border: none;
	background-color: transparent;
	height: auto;
	display: block;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents {
	overflow: visible;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page {
	padding: 0;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page h1 {
	margin: 0 0 10px;
	padding: 20px 3px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .pageNavi {
	margin: -30px 0 10px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page &gt; *:last-child {
	margin-bottom: 0;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Subsection,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SequenceOfAction {
	margin: 20px 0;
	padding: 10px 0 15px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Subsection:last-child,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SequenceOfAction:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Subsection &gt; h2,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SequenceOfAction &gt; h2 {
	margin-top: 10px;
	padding-top: 10px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .pageNavi + .Subsection,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .pageNavi + .SequenceOfAction {
	margin-top: 0;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .FlowChart .FCounter {
	border: 1px solid #ccc;
	border-top: 3px solid #2b7ab3;
	background-image: none;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyWarning,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyCaution,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyDanger,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .PropertyDamageMessage,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Tips,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Reference,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .RelatedSetting,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .RelatedSettingAdm {
	border-width: 1pt;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyWarning &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyCaution &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .SafetyDanger &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .PropertyDamageMessage &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Tips &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .Reference &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .RelatedSetting &gt; h5,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page .RelatedSettingAdm &gt; h5 {
	box-shadow: none;
	border-width: 1pt;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table {
	border-spacing: 0;
	border-width: 2px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table th,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table td {
	position: relative;
	border-width: 1px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table th {
	border-width: 2px;
}
}

@media print and (-webkit-min-device-pixel-ratio: 0) {
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table {
	border-collapse: separate;
	border-width: 1px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table th,
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table td {
	position: relative;
	border-width: 1px;
}
#bodyTopic.openModal #pageModal .modal .modalContents .tabContents .page table th {
	border-width: 1px;
}
}


@media print {
#bodySelectPrint #documentBody {
	display: none;
}
#bodySelectPrint #contents {
	visibility: visible;
	overflow: visible;
}
#bodySelectPrint #contents #container &gt; div {
	page-break-inside: avoid;
}
#bodySelectPrint #contents #container &gt; div.pageBreak {
	page-break-before: always;
}
#bodySelectPrint #contents #container &gt; div.pageBreak:before {
	content: '';
	display: table;
}
#bodySelectPrint #contents #container h1 {
	margin: 0 0 10px;
	padding: 20px 3px;
}
#bodySelectPrint #contents #container .pageNavi {
	margin: -30px 0 10px;
}
#bodySelectPrint #contents #container &gt; *:last-child {
	margin-bottom: 0;
}
#bodySelectPrint #contents #container .Subsection,
#bodySelectPrint #contents #container .SequenceOfAction {
	margin: 20px 0;
	padding: 10px 0 15px;
}
#bodySelectPrint #contents #container .Subsection:last-child,
#bodySelectPrint #contents #container .SequenceOfAction:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
#bodySelectPrint #contents #container .Subsection &gt; h2,
#bodySelectPrint #contents #container .SequenceOfAction &gt; h2 {
	margin-top: 10px;
	padding-top: 10px;
}
#bodySelectPrint #contents #container .pageNavi + .Subsection,
#bodySelectPrint #contents #container .pageNavi + .SequenceOfAction {
	margin-top: 0;
}
#bodySelectPrint #contents #container .FlowChart .FCounter {
	border: 1px solid #ccc;
	border-top: 3px solid #2b7ab3;
	background-image: none;
}
#bodySelectPrint #contents #container .SafetyWarning,
#bodySelectPrint #contents #container .SafetyCaution,
#bodySelectPrint #contents #container .SafetyDanger,
#bodySelectPrint #contents #container .PropertyDamageMessage,
#bodySelectPrint #contents #container .Tips,
#bodySelectPrint #contents #container .Reference,
#bodySelectPrint #contents #container .RelatedSetting,
#bodySelectPrint #contents #container .RelatedSettingAdm {
	border-width: 1pt;
}
#bodySelectPrint #contents #container .SafetyWarning &gt; h5,
#bodySelectPrint #contents #container .SafetyCaution &gt; h5,
#bodySelectPrint #contents #container .SafetyDanger &gt; h5,
#bodySelectPrint #contents #container .PropertyDamageMessage &gt; h5,
#bodySelectPrint #contents #container .Tips &gt; h5,
#bodySelectPrint #contents #container .Reference &gt; h5,
#bodySelectPrint #contents #container .RelatedSetting &gt; h5,
#bodySelectPrint #contents #container .RelatedSettingAdm &gt; h5 {
	box-shadow: none;
	border-width: 1pt;
}
#bodySelectPrint #contents #container table {
	border-spacing: 0;
	border-width: 2px;
}
#bodySelectPrint #contents #container table th,
#bodySelectPrint #contents #container table td {
	position: relative;
	border-width: 1px;
}
#bodySelectPrint #contents #container table th {
	border-width: 2px;
}
}

@media print and (-webkit-min-device-pixel-ratio: 0) {
#bodySelectPrint #contents #container table {
	border-collapse: separate;
	border-width: 1px;
}
#bodySelectPrint #contents #container table th,
#bodySelectPrint #contents #container table td {
	position: relative;
	border-width: 1px;
}
#bodySelectPrint #contents #container table th {
	border-width: 1px;
}
}


@media print {
.page.inPageNavi h1 {
	border-bottom: 0 none !important;
}
}

/*# sourceMappingURL=topic.css.map */
</pre></body></html>