/* Adjusting default
==================================================== */

#contents .mainSection {
  margin-top: 10px;
}

.ancNav li {
  width: auto;
  margin-right: 1px;
}
.ancNav li a {
  margin-right: 6px;
}

/* common styles
==================================================== */
.documentscan .oro:hover,
.documentcapture .oro:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.documentscan .mainSection .fs18,
.documentcapture .mainSection .fs18 {
  font-size: 18px;
}
.documentscan .mainSection .fs16,
.documentcapture .mainSection .fs16 {
  font-size: 16px;
}
.documentscan .mainSection .fs14,
.documentcapture .mainSection .fs14 {
  font-size: 14px;
}
.documentscan .mainSection .fs13,
.documentcapture .mainSection .fs13 {
  font-size: 13px;
}
.documentscan .mainSection .fs12,
.documentcapture .mainSection .fs12 {
  font-size: 12px;
}
.documentscan .mainSection .fs11,
.documentcapture .mainSection .fs11 {
  font-size: 11px;
}
.documentscan .mainSection .fs10,
.documentcapture .mainSection .fs10 {
  font-size: 10px;
}
.documentscan .docSection,
.documentcapture .docSection {
  margin-bottom: 50px;
}
.documentscan .docSection h2,
.documentcapture .docSection h2 {
  margin-bottom: 18px;
  padding: 12px 18px 8px;
  background: #0c60b6;
  font-size: 18px;
  color: #fff;
  line-height: 1.0;
}
.documentscan .docSection h3,
.documentcapture .docSection h3 {
  padding-left: 23px;
  background: url(../images/bg_h3.png) no-repeat 0 0.3em;
  font-size: 18px;
}
.documentscan .docSection h3.none,
.documentcapture .docSection h3.none {
  padding-left: 0;
  background: none;
}
.documentscan .docSection h3.sub,
.documentcapture .docSection h3.sub {
  color: #2ba3e0;
}
.documentscan .docSectionScene .scene,
.documentcapture .docSectionScene .scene {
  float: left;
  width: 312px;
  margin-right: 12px;
  font-size: 16px;
}
.documentscan .docSectionScene .scene.last,
.documentcapture .docSectionScene .scene.last {
  float: right;
  margin-right: 0;
}
.documentscan .docSectionScene .scene h3,
.documentcapture .docSectionScene .scene h3 {
  margin-bottom: 7px;
  font-size: 14px;
}
.documentscan .docSectionScene .scene h3 span,
.documentcapture .docSectionScene .scene h3 span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 15px 3px;
  background: #707070;
  color: #fff;
}
.documentscan .docSectionScene .scene .subject,
.documentcapture .docSectionScene .scene .subject {
  padding: 11px 13px;
  background: #d4ecf9;
  border-radius: 10px;
}
.documentscan .docSectionScene .scene .subject dt,
.documentcapture .docSectionScene .scene .subject dt {
  color: #0c60b6;
  font-size: 18px;
}
.documentscan .docSectionScene .scene .image,
.documentcapture .docSectionScene .scene .image {
  margin-bottom: 8px;
}
.documentscan .docSectionScene .scene .solution dt,
.documentcapture .docSectionScene .scene .solution dt {
  margin-bottom: 8px;
  color: #0c60b6;
  font-size: 18px;
}
.documentscan .docSectionScene .scene .solution dt img,
.documentcapture .docSectionScene .scene .solution dt img {
  vertical-align: middle;
}
.documentscan .appDownload,
.documentcapture .appDownload {
  padding: 12px;
  border: solid 1px #324aac;
}
.documentscan .appDownload .icon,
.documentcapture .appDownload .icon {
  float: left;
  width: 90px;
}
.documentscan .appDownload .text,
.documentcapture .appDownload .text {
  float: left;
  width: 400px;
}
.documentscan .appDownload .text dt,
.documentcapture .appDownload .text dt {
  margin-bottom: 0;
  font-size: 20px;
}
.documentscan .appDownload .text dd,
.documentcapture .appDownload .text dd {
  font-size: 10px;
}
.documentscan .appDownload .links,
.documentcapture .appDownload .links {
  float: right;
  width: 390px;
}
.documentscan .appDownload .links dt,
.documentcapture .appDownload .links dt {
  padding: 5px 0;
  font-size: 16px;
}
.documentscan .appDownload .links ul,
.documentcapture .appDownload .links ul {
  overflow: hidden;
}
.documentscan .appDownload .links li,
.documentcapture .appDownload .links li {
  float: left;
  margin-right: 30px;
}



/* ----- mainvisual ----- */


.dcp-mainvisual {
    margin-top: 50px;
}
.dcp-mainvisual__inner {
    margin: 0 auto;
    width: 960px;
    display: flex;
}
.dcp-mainvisual .text_area {
    background: #0c559a;
    color: #FFF;
    padding: 0 25px;
    width: 440px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcp-mainvisual .text_area > dl > dt > .title {
    font-weight: normal;
    background-image: url(/products/scanner/dcp/images/ttl_mainvisual.png);
    line-height: 1;
    border-bottom: 1px solid #FFF;
    width: 380px;
    height: 40px;
    background-size: 380px;
    background-repeat: no-repeat;
    padding-bottom: 9px;
    margin: 0 auto;
}
.scp-mainvisual .text_area > dl > dt > .title::after{
  display: block;
  content: '';
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url(/products/scanner/dcp/images/ttl_mainvisual.png);
  width: 355px;
  height: 41px;
}
.sub_title{
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
}
.dcp-mainvisual .text_area > dl > dt {
    text-align: left;
}
.dcp-mainvisual .text_area > dl > dd {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    margin-top: 20px;
    font-weight: normal;
    margin: 0 10px;
}

/* documentscan styles
==================================================== */
.documentscan .mainHeader {
  position: relative;
  margin: 45px auto;
  width: 960px;
}
.documentscan .mainHeader h2 {
  margin: 0;
}
.documentscan .mainHeader .download {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.documentscan .docSectionScene .scene .subject {
  padding-bottom: 0;
  border-radius: 10px 10px 0 0;
}
.documentscan .docSectionHowto ol {
  padding-left: 30px;
  list-style: none;
}
.documentscan .docSectionHowto ol li {
  float: left;
  width: 229px;
  padding-right: 107px;
  margin-bottom: 20px;
  background: url(../../dscan/images/howto_icn_arw.png) no-repeat right center;
}
.documentscan .docSectionHowto ol li.right, .documentscan .docSectionHowto ol li.last {
  padding-right: 0;
}
.documentscan .docSectionHowto ol li.right, .documentscan .docSectionHowto ol li.last, .documentscan .docSectionHowto ol li.none {
  background: none;
}
.documentscan .docSectionHowto ol li p {
  margin-bottom: 10px;
  font-weight: bold;
}
.documentscan .docSectionHowto ol li .num {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 14px;
  background: #0c60b6;
  color: #fff;
}
.documentscan .docSectionHowto ol li .mark {
  color: #535353;
}
.documentscan .docSectionHowto .repletion {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #bfbfbf;
}
.documentscan .appDownload {
  padding-left: 35px;
}

/* documentcapture
==================================================== */
.documentcapture #contents .mainSection {
  margin-bottom: 0;
}
.documentcapture .mainHeader {
  position: relative;
  margin: 45px auto;
  width: 960px;
}
.documentcapture .mainHeader h2 {
  margin: 0;
}
.documentcapture .mainContainerMenu {
  border-bottom: solid 1px #dcdcdc;
}
.documentcapture .mainContainerMenu ul {
  position: relative;
  top: 1px;
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.documentcapture .mainContainerMenu .index {
  background-position: 0 -53px;
}
.documentcapture .mainContainerMenu .index:hover, .documentcapture .mainContainerMenu .index.cur {
  background-position: 0 0;
}
.documentcapture .mainContainerMenu .corp {
  background-position: -480px -53px;
}
.documentcapture .mainContainerMenu .corp:hover, .documentcapture .mainContainerMenu .corp.cur {
  background-position: -480px 0;
}
.documentcapture .mainContainer {
  padding: 20px;
}
.documentcapture .docSectionScene .scene {
  width: 299px;
  margin-right: 11px;
}
.documentcapture .docSectionScene .scene .subject {
  background: #fff;
  border: solid 1px #5c7d8d;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  padding-bottom: 0;
}
.documentcapture .docSectionScene .scene .solution {
  margin-top: 7px;
}
.documentcapture .transfer li {
  float: left;
  width: 228px;
  margin-right: 2px;
}
.documentcapture .transfer li.right {
  float: right;
  margin-right: 0;
}
.documentcapture .transfer dd {
  border-radius: 0 0 5px 5px;
  margin: 0 0 0 10px;
  padding: 0 10px 10px 10px;
  background: #e9f0f6;
  font-weight: bold;
}
.documentcapture .transfer dd span {
  margin-top: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: normal;
}
.documentcapture .transfer dd span.taL {
  text-align: left;
}
.documentcapture .transfer dd sup {
  font-weight: normal;
}
.documentcapture .transferImage dd {
  position: relative;
  padding-bottom: 42px;
}
.documentcapture .transferImage .image {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.documentcapture .onenote {
  padding: 20px;
  border: solid 1px #1969bb;
  background: #e9f7fc;
}
.documentcapture .onenote h3 span {
  border-bottom: dotted 2px #0c61b7;
}
.documentcapture .onenote .iLink01 {
  background-position: left center;
}
.documentcapture .case {
  margin-left: 24px;
}
.documentcapture .case li {
  float: left;
  margin-right: 4px;
}
.documentcapture .barcode {
  border: solid 1px #888;
  padding: 20px;
}
.documentcapture .formac,
.documentcapture .premium,
.documentcapture .server {
  padding: 15px 20px 20px;
  border: solid 1px #0c61b7;
  background: #e9f7fc;
}
.documentcapture .formac h3 span,
.documentcapture .premium h3 span,
.documentcapture .server h3 span {
  border-bottom: dotted 2px #0c61b7;
}
.documentcapture .docSectionOcr .comparisonTable_description {
  display: inline-flex;
  align-items: center;
}
.documentcapture .docSectionOcr .comparisonTable_th {
  position: relative;
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #E5E5E5 50%, #E5E5E5 calc(50% + 0.5px), transparent calc(50% + 1px))
}
.documentcapture .docSectionOcr .comparisonTable_th-1 {
  position: absolute;
  left: 22%;
  bottom: 18%;
}
.documentcapture .docSectionOcr .comparisonTable_th-2 {
  position: absolute;
  right: 12%;
  top: 33%;
}
.documentcapture .docSectionOcr .comparisonTable td span {
  position: relative;
  display: inline-block;
}
.documentcapture .docSectionOcr .comparisonTable td span sup {
  position: absolute;
  right: -3em;
  top: -0.5em;
  font-size: 80%;
}
.documentcapture .docSectionOcr .licenseTable {
  border-collapse: collapse;
  width: 100%;
}
.documentcapture .docSectionOcr .licenseTable th,
.documentcapture .docSectionOcr .licenseTable td {
  border: solid 1px #E1E1E1;
  padding: 10px 20px;
}
.documentcapture .docSectionOcr .licenseTable thead th {
  background: #005AB3;
  color: #fff;
  font-weight: 400;
}

.back{
    background: #f2f5fa;
    padding: 30px 10px;
    padding-bottom:10px;
}

.hyouka_wrap{
    clear:both;
}

.hyouka_inner{
    width:90%;
    margin: 0 auto;
}

.hyouka_box2{
    width:330px;
    float:left;
    border: 1px solid #c0d4f5;
    border-radius: 1em;
    background-color: #fff;
    padding: 10px 30px;
}

.hyouka_box2 p.ttl{
    font-size: 23px;
    color:#3366cc;
    font-weight: bold;
}

.hyouka_box2 p.ttl2{
    font-size: 20px;
    color:#3399ff;
    font-weight: 700;
}


.hyouka_box2.last{
    margin-right:0;
}


	
.bdG{border:1px solid #ccc;}

.left{
	float:left;
}

.right{
	float:right;
}

.hyouka_box2 .scanmode{
    text-align: center;
    float: none;
}

.menu{
   width:100%; 
}

.menu ul {
 padding:0 70px;   
    
}

.menu ul li{
    float: left;
    
}
.menu ul li:hover{
    opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.description{
    background-image: url(/products/scanner/dcp/images/bg_siwake.png);
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}
.description2{
    background-image: url(/products/scanner/dcp/images/bg_tenso.png);
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}
.description3{
    background-image: url(/products/scanner/dcp/images/bg_jikko.png);
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}

.description .text,.description2 .text,.description3 .text{
    position: absolute;
    left:9em;
    top: 0.8em;
    font-size:16px;
}

.description2 .text{
    top: 1.5em;
}


.description .auto{
    overflow: auto;
}

.noteMod01 .txt2{
    display: inline;
}

p.ttl{
    font-size:19px;
    font-weight: bold;
}

#contents .mainSection .btn{
    position: relative;
    background:#0c60b6;
    font-size: 18px;
    color: #fff;
    padding: 14px 18px 14px;
    width:400px;
    margin: 0 auto;
}

#contents .mainSection .btn:hover{
    opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#contents .mainSection .btn a{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
   
}
#contents .mainSection .btn a:hover{
    text-decoration: none;
}

.btnBlock p{
    background: #005ab4;
    border-radius: 4px;
    position: relative;

}
.btnBlock p:hover{
    opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.btnBlock > div, .btnBlock02 > div{
display: inline-block;
}

.btnBlock .btnBlockInner02 a {
    display: inline-block;
    min-width: 200px;
    min-height: 25px;
    padding: 15px 10px 15px 10px;
    font-size: 113%;
    color: #fff;
    text-align: center;
}
.btnBlock .btnBlockInner02 a:hover {
    text-decoration: none;
}

.pdf{
    width: 100%;
}

.pdf-box{
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    padding:20px 0;
}

.pdf-box small{
    font-weight: normal;
}
.pdf-box_s{
    width: 49%;
    border: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    padding:20px 0;
}
.pdf-box_s small{
    font-weight: normal;
}