@charset "utf-8";
/* CSS Document */

#Arcont{
	position:relative;
	width:858px;
	margin:0 auto;
	padding:0
}

.arContents{
}

.arContents h4.arMidashi{
	font-size:1.2em;
	font-weight:bold;
	color:#003f3f;
}


.arContents .ARImg{
	margin-bottom:15px;
}

.arTxt{
}

#arStep{
}

.arStepAll{
}

.arStepBody{
	position:relative;
	background:#edeff2;
	padding:5px 5px 20px 30px;
}

.arStepBody ul.arStepItem li{
	display:inline-block;
	float:left;
}

.f1,.f2{
	width:279px;
}

.arStepTxt{
	width:240px;
	display:block;
}

h5.arStepMd{
	font-size:1.1em;
	font-weight:bold;
	color:#1889cc;
	padding-bottom:5px;
}

.arApliBtn{
	width:798px;
}


.arApliBody{
	position:relative;
	background-color:#FFF;
}

.arApliBody p.arAptxt{
	padding:0;
	margin:0;
}
.arApliBody ul{
	margin-left:158px;
	margin-bottom:20px;
}
.arApliBody ul li{
	float:left;
	margin-right:38px;
}

.arApliBody ul li.apli1{
	padding-top:7px;
}

.arMarker{
	background:url(/business/print/solution/armarker/images/ar_dlbase_body.gif) repeat-y;
}
.arMkBody ul.arMkB{
	margin-left:60px;
}

.arMkBody ul.arMkB li.mk1{
	float:left;
}
.arMkBody ul.arMkB li.mk1{
	margin-right:99px;
}

.arMktxt{
	font-weight:bold;
	margin-bottom:0px;
	padding:0;
}

ul.arMkC{
	margin:0 0 0 10px;
	padding:0;
	line-height:1.2em;
}

.arMkCaut{
	display:block;
	margin:0 70px;
}

.prodLink{
	position:relative;
	margin-bottom:60px;
}

.prodLink ul{
	margin-left:10px;
}

.prodLink ul li{
	display:block;
	float:left;
}

.arCaution{
	border-top:1px solid #CCC;
	padding:20px 10px;
	margin-bottom:20px;
}

/******/
.arMainImg{
	position:relative;
}
.arMainCopy{
	position:absolute;
	top:0;
	left:0;
}

/*img.arImgLz{
	display: block;
	opacity: 0;
	transition: 0.5s;
}
img.arImgLz.topon{
	opacity: 1;
	transition: 0.5s;
}*/
div.arLazy{
	display: block;
	opacity: 0;
	transition: 0.5s;
}
div.arLazy.on{
	opacity: 1;
	transition: 1.5s;
}

.prevAr{
	position:absolute;
	display:block;
	left:0;
	top:167px;
	width:60px;
	height:66px;
	background:url(/business/print/solution/armarker/images/ar_arrow_l.png) 0 0 no-repeat;
	z-index:9999;
	cursor: pointer;
	text-indent:-9999;
}

.nextAr{
	position:absolute;
	display:block;
	right:0;
	top:167px;
	width:60px;
	height:66px;
	background:url(/business/print/solution/armarker/images/ar_arrow_r.png) 0 0 no-repeat;
	z-index:9999;
	cursor: pointer;
	text-indent:-9999;
}

.prevAr:hover,
.nextAr:hover{
	opacity:0.5;
}


/* ***************************************************************************** */
img.pointerEnable {
  pointer-events: none;
}