@charset "UTF-8";
@import url('/system/css/master.css');
@import url('/system/css/master_middle.css') screen and (max-width: 780px);
@import url('/system/css/master_slim.css') screen and (max-width: 480px);

body {
	max-width: 860px;
}
:root {
--basecolor_black: #000;
--basecolor_deep: #041;
--basecolor_dark: #008000;
--basecolor_medium: #3a3;
--basecolor_light: #cfffcf;
--basecolor_pale: #f9fff9;
--basecolor_white: #fff;
--positive_deep: #f70;
--positive_dark: #f93;
--positive_medium: #fa6;
--positive_light: #fc9;
--positive_pale: #fec;
--negative_deep: #f33;
--negative_dark: #f66;
--negative_medium: #f99;
--negative_light: #fcc;
--negative_pale: #fee;
--disable_deep: #333;
--disable_dark: #666;
--disable_medium: #999;
--disable_light: #ccc;
--disable_pale: #eee;
}
/*
*{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:10pt;
}
*/

/*======================================
クラス：O
--------------------------------------*/
.option {}
/* オプショングループ <div> */
.option_group dl{}
.option_group_title {}
.option_group_content {
  padding: 0.2em;
}
.option_group_content>p {
  margin: 0;
  padding: 0;
  text-indent: 1em;
}

/*======================================
クラス：P
--------------------------------------*/
/* 価格グループ <div> */
.price_category dl{}
.price_category_title { /* <dt> */
padding: 0.2em;
padding-left: 0.4em;
background-color: #bbf0b3;
border: 1px solid #0b4c00;
border-left: 5px solid #0b4c00;
}
.price_category_content { /* <div> */
padding: 0.2em;
}
.price_category_content>p {
margin: 0;
padding: 0;
text-indent: 1em;
}

/* 価格 <dd> */
.price {
  font-size: 135%;
/*
  margin-left: .4em;
  margin-right: .4em;
*/
  color: #e00;
}
.price>ul {
clear: both;
padding: 0.8em;
border: 1px solid #0b4c00;
background-color: white;
margin-bottom: 0.6em;
}
.price_content {
margin-left: 3em;
}

/* テンプレートのサイズ表示用 */
.printdata-size { /* <table> */
  clear: both;
  width: 80%;
  margin: 1em auto !important;
}
.printdata-size th,
.printdata-size td {
  padding: .2em .4em;
  font-size: 115%;
}

/*======================================
 クラス：R
--------------------------------------*/
/* recommend ☆☆☆ 最大☆3 */
.recommend-unknown {
  background-color: #ccc;
}
.recommend-nogood {
  background-color: #fcc;
}
.recommend-neither { /* どちらでもない */
  background-color: #ffc;
}
.recommend-good {
  background-color: #ccf;
}
.row3>li img {
  width: 100%;
}
ul.relation {
width:100%;
margin:0;
padding:0;
}
ul.relation li {
display:block;
text-align:center;
line-height:2.4em;
float:left;
width:33.3%;
padding:1px;
}
ul.relation li a {
display: block;
border: 1px green solid;
padding: 6px;
line-height: 135%;
text-decoration:none;
}
ul.relation li a:hover {
text-decoration: underline;
background-color: #ded;
}

/* CLASS: S
.shiagari {
  margin: 0 .6em;
}
.shiagari:before {
  content: "[";
}
.shiagari:after {
  content: "]";
}


/* CLASS: T
--------------------------------------*/
.tile {
	margin: 0;
}

/*======================================
タグ：A
--------------------------------------*/
a.btn {
	font-size: 125%;
	border: 1px green solid;
	padding: .3em .6em;
	background-color: #dfd;
}
a.btn:hover {
	background-color: #ded;
	text-decoration: underline;
}
a.btn-180x60 {
	display: table-cell;
	width: inherit;
	height: 58px;/*60px;*/
	line-height: 115%;
	text-decoration: none;
	border: 1px green solid;
	font-size: 125%;
	vertical-align: middle;
}
a.btn-180x60:hover {
	text-decoration: underline;
	background-color: #ded;
}
a.new {
	position: relative;
}
a.new:after {
	content: "NEW";
	position: absolute;
	color: red;
	font-weight: bold;
	background-color: red;
	border-radius: 5px;
	color: white;
	top: -4px;
	left: -4px;
	font-size:9pt;
	height: 9pt;
	line-height: 9pt;
	padding: 4px;
}
/*
a.detail {
  display: inline-block;
  border:1px green solid;
  border-radius: 5px;
  padding: .6em 1.2em;
  text-decoration: none;
}
*/

/* TAG: B
--------------------------------------*/
body {
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 12pt;
}

/* TAG: D
--------------------------------------*/
dl.list { display: block; margin: 0; padding: 0; }
dl.list dt { display: inline; margin: 0; padding: 0; }
dl.list dd { display: inline; margin: 0; padding: 0; margin-left: 0.4em; }
dl.list ul { display: inline; margin: 0; padding: 0; }
dl.list li { list-style-type: none; display :inline; }

/*======================================
タグ：I
--------------------------------------*/
/* スクリーンショット <img>
-------------------------------------*/
img.img,
img.border { border: 1px gray solid; }
img.screenshot {
	float: left;
	margin: 0 .8em .8em 0;
}
img {
	max-width: 100%;
}

/* TAG: N
--------------------------------------*/
/* ナビゲーション nav
--------------------------------------*/
nav.document li {
  width: 49%;
  vertical-align: top;
}
nav.document li a:before {
	content: "";
	margin-right: 0;
}
nav.document li a {
	color: green !important;
	padding-left: 20px;
	background: url('/images/icon/marker02.png') no-repeat 0 50%;
}
nav.document li a:visited {
	color: green !important;
}

/* TAG: O
--------------------------------------*/
option[selected] {
	background-color: #bbf0b3;
}
ol.proccess {
	margin: 8px;
	padding: 0;
}
ol.proccess>li {
	list-style-type: none;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px gray solid;
}
ol.proccess>li:last-child {
	margin-bottom: 6px;
	padding-bottom: 0;
	border-bottom: none;
}

/*======================================
タグ：P
--------------------------------------*/
p {
	margin: .4em;
	font-size: 90%;
line-height:150%;
}
p>a {
	margin: auto .2em;
}

/* TAG: P
--------------------------------------*/
pre {
  font-family: initial;
  font-size: 90%;
  line-height: initial;
  margin: .4em;
}

/* TAG: S
--------------------------------------*/
select {
	font-size:9pt;
}

/*======================================
タグ：T
--------------------------------------*/
table.columns {
	margin: 0 auto;
	margin-bottom: 6px;
}
table.status td {
	min-width: 6em;
	max-width: 12em;
}
table.status:after {
	content: " ";
	display: block;
	clear: both;
}
table.price_group_table {
	width: 100%;
	font-size: 10.5pt;
}
table.price_group_table td {
	width: 6em;
}
table.product_summary_table {
	margin:0 0 1em 1em;
	float: right;
	width: 240px;
}
table.product_summary_table caption {
	display: none;
}
table.product_summary_table th {
	width: 4em;
}
table.order {
	width: 90%;
}
table.price_group_status td {
	width: 14em;
}
/* テンプレートダウンロードページのサイズ表用 */
table.datasize {
  clear: both;
  margin: .6em auto;
  font-size: 90%;
}
table.datasize caption {
  font-size: 90%;
  padding: .3em 0;
  text-align: right;
  display: table-caption;
}
table.datasize th {
  text-align: center;
  vertical-align: middle;
  padding: .4em;
  line-height: 115%;
}
table.datasize td {
  text-align: center;
  padding: .4em;
  vertical-align: middle;
}

/* TAG; U
--------------------------------------*/
ul.news .date {
	margin-right: .6em;
}
ul.next a {
	background: url('/images/icon/marker01.png') 0% 50% no-repeat;
	padding-left: 20px;
}
/* ul.tile -> .tile */
ul.tile2>li {
	text-align: center;
	line-height: 2.4em;
}
ul.tile2>li>a{
	border: 1px green solid;
/*
	font-size: 125%;
*/
	text-decoration: none;
	display: block;
	margin: .1em;
padding: .6em;
line-height: 135%;
}
ul.tile2>li>a:hover{
	text-decoration: underline;
	background-color: #ded;
}
td ul {
	list-style-type: none;
}

.productCategory>div>ul {
	margin: .6em;
	margin-left: 2em;
}

/*======================================
section:
	ID
--------------------------------------*/

/*========
 ID:C
--------*/
#credit-banner {
	text-align: right;
}

.content_header dl {
  background-color: #f6fff6;
  margin: 1em;
  border: 1px #60a060 solid;
  border-radius: 1em;
  padding: .6em;
}
.content_header dt {}
.content_header dd {
  margin: .3em 1em;
}

/*========
 ID:L
--------*/
#login-and-search {
	text-align: right;
}


/* コンテクストメニュー
--------------------------------------*/
/* マーカー（チェック用） */
#contents_menu li {
line-height: 1.4em;
list-style-type: none;
}
#contents_menu li:before {
content: url('/images/icon/marker02.png');
margin-right: 4px;
}

#contents-index ul {
margin: 0;
padding: 0;
}
#contents-index dl {
margin: 6px;
padding: 0;
text-align: center;
}
#contents-index dd {
margin: 0;
padding: 0;
text-align: left;
}
#contents-index * {
border: none !important;
}
#contents-index .card {
background-color: transparent !important;
}

#copyright {
	text-align: center;
	color: #fff;
	padding: 8px;
}
#copyright a {
	color: #fff;
}

/*======================================
ID：F
--------------------------------------*/
#footer {
	background-color: #afa;
}
#footer-menu li {
  list-style-type: none;
  text-align: center;
}
#footer-menu li a {
	height: 32px;
	line-height: 32px;
}
#footer-index * {
background-color: transparent;
border: none;
}

/* ID：H
--------------------------------------*/
#header>p {
	background-color: #bbf0b3;
	text-align: right;
	font-size: 9pt;
	margin: 0;
        margin-bottom: 3px;
	padding: 0;
	color: #0b4c00;
}

/*======================================
ID：M
--------------------------------------*/
/* 左メニュー <div>
--------------------------------------*/
#menu li {
	font-size: 80%;
	list-style-image: url('/images/icon/marker1.png');
	position:relative;
}
#menu li li {
	font-size: 100%;
}
#menu li a {
	color: #404040;
	text-decoration: none;
}
#menu li a:hover {
	text-decoration: underline;
}

/* コンテンツメニュー<ul>
--------------------------------------*/
#menu_contents {
	margin: 0 0 8px 16px;
	margin:4px 8px;
}
#menu_contents li {
	line-height: 1.5em;
}

/*======================================
ID：S
--------------------------------------*/

/* ID：T
--------------------------------------*/
#top li {
	vertical-align: middle;
}
#toppage-softwares {
  width: 20%;
}
#toppage-banner-products {}
#toppage-banner-products li {
/*  padding: 0 1px;*/
  line-height: 1;
}
#toppage-banner-products li>a {
  margin: 0 1px;
  display: block;
}
#toppage-banner-products li>a>img {
  width: 100%;
}


/*----- サンプルダウンロードinkscape用リンク -----*/
div.inkscape {
margin-top:4px;
}
div.inkscape a {
padding: 2px;
padding-left: 18px;
background: 0% 50% url('/images/icon/inkscape047_16.png') no-repeat;
}

/* 代替ソフトウェア */
.substitute_software {
clear: both;
display: block;
text-align: center;
border: 1px orange solid;
border-radius: 5px;
padding: 8px;
width:80%;
margin: 6px auto;
background-color: #fff8f1;
}

/* クラス：B
--------------------------------------*/
.bxslider { /* <ul> */
margin-bottom: 16px;
}
.bxslider li {
display: none;
}
.bxslider li:first-child {
display: block;
}
.bxslider img {
  margin: 0 auto;
}

/* クラス：H
--------------------------------------*/
.history { /* ul */
  list-style-type: none;
  margin: .6em 1em;
  font-size: 90%;
}
.history li {
  line-height: 135%;
}

/* マーカー（チェック用） <ul>
--------------------------------------*/
.marker-check {
margin-left: 16px;
}
.marker-check dt {
background: url('/images/icon/marker-check01.png') 0% 2px no-repeat;
padding-left: 20px;
font-size: 100%;
line-height: 180%;
list-style-type: none;
}
.marker-check dd {
  margin-left: 2em;
}
.marker-check li {
font-size: 100%;
list-style-type: none;
line-height: 145%;
margin-left: 1em;
list-style-image: url('/images/icon/marker-check01.png');
}

.notice {
margin: 0;
color: red;
font-weight: bold;
}

.menu_sub {
visibility: hidden;
position:absolute;
top: -5px;
left: 158px;
width: 380px;
background-color:#f6fff0;
border:1px gray solid;
padding: .4em .4em;
margin: 0;
z-index:100;
}
.menu_sub p {
margin: 0;
}
.menu_sub ul {
margin: .3em;
}
.menu_sub li {
line-height: 135%;
}

.window {
background-color: white;
}

/* CLASS: C
-------------------------------------*/
.clearfix {
  display: block;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

/* CLASS: T
--------*/
.template_image {
	display: table;
	margin: .3em auto;
}
.template_image img {
/*
	display: table-cell;
*/
	vertical-align: middle;
	margin: 0 15px;
	max-width: 180px;
	max-height: 180px;
}

.marker li {
list-style-type: none;
}
.marker li:before {
content: url('/images/icon/marker02.png');
margin-right: 4px;
position: relative;
top: 2px;
}

a.icon-sai {
background:url('/images/icon/sai1_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
a.icon-draw {
background:url('/images/icon/OOo32draw_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
a.icon-scalc {
background:url('/images/icon/OOo-scalc_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
a.icon-pdf {
background:url('/images/icon/pdf_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
/*a.icon-inkscape,*/
a.icon-svg {
background:url('/images/icon/inkscape047_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
a.icon-illustrator,
a.icon-eps {
background:url('/images/icon/ai_16px.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}
a.icon-photoshop {
background:url('/images/icon/photoshop12_16.png') no-repeat 0;
padding:2px;
padding-left: 20px;
}

button.btn01 {
font-size:14pt;
margin:0;
padding:0;
padding-left:18px;
padding-right:4px;
border-width:0;
height:40px;
width:140px;
background:url('/images/button01.png') center left;
}

/*======================================
紹介文
--------------------------------------*/
.introduce {
overflow: hidden;
width: 96%;
margin: 6px auto;
}
.introduce_icon {
min-height: 64px;
}

/* テンプレートダウンロード <table>
-------------------------------------- */
table.template-download {
  clear: both;
  width: 80%;
  margin: 4px auto;
}
table.template-download th {
  text-align: center;
  width: 8em;
  font-size:80%;
}
table.template-download th a {
  text-decoration: none;
}
table.template-download td ul {
  margin-left: 1em;
}



/* テンプレートダウンロード用タイル
--------------------*/
ul.relation-attachment, /*  */
ul.template-download_tile { /* <ul> */
  width: 85% !important;
  margin: 1em auto;
  border: 1px green solid;
  border-radius: 5px;
  padding: 6px;
}
ul.relation-attachment { /* new */
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  justify-content: flex-start;
  gap: .3em;
}
.template-download_tile li {
  display: display-inline;
  text-align: center;
  padding: 6px 4px;
  width: calc((100% - .3em * 4) / 5);
}
.template-download_tile a {
  display: block;
  height: 48px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  font-size:9pt;
  margin:2px;
}
.template-download_tile li span {
  font-size: 90%;
}
.template-download_tile img {
  max-width: 48px;
  max-height: 48px;
}
.template-download_tile li:hover {
/*  text-decoration: underline;*/
/*
  border: 1px solid #aca;
*/
  border-radius: 5px;
  background-color: #ded;
/*
  padding: 5px 3px;
*/
}



/* inlineのアイコン表示
--------------------------------------*/
/* inkscape */
.icon-inkscape {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/inkscape047_16.png') 0% 100% no-repeat;
}
/* GIMP */
.icon-gimp {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/gimp26_16.png') 0% 100% no-repeat;
}
/* LibreOffice */
.icon-libo {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/libo332draw_16.png') left center no-repeat;
}
/* Paint.NET */
.icon-paintdotnet {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/paintdotnet3_16.png') left center no-repeat;
}
/* FireAlpaca */
.icon-firealpaca {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/firealpaca1_16.png') left center no-repeat;
}
/* Scribus */
.icon-scribus {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/scribus_v146_16px.png') left center no-repeat;
}
/* Illustrator */
.icon-illustrator {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/ai_16px.png') left center no-repeat;
}
/* Photoshop */
.icon-photoshop {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/photosop12_16.png') left center no-repeat;
}
/* OOo */
.icon-ooo {
display: inline-block;
margin-right: 4px;
padding-left: 20px;
background: url('/images/icon/ooo32draw_16.png') left center
no-repeat;
}

/* new 2013-06-20 */
.icon-new {
display: inline-block;
padding-right: 22px;
background: url('/images/icon/new.gif') right center no-repeat;
}
/* new 2013-06-20 */
.icon-update {
display: inline-block;
padding-right: 22px;
background: url('/images/icon/up.gif') right center no-repeat;
}
/* new 2015-06-29 */
a.icon-japanpost {
/*
display: inline-block;
*/
padding-left: 22px;
background: url('/images/icon/delivery/japanpost.ico') left center no-repeat;
}



/* 注意
--------------------------------------*/
.exclamation {
  background: url('/images/icon/exclamation.png') #ffe no-repeat 8px 8px;
  border: 1px #cc3 solid;
  border-radius: 8px;
  padding: .6em;
  padding-left: 48px;
  width: 90%;
  margin: .4em auto;
  clear: both;
  min-height: 32px;
}
.cross {
background: url('/images/icon/cross-circle.png') no-repeat 12px 12px;
border:1px gray solid;
border-radius: 8px;
padding:1em;
padding-left:52px;
width: 80%;
margin: 0 auto;
}
/* 情報 <DIV> */
.information {
  background: url('/images/icon/information.png') #eef no-repeat 8px 8px;
  border: 1px #33c solid;
  border-radius: 8px;
  padding: .6em;
  padding-left: 48px;
  width: 90%;
  margin: .4em auto;
 /*
 clear: both;
*/
  min-height: 32px;
  font-size: 100%;
}

/* トップページのアイコン用
--------------------*/
.toppage-icons {}
.toppage-icons li {
line-height: 110%;
text-align: center;
}
.toppage-icons a {
display: block;
height: 96px;
text-decoration: none;
font-size:9pt;
}
.toppage-icons a:hover {
text-decoration: underline;
background-color: #ded;
}
.toppage-icons img {
  max-width: 48px;
  max-height: 48px;
}

/*======================================
section:
  商品関連
--------------------------------------*/
/*
.product_deliver ul {
    margin: 1em;
}
*/
.product_deliver ul>li {
    line-height: 135%;
}
/*======================================
section:
オリジナル
--------------------------------------*/
.cards .card-header .title {
font-size: 110%;
}
.cards {
  margin: 3px 0;
}
.card-header {
  background-color: #bbfcb3;
  color: #0b4c00;
}
.card>div>ul {
  margin: .6em;
}

/* オリジナル
--------------------------------------*/
.my_product_table {
float: right;
width:280px;
margin: 0 0 1em 1em;
}
.my_product_table th {
width: 6em;
}

/* カスタム：カード
-------------------------------------*/
th>a.detail {
  display: block !important;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* キング封筒 <blockquote>
--------------------------------------*/
.king_envelope {
padding:12px;
white-space: pre-wrap;
border: 1px gray solid;
border-radius: 8px;
}

/* 画像を右に寄せる */
.image_fr,
.image_side {
clear: both;
display: block;
width: 240px;
float: right;
margin: 0 0 .3em .9em;
text-align: center;
}
.image_fr img,
.image_side img {
border-width: 0;
max-width: 240px;
}

.transparent {
background: url('/images/transparent_16x16.png') repeat;
}

span.necessary {
color: red;
text-align: right;
display: block;
}
span.necessary:before {
content: "※";
}



/* インデックスページ：プリントライの便利サービス */
.page-index-service li {
text-align:center;
}
.page-index-service li a {
border: 1px green solid;
text-align: center;
display: block;
height: 60px;
width:180px;
line-height: 60px;
margin: 2px auto;
padding: 0;
}

section header:after {
content: "";
display: block;
clear: both;
}
.section>*:after {
content: "";
display: block;
clear: both;
}

.section-meta {
text-align: right;
font-size: 90%;
}
section>div>ul {
  margin: .6em 0;
}
section section {
	margin-left: .6em;
}

img.fl {
margin: 0 1em 1em 0;
}
img.fr {
margin: 0 0 1em 1em;
}

/* overload
-------------------------*/
.product_status {
float: right;
margin: 0 0 1em 1em !important;
width: 240px;
font-size: 9pt;
}
/**
補足
note:
※を付けたくなるような追加情報用
*/
.note {
margin: 0 0.4em;
}
.note:before {
content: "※";
margin-right: 0.4em;
}


/* [system] ポップアップヘルプ <span>
----------------------------------- */
.popup_help {
display: inline-block;
position: relative;
}
.popup_help>span { /* "?" */
display: inline-block;
height: 11px;
width: 11px;
font-size: 8pt;
text-align: center;
cursor: pointer;
border: 1px green solid;
border-radius: 7px;
margin-left: 2px;
}
.popup_help>p {
display: none;
border: 1px gray solid;
padding: 6px;
color: black;
background-color: white;
z-index: 1000;
white-space: pre;
}

/* 商品系 */
.product_content {}

.payment_summary .payment_title {
font-size: 14pt;
}
.delivery_summary .delivery_title {
font-size: 14pt;
}

.type_in_template {
  color:#d00;
}

/* X: Twitter
------------------*/
div.x-twitter {
  width: 80%;
  text-align: center;
  border:green solid 1px;
  padding: 1em;
  margin: .6em auto;
  line-height: 175%;
}

.process-cancel,
.process-back {
color: white;/*orange;/*red;*/
background-color: #f66;/*red;/*#fcc;/*darkorange;/*#fcc;*/
border-color: #f66;/*darkorange;/*#f00;*/
}
.process-cancel:hover,
.process-back:hover {
color: #f66;/*red;/*darkorange;/*red;*/
background-color: #fff;/*#ffa;/*#fff;*/
border-color: #f66;/*darkorange;/*#f00;*/
}

.process-order {
color: #fff;
background-color: orange;
border-color: darkorange;
}
.process-order:hover {
color: #fff;
background-color: darkorange;
border-color: darkorange;
}

details img {
max-width: 360px;
max-height: 240px;
margin: 0 auto;
/*
display: block;
*/
}
#menu {
	width: 180px;
	min-width: 180px;
}

/*======================================
 media screen: middle
--------------------------------------*/@media screen and (max-width: 780px){
/*========
 TAG:L
--------*/
/*
li>a>br {
  display: none;
}
*/
/*========
 ID:B
--------*/
body {
  width: 100%;
  font-size: 12pt;
}

/*========
 ID:M
--------*/
#menu li {
  font-size: 100%;
}

/*
	.cards {
		margin: 0 2px;
	}
*/
	.headerBanner {
		width:100%;
	}
	#credit-banner {
		display: none;
	}
	#menu {
		width: 100%;
		float: none;
	}
	#contents {
                margin: 0 !important;
		width: 100%;
		float: none;
	}

.template-download_tile li {
  width: calc((100% - .3em * 3) / 4);
}
	#contents {
		width: 100% !important;
		float: initial !important;
	}
}
/*======================================
 media screen: slim
--------------------------------------*/@media screen and (max-width: 480px){
body {
	font-size: 14pt !important;
}
.cards {
	margin: 0;
}
.card {
	border: none;
}
.row,
.row>* {
	display: block;
	width: 100% !important;
	margin: 0 !important;
	padding: 1px !important;
}
ul.tile2>li {
	width: 100%;
}
.toppage-icons a {
  font-size: inherit;
  height: inherit;
}
.toppage-icons li {
  height: calc(64px + 2.4em);
}

.nextProcess {
display: block;
}

/*========
 TAG:B
--------*/
button {
  display: block;
  margin: 1px 0;
}
button br {
  display: none;
}

/*========
 TAG:I
--------*/
input,
button {
  font-size: 125%;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  width: 100%;
  margin: 1px 0;
}

/*========
 TAG:L
--------*/
li>a>br {
  display: block;
}

/*========
 CLASS:S
--------*/
form.search {}
form.search input {}


	/* N:NAV
	--------------------------------------*/
	nav.document li {
		width: 100%;
	}

	input[type="text"],
	input[type="password"],
	textarea,
	select {
		width: 100%;
		display: block;
	}
	table.columns tr {
		width: 100%;
		display: block;
	}
	table.columns tr>* {
		display: block;
	}
	table.columns tr>* { /* background-color:yellow;*/
		border-top-width: 0;
	}
	table.columns tr>*:first-child { /* border:1px red solid;*/
		margin-top: 6px;
		border-top-width: 1px;
	}
	table.columns th+td { /* background-color:pink;*/
		margin: 0;
	}
	table.columns tr>td { /* colspanでtrの次がtdの場合対策 */
		margin: 0;
	}
	table.columns td[colspan] { /* background-color: blue;*/
		margin-top: 6px;
		border-top-width: 1px;
	}
	table.status {
		clear: both;
		width: 100%;
	}


table.columns th {
max-width: none;
}

	/* カード
	--------------------------------------*/
	.card button,
	.card input[type="button"],
	.card input[type="submit"] {
		width: 100%;
		padding: 6px;
	}
	.eyecatch {
		clear: both;
		margin: 0 auto;
	}

/*========
 ID:T
--------*/
#toppage_products {
  width:100%;
}
#toppage_products li {}

	#header>p {
		display: none;
	}
	#introduction {
		display: none;
	}
.menu_sub {
left: inherit;
width: inherit;
}

.template-download_tile li {
  width: calc((100% - .3em * 2) / 3);
}
}