@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------------
基本設定
-----------------------------------------------------*/

/* リセット
--------------------------------------*/
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li,
pre, code, form, fieldset, legend, input,
textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}

address, caption, cite,
code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	text-align: left;
}

/* 文字設定
--------------------------------------*/
body, textarea {
	font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
input, select {
	font-family: Arial,"ＭＳ Ｐゴシック",sans-serif;
}
body {
	font-size: 12px;
	line-height: 1.6;
	color: #606060;
	text-align: center;
}
* html body {
	font-size: 75%;
}


/* リンク
--------------------------------------*/

a:link {
	color: #0068B7;
	text-decoration: none;
}
a:visited {
	color: #9439B7;
	text-decoration: none;
}
a:hover {
	color: #0068B7;
	text-decoration: underline;
}
a:active {
	color: #0068B7;
	text-decoration: underline;
}



/* -----------------------------------------------------
レイアウト設定
-----------------------------------------------------*/

body {
	background: url(../images/common/bg_body.gif) repeat-x;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
a img {
	border: none;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}
.noborder {
	border: none;
}

/* コンテンツ枠
--------------------------------------*/
#wrapper {
	text-align: left;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 860px;
	height: 103px;
	padding-top: 27px;
	position: relative;
}
#container {
	width: 860px;
	background: #FFF url(../images/common/bg_container.gif) repeat-x;
}
#content {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-bottom: 20px;
}


/* ヘッダー
--------------------------------------*/

#header a,
#header a:visited,
#header a:hover,
#header a:active {
	color: #FFF;
}
#logo-section {
	width: 860px;
	height: 63px;
}
#logo {
	float: left;
	width: 392px;
}
#header-navi {
	float: right;
	text-align: right;
	width: 250px;
}
#logo-section ul {
	margin-bottom: 5px;
}
#logo-section ul li {
	display: inline;
	font-size: 0.9em;
	color: #FFF;
	line-height: 1;
}


/* グローバルナビゲーション
--------------------------------------*/

#global-navi {
	width: 860px;
	height: 40px;
}
#global-navi li {
	float: left;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
}
#global-navi li a {
	text-align: center;
	display: block;
	height: 40px;
	width: 143px;
}

#nprint a {
	background: url(../images/common/global_navi.gif) no-repeat left top;
}
#nprint a:hover {
	background: url(../images/common/global_navi.gif) no-repeat left -40px;
}
#nprint a.current {
	background: url(../images/common/global_navi.gif) no-repeat left -80px;
}
#nlaminate a {
	background: url(../images/common/global_navi.gif) no-repeat -143px top;
}
#nlaminate a:hover {
	background: url(../images/common/global_navi.gif) no-repeat -143px -40px;
}
#nlaminate a.current {
	background: url(../images/common/global_navi.gif) no-repeat -143px -80px;
}
#nphoto a {
	background: url(../images/common/global_navi.gif) no-repeat -286px top;
}
#nphoto a:hover {
	background: url(../images/common/global_navi.gif) no-repeat -286px -40px;
}
#nphoto a.current {
	background: url(../images/common/global_navi.gif) no-repeat -286px -80px;
}
#ndigital-copy a {
	background: url(../images/common/global_navi.gif) no-repeat -429px top;
}
#ndigital-copy a:hover {
	background: url(../images/common/global_navi.gif) no-repeat -429px -40px;
}
#ndigital-copy a.current {
	background: url(../images/common/global_navi.gif) no-repeat -429px -80px;
}
#ndigital-delivery a {
	background: url(../images/common/global_navi.gif) no-repeat -572px top;
}
#ndigital-delivery a:hover {
	background: url(../images/common/global_navi.gif) no-repeat -572px -40px;
}
#ndigital-delivery a.current {
	background: url(../images/common/global_navi.gif) no-repeat -572px -80px;
}
#nother a {
	background: url(../images/common/global_navi.gif) no-repeat -715px top;
	width: 145px;
}
#nother a:hover {
	background: url(../images/common/global_navi.gif) no-repeat -715px -40px;
}
#nother a.current {
	background: url(../images/common/global_navi.gif) no-repeat -715px -80px;
}

/* ドロップダウンメニュー */
#global-navi li ul{
	position: absolute;
	display: none;
	z-index: 1;
}
#global-navi li ul li {
	font-size: 0.833em;
	text-indent: 1em;
	height: 30px;
	border-bottom: 1px solid #fff;
	clear: left;
}
#global-navi ul.gsub {
	-moz-box-shadow: 2px 2px 8px #aeaecc;
    -webkit-box-shadow: 2px 2px 8px #aeaecc;
    box-shadow: 2px 2px 8px #aeaecc;
}
#global-navi ul.gsub li a {
	color: #606060;
	text-align: left;
	text-decoration: none;
	line-height: 30px;
	background-color: #eaeaea;
	background-image: none;
	display: block;
}
#global-navi ul.gsub li a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #35318E;
	background-image: none;
}





/* コンテンツ
--------------------------------------*/
#to-top {
	font-size: 0.834em;
	clear: both;
	text-align: right;
}
#to-top a:link,
#to-top a:visited,
#to-top a:hover,
#to-top a:active{
	color: #808080;
}
#to-top a {
	background: url(../images/common/arrow_page_top.gif) no-repeat left center;
	padding-left: 12px;
}
#to-top a:hover {
	background: url(../images/common/arrow_page_top_on.gif) no-repeat left center;
}


/* サイドメニュー付ページ
--------------------------------------*/
#main {
	float: right;
	width: 640px;
	display: inline;
	margin: 20px 10px;
	position: relative;
}
#side-menu {
	float: left;
	width: 160px;
	display: inline;
	margin: 20px 10px;
	position: relative;
	color: #35318E;
	font-size: 0.9em;
	line-height: 2;
}
#side-menu a:link {
	color: #35318E;
	text-decoration: none;
}
#side-menu a:visited {
	color: #35318E;
	text-decoration: none;
}
#side-menu a:hover {
	color: #F01995;
	text-decoration: none;
}
#side-menu a:active {
	color: #F01995;
	text-decoration: none;
}

#side-menu div.menu {
	width: 158px;
	border: 1px solid #8F8FDA;
	margin-bottom: 10px;
}
#side-menu div.menu ul li {
	background: url(../images/common/bg_side_menu.gif) repeat-x;
	height: 2em;
	border-bottom: 1px dashed #8F8FDA;
	padding-left: 5px;
}
#side-menu div.menu ul li a {
	background: url(../images/common/arrow_side_menu.gif) no-repeat left center;
	padding-left: 10px;
}
* html #side-menu div.menu ul li a {
	padding-top: 3px;
}
#side-menu div.menu ul li a:hover {
	background: url(../images/common/arrow_side_menu_on.gif) no-repeat left center;
}
#side-menu div.menu ul li.current {
	background: url(../images/common/bg_side_menu_on.gif) repeat-x;
}
#side-menu div.menu ul li.current a {
	color: #F01995;
	background: url(../images/common/arrow_side_menu_on.gif) no-repeat left center;
}
#side-menu .cond {
	letter-spacing: -0.05em;
}

/* フッター
--------------------------------------*/

#footer {
	border-top: 1px solid #E1E1F5;
	font-size: 0.834em;
	line-height: 1.3;
	color: #FFF;
	clear: both;
}
#footer-menu a,
#footer-menu a:visited,
#footer-menu a:hover,
#footer-menu a:active {
	color: #35318E;
}
#footer-menu {
	width: 830px;
	background-image: linear-gradient(#fff,#ddddf4);
/* 	background: #CECEEF url(../images/common/bg_footer_menu.gif) repeat-x; */
	padding: 5px 20px 12px 10px;
	font-size: 0.834em;
}
#footer-menu ul {
	color: #35318E;
	float: left;
	border-right: 1px solid #CECEEF;
	display: inline;
	padding-right: 10px;
	margin-top: 7px;
	font-size: 1.1em;
}
#footer-menu ul li {
	padding-left: 10px;
}
p#order-button {
	float: right;
	margin-top: 7px
}
#address {
	width: 820px;
	background: #5555C7 url(../images/common/bg_footer_address.gif) repeat-x left top;
	padding: 10px 20px;
}
#address table {
	margin: 0 auto;
	width: 820px;
}
#address table a {
 color: #FFFFFF;
}
#address table tr td {
	padding-left: 0.5em;
}
#address table tr td.office {
	padding-right: 0.5em;
	border-right: 1px solid #CECEEF;
}
#footer-navi {
	background: #35318E;
	border-top: 1px solid #161642;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#footer-navi a,
#footer-navi a:visited,
#footer-navi a:hover,
#footer-navi a:active {
	color: #FFF;
}
#footer-navi p img {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
}
#footer-navi ul li {
	display: inline;
	float: left;
	padding-top: 10px;
}
#footer-navi address {
	float: right;
	padding-top: 10px;
}


/*
　共通
-----------------------------------------------------*/
#main h1 {
	margin-bottom: 10px;
}
#main h2 {
	margin-bottom: 5px;
}
#main p {
	margin-bottom: 20px;
}
#main .text-right {
	text-align: right;
}
.price-section,
.data-manual {
	overflow: hidden;
	margin: 0 10px 20px;
}
.price-section div,
.data-manual div {
	width: 530px;
	float: right;
	display: inline;
}
.price-section P {
	clear: both;
}
.price-section table {
	width: 100%;
	margin-bottom: 10px;
}
.price-section th,
.price-section td,
.price-data th,
.price-data td {
	border: 1px solid #E1E1E1;
	font-size: 1.16em;
	padding: 5px 10px;
	text-align: left;
}
.price-section .number th {
	text-align: center;
	background: #F0F0F0;
}
.price-section td span {
	font-size: 0.85em;
}
.price-section tr td:last-child() {
	font-weight: bold;
	text-align: right;
}
span.caption {
	display: block;
	margin-top: 10px;
}
.banner-block {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
}
.mov {
	margin: 30px 0;
}


/*
　ホーム
-----------------------------------------------------*/
#home #main {
	width: 640px;
	float: left;
	display: inline;
	position: relative;
	margin: 0px 10px 20px;
}
#home h2 {
	padding-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#home #main p {
	margin-bottom: 0;
}
#home #main-content {
	line-height: 1.3;
	width: 400px;
	float: right;
	position: relative;
	display: inline;
	overflow: hidden;
}
#home #solution {
	width: 398px;
	border: 1px solid #8F8FDA;
}
#home #lead {
	width: 358px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#home #lead p {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3;
}
#home .article {
	width: 360px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #8F8FDA;
}
#home #cad-service {
	border: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#home #main-content h4 {
	margin-bottom: 5px;
}
#home #main-content p img {
	float: left;
	margin-right: 10px;
}
#home #sub-content {
	width: 220px;
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
}
#sub-content p img {
	margin-bottom: 5px;
}
#recommend,
#news {
	border: 1px solid #8F8FDA;
	margin-bottom: 10px;
}
#main-content h3,
#recommend h3,
#news h3{
	margin-bottom: 20px;
}
#recommend ul {
	width: 180px;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#recommend li {
	margin-top: 5px;
	padding-top: 10px;
}
#recommend li + li {
	border-top: 1px solid #8F8FDA;
}
#news {
	margin-top: 20px;
}
#news dl {
	line-height: 1.3;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#news dl dt {
	font-weight: bold;
}
#news dl dd {
	padding-bottom: 5px;
	border-bottom: 1px solid #8F8FDA;
	margin-bottom: 5px;
}
#news dl dd.lastchild {
	border: none;
}
#home #sidebanner {
	display: inline;
	float: right;
	width: 170px;
	margin: 0 0 20px 10px;
	overflow: hidden;
}
#home #sidebanner p {
	margin-bottom: 10px;
}

#home #solution{
	border-collapse: collapse;
	border-spacing: 0;
}
.iso {
	margin-top: 30px;
	text-align: center;
}

.banner-block h4 {
	width: 22em;
	background: linear-gradient(0deg, rgba(255,250,0,0.5) 0%, rgba(255,250,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	margin: 20px auto 10px;
	color: #001d7e;
	font-size: 24px;
	text-align: center;
}
.banner-block p {
	color: #001d7e;
	font-size: 14px;
}
.banner-block p + p {
	margin-top: 10px;
}
.btn-banner {
	display: flex;
	align-items: center;
	width: 160px;
	height: 60px;
	background: #f08300;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
.btn-banner:hover {
	background: #e50012;
	text-decoration: none;
}
.btn-banner span {
	margin-right: 15px;
	padding-left: 0.5em;
	color: #fff;
}
.btn-banner svg {
	transform: scale(1.5);
}


/*
　印刷コピー共通
-----------------------------------------------------*/

.fullcolor-print,
.fullcolor-print {
	width: 315px;
	float: left;
	display: inline;
}
.web-submit,
.web-submit {
	width: 315px;
	float: right;
	display: inline;
}
.dataup,
.dataup {
	float: right;
	display: inline;
}
.dataup li,
.dataup li {
	display: inline;
	margin-left: 5px;
}
.dataup li a:hover img,
.dataup li a:hover img {
	opacity: 0.8;
}



/*
　名刺作成　はがき・封筒作成
-----------------------------------------------------*/
#name-card #main,
#post-card #main {
	width: 660px;
	margin: 20px 0;
}
#name-card #main p,
#post-card #main p {
	margin-bottom: 10px;
}
#name-card .section,
#post-card .section {
	width: 640px;
	overflow: hidden;
	margin: 0 10px 20px;
}
#name-card h1,
#post-card h1 {
	margin-bottom: 20px;
}
#name-card .lead,
#post-card .lead {
	overflow: hidden;
}
#name-card .lead .right,
#post-card .lead .right {
	width: 340px;
	padding-top: 10px;
	color: #000;
	font-size: 1.16em;
	line-height: 1.4;
}

#name-card .heading,
#post-card .heading  {
	margin-left: 10px;
	padding-left: 65px;
	background: url(../print/img/namecard_06.png) no-repeat left top;
	clear: both;
}
#name-card .heading {
	margin-top: 40px;
}
#gallery-h,
#gallery-v {
	margin: 0 5px;
}
#gallery-h li {
	width: 53px;
	height: 32px;
	border: 1px solid #E1E1E1;
	float: left;
	display: inline;
	margin: 0 5px 5px;
}
#gallery-v {
	margin-bottom: 40px;
}
#gallery-v li {
	width: 32px;
	height: 53px;
	border: 1px solid #E1E1E1;
	float: left;
	display: inline;
	margin: 0 16px 5px 15px;
}
#gallery-h.portrait-card li {
	width: 100px;
	height: 57px;
	margin-bottom: 40px;
}

/* 名刺・はがき・封筒共通 */
#name-card h3,
#post-card h3 {
	width: 80px;
	float: left;
	display: inline;
}
#post-card h4 {
	margin-bottom: 5px;
}

.second {
	margin-top: 20px;
}
.color-chart {
	margin-bottom: 10px;
}
.color-chart li {
	width: 126px;
	height: 30px;
	float: left;
	display: inline;
	margin: 0 6px 6px 0;
	border: 1px solid #e1e1e1;
	text-align: center;
	line-height: 30px;
}
.c-brown {
	background: #f9d487;
}
.c-silver {
	background: #ddd;
}
.c-greenish {
	background: #d9feaf;
}
.c-lightblue {
	background: #d2f8ff;
}
.c-blue {
	background: #1090f9;
}
.c-green {
	background: #8be020;
}
.c-gray {
	background: #a8a8a8;
}
.c-orange {
	background: #fe9e32;
}
.c-yellow {
	background: #ffdb08;
}
.c-sky {
	background: #c4e4f7;
}
.c-cream {
	background: #fef5b0;
}
.p-blue {
	background: #afefff;
}
.p-green {
	background: #beffb7;
}
.p-gray {
	background: #c9c9c9;
}
.p-metal {
	background: #d5d5d5;
}
.p-aqua {
	background: #bbe9f3;
}
.p-beige {
	background: #f9e2c2;
}
.p-pink {
	background: #ffded4;
}
.p-orange {
	background: #fdc973;
}
.fig img {
	margin: 10px 30px 10px 0;
}


/*
　はがき・封筒作成
-----------------------------------------------------*/
#post-card .print-charge p {
	margin-top: 10px;
	font-size: 0.85em;
	line-height: 1.3;
}
#post-card .print-charge td:nth-child(2),
#post-card .print-charge td.font-bold {
	font-weight: bold;
	text-align: right;
}
#post-card .print-charge td.font-normal {
	font-weight: normal;
	text-align: left;
}



/*
　軽印刷
-----------------------------------------------------*/
#print h2 {
	font-size: 1em;
	color: #FFF;
	line-height: 1em;
	padding-top: 5px;
	padding-left: 10px;
}
#print #main table img {
	margin-top: 5px;
}
#print .price-section {
	margin-left: 0;
	margin-right: 0;
}
#print .price-section h3 {
	float: left;
}
.card-print {
	background: url(../print/img/bg_card_pring.png) no-repeat 0 30px;
	margin-bottom: 20px;
}
.card-print .lead {
	margin-left: 390px;
}
.card-print:after {
	content:"";
	display: table;
	clear: both;
}
.card-print h2 {
	background: #068bd0;
	padding-bottom: 5px;
}
.price-section .light-print-price {
	width: 530px;
	float: right;
	margin-bottom: 20px;
}
.price-section .light-print-price tr:first-child {
	background: #F0F0F0;
}
.price-section .light-print-price th {
	text-align: center;
}
.price-section .light-print-price td {
	font-weight: bold;
	text-align: right;
}

/*
　大判印刷
-----------------------------------------------------*/

#large-print h2 {
	font-size: 1em;
	color: #FFF;
	line-height: 1em;
	padding-top: 5px;
	padding-left: 10px;
}
#large-print #main table img {
	margin-top: 5px;
}


/*
　大判出力
-----------------------------------------------------*/
#large-copy h1  {
	margin-bottom: 20px;
}
#large-copy h2 {
	background: url(../print/img/h2_large_copy2.gif) no-repeat left top;
	text-indent: -9999px;
	height: 97px;
	width: 580px;
	margin-bottom: 20px;
	overflow: hidden;
}
#large-copy #size {
	font-size: 1.4em;
	line-height: 1.2;
	margin-bottom: 20px;
	background: url(../print/img/large_copy_sample.jpg) no-repeat right bottom;
}
#large-copy h3 {
	margin-bottom: 10px;
}
#large-copy #size dd {
	text-indent: 1em;
}
#large-copy h4 {
	margin-bottom: 10px;
}
#large-copy div.displayBoard {
	width: 310px;
	display: inline;
	position: relative;
}
#large-copy div.displayBoard img {
	margin-right: 20px;
	float: left;
}
#large-copy p.product {
	color: #00AA83;
	font-size: 1.2em;
	margin-bottom: 5px;
}
#large-copy .color-12 {
	clear: both;
	padding-top: 60px;
}
#large-copy .color-12 h2 {
	width: 100%;
	background: none;
	text-indent: 0;
}
#large-copy .color-12 .lead {
	width: 615px;
	height: 89px;
	background: url(../print/img/p_12color.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#large-copy .color-12 #size {
	background: none;
}


/* 耐水ポスター印刷
-----------------------------------------*/
#poster .poster-feature p {
	margin-bottom: 0;
}
.poster-title {
	min-height: 280px;
	background: url(../print/img/img_poster.jpg) no-repeat right top;
	margin-bottom: 20px;
}
.poster-title-txt {
	width: 420px;
	color: #000;
}
.poster-title h2 {
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.poster-title p {
	font-size: 14px;
}
.poster-feature,
.poster-feature li  {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.poster-feature p {
	margin-left: 20px;
}
.poster-feature li + li {
	margin-left: 40px;
}
#poster h3 {
	margin-top: 40px;
	color: #000;
	font-size: 1.5em;
	text-align: center;
}
.poster-sample {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.poster-sample li {
	width: 90px;
	margin-bottom: 20px;
}
.poster-sample li:nth-child(n+13) {
	width: 127px;
}
.poster-sample li {
	margin-left: 20px;
}
.poster-sample li:first-child,
.poster-sample li:nth-child(7),
.poster-sample li:nth-child(13) {
	margin-left: 0;
}

#poster .price-section {
	margin: 0;
}
#poster .price-section h4 {
	margin: 20px 0 10px;

}
#poster .price-section table {
	width: 100%;
}
#poster .price-section th {
	background: #f2f2f2;
}
#poster .price-section td {
	font-weight: bold;
	text-align: right;
}
#poster .price-section strong {
	color: #e60012;
	font-weight: bold;
}

/* IC・IDカード印刷
-----------------------------------------*/
#ic-card .page-lead {
	margin-bottom: 50px;
}
#ic-card .page-lead h2 {
	color: #000;
}
#ic-card .lead {
	color: #000;
	font-size: 1.16em;
}
#ic-card .page-lead li {
	border: 1px solid #ccc;
}
.staff-card-sample {
	display: flex;
	justify-content: space-between;
}
.staff-card-sample li {
	width: 310px;
}
.staff-card-sample li,
.staff-card-sample img {
	border-radius: 6px;
}
.icid-card-sample {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.icid-card-sample li {
	width: 145px;
	height: 93px;
	margin: 0 17px 20px 0;
}
.icid-card-sample li:nth-child(4n) {
	margin-right: 0;
}
.icid-card-sample li,
.icid-card-sample img {
	border-radius: 3px;
}
#ic-card .price-section {
	margin-left: 0;
	margin-right: 0;
}
#ic-card .heading h2 {
	height: 39px;
	background: #fff url(../print/img/namecard_06.png) no-repeat left center;
	margin-bottom: 30px;
}
#ic-card .heading img {
	padding: 10px 0 0 70px;
}
#ic-card .price-section h3 {
	float: left;
}
#ic-card .id-card-print td {
	text-align: center;
}
.icid-card-print td:first-child {
	text-align: center;
}
.icid-card-print td:nth-child(2){
	font-weight: bold;
	text-align: right;
}
.iccard-use-scene {
	margin-bottom: 60px;
}
.iccard-use-scene ul {
	display: grid;
	grid-template-columns: repeat(4, 145px);
	gap: 20px;
	margin: 20px 0;
}
.iccard-use-scene dt {
	width: 145px;
	height: 30px;
	background: #00aa83;
	border-radius: 3px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
.iccard-use-scene dd {
	text-align: center;
}
.iccard-use-scene .card-illust {
	transform: rotate(-10deg);
}
#main .iccard-use-scene p {
	margin-bottom: 0;
	/* font-size: 1.16em; */
	text-align: justify;
}

.iccard-use-scene h3 {
	margin-bottom: 20px;
}

/*
　カラー・モノクロコピー
-----------------------------------------------------*/
#copy h2 {
	margin: 20px 0;
}
#copy p {
	font-size: 14px;
	color: #000;
}
#copy .price-section {
	width: 100%;
	margin: 20px 0;
	font-weight: bold;
	overflow: auto;
}
#copy .price-section th {
    background: #f0f0f0;
	font-weight: bold;
}



/* 写真プリント
-----------------------------------------*/
#photo-print h2 {
	color: #000;
}
#photo-print .lead {
	margin-bottom: 40px;
	font-size: 1.16em;
	color: #000;
}
.photo-print-sample {
	margin: 30px 0;
}
.photo-print-block {
	text-align: center;
}
.photo-print-block h3 {
	width: 180px;
	height: 30px;
	background: #808080;
	margin: 0 auto;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	border-radius: 15px;
}

.photo-print-block img {
	margin: 30px auto;
	text-align: center;
}
.photo-print-block + .photo-print-block {
	margin-top: 40px;
}
.photo-print-lang {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0 10px;
}
.photo-print-lang li {
	flex: 0 0 120px;
	height: 40px;
	background: #dfdfdf;
	margin-bottom: 10px;
	color: #000;
	font-family: helvetica,arial,sans-serif;
	font-size: 16px;
	line-height: 40px;
}
.photo-print-block th {
	background: #f2f2f2;
	text-align: center;
}
.photo-print-block .note {
	text-align: left;
}



/*
　青焼
-----------------------------------------------------*/

#aoyaki #main p.left {
	margin-right: 20px;
	display: inline;
}

/*
　第二原図
-----------------------------------------------------*/

#ppc #main p.left {
	margin-right: 20px;
	display: inline;
}


/*
　書籍コピー
-----------------------------------------------------*/
#book-copy h2 {
	margin-bottom: 20px;
	color: #000;
	font-size: 1.2em;
}
#book-copy #main dl {
	margin-bottom: 10px;
	color: #000;
	font-size: 1.1em;
	border: 1px solid #00AA83;
}
#book-copy #main dt {
	width: 184px;
	height: 50px;
	float: left;
}
#book-copy #main dd {
	padding-left: 194px;
}
.doc {
	height: 42px;
	padding-top: 8px;
	line-height: 1.3;
}
.savedata {
	height: 50px;
	line-height: 50px;
}


/*
　製本
-----------------------------------------------------*/
#book .lead {
	color: #000;
	font-size: 14px;
	text-align: justify;
}
#book .price-data {
	width: 100%;
	overflow: auto;
	margin: -10px 0 20px;
	font-size: 11px;
	text-align: center;
}
#book .price-data th {
	background: #f0f0f0;
	text-align: center;
	font-size: 11px;
	line-height: 1.3;
	font-weight: bold;
}
#book .price-data td {
	padding: 10px 10px;
}
/*
#book .price-data tr:nth-child(2n+1) td {
	background: #fafafa;
}
*/
#book h3 {
	margin: 20px 0 10px;
}
#book .binding {
	margin-top: 40px;
}
#book .binding h3 {
	margin-bottom: 20px;
	text-align: center;
}

/*
　ラミネート
-----------------------------------------------------*/
#laminate #main {
	margin-top: 10px;
}
#laminate #feature {
	width: 640px;
}
#laminate #feature ul {
	margin-bottom: 10px;
}
#laminate #feature ul li {
	display: inline;
	float: left;
	margin-right: 5px;
}
#laminate #feature ul li.last {
	margin-right: 0px;
	margin-left: 1px
}
#laminate h2 {
	clear: both;
	background: url(../book/img/h2_laminate.gif) no-repeat;
	text-indent: -9999px;
	height: 110px;
	margin-bottom: 10px;
	overflow: hidden;
}
#laminate #column1 {
	float: left;
	width: 310px;
}
#laminate #column2 {
	float: right;
	width: 310px;
}
#laminate #main .section {
	margin-bottom: 20px;
	clear: both;
}
#laminate .section p {
	float: left;
	margin-right: 10px;
	width: 130px;
}
#laminate .section dt {
	margin-bottom: 3px;
}
#laminate .section dd {
	line-height: 1.3;
	font-size: 0.9em;
}
#laminate p#note {
	clear: both;
	padding-top: 20px;
}

/*
　写真撮影・眺望撮影
-----------------------------------------------------*/
#photo-still .lead {
	min-height: 142px;
	margin-bottom: 30px;
	background: url(../photo/img/img_photo_still_01.jpg) no-repeat right top;
}
#photo-still .lead p {
	width: 420px;
	color: #000;
	font-size: 16px;
	line-height: 1.3;
}
#photo-still .type .left,
#photo-still .type .right {
	width: 300px;
	margin-bottom: 30px;
	padding-top: 206px;
}
#photo-still .type .left {
	background: url(../photo/img/photo_still04.jpg) no-repeat;
}
#photo-still .type .right {
	background: url(../photo/img/photo_still01.jpg) no-repeat;
}
#photo-still .type dt {
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: #00AA83;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
#photo-still .bridal {
	clear: both;
	margin-bottom: 30px;
	background: url(../photo/img/photo_still05.jpg) no-repeat;
}
#photo-still .bridal h2,
#photo-still .view h2 {
	margin-bottom: 5px;
}
#photo-still .bridal p,
#photo-still .view p {
	font-size: 14px;
}
#photo-still .bridal .copy {
	width: 320px;
	min-height: 225px;
	padding-left: 320px;
}
#photo-still .bridal .sample {
	margin-top: 20px;
	text-align: center;
}
#photo-still .view li {
	float: left;
	width: 310px;
	margin-right: 20px;
}
#photo-still .view .even {
	margin-right: 0;
}

/*
　スキャニング
-----------------------------------------------------*/
#scanning #main p.left {
	margin-right: 20px;
	display: inline;
}


/*
　CD/DVDコピー　テープダビング
-----------------------------------------------------*/
#cddvd #main {
	background: url(../digitalcopy/img/bg_cd_dvd.png) no-repeat 0 135px;
}
#cddvd #main h2 {
	margin-bottom: 15px;
}
#cddvd .topic1 {
	width: 340px;
	margin: 40px 0 0 300px;
}
#cddvd .topic1 p,
#cddvd .topic2 p {
	font-size: 1.2em;
	color: #000;
}
#cddvd .topic2 {
	background: url(../digitalcopy/img/bg_cd_dvd_topic2.jpg) no-repeat 360px 40px;
}
#cddvd .topic2 p {
	width: 340px;
}
#cddvd .topic2 p span {
	font-size: 0.85em;
}
#cddvd .topic2 li {
	float: left;
	margin-right: 10px;
	display: inline;
	text-align: center;
}
#cddvd .topic2 li img {
	margin-bottom: 5px;
}
#cddvd .price table {
	width: 100%;
	margin: 10px 0;
}
#cddvd .price th {
	background: #f2f2f2;
}
#cddvd .price th,
#cddvd .price td {
	border: 1px solid #E1E1E1;
	font-size: 1.16em;
	padding: 5px 10px 3px;
	text-align: center;
}
#cddvd .price td {
	font-weight: bold;
}

#cddvd .segment {
	margin-bottom: 20px;
}
#cddvd .segment li {
	float: left;
	width: 198px;
	height: 83px;
	border: 1px solid #90DAC6;
	margin: 0 20px 10px 0;
}
#cddvd .segment p {
	margin-top: 9px;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}
#cddvd .segment .line {
	margin-top: 16px;
}
#cddvd .case {
	width: 590px;
	margin-bottom: 30px;
	padding: 20px;
	border: 5px solid #f2f2f2;
	clear: both;
}
#cddvd .case h3 {
	margin-bottom: 10px;
}
#cddvd .case dl {
	width: 285px;
	margin-bottom: 15px;
	float: left;
}
#cddvd .case .case1 {
	margin-right: 20px;
}
#cddvd .case .outer {
	width: 590px;
	float: none;
	clear: both;
	margin-bottom: 0;
}
#cddvd .case .outer dt {
	width: 265px;
}
#cddvd .case dt {
	background: #aaa;
	margin-bottom: 5px;
	padding: 3px 10px 2px;
	color: #fff;
	font-weight: bold;
}
#cddvd .check dt,
#tapecopy .check dt {
	font-weight: bold;
}
#cddvd .check dd,
#tapecopy .check dd {
	margin-bottom: 10px;
	padding-left: 1em;
}
#cddvd .topic2 .note {
	clear: both;
	width: 100%;
	color: #606060;
	text-align: right;
}
#cddvd #main .note,
#tapecopy #main .note {
	font-size: 0.8333em;
}
#cddvd .option-print td:first-of-type {
	font-weight: normal;
	text-align: left;
}



/*　テープダビング　*/
#tapecopy #main {
	background: url(../digitalcopy/img/bg_tape_copy.jpg) no-repeat 360px 85px;
}
#tapecopy h2 {
	margin: 20px 0 20px;
}
#tapecopy .lede {
	width: 354px;
	font-size: 1.2em;
	color: #000;
	line-height: 1.4;
}
#tapecopy .note {
	margin: -10px 0 30px;
}
#tapecopy .price-section {
	margin: 20px 0 20px;
}
#tapecopy .price-section td {
	font-weight: bold;
	text-align: right;
}



/* 電子化サービス
-----------------------------------------*/
.dx-recommend {
	background: #fffded;
	border: 2px solid #fff000;
	border-radius: 20px;
	margin-top: 40px;
	padding: 38px 38px 18px;
}
.dx-recommend-header {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}
.dx-recommend-merit {
	margin: 20px 0;
}
.dx-recommend h2 {
	margin-top: 20px;
}
.dx-recommend p {
	font-size: 16px;
}

/*
　データ化
-----------------------------------------------------*/
/*
#data-convert {
	color: #000;
}
*/
#data-convert .for-office{
	margin-bottom: 40px;
	font-size: 14px;
}
#data-convert #main .note {
	color: #606060;
	font-size: 0.833em;
	line-height: 1.3;
}
#data-convert h2,
#data-convert h3 {
	margin-bottom: 20px;
}
#data-convert .flow {
	margin-bottom: 40px;
	text-align: center;
}
#data-convert .for-personal .left {
	margin-right: 30px;
}
#data-convert .options {
	width: 636px;
	height: 46px;
	border: 2px solid #f00;
	color: #f00;
	line-height: 50px;
	text-align: center;
}
#data-convert .price-section {
	margin: 0 0 20px;
}
#data-convert .price-section dt {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}


/* ダビング・動画データ編集
-----------------------------------------*/
.dubbing h1 + p,
.dubbing h2 + p {
	color: #000;
	font-size: 14px;
}
.movie-edit h3 {
	background: #606060;
	padding: 0.5em;
	color: #fff;
	text-align: center;
}
.movie-edit table {
	width: 100%;
}
.movie-edit table tr:nth-child(2n+1) {
	background: #fafafa;
}
.movie-edit table td:first-of-type {
	text-align: right;
}
.movie-edit table th[scope="col"] {
	background: #f0f0f0;
	text-align: center;
}
.movie-edit table th[scope="row"] {
	font-weight: bold;
}
.movie-edit table li {
	display: flex;
	justify-content: space-between;
	line-height: 1.6;
}
.movie-edit table span {
	font-weight: bold;
}




/*
　スキャニング
-----------------------------------------------------*/
#trace #main p.left {
	margin-right: 20px;
	display: inline;
}

/*
　SXF,P21,SFC変換
-----------------------------------------------------*/
#sxf .page-lead {
	margin-top: 20px;
	color: #000;
	font-size: 16px;
}
#sxf h3 {
	margin-top: 40px;
	text-align: center;
}
.sxf-list {
	width: 638px;
	background: #F8F8F8;
	background-repeat: no-repeat;
	background-position: right 40px center;
	border: 1px solid #E1E1E1;
	margin: 20px 0;
	color: #000;
	list-style: disc;
}
.sxf-list.sxf-trouble {
	background-image: url(../electronicdelivery/img/ill_sxf_1.png);
	padding: 20px 0 20px 40px;
}
.sxf-list.sxf-check {
	background-image: url(../electronicdelivery/img/ill_sxf_2.png);
	padding: 50px 0 50px 40px;
}

/*
　家電・文具
-----------------------------------------------------*/
div#home-electric {
	width: 640px;
	height: 200px;
	background:url(../other/img/bg_electric.jpg) no-repeat;
}
#home-electric h1 {
	margin-bottom: 10px;
	padding-top: 15px;
}
div#stationary {
	background: url(../other/img/bg_stationary.jpg) no-repeat;
	height: 220px;
	width: 640px;
}
#stationary h1 {
	margin-bottom: 10px;
	padding-top: 35px;
}
#electric h2 {
	font-size: 1.25em;
	line-height: 1.4;
	color: #000;
	width: 265px;
	font-weight: normal;
}
#electric h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#electric ol {
	width: 640px;
	list-style: none;
}
#electric ol li {
	display: inline;
	float: left;
	width: 165px;
}
#electric ol li.last {
	width: 145px;
}

#electric ol li dl dt {
	width: 165px;
	margin-bottom: 5px;
}
#electric ol li.last dl dt {
	width: 145px;
}
#electric ol li dl dd {
	width: 145px;
	line-height: 1.3;
}


/*
　ソフトウェア開発
-----------------------------------------------------*/
#software p#lead {
	color: #000;
	font-size: 1.3em;
	line-height: 1.3;
	padding-top: 5px;
}
#software #mainimage {
	float: left;
	margin-bottom: 20px;
	width: 300px;
}
#software #point {
	float: right;
}
#software #point li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.3;
	margin-bottom: 10px;
	width: 310px;
}
#software #flow {
	clear: both;
	background: #EFFAF7 url(../other/img/img_software_02.jpg) no-repeat right top;
	padding: 10px 10px 5px 10px;
}
#software h2 {
	margin: 10px 0 15px 10px;
}
#software .step {
	width: 290px;
	float: left;
	display: inline;
	margin: 0 10px;
}
#software h3 {
	margin-bottom: 5px;
	padding-left: 40px;
}
#software .step dd {
	line-height: 1.3;
	padding-left: 40px;
	margin-bottom: 20px;
}
#software #step1 {
	background: url(../other/img/num_01.png) no-repeat 0 0;
}
#software #step2 {
	background: url(../other/img/num_02.png) no-repeat 0 0;
}
#software #step3 {
	background: url(../other/img/num_03.png) no-repeat 0 0;
}
#software #step4 {
	background: url(../other/img/num_04.png) no-repeat 0 0;
}
#software #step5 {
	background: url(../other/img/num_05.png) no-repeat 0 0;
}
#software #step6 {
	background: url(../other/img/num_06.png) no-repeat 0 0;
}
#software #step7 {
	background: url(../other/img/num_07.png) no-repeat 0 0;
}
#software #step8 {
	background: url(../other/img/num_08.png) no-repeat 0 0;
}
#software #step9 {
	background: url(../other/img/num_09.png) no-repeat 0 0;
}
#software #step10 {
	background: url(../other/img/num_10.png) no-repeat 0 0;
}
#software #step11 {
	background: url(../other/img/num_11.png) no-repeat 0 0;
}


/*
　ウェブデザイン
-----------------------------------------------------*/
#web #main {
	margin: 0;
	width: 660px;
}
#web #head {
	margin: 20px 10px 0;
	background: url(../other/img/bg_webdesign_01.jpg) no-repeat right top;
}
#web h1{
	padding: 40px 0 5px;
}
#web h2 {
	margin-bottom: 40px;
}
#web #head p {
	color: #000;
	font-size: 1.3em;
	line-height: 1.3;
}
#web .point {
	width: 200px;
	float: left;
	display: inline;
	font-size: 1.1em;
	margin: 0 10px;
}
#web h3 {
	margin-bottom: 10px;
}
#web #webcontents {
	color: #0099D9;
}
#web #webdesign {
	color: #C94E97;
}
#web #webstandard {
	color: #F08437;
}
#web .footnote {
	width: 280px;
	border: 5px solid #d2d2d2;
	float: left;
	display: inline;
	margin: 0 10px 30px;
	padding: 15px 10px 0px;
}
#web .footnote p {
	line-height: 1.4;
	margin-bottom: 10px;
}
#web #flow {
	width: 660px;
	position: relative;
	margin-bottom: 20px;
}
#web h4 {
	clear: both;
	margin: 0 10px 20px;
}
#web .step {
	width: 310px;
	float: left;
	display: inline;
	margin: 0 10px;
}
#web .step dt {
	margin-bottom: 5px;
}
#web .step dd {
	line-height: 1.3;
	margin-bottom: 15px;
}
#web #cms {
	width: 310px;
	color: #00AA83;
	border: 1px solid #00AA83;
	position: absolute;
	left: 340px;
	bottom: 15px;
}
#web #cms h5 {
	text-align: center;
	background-color: #00AA83;
	padding: 8px 4px;
}
#web #cms p {
	line-height: 1.3;
	margin: 10px 15px 10px;
}

/*
　会社概要
-----------------------------------------------------*/
div#company-data2 {
	width: 640px;
	background: url(../company/img/company_image.jpg) no-repeat right top;
	height: 255px;
}

/*
　店舗紹介
-----------------------------------------------------*/
#outline-shop #main table {
	background: #fff;
	border-collapse: separate;
	border-spacing: 5px;
}
#outline-shop #main td {
	padding: 15px 0;
}
#outline-shop #main td img {
	padding-left:20px;
}

/*
　プライバシーポリシー
-----------------------------------------------------*/
#privacy-policy ol {
	padding-left: 50px;
}
#privacy-policy ol li {
	font-weight: bold;
}
#privacy-policy ol li ol {
	margin: 10px 0;
}
#privacy-policy ol li ol li {
	font-weight: normal;
}