@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : custom.css 
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ==

　01. ソリューショントップ

=============================================================================== */

#main .newTopic{	
	margin-bottom:20px;
}

#main .newTopic ul.linkItem{
	margin-bottom:30px;
}

#main .newTopic ul.linkItem li{
	float:left;
	display:inline;
/*	float:right;*/
}

.cmnSolbox03Txt a img.newR{
	vertical-align:top;
	margin-top:2px;
	line-height:0;
}
h2.titStyle04 img.newR{
	vertical-align:top;
	margin-top:2px;
	line-height:0;
}


/* ==

　02. 下層

=============================================================================== */

.cmnSolbox01 .clearfix .cmnSolbox01Inner {
	position:relative;
}

.cmnSolbox01 .clearfix .cmnSolbox01Inner .cmnSolboxInnerIconNew{
	position:absolute;
	right:10px;
	top:10px;
	display:block;
	width:29px;
	height:9px;
}

.mngCstm01 {
	position:relative;
	padding:0 10px;
}

.mngCstm01 .mngCstm01caut01{
	position:absolute;
	bottom:5px;
	left:582px;
	font-size:77%;
}

.mngCstm01 .mngCstm01caut02{
	position:absolute;
	bottom:5px;
	left:450px;
	font-size:77%;
}

.mngCstm01 .mngCstm01caut03{
	position:absolute;
	bottom:5px;
	left:470px;
	font-size:77%;
}

h4.titStyleCustom01{
	margin:15px 0;
}

h4.titStyleCustom01 .cstTitCaption{
	text-decoration:none;
	font-size:74%;
}

.cstTxtRed{
	color:#cc0000;
}

.cstStep3Wrap{
	margin:0 0 0 -5px;
	padding:0;
}

.cstStep3Wrap ul li{
	float:left;
	display:inline;
}

.cstStep3Wrap ul li.cstStep01{
	width:315px;
}
p.cstStep3Txt{
/*	padding-right:20px;*/
	width:280px;
}

.padR20{
	padding-right:20px;
}
.padR50{
	padding-right:50px;
}
.positionR{
	position:relative;
}

.cautionCl{
	text-align:right;
	font-size:77%;
}

.cautionPic{
	position:absolute;
	right:0;
	bottom:5px;
}


.mbcldPic{
	position:relative;
}

.mbcldPic p{
}

.mbcldPic div.linkBox01{
	position:absolute;
	top:350px;
	left:87px;
}

.mbcldPic div.linkBox02{
	position:absolute;
	top:350px;
	left:524px;
}


.mbcldPic div.linkBox03{
	position:absolute;
	width:320px;
	top:485px;
	left:87px;
}

ul.linkIn{
}

ul.linkIn li{
	display:inline;
	float:left;
	width:155px;
}

ul.linkIn li div.linkInBox{
	position:relative;
}

ul.linkIn li div.linkInBox .newIcon{
	position:absolute;
	top:7px;
	right:7px;
}

.mbcldPic div.linkBox04{
	position:absolute;
	width:320px;
	top:615px;
	left:87px;
}

/* ==

　03. 動画紹介

=============================================================================== */
.mvBox .cmnSolLeadbox01 {
	background: url(/business/print/solution/scan/images/n_bg_index_01.jpg) no-repeat left top;
}
.mvBox .box01 {
	position: relative;
}
.mvBox .box01 li {
	position: absolute;
	margin: 0 !important;
}

#beforeCnt{
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	padding: 20px 0 3px;
}

#beforeCnt .mvTitleBlock{
	background:url(/business/print/solution/mv/images/mv_bg_illust02.jpg) no-repeat 0 0;
	padding:0 0 0 0px;
	height:166px;
}

#beforeCnt .mvTitleBlock .pageTitle{
	position:absolute;
	left:265px;
	bottom:60px;
	font-size:240%;
	font-weight:bold;
}

#beforeCnt .mvTitleBlock .model{
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 77%;
	width: 300px;
}

/* 2016-04-12 動画更新に伴う変更 */
#beforeCnt .mvTitleBlock .model dd{
	margin-top:-1.4em;
	padding-left:6em;
}
/* end of  2016-04-12 */

.mainsMv{
}

.mainsMv mainsMvInner{
	padding:0 0 10px;
}

.mvBox .section .titStyleMv{
	margin-left:0;
	margin-right:-10px;
}

.mvBox .titStyleMv{
	background:url(/business/print/solution/mv/images/bg_title_mv_h2_bg.gif) no-repeat left top;
	padding: 10px 21px;
	margin: 0 0 0.8em;
	font-weight: bold;
	font-size: 107.6923%;
}
#main .sectionMv{
	padding-left:0;
	padding-right:0;
}

.mvMargin{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
}

/*----------------------------------
 動画ボックス
------------------------------------*/
.bsPanelBlock {
  position: relative;
  width: 950px;
  margin-bottom: 0;
  overflow: hidden;
}
.bsPanelBlock .blockIn {
  width: 960px;
  margin-right: -10px;
}
.bsPanelBlock .blockIn .panel {
  position: relative;
  float: left;
  width: 210px;
  margin: 0 10px 10px 0;
  padding: 10px 10px 12px;
  background: url(/business/print/solution/mv/images/n_bg_panel_03.gif) left bottom no-repeat;
}
.bsPanelBlock .blockIn .hover {
/*  background: url(/business/images_global/n_bg_panel_02_on.jpg) left bottom no-repeat;*/
}

/*.bsPanelBlock .blockIn .boxLink {*/
.bsPanelBlock .blockIn {
  position: relative;
  cursor: pointer;
}
.bsPanelBlock .blockIn .panel p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 100%;
}
.bsPanelBlock .blockIn .panel .pnProTit,
.bsPanelBlock .blockIn .panel .pnSolTit {
  color:#333;
  min-height: 19px;
  height: auto !important;
  height: 19px;
  line-height: 1.5;
  margin-bottom: 6px;
  padding: 1px 0 0 25px;
  font-size: 100%;
  font-weight: bold;
}
.bsPanelBlock .blockIn .pnProTit {
  background: url(/business/print/solution/mv/images/n_ic_arw_02.gif) left 0.18em no-repeat;
}
.bsPanelBlock .blockIn .hover .pnProTit {
  background: url(/business/print/solution/mv/images/n_ic_arw_03.gif) left 0.18em no-repeat;
}
.bsPanelBlock .blockIn .panel .pnSubT {
	margin-bottom: 7px;
  color: #274773;
  font-weight: bold;
}
.bsPanelBlock .blockIn .panel .pnSubT span {
	font-size: 77%;
}
.bsPanelBlock .blockIn .panel .pnTxt {
	line-height: 1.5;
	padding-bottom:20px;
  	margin-bottom: 0;
}
.bsPanelBlock .blockIn .panel .pnImg,
.bsPanelBlock .blockIn .panel .pnThumb {
  margin: -10px -10px 9px;
  padding: 10px 10px 0;
  background: url(/business/print/solution/mv/images/n_bg_panel_01.gif) left top no-repeat;
}
.bsPanelBlock .blockIn .hover .pnImg,
.bsPanelBlock .blockIn .hover .pnThumb {
/*  background: url(/business/images_global/n_bg_panel_01_on.gif) left top no-repeat;*/
}
.bsPanelBlock .blockIn .panel ul {
  margin-bottom: 5px;
}
.bsPanelBlock .blockIn .panel li {
  float: left;
  margin-right: 5px;
}
.bsPanelBlock .blockIn .panel .pnSup {
  line-height: 1.4;
  margin: 10px 0 0;
	font-size: 77%;
}
.bsPanelBlock .blockIn .panel a {
	color:#333;
	text-decoration: none;
}
.bsPanelBlock .blockIn .panel a:hover {
	text-decoration: none;
}
.bsPanelBlock .blockIn .panel a:active {
	text-decoration:none;
}
.bsPanelBlock .titStyle01_l2 {
	margin-top: 20px;
}
.bsPanelBlock h2.firstChild {
	margin-top: 0;
}
.bsBtmSp {
	padding-bottom: 20px;
}

* html .bsPanelBlock,
* html .bsPanelBlock ul,
* html .bsPanelBlock div {
  zoom: 1;
} /* ie6 */

*:first-child+html .bsPanelBlock,
*:first-child+html .bsPanelBlock ul,
*:first-child+html .bsPanelBlock div {
  zoom: 1;
} /* ie7 */

.bsPanelBlock:after,
.bsPanelBlock ul:after,
.bsPanelBlock div:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}




.bsPanelBlock {
	margin: 24px 0 0 0;
}

.bsPanelBlock .blockIn .panel {
	position: relative;
	width: 290px; /* 310 - 10 * 2 */
	padding-bottom: 34px;
	background-image: url(/business/print/solution/mv/images/n_bg_panel_02.gif);
}
.bsPanelBlock .blockIn .panel .pnImg {
	position: relative;
	width: 100%;
	height: 170px;
	margin-bottom: 10px;
	background-image: url(/business/print/solution/mv/images/n_bg_panel_01.gif);
}

.bsPanelBlock .blockIn .panel .pnImg span img {
	position: relative;
	left: 0;
	top: -34px;
	display: block;
	width: 100%;
	height: auot;
}
.bsPanelBlock .blockIn .panel .pnMovieInfo {
	width: 290px;
	height: 18px; /* 22 - 4 */
	padding: 4px 0 0 0;
	background: url(/business/print/solution/mv/images/n_bg_movie_info.gif) no-repeat;
	color: #000;
	font-size: 77%;
	line-height: 1;
	text-align: center;
}
.bsPanelBlock .blockIn .panel .pnAuthor {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 290px; /* [2016-04-12 modified]  270px; */
	height: 30px;
	padding: 2px 0px; /* [2016-04-12 modified] 2px 10px;  */
	margin: 15px 10px 0 10px;
	color: #aaa;
	font-size: 81%;
	text-align: left;
	border-top:1px solid #bbb;
}

/* [2016-04-12 added] */ 
.bsPanelBlock .blockIn .panel .model-p{
	color:rgb(0,167,150);
}
.bsPanelBlock .blockIn .panel .model-g{
	color:rgb(48,85,166);
}
/* end [2016-04-12 added] */ 


.bsPanelBlock .blockIn .panel img.newR{
	vertical-align:middle;
	margin-top:2px;
	line-height:0;
}

.bsPanelBlock .blockIn .hover {
/*	background-image: url(/business/print/solution/mv/images/n_bg_panel_02_on.gif);*/
}
.bsPanelBlock .blockIn .hover .pnImg {
/*	background-image: url(/business/print/solution/mv/images/n_bg_panel_01_on.gif);*/
}
.bsPanelBlock .blockIn .hover .pnImg span:after {
	background-position: 0 -5px;
}
.bsPanelBlock .blockIn .hover .pnMovieInfo {
	background-position: 0 -22px;
}

/*----------------------------------------------------
 ページ内 動画バナーの紹介（吹き出し）2016/11/25追加
----------------------------------------------------*/
p.mvinfo {
	position:relative;
	width:600px;
	margin:auto;
	padding:0.5em 0;
	background-color:#D8D8D8;
	border-radius:6px;
	text-align:center;
	font-weight:bold;
}
p.mvinfo::after {
	position:absolute;
	top:100%;
	left:85px;
	content: '';
	width:0;
	height:0;
	border:10px solid transparent;
	border-top:15px solid #D8D8D8;
}

/* ==

　04. SPS Plugin 追加　2016/03/09

=============================================================================== */

.cmnAppDownload div.apliDlSol{
	width:235px;
	text-align:center;
	margin:0 auto !important;
	font-size:92.3% !important;
}

.cmnSolbox02_box02 dd.mlClp{
	width:680px;
}


.cmnSolbox02_box01 p.mopTxt{
	position:absolute;
	top:40px;
	left:350px;
}

.cmnSolbox02_box01 p.mopLogo{
	position:absolute;
	top:10px;
	right:50px;
}

.posRel{
	position:relative;
}

/* ==

　05. ソリューション 追加　2016/03/09

=============================================================================== */

.cmnSolbox02_box03{
	margin: 12px 0 10px;
	min-height: 80px;
	background:#dadfe2;
	padding:20px 0 20px 200px;
	position:relative;
}

.cmnSolbox02_box03 dt{
	color: #275e72;
	font-weight:bold;
	font-size: 138.4615%;
	margin:0;
	padding:0;
}

.cmnSolbox02_box03 dd{
	padding: 0;
	margin: 0;
	font-size: 123.0769%;
}
.cmnSolbox02_box03 p.picMop{
	position:absolute;
	top:20px;
	left:520px;
}

.cmnSolbox02_box04 {
	background: url(/business/print/solution/images/n_bg_solbox02_06.jpg) no-repeat left top;
	margin: 12px 0 10px;
	min-height: 208px;
}
.cmnSolbox02_box04 dl {
	padding: 85px 0 0;
}
/*.cmnSolbox02_box04 dt {
	color: #cc0000;
	font-size: 138.4615%;
}*/
.cmnSolbox02_box04 dd {
	padding: 15px 0;
	margin: 0 13px;
	font-size: 123.0769%;
	width: 570px;
}

.cmnSolbox02_box05 {
	background: url(/business/print/solution/images/n_bg_solbox02_07.jpg) no-repeat left top;
	margin: 12px 0 10px;
	min-height: 208px;
}

.outputTb table {
	margin: 20px auto;
	padding: 0px;
	border-collapse: collapse;
	border: solid 2px #000;
}
.outputTb th {
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	margin: 0px;
	padding: 5px;
	border: solid 1px #000;
	background-color: #DEDEDE;
}
.outputTb td {
	margin: 0px;
	padding: 5px 10px;
	border: solid 1px #000;
	vertical-align: top;
}
.outputTb .gray {
	background-color: #EAEAEA;
}

.outputTb .yellow {
	background-color: #FFEE88;
}

/* ==

　06. 出力ソリューション 2016/04/06

=============================================================================== */

.inBtnO{
	position:relative;
	width:650px;
}

.inBtnO ul{
	position:absolute;
	top:100px;
	left:0;
}

.inBtnO ul li{
	margin-left:8px;
	display:inline;
	float:left;
}

/* ==

　07. 動画再生ウィンドウ 2016/04/12

=============================================================================== */
.tvCont .tvTxt span.model-p{
	color:rgb(0,167,150);
}
.tvCont .tvTxt span.model-g{
	color:rgb(48,85,166);
}

.tvCont p.tvNote{
	font-size:12px;
}

.tvCont p.tvModel{
	font-size:10.5px;
	line-height:1.5;
}

/* ==

　08. スキャンソリューション 2016/05/17

=============================================================================== */
ul.meishiB{
}

ul.meishiB li{
	float:left;
	display:inline;
}

ul.meishiB li.picLarg{
	width:325px;
}

ul.meishiB li.picSml{
	width:260px;
}

/* ==

　09. クラウドソリューション 2016/05/17

=============================================================================== */

.cautCl{
	position:absolute;
	right:-20px;
	top:216px;
}

.cautCl table.cautClt{
	right:0;
	width:300px;
}

.cautCl table.cautClt td{
	vertical-align:top;
	font-size:11px;
}

/* ==

　10. SCANソリューション追加ページ 2016/09/20

=============================================================================== */

#main .titleBlock05 {
	background: url(/business/images_global/products/n_bg_main_07.gif) no-repeat left top;
	padding: 15px 30px;
	border-bottom: 1px solid #aeb6bd;
	margin: 0 -10px 10px;
}

#main .titleBlock05 .pageTitle {
	font-size: 184.61538%;
	font-weight: normal;
	margin: 0 0 5px;
}

#main .titleBlock05 p {
	margin: 0 0 5px;
}



.cmnSolbox02_scan {
	width: 880px;
	margin: 0 30px 0 0;
}
.cmnSolbox02_box01_gmail01 {
	background: url(/business/print/solution/images/n_bg_solbox02_gmail01.jpg) no-repeat left bottom;
	padding: 40px 0 0;
}

.cmnSolbox02_box01_ntslite01 {
	background: url(/business/print/solution/images/n_bg_solbox02_ntslite01.jpg) no-repeat left bottom;
	padding: 40px 0 0;
}

.cmnSolbox02_box01_gmail01 dl,
.cmnSolbox02_box01_ntslite01 dl {
	width: 606px;
	margin: 0 0 0 auto;
	background: url(/business/print/solution/images/n_bg_solbox02_02.gif) repeat-y left top;
}
.cmnSolbox02_box01_gmail01 dt,
.cmnSolbox02_box01_ntslite01 dt {
	color: #275e72;
	font-size: 138.4615%;
	background: url(/business/print/solution/images/n_bg_solbox02_01.gif) no-repeat left top;
	padding: 15px 20px 0 36px;
	margin-bottom: 0 !important;
}
.cmnSolbox02_box01_gmail01 dd,
.cmnSolbox02_box01_ntslite01 dd {
	background: url(/business/print/solution/images/n_bg_solbox02_03.gif) no-repeat left bottom;
	padding: 15px 20px 15px 36px;
}
.cmnSolbox02_box01_gmail01 dd li,
.cmnSolbox02_box01_ntslite01 dd li {
	background: url(/business/print/solution/images/n_ico_solbox02_01.gif) no-repeat left 0.2em;
	padding: 0 0 0 25px;
	font-size: 107.6923%;
}

.cmnSolbox02_box02_gmail01 {
	background: url(/business/print/solution/images/n_bg_solbox02_05.jpg) no-repeat left top;
	margin: 12px 0 10px;
	min-height: 208px;
}
.cmnSolbox02_box02_gmail01 dl {
	padding: 55px 0 0;
}
.cmnSolbox02_box02_gmail01 dt {
	color: #cc0000;
	font-size: 138.4615%;
}
.cmnSolbox02_box02_gmail01 dd {
	padding: 10px 0;
	margin: 0 10px;
	font-size: 1.1em;
	line-height:1.4em;
	width: 630px;
}


/* ==
　SCANソリューションnst css追加 2019/02/26
=============================================*/

.cmnSolbox02_box01_ntslite02 {
	background: url(/business/print/solution/images/n_bg_solbox02_ntslite02.jpg) no-repeat left bottom;
	padding: 40px 0 0;
}

.cmnSolbox02_box01_ntslite02 dl {
	width: 606px;
	margin: 0 0 0 auto;
	background: url(/business/print/solution/images/n_bg_solbox02_02.gif) repeat-y left top;
}

.cmnSolbox02_box01_ntslite02 dt {
	color: #275e72;
	font-size: 138.4615%;
	background: url(/business/print/solution/images/n_bg_solbox02_01.gif) no-repeat left top;
	padding: 15px 20px 0 36px;
	margin-bottom: 0 !important;
}

.cmnSolbox02_box01_ntslite02 dd {
	background: url(/business/print/solution/images/n_bg_solbox02_03.gif) no-repeat left bottom;
	padding: 15px 20px 15px 36px;
}

.cmnSolbox02_box01_ntslite02 dd li {
	background: url(/business/print/solution/images/n_ico_solbox02_01.gif) no-repeat left 0.2em;
	padding: 0 0 0 25px;
	font-size: 107.6923%;
}