@charset "UTF-8";
#main {
	margin-top: 20px;
}
/* #useWrap */
#useWrap {
	padding: 0;
}
#useWrap h3 {
	padding-bottom: 5x;
	border-bottom:solid 5px #dcdcdc;
	margin-bottom:15px;
	font-weight:bold;
	margin-bottom:15px;
}
#useWrap #use, #useWrap .infoBox {
	margin: 0;
}
#useWrap .infoBox a {
	color: #000099;
}
#useWrap .infoBox a:hover {
	text-decoration: underline;
}
.mainContentWrap {
	padding: 0 20px;
}
#useWrap .mainContentWrap .tblStyle01 th {
	padding: 3px 5px;
	border: 1px solid #999999;
	color: #ffffff;
	background-color: #797979;
	text-align: center;
	vertical-align: middle;
}
#useWrap .mainContentWrap .tblStyle01 td {
	padding: 3px 5px;
	border: 1px solid #999999;
	text-align: center;
}
#useWrap .mainContentWrap .tblStyle01 td .txt_l {
	padding: 3px 5px;
	border: 1px solid #999999;
	text-align:left;
}
#useWrap .mainContentWrap .tblStyle02 th {
	padding: 3px 5px;
	border: 1px solid #999999;
	color: #ffffff;
	background-color: #797979;
	text-align: center;
	vertical-align: middle;
}
#useWrap .mainContentWrap .tblStyle02 td {
	padding: 3px 5px;
	border: 1px solid #999999;
	vertical-align: middle;
}

#useWrap .mainContentWrap .tblStyle03 {
	margin-top:20px;
	margin-bottom:40px;
	width:100%;
	}

#useWrap .mainContentWrap .tblStyle03 th {
	background-color:#808080;
	color: #fff;
	font-size:110%;
	font-weight:bold;
	border: solid 1px #ccc;
	color: #fff;
	padding: 5px;
}
#useWrap .mainContentWrap .tblStyle03 td {
	border: solid 1px #ccc;
	padding: 5px;
}
#useWrap .mainContentWrap .ttl_01 {
	padding-left:1.4em;
	text-indent:-1.4em;
	font-weight:bold;
	margin:15px 0px;
}
#useWrap .mainContentWrap .ttl_02 {
	font-weight:bold;
	margin:20px 0px 15px;
	border-top:2px solid #dcdcdc;
	padding-top:20px;
}
#useWrap .mainContentWrap .txt_01 {
	margin-left:10px;
	margin-bottom:40px;
}
.imageBlock01 img {
	width: 100%;
	max-width: 285px;
	margin:15px 10px 20px;
}
.imageBlock02 img {
	width: 100%;
	max-width: 300px;
	margin:15px 10px 20px;
}
.imageBlock03 img {
	width: 100%;
	max-width: 50px;
	min-width: 40px;
}
.imageBlock04 img {
	width: 100%;
	max-width: 225px;
	margin:15px 10px 20px;
}
.imageBlock05 img {
	width: 100%;
	max-width: 270px;
	margin:15px 10px 20px;
}
.imageBlock06 img {
	width: 100%;
	max-width: 230px;
	margin:15px 10px 20px;
}
.imageBlock07 img {
	width: 100%;
	max-width: 350px;
	margin:15px 10px 20px;
}
.imageBlock08 img {
	width: 100%;
	max-width: 170px;
	margin:15px 10px 20px;
}
.imageBlock09 img {
	width: 100%;
	max-width: 385px;
	margin:15px 10px 20px;
}
.imageBlock10 img {
	width: 100%;
	max-width: 80px;
	margin:15px 10px 20px;
}

.imageBlock11 img {
	width: 100%;
	max-width: 330px;
	margin:15px 10px 20px;
}
.imageBlock12 img {
	width: 100%;
	max-width: 130px;
	margin:15px 10px 20px;
}
.imageBlock13 img {
	width: 100%;
	max-width: 200px;
	margin:15px 10px 20px;
}

.vertical {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.listFlow2 .no01 {
	background:url("/support/images/img_no1_black.gif") no-repeat 0 5px;
}
.listFlow2 .no02 {
	background:url("/support/images/img_no2_black.gif") no-repeat 0 5px;
}
.listFlow2 .no03 {
	background:url("/support/images/img_no3_black.gif") no-repeat 0 5px;
}
.listFlow2 .no04 {
	background:url("/support/images/img_no4_black.gif") no-repeat 0 5px;
}
.listFlow2 .no05 {
	background:url("/support/images/img_no5_black.gif") no-repeat 0 5px;
}
.box01 {
	margin:20px 10px;
	padding:5px 10px;
	background-color:#ffffcc;
}
.box02 {
	margin: 20px 0px;
	padding:5px 10px;
	background-color:#dcdcdc;
	font-weight:bold;
}
.box03 {
	margin: 20px 0px;
	padding:10px;
	border:1px solid #dcdcdc;
	}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.indent15 {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.indent18 {
	text-indent: -1.8em;
	padding-left: 1.8em;
}
/* linkAr */
.linkAr, .linkAr02, .icoLink {
	background: none;
	padding: 0;
	position: relative;
	padding-left: 1em;
}
.linkAr::before, .linkAr02::before, .icoLink::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #ff0000;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 10px;
	left: 0;
	margin-top: -0.4em;
}
.linkAr a, .linkAr02 a, .icoLink a {
	color: #000099;
}
.linkAr a:hover, .linkAr02 a:hover, .icoLink a:hover {
	text-decoration: underline !important;
}
/* general */
.maxImg img {
	max-width: 100%;
	width: auto;
}
.autoImg img {
	width: auto;
}
.bnrHv a:hover {
	opacity: 0.6;
}
.textList {
	margin-top: 10px;
}
.textList li {
	margin-bottom: 10px;
}
.udW {
	border-bottom: double;
}
.spOnly {
	display: none !important;
}
.pcOnly {
	display: block !important;
}
.wordB {
	word-break: break-all;
}
 @media only screen and (max-width: 767px) {
.mainContentWrap {
	padding: 0;
}
.maxImg img {
	width: 100%;
	height: auto;
}
.autoImg img {
	width: auto;
}
}
 @media only screen and (max-width: 910px) {
.scrollArea {
	overflow-x: scroll;
	margin-bottom: 20px;
}
.scrollArea .grayTable, .scrollArea .tableStyle2, .scrollArea .tableStyle3 {
	width: 910px;
}
}
 @media only screen and (max-width: 559px) {
.tblStyle03 .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
.tblStyle03 th, .tblStyle03 td {
	border: none;
	display: block;
}
.tblStyle03 td img {
	width: 95%;
}
.vertical {
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}
}