@charset "UTF-8";
.fs11 {
		font-size: 11px;
}

/*スクロールヒント*/
.js-scrollable table {
		width: intrinsic;
		width: -moz-max-content;
		width: -webkit-max-content;
		width: max-content;
}

.js-scrollable .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
		opacity: 0.9;
}

.js-scrollable .scroll-hint-icon {
		top: 30%;
		left: 60.5%;
}

.js-scrollable .scroll-hint-icon-white:after {
		background-image: url(../images/hint_arrow.png);
		background-size: 100%;
		width: 43px;
		height: 18px;
		opacity: 1;
}

.js-scrollable .scroll-hint-icon:before {
		content: none;
}

.js-scrollable .scroll-hint-text {
		margin-top: 15px;
}

.note-area {
		border: solid 1px #8e8e8e;
		padding: 5px;
		box-shadow: 3px 3px #ccc;
}

.note-area p.exp {
		margin-left: 6px;
}

.note-area p.brow {
		margin-left: -6px;
}

/*円*/
span.circle {
		width: 12px;
		height: 12px;
		border: 2px solid #999;
		background-color: #fff;
		border-radius: 50%;
		margin: 0 auto;
		text-align: center;
		line-height: 80px;
		display: block;
}

.format_area ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.format_area ul li {
		box-sizing: border-box;
		padding: 10px;
		border: solid 1px #e5e5e5;
}

.format_area ul li.title {
		width: 340px;
		background: #fafafa;
		border-right: none;
}

.format_area ul li.format {
		width: calc(100% - 340px);
}

.format_area ul li.format.position_re {
		position: relative;
}

.format_area ul li.format.position_re a {
		color: #333;
}

.format_area ul li.format.position_re a:hover, .format_area ul li.format.position_re a:active {
		color: #333;
}

.format_area ul li.format.position_re img {
		position: absolute;
		top: 5px;
		left: 5px;
}

.format_area ul li.format.position_re span {
		margin-left: 35px;
}

/*アイコン*/
span.exp-arr {
		font-size: 12px;
		position: relative;
		padding-left: 15px;
		text-decoration: underline;
}

span.exp-arr:before {
		content: '';
		width: 14px;
		height: 14px;
		background: #005ab4;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		left: -3px;
		margin-top: -8px;
}

span.exp-arr:after {
		content: '';
		width: 4px;
		height: 4px;
		border: 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		position: absolute;
		top: 6px;
		left: 0;
		margin-top: -3px;
		transform: rotate(45deg);
}

.function-list-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 370px;
		margin: 30px auto 0;
}

.function-list-btn a {
		display: flex;
		align-items: center;
		padding: 15px;
		border: solid #005ab4;
		border-radius: 5px;
		line-height: 1;
		color: #333;
		font-weight: bold;
		background: white;
		background: -moz-linear-gradient(top, white 50%, #e5e5e5 100%);
		background: -webkit-linear-gradient(top, white 50%, #e5e5e5 100%);
		background: linear-gradient(to bottom, white 50%, #e5e5e5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.function-list-btn a:hover {
		text-decoration: none;
		opacity: 0.8;
}

.function-list-btn a span {
		font-size: 12px;
		position: relative;
		padding-left: 15px;
		margin-right: 10px;
}

.function-list-btn a span::before {
		content: '';
		width: 15px;
		height: 15px;
		background: #005ab4;
		border-radius: 50%;
		position: absolute;
		left: 0;
		margin-top: -8px;
}

.function-list-btn a span::after {
		content: "";
		position: absolute;
		top: 50%;
		/* 縦軸をセンタリングする */
		left: 5px;
		transform: translateY(-50%);
		/* 縦軸をセンタリングする */
		border: 4px solid transparent;
		border-left: 6px solid #fff;
		/* 好みで色を変えてください */
}

.function-list-btn a img {
		margin-left: 10px;
}

.function-list-btn p {
		width: 360px;
		text-align: right;
		margin-top: 5px;
}

/*new table*/
/*テーブルのスクロールバー*/
.scrollable ::-webkit-scrollbar {
		height: 3px;
		width: 3px;
}

.scrollable ::-webkit-scrollbar-track {
		border-radius: 5px;
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.scrollable ::-webkit-scrollbar-thumb {
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
		background: rgba(0, 90, 180, 0.5);
		border-radius: 5px;
}

.scrollable {
		-ms-overflow-style: none;
}

.scrollable {
		width: 100%;
}

.scrollable .js-scrollable {
		height: 500px;
		border: 1px solid #E5E5E5;
}

.scrollable .js-scrollable table th, .scrollable .js-scrollable table td {
		box-sizing: border-box;
		border: 1px solid #E5E5E5;
}

.scrollable .js-scrollable table td {
		background: #fff;
}

.scrollable .js-scrollable table thead th {
		/* 縦スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* tbody内のセルより手前に表示する */
		z-index: 1;
		width: 100px;
		padding: 10px 0;
		text-align: center;
		background: #fafafa;
		font-weight: normal;
		border-top: none;
}

.scrollable .js-scrollable table thead th.andsup {
		width: 115px;
}

.scrollable .js-scrollable table thead th:first-child {
		/* ヘッダー行内の他のセルより手前に表示する */
		z-index: 2;
		border-left: none;
}

.scrollable .js-scrollable table thead th:last-child {
		border-right: none;
}

.scrollable .js-scrollable table thead th:before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #dedede;
}

.scrollable .js-scrollable table thead th.fixed02 span {
		position: relative;
		top: -2px;
		margin-left: 6px;
}

.scrollable .js-scrollable table tbody {
		background: #e5e5e5;
}

.scrollable .js-scrollable table th.fixleft {
		/* 横スクロール時に固定する */
		max-width: 340px;
		font-weight: normal;
		background: #fafafa;
		border-left: none;
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		padding: 15px 14px;
		font-size: 14px;
}

.scrollable .js-scrollable table th.fixleft.fixed03 {
		max-width: 220px;
		min-width: 220px;
}

.scrollable .js-scrollable table th.fixleft.fixed04 {
		font-size: 12px;
		left: 220px;
		max-width: 120px;
		min-width: 120px;
}

.scrollable .js-scrollable table th.fixleft:before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #dedede;
}

.scrollable .js-scrollable table th.fixleft a {
		position: relative;
		color: #333;
		z-index: 1;
}

.scrollable .js-scrollable table th.fixleft a:hover, .scrollable .js-scrollable table th.fixleft a:active {
		color: #FF3300;
		text-decoration: underline;
}

.scrollable .js-scrollable table th.fixleft.tpadd {
		padding: 7.5px 14px;
}

.scrollable .js-scrollable table td:last-child {
		border-right: none;
}

.scrollable.scrolltable1 .scrollable-box .ofsrbase table {
		width: 1070px;
}

.scrollable.scrolltable2 .scrollable-box .ofsrbase table {
		width: 1070px;
}

.scrollable.scrolltable3 .scrollable-box .ofsrbase table {
		width: 1540px;
}

.scrollable.scrolltable4 .scrollable-box .ofsrbase table {
		width: 1540px;
}

.scrollable.scrolltable5 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable5 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna, .scrollable.scrolltable6 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable6 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna {
		display: none;
}

.scrollable.scrolltable5.onmousedown .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb,
.scrollable.scrolltable5.onmousedown .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna
{
	display: block;
}

.scrollable.scrolltable5 .scrollable-box .ofsrbase table thead th.fixed02, .scrollable.scrolltable6 .scrollable-box .ofsrbase table thead th.fixed02 {
		width: 307px;
}

.scrollable.scrolltable5 .scrollable-box .ofsrbase table thead th.fixed03, .scrollable.scrolltable6 .scrollable-box .ofsrbase table thead th.fixed03 {
	width: calc(614px / 3);
}

.scrollable.scrolltable5 .scrollable-box .ofsrbase table thead th.fixleft, .scrollable.scrolltable6 .scrollable-box .ofsrbase table thead th.fixleft {
		min-width: 340px;
}

.scrollable.scrolltable7 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable7 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna, .scrollable.scrolltable8 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable8 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna, .scrollable.scrolltable10 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable10 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna {
		display: none;
}

.scrollable.scrolltable7 .scrollable-box .ofsrbase table thead th.fixed02, .scrollable.scrolltable8 .scrollable-box .ofsrbase table thead th.fixed02, .scrollable.scrolltable10 .scrollable-box .ofsrbase table thead th.fixed02 {
		width: 205px;
}

.scrollable.scrolltable7 .scrollable-box .ofsrbase table thead th.fixed02:last-child, .scrollable.scrolltable8 .scrollable-box .ofsrbase table thead th.fixed02:last-child, .scrollable.scrolltable10 .scrollable-box .ofsrbase table thead th.fixed02:last-child {
		width: 204px;
}

.scrollable.scrolltable7 .scrollable-box .ofsrbase table thead th.fixleft, .scrollable.scrolltable8 .scrollable-box .ofsrbase table thead th.fixleft, .scrollable.scrolltable10 .scrollable-box .ofsrbase table thead th.fixleft {
		min-width: 340px;
}

.scrollable.scrolltable9 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedownb, .scrollable.scrolltable9 .scrollable-box .ofsrbase .ofsrwrap.js-scrollable.scroll-hint .mousedowna {
		display: none;
}

.scrollable.scrolltable9 .scrollable-box .ofsrbase table thead th.fixed02 {
		width: 102px;
}

.scrollable.scrolltable9 .scrollable-box .ofsrbase table thead th.fixed02:nth-last-child(2) {
		width: 103px;
}

.scrollable.scrolltable9 .scrollable-box .ofsrbase table thead th.fixed02:last-child {
		width: 103px;
}

.scrollable.scrolltable9 .scrollable-box .ofsrbase table thead th.fixleft {
		min-width: 340px;
}

/*メインビジュアル*/
.mainHeader {
		width: 960px;
		margin: 0 auto;
}

.mainHeader .escan-mainvisual {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: #398235;
		background: -moz-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
		background: -webkit-linear-gradient(-45deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
		background: linear-gradient(135deg, #398235 0%, #8ab66b 56%, #c9de96 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#c9de96',GradientType=1 );
}

.mainHeader .escan-mainvisual .text_area {
		padding: 0 30px;
}

.mainHeader .escan-mainvisual .text_area p {
		font-size: 18px;
		color: #fff;
}

.mainHeader .escan-mainvisual .text_area p.title {
		font-size: 30px;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: solid 1px;
		margin-bottom: 10px;
}

/*メインナビ*/
.funcNav {
		width: 960px;
		margin: 0 auto;
		padding-bottom: 10px;
}

.funcNav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-radius: 5px;
		overflow: hidden;
}

.funcNav ul li {
		position: relative;
		text-align: center;
		width: 100%;
}

.funcNav ul li:after {
		position: absolute;
		content: "";
		border-right: dotted 1px #fff;
		width: 1px;
		height: 30px;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
}

.funcNav ul li a {
		position: relative;
		display: block;
		padding: 14px 5px;
		background: #005ab4;
		border-top: solid 1px #005ab4;
		border-bottom: solid 1px #005ab4;
		color: #fff;
		font-size: 20px;
}

.funcNav ul li a:hover {
		opacity: 0.9;
		text-decoration: none;
}

.funcNav ul li a::before {
		content: '';
		width: 20px;
		height: 20px;
		background: #fff;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		position: absolute;
		top: 48%;
		left: 16px;
		margin-top: -9px;
}

.funcNav ul li a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 1px #005ab4;
		border-right: solid 1px #005ab4;
		position: absolute;
		top: 49%;
		left: 21px;
		margin-top: -3px;
		transform: rotate(45deg);
}

.funcNav ul li a.current {
		background: #efefef;
		background: -moz-linear-gradient(top, #efefef 0%, white 68%);
		background: -webkit-linear-gradient(top, #efefef 0%, white 68%);
		background: linear-gradient(to bottom, #efefef 0%, white 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
		color: #333;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
}

.funcNav ul li a.current::after {
		border-top: solid 1px #333;
		border-right: solid 1px #333;
		top: 46%;
		left: 22px;
		transform: rotate(135deg);
}

.funcNav ul li:first-child a.current {
		border-left: solid 1px #ddd;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
}

.funcNav ul li:last-child a.current {
		border-right: solid 1px #ddd;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
}

.funcNav ul li:last-child::after {
		content: none;
}

/*ナビ下*/
.funcContent {
		width: 960px;
		margin: 0 auto;
}

.funcContent .read_text {
		text-align: center;
}

.funcContent .read_text p {
		display: inline-block;
		font-size: 18px;
		padding-bottom: 20px;
}

.funcContent ul.imgArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 30px;
}

.funcContent ul.imgArea > li {
		border-right: dashed #ddd 1px;
}

.funcContent ul.imgArea > li:last-child {
		border-right: none;
}

.funcContent ul.imgArea li {
		width: 100%;
		text-align: center;
}

.funcContent ul.imgArea li p.title {
		font-size: 18px;
		font-weight: bold;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.funcContent ul.imgArea li ul.linkArea {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
}

.funcContent ul.imgArea li ul.linkArea li.series {
		height: 30px;
		text-align: left;
		padding-left: 10px;
		box-sizing: border-box;
		font-size: 16px;
		font-weight: bold;
}

.funcContent ul.imgArea li ul.linkArea li.btn {
		width: 45%;
		margin: 0 5px;
}

.funcContent ul.imgArea li ul.linkArea li.btn a {
		box-sizing: border-box;
		background: #efefef;
		background: -moz-linear-gradient(top, #efefef 0%, white 68%);
		background: -webkit-linear-gradient(top, #efefef 0%, white 68%);
		background: linear-gradient(to bottom, #efefef 0%, white 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
		color: #333;
		border: solid 1px #ddd;
		width: 100%;
		padding: 8px 8px 8px 0;
		display: block;
		margin: 0 auto 10px;
		font-size: 14px;
		position: relative;
}

.funcContent ul.imgArea li ul.linkArea li.btn a.macos {
		padding-right: 14px;
}

.funcContent ul.imgArea li ul.linkArea li.btn a span {
		font-size: 12px;
		margin-left: -2px;
		margin-right: -2px;
}

.funcContent ul.imgArea li ul.linkArea li.btn a:hover {
		opacity: 0.8;
		text-decoration: none;
}

.funcContent ul.imgArea li ul.linkArea li.btn a::after {
		content: "";
		position: absolute;
		top: 58%;
		right: 8px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border: 5px solid transparent;
		border-top: 8px solid #005ab4;
}

/* タイトル */
.innerBlock .titleAlea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
}

.innerBlock .titleAlea h2 {
		margin-bottom: 10px;
}

.innerBlock .titleAlea h2 span {
		border-bottom: 1px solid #0059b3;
		font-size: 20px;
		padding-bottom: 2px;
		margin-bottom: 15px;
		display: inline-block;
}

.innerBlock .titleAlea .right a {
		display: inline-block;
		background: #005AB4;
		padding: 11px 20px 10px 40px;
		border-radius: 5px;
		color: #fff;
		position: relative;
}

.innerBlock .titleAlea .right a:hover {
		text-decoration: none;
		opacity: 0.8;
}

.innerBlock .titleAlea .right a::before {
		content: '';
		width: 20px;
		height: 20px;
		background: #fff;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		position: absolute;
		top: 24%;
		left: 10px;
}

.innerBlock .titleAlea .right a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 1px #005ab4;
		border-right: solid 1px #005ab4;
		position: absolute;
		top: 39%;
		left: 15px;
		transform: rotate(45deg);
}

th.breakWord,
.flatBed td {
		padding: 15px 5px;
}

.escantbl {
		width: 70%;
		margin: auto;
		border-bottom: 1px solid #E5E5E5;
		font-size: 16px;
}

/* detail */
.funcTitle {
		font-size: 24px;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #CCCCCC;
		padding: 15px 20px;
		margin-bottom: 30px;
}

.document .funcTitle {
		background: #0086af;
		background: -moz-linear-gradient(-45deg, #0086af 0%, #2e3380 100%);
		background: -webkit-linear-gradient(-45deg, #0086af 0%, #2e3380 100%);
		background: linear-gradient(135deg, #0086af 0%, #2e3380 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086af', endColorstr='#2e3380',GradientType=1 );
}

.photo .funcTitle {
		background: #85d25b;
		background: -moz-linear-gradient(-45deg, #85d25b 0%, #238c00 100%);
		background: -webkit-linear-gradient(-45deg, #85d25b 0%, #238c00 100%);
		background: linear-gradient(135deg, #85d25b 0%, #238c00 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85d25b', endColorstr='#238c00',GradientType=1 );
}

.pdf .funcTitle {
		background: #ff8c32;
		background: -moz-linear-gradient(-45deg, #ff8c32 0%, #ce6300 100%);
		background: -webkit-linear-gradient(-45deg, #ff8c32 0%, #ce6300 100%);
		background: linear-gradient(135deg, #ff8c32 0%, #ce6300 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c32', endColorstr='#ce6300',GradientType=1 );
}

.flexbox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}

.flexcenter {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}

.flexaround {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
}

.flexbetween {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

.flexbetween .textArea {
		width: calc(100% - 270px);
		padding-right: 25px;
}

.flexbetween .imgArea {
		width: 270px;
		text-align: right;
}

#escan h3 {
		font-size: 20px;
		padding: 10px 20px;
}

#escan h3 span {
		display: block;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 5px;
}

.document h3 {
		background-color: #EBF2FA;
}

.photo h3 {
		background-color: #F3FBEE;
}

.pdf h3 {
		background-color: #FFF8EA;
}

#escan h4 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-left: -10px;
}

.section {
		margin-bottom: 30px;
}

.section > div {
		padding: 30px 30px 0px 30px;
}

.body {
		margin-bottom: 100px;
		font-size: 15px;
		line-height: 1.8;
}

.body span {
		display: block;
		font-size: 14px;
		margin-top: 15px;
		text-indent: -42px;
		padding-left: 32px;
}

.body span + span {
		margin-top: 0;
}

.underbody {
		margin: -100px 0 30px;
}

#escan .iLink02 {
		background-position: left center;
}

a.back {
		display: inline-block;
		margin-left: 30px;
}

ul.pearent li {
		text-indent: -18px;
		padding-left: 50px;
		line-height: 1.8;
		margin-bottom: 5px;
}

ul.pearent li ul.child li {
		padding-left: 20px;
}