@charset "utf-8";
/*************************************************
*
*	特殊用紙印刷ソリューション
*
*************************************************/
/*body { font-size:14px; }*/
#contentArea { text-align:center; background:#ffffff; }
#contentArea h1{ margin-top:5px; }

h3.styleA { background:#e4e4e4 url(/tecfiles/img/products/office/solution/unique_paper/bg_h3.gif) no-repeat 10px 10px; padding:9px 0 9px 25px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
h4.styleA { background:#ffffff url(/tecfiles/img/products/office/solution/unique_paper/bg_h4.gif) no-repeat 5px 15px; padding:10px 0 9px 20px; border-bottom:1px dashed #0077b9; }
h5.styleA { background:#ffffff url(/tecfiles/img/products/office/solution/unique_paper/bg_h5.gif) no-repeat 5px 4px; padding:3px 0 3px 20px; font-size:18px; }
h6.styleA { background:#ffffff url(/tecfiles/img/products/office/solution/unique_paper/bg_h6.gif) no-repeat 8px center; padding:3px 0 3px 18px; }

/* トップ、共通 */
.upDate { margin:20px 0; border:5px solid #F5C65F; padding:0 20px; }
.upDate dt { float:left; margin:10px 0; color:#ee2222; width:7em; }
.upDate dd { float:left; margin:10px 0; color:#222222; padding:0; }

#upps_gNav li { display:inline; float:left; }

#uniquePaper { width:740px; margin:0 auto; text-align:left; }
#uppsHeader { padding:10px 0; }
#top_visual { margin:1px 0; background:url(/tecfiles/img/products/office/solution/unique_paper/top_bisual_btn_bg.jpg) no-repeat right top; }

#top_feature { border-top:1px dashed #cccccc; margin-top:30px; }
#top_feature .item { border-bottom:1px dashed #cccccc; padding:20px 0; }
#top_feature .featureText { width:320px; float:left; }
#top_feature .featureText h3 { font-size:175%; margin-top:20px; }
.colorA { color:#0077b9; }
.colorB { color:#e86d37; }
.colorC { color:#91c44f; }
.colorD { color:#ec5da1; }

#btmMfp { margin-top:30px; background:url(/tecfiles/img/products/office/solution/unique_paper/bg_btmmfp.gif) repeat-y center top; }
#btmMfp .btm { background:url(/tecfiles/img/products/office/solution/unique_paper/bg_btmmfp_btm.gif) no-repeat center bottom; height:20px; }
#btmMfp .inner { padding:20px 20px 0 20px; }
#btmMfp .point { margin-top:20px; padding-bottom:40px; background:url(/tecfiles/img/products/office/solution/unique_paper/bg_btmmfp.jpg) no-repeat center bottom; }
#btmMfp .point .sect { width:36%; }
#btmMfp .point h4 { font-size:16px; }
#btmMfp .point p { margin:10px 0 15px 0; line-height:1.4; border-bottom:1px dashed #cccccc; padding-bottom:10px; }
#btmMfp .others { border-top:2px solid #0077b9; margin:0 25px; }
#btmMfp .others ul { margin-left:30px; }
#btmMfp .others li { display:inline; float:left; margin:10px 20px 0 0; }
#btmMfp .others li a { background:url(/tecfiles/img/products/office/solution/unique_paper/ico_arrow_blue.gif) no-repeat left center; padding-left:15px; }

.others { display:none; }
#ecocrystal .others { display:block; }

.toPagetop { text-align:right; margin-top:20px; }

/* 業種別利用イメージ */
#businessScene { margin-top:40px; }
#businessGrid { background:url(/tecfiles/img/products/office/solution/unique_paper/business_bg_grid.gif) repeat-y 0 0; }
#businessGrid .btm { background:url(/tecfiles/img/products/office/solution/unique_paper/business_bg_grid_btm.gif) no-repeat center bottom; height:30px; }
#businessGrid .gridTxt { margin:20px 55px; padding-left:20px; padding-right:20px; }
#businessGrid .border { border-bottom:1px dashed #777777; padding-bottom:20px; }

/* ラインナップ */
#tabNav li { display:inline; float:left; margin-top:4px; }
#lineUp h2 { margin-top:20px; color:#ffffff; font-size:28px; padding:35px 0 25px 25px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#lineUp h2 span { font-size:14px; }
#lineUp h2.bgColor10 { padding-top:27px; }
#lineUp h2 sup { font-size:14px; }
.lineup_itemImg { float:right; margin-left:20px; width:280px; }
.lineup_item { margin-top:20px; }
.lineup_item h3 { font-size:18px; line-height:1.8; padding-top:10px; }
.lineup_item p { margin-top:20px; }
.lineup_item table { 
  border-collapse:collapse; 
  margin-top:20px; 
  /*font-size:12px;*/
 }
.lineup_item table.mt05 { margin-top:5px; }
.lineup_item th { border:1px solid #cccccc; padding:3px 20px; background:#eeeeee; text-align:center; }
.lineup_item td { border:1px solid #cccccc; padding:3px 20px; }
.lineup_item .size { text-align:center; }
.lineup_item .lot { text-align:center; }
.lineup_item .price { text-align:right; }

#lineup_feature { margin-top:30px; padding:20px 0; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; }
.to_business { width:100%; margin-top:10px; }
.to_business td { border:1px solid #999999; width:20%; }
.to_business a { display:block; text-align:center; color:#333333; padding:10px 10px 10px 22px; background:#e2f4ff url(/tecfiles/img/products/office/solution/unique_paper/ico_arrow_blue.gif) no-repeat 10px center; }
.to_business a:hover { background:#ffffff url(/tecfiles/img/products/office/solution/unique_paper/ico_arrow_blue.gif) no-repeat 10px center; }

#howto { margin-top:30px; }
#howto h2 { padding-left:45px; font-size:21px; line-height:55px; cursor:pointer; color:#ffffff; background:#0055a5 url(/tecfiles/img/products/office/solution/unique_paper/bg_howto_h2.gif) no-repeat 0 0; }
#howto h2.down { background:#0055a5 url(/tecfiles/img/products/office/solution/unique_paper/bg_howto_h2_down.gif) no-repeat 0 0; }
#howto h5 { font-size:18px; }
#btn_howto_close { cursor:pointer; margin-top:30px; }

/* 印刷方法 */
.howtoInner { display:none; }

.hosoku { font-size:12px; }
.hosoku  li { list-style-type:decimal; margin:5px 0 0 27px; font-size:12px; }

.bgColor01 { background:#1552af; }
.bgColor02 { background:#b639cd; }
.bgColor03 { background:#2db958; }
.bgColor04 { background:#14abb4; }
.bgColor05 { background:#e1558d; }
.bgColor06 { background:#e77826; }
.bgColor07 { background:#7c51dc; }
.bgColor08 { background:#15add9; }
.bgColor09 { background:#9d3341; }
.bgColor10 { background:#e4007f; }


.lineup-table { border-collapse:collapse; }
.lineup-table td { border:1px solid #999999; }
.lineup_tit { margin:1px; background:#0077b9; }
.lineup_img { text-align:center; }
.line-text { padding:0 10px 10px 20px; }

/* 活用ヒント */
#case_topic { background:url(/tecfiles/img/products/office/solution/unique_paper/bg_case_index.gif) repeat-y center top; }
.case_topic_hr { background:url(/tecfiles/img/products/office/solution/unique_paper/bg_case_topic_hr.gif) no-repeat center center; height:31px; }
#case_topic a.item { width:200px; padding:0 15px; float:left; color:#333333; text-decoration:none; }
#case_topic a.item h3 { text-align:center; color:#ffffff; padding:2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
#case_topic a.item h4 { text-align:center; font-size:16px; margin-top:10px; }
#case_topic a.item p { margin-top:5px; font-size:12px; }

.galleryDetail { display:none; }
.galleryDetail { width:600px; margin:30px 70px; }
.galleryDetail .photo { float:right; }
.galleryDetail .text { float:left; width:350px; }
.galleryDetail h3 { color:#ffffff; padding:3px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.galleryDetail h4 { font-size:21px; margin-top:30px; }
.galleryDetail table { margin-top:30px; }
.galleryDetail th { padding:5px 20px; border:1px solid #cccccc; background:#f0f0f0; }
.galleryDetail td { padding:5px 20px; border:1px solid #cccccc; }


#uppsSub { width:170px; float:right; }
#uppsMain { width:550px; float:left; }
.subNav { margin-top:5px; background:#d9ebf5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.subNav h3 { padding:10px; border-bottom:2px solid #0077b9; }
.subNav ul {}
.subNav li { border-bottom:2px solid #ffffff; }
.subNav li.last { border-bottom:none; }
.subNav a { display:block; padding:10px; color:#333333; }
.subNav a:hover { text-decoration:none; background:#c7e5f6; }

.housoku { margin-top:35px; font-size:16px; border:2px solid #ffea00; background:#ffff92; padding:10px 0 10px 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.housoku img { vertical-align:middle; margin-right:10px; }
.jissen { margin-top:35px; font-size:16px; background:#fecf39; padding:10px 0 10px 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.jissen img { vertical-align:middle; margin-right:10px; }
.question { margin-top:10px; }
.question p { width:470px; margin-top:15px; float:right; font-size:16px; font-weight:bold; }
.onePoint { margin-top:30px; background:url(/tecfiles/img/products/office/solution/unique_paper/hint/hint_pop_frame03.gif) repeat-y 0 0; }
.onePoint .btm { background:url(/tecfiles/img/products/office/solution/unique_paper/hint/hint_pop_frame03.gif) no-repeat left bottom; height:10px; }
.onePoint p { padding:20px; }
.noMiss { background:#ffffcf; padding:20px; }

.thats { padding:20px; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; background:url(/tecfiles/img/products/office/solution/unique_paper/hint/hint_ref_bg_view_inner.gif) no-repeat center top; }

/* サンプルダウンロード */
#sampleBizNav {}
#sampleBizNav li { display:inline; float:left; margin-top:7px; }
.sampleSubNav { border:1px dotted #999999; padding:10px; text-align:center; margin-top:20px; }
.sampleSubNav a { color:#0077b9; }

#kiyaku { border:2px solid #cccccc; font-size:12px; margin-top:20px; padding:20px; }
#kiyaku p { margin-top:10px; }
#kiyaku_honbun { display:none; padding:50px; }
#kiyaku_honbun h4 { text-align:center; font-size:16px; padding-bottom:20px; }
#kiyaku_honbun p { margin-top:10px; }

.ecocryItem { 
  width:182px;
  float:left;
  margin:30px 3px 0 0;
  /*font-size:12px;*/
}

.ecocryItem2 { 
  width:100%;
  float:none;
  margin:30px 0 0 0;
}

.ecocryItem img { height:180px; }
.ecocryItem h6,
.ecocryItem2 h6 {
  font-weight:normal;
  line-height:1.3;
  background:#dddddd;
  padding:5px 1px 2px 5px;
  font-size: 1.2em;
}
.ecocryItem h6 strong { display:none; }

.ecocryItem a { display:block; width:180px; border:1px solid #cccccc; }
.ecocryItem2 a { display:block; border:1px solid #cccccc; }

.ecocryItem a:hover,
.ecocryItem2 a:hover { border:1px solid #ff0000; }
.ecocryItem .fsize,
.ecocryItem2 .fsize { text-align:center; margin-top:3px; }

#sampleDL h3 span.new {font-weight: bold; color: #ff0000;margin-left: 10px;}

/* サンプル用紙請求フォーム */
h3#btn_notice { text-align:center; cursor:pointer; background:#555555; padding:10px; color:#ffffff; }
#notice { display:none; border:1px solid #cccccc; padding:20px; font-size:12px; }
#notice li { list-style-type:circle; margin-top:5px; margin-left:15px; }
.formMust { color:#cc0000; }
#formInput { border-collapse:collapse; width:100%; }
#formInput th { border:1px solid #cccccc; padding:5px 10px; background:#eeeeee; }
#formInput td { border:1px solid #cccccc; padding:5px 10px; }
label { display:inline-block; margin-right:20px; }
.douiBtn { font-size:16px; text-align:center; }
.douiBtn label { padding:10px 20px; background:#eeeeee; cursor:pointer; }
.submitBtn { margin-top:20px; font-size:16px; text-align:center; }
.submitBtn input { padding:10px 20px; cursor:pointer; }

/* 事例 */
#case_company { border-top:1px dashed #cccccc; }
#case_company .item { border-bottom:1px dashed #cccccc; padding:1px 0; }
#case_company a { display:block; border:10px solid #ffffff; padding:10px; color:#333333; text-decoration:none; }
#case_company a:hover { border:10px solid #b2d6ea; }
#case_company h3 { font-size:24px; margin-top:10px; padding-left:20px; background:url(/tecfiles/img/products/office/solution/unique_paper/ico_arrow_big_blue.gif) no-repeat left center; }
#case_company p { margin-top:20px; }
h2.caseTitle { background:#d9ebf5; padding:15px 10px; font-size:21px; border-top:5px solid #0077b9; }
.caseTitInfo { border-bottom:1px dashed #0077b9; text-align:right; padding:10px; }
.caseLead { margin-top:20px; font-size:18px; line-height:1.3; font-weight:bold; }
.caseResult { color:#0077b9; font-size:18px; margin-top:30px; }

/* マルチクラス */
.fwN { font-weight:normal; }
.fwB { font-weight:bold; }
.fcR { color: #d71e1c; }
.fsLLL { font-size:150%; }/* 21px */
.fsLL  { font-size:129%; }/* 18px */
.fsL   { font-size:115%; }/* 16px */
.fsS   { font-size:86%; } /* 12px */
.fsSS  { font-size:79%; } /* 11px */
.fsSSS { font-size:72%; } /* 10px */.rollalpha:hover { -ms-filter:"alpha( opacity=70 )"; filter:alpha( opacity=70 ); zoom:1; }
.rollover {}
/* Clear */
.clear { clear:both; }
.clearfix:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* Display */
.dB { display:block; }
.dI { display:inline; }
.dN { display:none; }
.dIB { display:-moz-inline-box; display:inline-block; zoom:1; height:auto; }
.dIB * { display:-moz-inline-box; display:inline-block; zoom:1; height:auto; }
.dIBx { display:-moz-inline-box; display:inline-block; zoom:1; height:auto; }
.dIBx a { text-decoration:none; }
.dIBx a span { text-decoration:underline; }

/* Posision */
.vaT { vertical-align:top; }
.vaM { vertical-align:middle; }
.vaB { vertical-align:bottom; }
.vaTt { vertical-align:text-top; }
.vaBs { vertical-align:baseline; }
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

/* Margin */
.mT00 { margin-top:0px; }
.mT05 { margin-top:5px; }
.mT10 { margin-top:10px; }
.mT15 { margin-top:15px; }
.mT20 { margin-top:20px; }
.mT25 { margin-top:25px; }
.mT30 { margin-top:30px; }
.mT40 { margin-top:40px; }
.mT50 { margin-top:50px; }
.mR04 { margin-right:4px; }
.mR05 { margin-right:5px; }
.mR07 { margin-right:7px; }
.mR10 { margin-right:10px; }
.mR20 { margin-right:20px; }
.mL05 { margin-left:5px; }
.mL20 { margin-left:20px; }

/*導入事例ギャラリー*/
.gallery a.fancybox {
	margin-right: 6px;
	margin-top: 10px;
	display: inline-block;
}

.gallery a.fancybox img {
	border: 1px solid #ccc;
	padding: 2px;
}
.gallery a.fancybox:nth-child(4n) {
	margin-right: 0;
}
.gallery a.fancybox img:hover {
	border: 1px solid #0077b9;
}

/* バナーエリア */
.p-btn-container {
  display: flex;
  justify-content: center;
}
.p-btn-container .p-btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:nowrap;
  font-size: 20px;
  font-weight: bold;
  min-width: 320px;
  min-height: 56px;
  padding: 0 40px 0 24px;
  width: fit-content;
  text-decoration: none;
  letter-spacing: 1px;
  border: 1px solid #bfbfbf;
  border-radius:4px;
  background: linear-gradient(#FFF, #EEE);
  transition: 0.3s ease;
}
.p-btn-container .p-btn-arrow:hover {
  background: linear-gradient(#FFF, #eef);
}
.p-btn-container .p-btn-arrow::before{
  content:'';
  margin-right: 8px;
  width:14px;
  height:16px;
  background: url(/common/img/module/button_icon02.png) no-repeat left 0.3em;
  transform:translateY(-2px);
}