@charset "UTF-8";

/* 見出し */
.products-sub-title {
	font-weight: 300;
}
.sub-section .sub-title {
	padding: 0.2em 0.5em;
	background: #f8f8f8;
	margin-bottom: 20px;
	font-weight: 300;
}
.sub-section .sub-heading {
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 768px) {
	.sub-title-container {
		margin-bottom: 3rem;
	}
	.products-sub-title {
		font-size: 2.8rem;
	}
	.sub-section .sub-title {
		font-size: 2.6rem;
	}
}
@media only screen and (max-width: 767px) {
	.sub-title-container {
		margin-bottom: 2rem;
	}
	.products-sub-title {
		flex-shrink: 0;
		font-size: 2.2rem;
	}
}

/* tableStyle1 */
.tableStyle1 {
	border:1px solid #555;
	width:100%;
	margin:10px auto 0;
}
.tableStyle1 th ,
.tableStyle1 td {
	padding:5px;
	vertical-align:middle;
	border:1px solid #555;
}
.tableStyle1 th {
	background:#efefef;
}

/* 背景画像『1.2.3…』 */
.listFlowArea {
	padding-top:10px;
}
.listFlowArea .cont {
	margin-bottom: 40px;
	padding-left: 35px;
}
.listFlowArea .no01 { padding-top:2px; background:url("/support/images/ico_n01.gif") no-repeat 0 3px; }
.listFlowArea .no02 { padding-top:2px; background:url("/support/images/ico_n02.gif") no-repeat 0 3px; }
.listFlowArea .no03 { padding-top:2px; background:url("/support/images/ico_n03.gif") no-repeat 0 3px; }
.listFlowArea .no04 { padding-top:2px; background:url("/support/images/ico_n04.gif") no-repeat 0 3px; }
.listFlowArea .no05 { padding-top:2px; background:url("/support/images/ico_n05.gif") no-repeat 0 3px; }
.listFlowArea .no06 { padding-top:2px; background:url("/support/images/ico_n06.gif") no-repeat 0 3px; }
.listFlowArea .no07 { padding-top:2px; background:url("/support/images/ico_n07.gif") no-repeat 0 3px; }
.listFlowArea .no08 { padding-top:2px; background:url("/support/images/ico_n08.gif") no-repeat 0 3px; }
.listFlowArea .no09 { padding-top:2px; background:url("/support/images/ico_n09.gif") no-repeat 0 3px; }
.listFlowArea .no10 { padding-top:2px; background:url("/support/images/ico_n10.gif") no-repeat 0 3px; }
.listFlowArea .no11 { padding-top:2px; background:url("/support/images/ico_n11.gif") no-repeat 0 3px; }
.listFlowArea .no12 { padding-top:2px; background:url("/support/images/ico_n12.gif") no-repeat 0 3px; }
.listFlowArea .no13 { padding-top:2px; background:url("/support/images/ico_n13.gif") no-repeat 0 3px; }
.listFlowArea .no14 { padding-top:2px; background:url("/support/images/ico_n14.gif") no-repeat 0 3px; }
.listFlowArea .no15 { padding-top:2px; background:url("/support/images/ico_n15.gif") no-repeat 0 3px; }
.listFlowArea .no16 { padding-top:2px; background:url("/support/images/ico_n16.gif") no-repeat 0 3px; }
.listFlowArea .no17 { padding-top:2px; background:url("/support/images/ico_n17.gif") no-repeat 0 3px; }
.listFlowArea .no18 { padding-top:2px; background:url("/support/images/ico_n18.gif") no-repeat 0 3px; }
.listFlowArea .no19 { padding-top:2px; background:url("/support/images/ico_n19.gif") no-repeat 0 3px; }
.listFlowArea .no20 { padding-top:2px; background:url("/support/images/ico_n20.gif") no-repeat 0 3px; }

/* imgBlock */
.imgBlock {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
}
.imgBlock .item{
	width: 20%;
	margin-right: 5.5%;
}
.imgBlock .item._w{
	width: 33%;
}
.imgBlock .item.btm{
	margin-right: 0;
}
.imgBlock .arrow {
	position: relative;
}
.imgBlock .btm .arrow{
	margin-bottom: 50px;
}
.imgBlock .btm .arrow::before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: auto;
	width: 16px;
	height: 20px;
	background: #9cc2e5;
}
.imgBlock .btm .arrow::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -65px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: 20px solid;
	border-color: #9cc2e5 transparent transparent transparent;
}
.imgBlock .item img{
	image-rendering: -webkit-optimize-contrast;
}
@media print, screen and (min-width: 768px){
	.imgBlock .arrow::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 105%;
		width: 20px;
		height: 16px;
		background: #9cc2e5;
	}
	.imgBlock .arrow::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 113%;
		width: 0;
		height: 0;
		border: 20px solid;
		border-color: transparent transparent transparent #9cc2e5;
	}
	.imgBlock .arrow._w::before {
		left: 103%;
	}
	.imgBlock .arrow._w::after {
		left: 108%;
	}
}
@media only screen and (max-width: 767px) {
	.imgBlock {
		flex-direction: column;
	}
	.imgBlock .item,
	.imgBlock .item._w {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.imgBlock .item:last-child{
		margin-bottom: 0;
	}
	.imgBlock .arrow::before {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: -25px;
		left: 0;
		right: 0;
		margin: auto;
		width: 16px;
		height: 20px;
		background: #9cc2e5;
	}

	.imgBlock .arrow::after {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: -65px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border: 20px solid;
		border-color: #9cc2e5 transparent transparent transparent;
	}
}

/* general */
.maxImg img {
	max-width: 100%;
	width: auto;
}
.txtIndent {
	padding-left: 1em;
	text-indent: -1em;
}
.txtIndent13 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.txtIndent18 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
@media only screen and (max-width: 767px) {
	.maxImg img {
		width: 100%;
		height: auto;
	}
	.autoImg img {
		width: auto;
	}
}

/* link */
.textLink a:link {
    color: #000099;
}

.textLink a:visited {
    color: #660099;
}

.textLink a:hover {
    text-decoration: underline;
}

.dlTextCont {
    padding: 0 20px;
}



/* 使用許諾条件 */
.condition_l {
	border: 1px solid #666666;
	margin: 20px auto;
	padding: 0 0 30px 0;
}
.condition_l .cont{
	padding: 20px;
	padding-bottom: 0;
}
.condition_s {
	overflow-y: scroll;
	height: 30em;
	border: 1px solid #cccccc;
	margin: 0 auto;
	padding: 10px;
}
.condition_l .ttl {
	background-color: #dcdcdc;
	padding: 5px;
	font-weight: bold;
}
.condition_s div {
	margin: 0 0 10px 0;
	padding: 0 0 0.25em 3em;
	text-indent: -3em;
}
.condition_s ul li {
	margin: 0 0 0 0;
	padding: 0 0 0.4em 1em;
	list-style-type: none;
	text-indent: -1.2em;
}

/* 同意するボタン */
.agreeBox a {
	display: block;
	padding: 10px;
	color: #000;
	font-size: 1.4rem;
	text-align: center;
}
.agreeBox a:hover{
	text-decoration: none;
	color: #FF6633;
}
.agreeBox .dlBtn {
	margin: 30px auto 0 auto;
}
.agreeBox ul li,
.agreeBox .dlBtn {
	width: 383px;
	border-radius: 8px;
	border: #a2a2a2 solid 1px;
	background: rgb(239, 239, 239);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgb(239, 239, 239) 0%, rgb(216, 216, 216) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(239, 239, 239) 0%, rgb(216, 216, 216) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(239, 239, 239) 0%, rgb(216, 216, 216) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8', GradientType=0);
	/* IE6-9 */
	/* background: url(/support/images/btn_dl02.gif) no-repeat 0 0; */
}
@media only screen and (max-width: 767px) {
	.agreeBox ul li,
	.agreeBox .dlBtn{
		width: 100%;
	}
	.agreeBox a{
		padding-top: 7px;
	}
}

/*  */
.modelTable .kisyu{
	width: 210px;
}
.modelTable.col2 .modelInfo td:last-child{
	width: 35%;
}
.modelTable.col3 td {
	width: 25%;
}
.modelTable.col2 .modelInfo td,
.modelTable.col3 td{
	border-right: none;
	border-left: dotted 1px #333;
}
.updateTable .data{
	width: 100px;
}
.updateTable .ver{
	width: 200px;
}
.processTable .update{
	width: 210px;
}

@media only screen and (max-width: 767px) {
	.modelTable .kisyu{
		width: 25%;
	}
	.modelTable.col2 .modelInfo td:last-child {
		width: auto;
	}
}

@media only screen and (max-width: 930px) {
	.scrollArea{
		overflow-x: scroll;
		margin-bottom: 10px;
	}
	.scrollArea table{
		width: 930px;
		margin-bottom: 20px;
	}
}

.dlCont{
	margin-top: 10px;
	display: flex;
	align-items: center;
	border: 1px solid #555;
}
.dlCont .soft{
	width: 385px;
	background: #efefef;
	border-right: 1px solid #555;
}
.dlCont .soft span{
	word-break: break-all;
}
.dlCont .dlBlock{
	padding: 5px;
}
.dlCont .dlBtn{
	padding-left: 10px;
}
.dlCont .dlBtn:hover{
	opacity: 0.8;
}
.listFlowArea .cont.no04,
.listFlowArea .cont.no05{
	margin-bottom: 70px;
}
.listFlowArea .cont.no06{
	margin-bottom: 25px;
}
.dlCont .dlBtn span{
	padding-left: 20px;
}
.textCont{
	margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
	.dlCont{
		flex-direction: column;
		align-items: flex-start;
	}
	.dlCont .soft{
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #555;
	}
	.dlCont .dlBtn{
		padding-left: 0;
		padding-top: 5px;
	}
	.dlCont .dlBtn a{
		display: block;
		margin-bottom: 5px;
	}
	.dlCont .dlBtn span{
		padding-left: 0;
	}
	.textCont{
		margin-bottom: 20px;
	}
}