@charset 'UTF-8';

body{
	-webkit-text-size-adjust:100%;
}

figure{
	margin:0;
}


/* ----------------------------------------------------------------
CSS variable
----------------------------------------------------------------- */

#contents .detailSection div ul.tag-area{
	margin-bottom:0;
	border-bottom:none;
}
#contents .detailSection div ul.tag-area li{
	display: inline-block;
	margin-right: 30px;
	margin-top: 10px;
}
#topicPath li.current{
	background:none;
}

#contents .headSection .leftArea .title{
	font-size:24px;
	line-height:1.2;
}
#contents .headSection .leftArea{
	width:auto;
}
#contents .headSection .rightArea{
	width:auto;
	padding-top:5px;
}
#content{
	box-sizing:border-box;
	width:962px;
	margin:0 auto;
	margin-bottom:70px;
	padding-top:30px;
	padding-right:40px;
	padding-bottom:40px;
	padding-left:40px;
	border:solid 1px #c0c0c0;
}

#content h2{
	box-sizing:border-box;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	border-left:solid 5px #0758b3;
	color:#333333;
	font-size:18px;
	font-weight:normal;
}

#content h2.product-heading{
	margin-top:33px;
	margin-bottom:25px;
	font-size:18px;
}

#content h2.function-heading{
	margin-top:108px;
	font-size:18px;
}

#content h3{
	padding-top:8px;
	padding-bottom:6px;
	padding-left:10px;
	background-color:#f1f1f1;
	font-size:14px;
	font-weight:bold;
}

#content .product-introduction{
	padding-top:25px;
	border-top:solid 1px #c0c0c0;
	zoom:100%;
}

#content .product-introduction:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .product-introduction:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .product-introduction .introduction-text-area{
	float:left;
	width:57.636%;
	padding-left:7px;
}

#content .product-introduction .introduction-text-area p{
	margin-bottom:20px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .product-introduction .introduction-text-area p sup{
	font-size:12px;
	vertical-align:super;
}

#content .product-introduction .introduction-text-area sub{
	margin-top:5px;
	color:#333333;
	font-size:11.9012px;
	background-color:transparent;
}
#content .product-introduction .introduction-text-area sub.middle>span{
	padding-left:42px;
}

#content .product-introduction .introduction-text-area sub span{
	padding-left:35px;
	white-space:nowrap;
}

#content .product-introduction .introduction-image-area{
	float:right;
	width:38.068%;
	padding-right:10px;
}

#content .function-introduction{
	margin-top:25px;
	padding-top:25px;
	border-top:solid 1px #c0c0c0;
}

#content .function-introduction .introduction-inksystem{
	zoom:100%;
}

#content .function-introduction .introduction-inksystem:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .function-introduction .introduction-inksystem:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .function-introduction .introduction-inksystem .introduction-inksystem-text-area{
	float:left;
	width:44.4318%;
	padding-left:7px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .function-introduction .introduction-inksystem .introduction-inksystem-text-area sub{
	color:#7b7b7b;
	font-size:11px;
}

#content .function-introduction .introduction-inksystem .introduction-inksystem-image-area{
	float:right;
	width:51.704%;
	padding-right:10px;
	text-align:right;
}

#content .function-introduction .introduction-inksystem .introduction-inksystem-image-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .introduction-photoblackink{
	margin-top:50px;
	zoom:100%;
}

#content .function-introduction .introduction-photoblackink:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .function-introduction .introduction-photoblackink:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-text-area{
	float:left;
	width:56.931%;
	margin-top:18px;
	padding-left:7px;
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-text-area p{
	margin-bottom:10px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-text-area p sup{
	font-size:6px;
	font-size:12px;
	vertical-align:super;
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-text-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-image-area{
	float:right;
	width:37.386%;
	margin-top:18px;
	padding-right:10px;
	text-align:right;
}

#content .function-introduction .introduction-photoblackink .introduction-photoblackink-image-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .introduction-smalleffectprint{
	margin-top:30px;
	zoom:100%;
}

#content .function-introduction .introduction-smalleffectprint:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .function-introduction .introduction-smalleffectprint:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .function-introduction .introduction-smalleffectprint .introduction-smalleffectprint-text-area{
	float:left;
	width:56.931%;
	margin-top:18px;
	padding-left:7px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .function-introduction .introduction-smalleffectprint .introduction-smalleffectprint-image-area{
	float:right;
	width:37.38636%;
	margin-top:18px;
	padding-right:10px;
	text-align:right;
}

#content .function-introduction .introduction-smalleffectprint .introduction-smalleffectprint-image-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .introduction-beautifultocustomer{
	zoom:100%;
}

#content .function-introduction .introduction-beautifultocustomer:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .function-introduction .introduction-beautifultocustomer:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .function-introduction .introduction-beautifultocustomer h3.introduction-beautifultocustomer-heading{
	margin-top:30px;
}

#content .function-introduction .introduction-beautifultocustomer .introduction-beautifultocustomer-text-area{
	float:left;
	width:56.931%;
	margin-top:18px;
	padding-left:7px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .function-introduction .introduction-beautifultocustomer .introduction-beautifultocustomer-image-area{
	float:right;
	width:37.2727%;
	margin-top:18px;
	padding-right:10px;
	text-align:right;
}

#content .function-introduction .introduction-beautifultocustomer .introduction-beautifultocustomer-image-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .examination-result-area h4{
	font-weight:bold;
}

#content .function-introduction .examination-result-area .examination-result table{
	border-collapse:separate;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	border:solid 1px #bcbcbc;
}

#content .function-introduction .examination-result-area .examination-result table th{
	padding-top:30px;
	padding-bottom:30px;
	border-right:solid 1px #bcbcbc;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

#content .function-introduction .examination-result-area .examination-result table td{
	padding-left:34px;
	color:#333333;
	font-size:15px;
	vertical-align:middle;
	line-height:1.6;
}

#content .function-introduction .examination-result-area sub{
	color:#333333;
	font-size:11.9012px;
}

#content .function-introduction .examination-result-area sub a{
	text-decoration:none;
}

#content .function-introduction .examination-result-area sub a span{
	color:#166a96;
}
#content .function-introduction .examination-result-area sub img{
	padding-right:2px;
	padding-left:2px;
}

#content h2.designatedpaper-heading{
	margin-top:55px;
}

#content .introduction-designatedpaper{
	margin-top:25px;
	border-top:solid 1px #c0c0c0;
	zoom:100%;
}

#content .introduction-designatedpaper:after{
	display:block;
	clear:both;
	height:0;
	content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

@media print{
	#content .introduction-designatedpaper:after{
		display:table;
		width:100%;
		font-size:0;
		line-height:0;
	}
}

#content .introduction-designatedpaper .introduction-designatedpaper-text-area{
	float:left;
	width:57.7272%;
	margin-top:18px;
	padding-left:7px;
}

#content .introduction-designatedpaper .introduction-designatedpaper-text-area p{
	margin-bottom:25px;
	color:#333333;
	font-size:14px;
	line-height:1.4;
}

#content .introduction-designatedpaper .introduction-designatedpaper-text-area p sup{
	font-size:6px;
	font-size:12px;
	vertical-align:super;
}

#content .introduction-designatedpaper .introduction-designatedpaper-text-area sub{
	margin-top:24px;
	color:#333333;
	font-size:11.9012px;
}

#content .introduction-designatedpaper .introduction-designatedpaper-text-area sub span{
	padding-left:25px;
}

#content .introduction-designatedpaper .introduction-designatedpaper-image-area{
	float:right;
	width:37.159%;
	margin-top:18px;
	padding-right:10px;
	text-align:right;
}

#content .introduction-designatedpaper .introduction-designatedpaper-image-area sub{
	color:#333333;
	font-size:11.9012px;
}

body.feature h4{
	background-color:transparent;
}

#contents .detailSection{
	margin-top:-30px;
}


/* 2020-07-28 */

#contents .lNav ul li.lnav06{
	display:none;
}

#epplayout{
	display:inline;
}
#epptemplate{
	display:inline;
}
#eppworks{
	display:inline;
}

#content .body .auto-template-step{
	text-align:center;
}
#content .body .auto-template-step div{
	display:inline-block;
}
#content .body .auto-template-step div dl{
	text-align:center;
}
#content .body .auto-template-step div dl dd{
	font-size:130%;
	font-weight:bold;
}

/* 見出しリンク修正 */

#contents .detailSection div ul.tag-area li a{
	text-decoration:none;
}
#contents .detailSection div ul.tag-area li a:hover{
	color:#ff0000;
	text-decoration:underline;
}

/* ナビゲーション修正 */
#contents .lNav{
	background-color:#ffffff;
}

/* サポート部分の非表示 */
#contents .detailSection .services{
	display:none;
}

/* 追加css */

#content h3.epp{
	padding:0;
	background-color:transparent;
	font-size:18px;
	display:inline;
	padding-right:40px;
}
#content h3.epp + span{
	display:inline;
}

#workflow{
	padding-top:180px;
	margin-top: -180px;
}

#printerunit{
padding-top: 205px;
margin-top: -145px;
}

#specialpaper{
	padding-top: 205px;
	margin-top: -135px;
}

.product-line{
	border-top:solid 1px #c0c0c0;
	padding-top: 25px;
}

.middle{
	background-color:#f1f1f1;
	padding:5px 10px;
}
.middle span img{
	vertical-align:middle;
}

#content h3.bg-none{
	background-color:transparent;
	padding-left: 0;
	font-size: 15px;
}

/* header追従 */
.sticky{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
	background-color: #ffffff;
}


.printer-unit{
	border-top:solid 1px #c0c0c0;
	padding-top: 35px;
	text-align:center;
}

.product-workflow{
	border-top:solid 1px #c0c0c0;
	padding-top: 45px;
}

/* epp-server */
.middle__addition{
	display:block;
	font-size:10px;
	padding-bottom: 2px;
}
#content h3.eppserver{
	font-size:24px;
	padding-right: 20px;
}
.server-content-wrapper .server-content{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin-top: 40px;
}
.server-content-wrapper .server-content .server-content__desc,
.server-content-wrapper .server-content .server-content__image{
	width:50%;
}
.server-content-wrapper .server-content .server-content__desc .desc__list{
	padding-left: 1em;
	text-indent:-1em;
	margin-bottom: 20px;
}
.server-content-wrapper .server-content .server-content__image figure>img{
	width:100%;
}


/* server-own */
.server-content-wrapper .server-content.server-own .server-content__image{
	margin-right: 50px;
	margin-top: 50px;
}


/* server-network */
.server-content-wrapper .server-content.server-network{
	margin-top: 110px;
}
.server-content-wrapper .server-content.server-network .server-content__image{
	margin-top: -42px;
	width:40%;
}
.server-content-wrapper .server-content.server-network .server-content__desc .desc__title{
	font-weight:bold;
	font-size:18px;
}
.server-content-wrapper .server-content.server-network .server-content__desc .desc__detail{
	margin-top: 10px;
	margin-bottom: 20px;
}

/* server-table */
.server-content-wrapper .server-content.server-table{
	display:block;
	margin-top: 20px;
}
.server-content-wrapper .server-content.server-table table.tblMod01 th{
	background-color:#ddebf7;
}


/* ナビゲーション */
#contents .lNav.feature ul li.lnav01 a,
#contents .lNav.feature ul li.lnav01 a:hover{
background-image: url('/products/ppps/4e/images/nav_local_01_on.gif');
}
#contents .lNav.feature ul li.lnav02 a,
#contents .lNav.feature ul li.lnav02 a:hover{
background-image: url('/products/ppps/4e/images/nav_local_02_on.gif');
}
#contents .lNav.feature ul li.lnav03 a,
#contents .lNav.feature ul li.lnav03 a:hover{
background-image: url('/products/ppps/4e/images/nav_local_03_on.gif');
}
#contents .lNav.feature ul li.lnav04 a,
#contents .lNav.feature ul li.lnav04 a:hover{
background-image: url('/products/ppps/4e/images/nav_local_04_on.gif');
}
#contents .lNav.feature ul li.lnav05 a,
#contents .lNav.feature ul li.lnav05 a:hover{
background-image: url('/products/ppps/4e/images/nav_local_05_on.gif');
}