@charset "UTF-8";

/**
*
*	/products/bizprinter/specialpaper/css/style.css
*/

#contents .headSection .leftArea .title {
	font-size: 18px;
}

/*************************************************************************
 *		特殊用紙もページプリンターで印刷のCSSを定義
*************************************************************************/
#mainContents {
	overflow: hidden;
	padding: 0 0 70px;
}

#mainContents .inner {
	width: 960px;
	margin: 0 auto;
}

/* .btnMenu */
#mainContents .btnMenu-wrap {
	padding: 15px 0 9px;
}
#mainContents .btnMenu {
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
	height: 90px;
	background: url(/products/bizprinter/specialpaper/images/btn_menu_on.png) no-repeat;
}
#mainContents .btnMenu li {
	float: left;
	width: 191px;
	height: 48px;
}
#mainContents .btnMenu li:nth-child(1),
#mainContents .btnMenu li:nth-child(6) {
	width: 193px;
}
#mainContents .btnMenu li:nth-child(5),
#mainContents .btnMenu li:nth-child(10){
	width: 194px;
}
#mainContents .btnMenu li a {
	display: block;
	height: 42px;
}
#mainContents .btnMenu li a:hover img,
.index .btnMenu li.index img,
.water .btnMenu li.water img,
.label .btnMenu li.label img,
.long .btnMenu li.long img,
.laminate_clearfile_magnet .btnMenu li.laminate_clearfile_magnet img,
.medicineenvelope .btnMenu li.medicineenvelope img,
.invoice .btnMenu li.invoice img,
.deliverynote .btnMenu li.deliverynote img,
.pricecard .btnMenu li.pricecard img,
.others .btnMenu li.others img {
	opacity: 0;
}

/* .bnrBtm */
#mainContents .bnrBtm {
	text-align: center;
	clear: both;
	position: relative;
	z-index: 2;
}
#mainContents .bnrBtm + ul {
	width: 960px;
	margin: 10px auto 0;
	position: relative;
  z-index: 2;
}
#mainContents .bnrBtm + ul li {
	font-size: 80%;
	margin-top: 5px;
}

/*************************************************************************
 *		特殊用紙もページプリンターで印刷トップのCSSを定義
*************************************************************************/

/* .mv */
.index .mv {
	height: 362px;
	position: relative;
}
.index .mv p {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -680px;
}

/* #beginning */
.index #beginning {
	background: #e4f2fe;
	padding: 40px 0;
}
.index #beginning h2 {
	text-align: center;
	font-size: 28px;
	color: #10218b;
	font-weight: bold;
	margin: 0 0 35px;
}
.index #beginning h2 + p {
	text-align: center;
	font-size: 17px;
	line-height: 1.8;
}
.index #beginning dl {
	margin: 40px 0 0;
	background: url(/products/bizprinter/specialpaper/images/index/bg_anc.png) no-repeat left 50px;
	min-height: 520px;
}
.index #beginning dl dt {
	text-align: center;
	margin: 0 0 18px;
}
.index #beginning dl dd ul {
	overflow: hidden;
	padding: 0 0 0 57px;
}
.index #beginning dl dd ul li {
	float: left;
	margin: 0 0 0 26px;
}
.index #beginning dl dd ul li:first-child,
.index #beginning dl dd ul li:nth-child(9) {
	margin: 0 0 0 125px;
}
.index #beginning dl dd ul li a {
	display: block;
}


/* .section */
.index .section {
	clear: both;
	position: relative;
	overflow: hidden;
}
.index .section:before {
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	background: #e4f2fe;
	position: absolute;
	top: 0;
}
.index .section.odd:before {
	left: 50%;
}
.index .section.even:before {
	right: 50%;
}
.index .section:after {
	content: "";
	display: block;
	width: 492px;
	height: 437px;
	position: absolute;
	top: 320px;
}
.index .section.odd:after {
	background: url(/products/bizprinter/specialpaper/images/index/bg01.gif) no-repeat;
	left: 50%;
	margin: 0 0 0 -113px;
}
.index .section.even:after {
	background: url(/products/bizprinter/specialpaper/images/index/bg02.gif) no-repeat;
	right: 50%;
	margin: 0 -113px 0 0;
}
.index .section h2 {
	text-align: center;
	height: 190px;
	padding: 130px 0 0;
	color: #fff;
	font-size: 56px;
	line-height: 1;
	font-weight: bold;
	position: relative;
	z-index: 2;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.index .section h2 span {
	font-size: 20px;
	padding: 15px 0 0;
	display: block;
	font-weight: normal;
}
.index .section .inner {
	min-height: 385px;
	position: relative;
	z-index: 2;
}
.index .section .txt {
	padding: 45px 0 0;
	min-height: 180px;
	font-size: 17px;
	line-height: 1.8;
}
.index .section.even .txt {
	margin: 0 0 0 450px;
}
.index .section .btn {
	clear: both;
	overflow: hidden;
}
.index .section.even .btn {
	margin: 0 0 0 450px;
}
.index .section .img {
	position: absolute;
}
.index .section .btn li {
	float: left;
}
.index .section .btn li + li {
	margin: 0 0 0 20px;
}

/* #pop */
.index #pop h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_pop01.jpg);
}
.index #pop .img {
	top: 19px;
	left: 576px;
}

/* #menu */
.index #menu h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_menu01.jpg);
}
.index #menu .img {
	top: 22px;
	left: 23px;
}

/* #poster */
.index #poster h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_poster01.jpg);
}
.index #poster .img {
	top: 38px;
	left: 599px;
}

/* #label */
.index #label h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_label01.jpg);
}
.index #label .img {
	top: 24px;
	left: 0;
}

/* #pamphlet */
.index #pamphlet h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_pamphlet01.jpg);
}
.index #pamphlet .img {
	top: 39px;
	left: 576px;
}

/* #diploma */
.index #diploma h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_diploma01.jpg);
}
.index #diploma .img {
	top: 32px;
	left: 19px;
}

/* #businesscard */
.index #businesscard h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_businesscard01.jpg);
}
.index #businesscard .img {
	top: 23px;
	left: 541px;
}

/* #clearfile */
.index #clearfile:before {
	display: none;
}
.index #clearfile:after {
	content: "";
	display: block;
	width: 1123px;
	height: 1031px;
	position: absolute;
	top: 320px;
	background: url(/products/bizprinter/specialpaper/images/index/bg03.gif) no-repeat;
	right: 50%;
	margin: 0 -113px 0 0;
}
.index #clearfile h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_clearfile01.jpg);
}
.index #clearfile .img {
	top: 18px;
	left: 67px;
}

/* #medicineenvelope */
.index #medicineenvelope h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_medicineenvelope01.jpg);
}
.index #medicineenvelope .img {
	top: 34px;
	left: 604px;
}

/* #invoice */
.index #invoice h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_invoice01.jpg);
}
.index #invoice .img {
	top: 34px;
	left: 43px;
}

/* #deliverynote */
.index #deliverynote h2 {
	background-image: url(/products/bizprinter/specialpaper/images/index/bg_deliverynote01.jpg);
}
.index #deliverynote .img {
	top: 34px;
	left: 588px;
}


/*************************************************************************
 *		特殊用紙もページプリンターで印刷　下層のCSSを定義
*************************************************************************/
.lower #mainContents h3 {
	font-size: 34px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 55px;
}

/* .mv */
.lower .mv {
	height: 180px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* #lead */
.lower #lead {
	padding: 30px 0 0;
}
.lower #lead p {
	text-align: center;
	font-size: 17px;
  line-height: 1.8;
	margin-bottom: 30px;
}
.lower #lead ul {
	width: 100%;
	height: 360px;
	box-sizing: border-box;
	padding-top: 20px;
}
.lower #lead ul li {
	text-align: right;
	margin-top: 20px;
}
.lower #lead ul li:first-child {
	margin-top: 0;
}

/* #use */
.lower #use {
	padding: 60px 0 20px;
	background-color: #f4f4f4;
}
.lower #use ul {
	text-align: center;
}
.lower #use ul li {
	display: inline-block;
	margin: 0 0 30px 24px;
}
.lower #use ul li:first-child,
.lower #use ul li.left {
	margin-left: 0;
}
.lower #use ul li span {
	display: block;
	font-size: 18px;
	margin-top: 12px;
	text-align: center;
}

/* #lineup */
.lower #lineup {
	padding: 60px 0 20px;
}
.lower #lineup dl.attention {
	display: table;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 40px;
}
.lower #lineup dl.attention dt,
.lower #lineup dl.attention dd {
	display: table-cell;
	vertical-align: middle;
}
.lower #lineup dl.attention dt {
	font-size: 18px;
	width: 140px;
	text-align: center;
	background-color: #f4f4f4;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.lower #lineup dl.attention dd {
	font-size: 14px;
	padding: 25px;  
}
.lower #lineup dl.attention dd ul li {
	background: url(/products/bizprinter/specialpaper/images/icon_list.png) no-repeat left 2px;
	padding-left: 20px;
	line-height: 1.4;
	margin-top: 3px;
}
.lower #lineup dl.attention dd ul li:first-child {
	margin-top: 0;
}
.lower #lineup p.subttl {
	font-size: 30px;
	color: #313131;
	margin-bottom: 20px;
	text-align: center;
}
.lower #lineup .box {
	position: relative;
	margin-bottom: 65px;
}
.lower #lineup .box h4 {
	text-align: center;
	margin-bottom: 15px;
}
.lower #lineup .box h4 span {
	display: inline-block;
	font-size: 26px;
	color: #10218b;
	background: url(/products/bizprinter/specialpaper/images/icon_lineup.png) no-repeat left center;
	padding-left: 38px;
}
.lower #lineup .box table {
	width: 100%;
	margin-bottom: 20px;
}
.lower #lineup .box table.fixed {
	table-layout: fixed;
}
.lower #lineup .box table th,
.lower #lineup .box table td {
	text-align: center;
	padding: 17px 0;
}
.lower #lineup .box table thead th {
	color: #fff;
	background-color: #10218b;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	padding: 17px 0;
}
.lower #lineup .box table thead th.colspan {
	border-bottom: 1px solid #fff;
}
.lower #lineup .box table thead th.ttl1,
.lower #lineup .box table thead th.ttl3 {
	width: 120px;
}
.lower #lineup .box table thead th.ttl2 {
	width: 160px;
}
.lower #lineup .box table thead th.ttl4 {
	width: 214px;
}
.lower #lineup .box table thead th.ttl5 {
	width: 80px;
}
.lower #lineup .box table thead th.ttl6 {
	width: 150px;
}
.lower #lineup .box table thead th.ttl7 {
	width: 110px;
}
.lower #lineup .box table thead th.ttl1b {
	width: 115px;
}
.lower #lineup .box table thead th.ttl2b {
	width: 110px;
}
.lower #lineup .box table thead th.ttl3b {
	width: 100px;
}
.lower #lineup .box table thead th.ttl4b {
	width: 170px;
}
.lower #lineup .box table thead th.ttl5b {
	width: 70px;
}
.lower #lineup .box table thead th.ttl6b {
	width: 145px;
}
.lower #lineup .box table thead th.ttl7b {
	width: 110px;
}
.lower #lineup .box table thead th.ttl8b {
	width: 140px;
}

.lower #lineup .box table tbody th {
	background-color: #e4f2fe;
}
.lower #lineup .box table tbody th,
.lower #lineup .box table tbody td {
	font-size: 13px;
	border-bottom: 1px solid #dfdfdf;
}
.lower #lineup .box table.vline tbody th,
.lower #lineup .box table.vline tbody td {
	border-right: 1px solid #dfdfdf;
}
.lower #lineup .box ul.note li {
	display: flex;
	font-size: 12px;
}
.lower #lineup .box ul.note li span:nth-child(1) {
	white-space: nowrap;
}
.lower #lineup .box ul.note li.set {
	position: relative;
	display: inline-block;
	padding-right: 165px;
}
.lower #lineup .box p {
	position: absolute;
	bottom: -10px;
	right: 0;
}
.lower #lineup .box p a {
	display: block;
	width: 160px;
	height: 35px;
	overflow: hidden;
}
.lower #lineup .box p a:hover img {
	margin-top: -35px;
}

/* #setting */
.lower #setting {
	padding: 10px 0 55px;
	margin-bottom: 60px;
	background-color: #e4f2fe;
}
.lower #setting h3 {
	padding-top: 50px;
}
.lower #setting dl {
	display: table;
	width: 100%;
	margin-top: 25px;
}
.lower #setting h3 + dl {
	margin-top: 0;
}
.lower #setting dl dt {
	font-size: 17px;
	text-align: center;
	color: #fff;
	background-color: #10218b;
	padding:  10px 0;
	font-weight: normal;
	border-radius: 6px 6px 0 0;
}
.lower #setting dl dd {
	background-color: #fff;
	padding: 30px 15px 5px;
	border-radius: 0 0 6px 6px;
}
.lower #setting dl dd ul li {
	float: left;
	margin: 0 15px 30px;
}
.lower #setting dl dd h4 {
	font-size: 23px;
	color: #002c88;
}

.printer {
	padding: 40px 0 0 0;
}
.printer__inner {
	width: 730px;
	margin: 0 auto;
}
.printer__title {
	font-size: 34px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 55px;
}
.printer__items {
	border: 1px solid #dfdfdf;
	text-align: center;
}
.printer__items h3 {
	margin-bottom: 5px !important;
	padding: 10px !important;
	background-color: #f4f4f4 !important;
	border-bottom: 1px solid #dfdfdf !important;
	font-size: 18px !important;
	font-weight: bold !important;
}
.printer__items ul {
	margin: 0;
	padding: 10px 15px;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.printer__items ul li {
	display: inline-block;
}
.printer__items ul li:after {
	display: inline-block;
	content: "、";
	font-size: 18px;
}
.printer__items ul li a {
	font-size: 18px;
}
.printer__items ul li:last-child:after {
	display: none;
}
.printer__items + .printer__items {
	margin-top: 0;
	border-top: none;
}
.printer__table {
	width: 100%;
	table-layout: fixed;
}
.printer__table th,
.printer__table td {
	padding: 1.25em 1em;
	border: solid 1px #bfbfbf;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.printer__table th {
	background-color: #eee;
}
.printer__table td a {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}
.printer__table td a:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #005AB4;
}


/*************************************************************************
 *		耐水紙ページのCSSを定義
*************************************************************************/
.water .mv {
	background-image: url(/products/bizprinter/specialpaper/images/water/bg_mv.jpg);
	background-color: #f0f1f6;
	background-size: auto;
}
.water #lead ul {
	background: url(/products/bizprinter/specialpaper/images/water/bg_point.jpg) no-repeat -20px bottom; 
}
.water #use ul li {
	width: 300px;
}

/*************************************************************************
 *		ラベル紙ページのCSSを定義
*************************************************************************/
.label .mv {
	background-image: url(/products/bizprinter/specialpaper/images/label/bg_mv.jpg);
}
.label #lead ul {
	background: url(/products/bizprinter/specialpaper/images/label/bg_point.jpg) no-repeat -20px bottom; 
}
.label #use ul li {
	width: 465px;
}

/*************************************************************************
 *		長尺紙ページのCSSを定義
*************************************************************************/
.long .mv {
	background-image: url(/products/bizprinter/specialpaper/images/long/bg_mv.jpg);
}
.long #lead ul {
	background: url(/products/bizprinter/specialpaper/images/long/bg_point.jpg) no-repeat -20px bottom; 
}
.long #use ul li {
	width: 465px;
}

/*************************************************************************
 *		クリアフォルダー＆マグネットページのCSSを定義
*************************************************************************/
.laminate_clearfile_magnet .mv {
	background-image: url(/products/bizprinter/specialpaper/images/clearfile_magnet/bg_mv.jpg);
}
.laminate_clearfile_magnet #lead ul {
	background: url(/products/bizprinter/specialpaper/images/clearfile_magnet/bg_point.jpg) no-repeat -20px bottom; 
}
.laminate_clearfile_magnet #use ul li {
	width: 300px;
}

/*************************************************************************
 *		厚紙・その他ページのCSSを定義
*************************************************************************/
.others .mv {
	background-image: url(/products/bizprinter/specialpaper/images/others/bg_mv.jpg);
}
.others #lead ul {
	background: url(/products/bizprinter/specialpaper/images/others/bg_point.jpg) no-repeat -20px bottom; 
}
.others #use ul li {
	width: 300px;
}

/*************************************************************************
 *		薬袋ページのCSSを定義
*************************************************************************/
.medicineenvelope .mv {
	background-image: url(/products/bizprinter/specialpaper/images/medicineenvelope/bg_mv.jpg);
}
.medicineenvelope #lead ul {
	background: url(/products/bizprinter/specialpaper/images/medicineenvelope/bg_point.jpg) no-repeat -20px bottom; 
}
.medicineenvelope #use ul li {
	width: 300px;
}
.setmethod {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 0 10px;
}
.setmethod img {
	max-width: 100%;
	height: auto;
}
.setmethod .box {
	width: 440px;
}
.setmethod .text_box {
	border: 1px solid #ccc;
	margin-top: 20px;
	padding: 5px;
	min-height: 115px;
}
.setmethod .h146 {
	min-height: 146px;
}
.setmethod .h195 {
	min-height: 195px;
	
	
}

/*************************************************************************
 *		送り状ページのCSSを定義
*************************************************************************/
.invoice .mv {
	background-image: url(/products/bizprinter/specialpaper/images/invoice/bg_mv.jpg);
}
.invoice #lead ul {
	background: url(/products/bizprinter/specialpaper/images/invoice/bg_point.jpg) no-repeat -20px bottom; 
}
.invoice #use ul li {
	width: 300px;
}

/*************************************************************************
 *		プライスカードページのCSSを定義
*************************************************************************/
.pricecard .mv {
	background-image: url(/products/bizprinter/specialpaper/images/pricecard/bg_mv.jpg);
}
.pricecard #lead ul {
	background: url(/products/bizprinter/specialpaper/images/pricecard/bg_point.jpg) no-repeat -20px bottom; 
}
.pricecard #use ul li {
	width: 300px;
}

/*************************************************************************
 *		納品書ページのCSSを定義
*************************************************************************/
.deliverynote .mv {
	background-image: url(/products/bizprinter/specialpaper/images/deliverynote/bg_mv.jpg);
}
.deliverynote #lead ul {
	background: url(/products/bizprinter/specialpaper/images/deliverynote/bg_point.jpg) no-repeat -20px bottom; 
}
.deliverynote #use ul li {
	width: 300px;
}