@charset "utf-8";

/* ====================================================================== */
/* テンプレートの上書き */
/* ====================================================================== */
body {
	min-width: 1200px;
	min-height: 100%;
	background: url(../img/lawsonPrint/misc/bg.gif) transparent;
	background-position: center top;
}

a {
	color: #e02548;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}

#container {
	width: auto;
	background-image: none;
}

#social_btn {
	margin-right: auto;
	margin-left: auto;
}

/* ====================================================================== */
/* 汎用系 */
/* ====================================================================== */
/* ===== エリア囲み ===== */
#dqxpri-wrapper,
.dqxpri-modal {
	color: #000;
	font-size: 14px;
	font-family:
		Verdana,
		Roboto,
		"Droid Sans",
		"游ゴシック",
		YuGothic,
		"メイリオ",
		Meiryo,
		"ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic ProN",
		"ＭＳ Ｐゴシック",
		sans-serif;
	text-align: left;
	line-height: 1.5;
}

/* ===== 大見出し ===== */
#dqxpri-title {
	overflow: hidden;
	text-align: center;
}
	#dqxpri-title.small {
		margin-bottom: 20px;
	}

/* ===== コンテンツボックス ===== */
#dqxpri-box {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 45px;
	width: 950px;
	background-image: url(../img/lawsonPrint/misc/box/bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
	#dqxpri-box-main {
		padding-top: 38px;
		background-image: url(../img/lawsonPrint/misc/box/top.png);
		background-repeat: no-repeat;
	}
	/* ----- エリアインデント ----- */
	.dqxpri-box-indent {
		margin-right: auto;
		margin-left: auto;
		width: 840px;
	}

	/* ----- トップページの場合 ----- */
	#dqxpri-print-top #dqxpri-box {
		z-index: 1;
		margin-top: -70px;
	}

/* ===== 注釈ボックス ===== */
.dqxpri-notice-box {
	margin-right: auto;
	margin-left: auto;
	padding-top: 26px;
	padding-bottom: 26px;
	width: 660px;
	color: #b80022;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
	background-color: #ffe6eb;
	border: 3px solid #c93853;
}

/* ===== 見出し ===== */
.dqxpri-head {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	overflow: hidden;
	width: 870px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-indent: 20px;
	line-height: 2.3;
	background-image: url(../img/lawsonPrint/misc/head/large.png);
}

/* ===== ナンバーつきリスト ===== */
.dqxpri-list {
}
	.dqxpri-item {
		margin-top: 15px;
		padding-left: 30px;
		background-repeat: no-repeat;
	}
	.dqxpri-item:first-child {
		margin-top: 0;
	}
	.dqxpri-item.item-1 {
		background-image: url(../img/lawsonPrint/misc/icon/1.jpg);
	}
	.dqxpri-item.item-2 {
		background-image: url(../img/lawsonPrint/misc/icon/2.jpg);
	}
	.dqxpri-item.item-3 {
		background-image: url(../img/lawsonPrint/misc/icon/3.jpg);
	}

/* ===== FAQリスト ===== */
.dqxpri-faq {
}
	/* 質問 */
	.item-q {
		margin-top: 25px;
	}
		.item-q:first-child {
			margin-top: 0;
		}
		.item-q span {
			color: #559fda;
		}
	/* 回答 */
	.item-a {
		text-indent: -2em;
		padding-left: 2em;
	}
		.item-a span {
			color: #d75e75;
		}

/* ====================================================================== */
/* ボタン */
/* ====================================================================== */
/* -----
	画像選択
	画像履歴
----- */
#dqxpri-goto-imglist-button,
#dqxpri-goto-history-button {
	width: 311px;
	height: 66px;
}

/* ----- 閉じるボタン ----- */
.dqxpri-close-button {
	width: 201px;
	height: 46px;
}

/* ----- キャラクターを切り替える ----- */
#dqxpri-goto-chara-change {
	width: 311px;
	height: 46px;
}

/* ----- 戻るボタン ----- */
.dqxpri-back-button,
.dqxpri-goto-history-button-2 {
	width: 201px;
	height: 46px;
}

/* ----- 色ボタン ----- */
.dqxpri-button {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
}
	.dqxpri-button:hover {
		background-position: 0 bottom;
	}
	/* 矢印つき */
	.dqxpri-button.with-arrow:before {
		position: absolute;
		display: block;
		content: '';
		height: 100%;
		width: 100%;
		background-image: url(../img/lawsonPrint/misc/icon/button_arrow.png);
		background-repeat: no-repeat;
		background-position: 25px center;
	}

/* スリム系 */
.gray-button,
.red-slim-small-button,
.red-slim-middle-button,
.red-slim-large-button,
.blue-slim-small-button,
.blue-slim-middle-button {
	height: 46px;
	line-height: 2.6;
}
/* 灰色 */
.gray-button {
	width: 201px;
	height: 46px;
	background-image: url(../img/lawsonPrint/misc/button/gray.png);
}
/* 赤系 */
.red-slim-small-button {
	width: 291px;
	background-image: url(../img/lawsonPrint/misc/button/red_slim_small.png);
}
.red-slim-middle-button {
	width: 311px;
	background-image: url(../img/lawsonPrint/misc/button/red_slim_middle.png);
}
.red-slim-large-button {
	width: 411px;
	background-image: url(../img/lawsonPrint/misc/button/red_slim_large.png);
}
/* 青系 */
.blue-slim-small-button {
	width: 201px;
	background-image: url(../img/lawsonPrint/misc/button/blue_slim_small.png);
}
.blue-slim-middle-button {
	width: 301px;
	background-image: url(../img/lawsonPrint/misc/button/blue_slim_middle.png);
}

/* 大きい系 */
.red-large-button {
	width: 411px;
	height: 66px;
	line-height: 3.7;
	background-image: url(../img/lawsonPrint/misc/button/red_big.png);
}

.red-big-button {
	width: 311px;
	height: 66px;
	line-height: 3.7;
	background-image: url(../img/lawsonPrint/misc/button/red_large.png);
}

/* スモール系 */
.blue-middle-button {
	width: 271px;
	height: 46px;
	line-height: 2.5;
	background-image: url(../img/lawsonPrint/misc/button/blue_middle.png);
}
.red-small-button {
	width: 111px;
	height: 27px;
	font-size: 14px;
	line-height: 1.9;
	background-image: url(../img/lawsonPrint/misc/button/red_small.png);
}


/* ====================================================================== */
/* テキストカラー系 */
/* ====================================================================== */
/* 注意書き */
.dqxpri-notice {
	color: #ff0000;
}
.strong {
	font-size:16px;
	font-weight:bold;
}
/* ====================================================================== */
/* トップページ */
/* ====================================================================== */
/* ===== にぎやかし ===== */
.dqxpri-chara {
	position: absolute;
}
	#dqxpri-chara-1 {/* 左上 */
		top: 700px;
		left: -52px;
	}
	#dqxpri-chara-2 {/* 右上 */
		top: 1042px;
		right: -72px;
	}
	#dqxpri-chara-3 {/* 左下 */
		bottom: -90px;
		left: 65px;
	}
	#dqxpri-chara-4 {/* 右下 */
		bottom: -136px;
		right: 60px;
	}

/* ===== どうやって作るの？ ===== */
#how-to {
	position: relative;
}
	/* リスト */
	#how-to .dqxpri-list {
		float: left;
		width: 590px;
	}
	/* プリンター画像 */
	#how-to img {
		position: absolute;
		top: -53px;
		right: 0;
	}

/* ===== 表組み ===== */
#dqxpri-type-table {
	width:600px;
	margin:10px auto;
}
	#dqxpri-type-table th,
	#dqxpri-type-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		border: 2px solid #d2d2d2;
	}
	#dqxpri-type-table th {
		color: #fff;
		text-align: center;
		border-bottom: none;
		background-color: #1066ab;
	}
	#dqxpri-type-table td {
		border-top: 1px dotted #d2d2d2;
		border-bottom: none;
	}
	#dqxpri-type-table .top-cap {
		border-top: 2px solid #d2d2d2;
	}
	#dqxpri-type-table .bottom-cap {
		border-bottom: 2px solid #d2d2d2;
	}

/* ====================================================================== */
/* 一覧 */
/* ====================================================================== */
/* ===== 画像選択キャラ ===== */
#dqxpri-current-chara {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	width: 870px;
	font-size: 16px;
	font-weight: bold;

}
	#dqxpri-current-chara table {
		margin-right: auto;
		margin-left: auto;
	}

/* ===== 画像一覧エリア ===== */
#dqxpri-img-list {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 870px;
	border-top: 2px solid #d7d7d7;
	border-bottom: 2px solid #d7d7d7;
}
	/* ----- 画像サムネ一単位 ----- */
	.dqxpri-img-item {
		float: left;
		margin-left: 5px;
		width: 286px;
		height: 161px;
		background-image: url(../img/lawsonPrint/misc/icon/loading.gif?2);
		background-repeat: no-repeat;
		background-position: center;
	}

/* ====================================================================== */
/* 専用ページャ */
/* ====================================================================== */
.dqxpri-pager {
}
	.dqxpri-pager table {
		margin-right: auto;
		margin-left: auto;
	}
	/* ----- 次へ前へボタン ----- */
	.dqxpri-pager .img-button {
		width: 21px;
		height: 21px;
	}
	.dqxpri-pager-first,
	.dqxpri-pager-last {
		width: 26px;
	}
	.dqxpri-pager-prev,
	.dqxpri-pager-next {
		width: 36px;
	}
	.dqxpri-pager-last {
		width: 26px;
	}
		.dqxpri-pager-next a,
		.dqxpri-pager-last a {
			float: right;
		}
	/* ----- 数字部分 ----- */
	.dqxpri-pager-index,
	.dqxpri-pager-index-first {
		padding-left: 9px;
		padding-right: 9px;
		border-left: 2px solid #dbdbdb;
	}
	.dqxpri-pager-index-first {
		border-left: none;
	}

/* ====================================================================== */
/* モーダル */
/* ====================================================================== */
.dqxpri-modal {
	padding-top: 15px;
}

.dqxpri-modal-frame {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	width: 890px;
	box-sizing: border-box;
	background-color: #fff;
	border: 3px solid #1066ab;
}
	/* ３重罫線部分 */
	.dqxpri-modal-main {
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
		box-shadow: 0 0 0 1px #87b2d5,
			0 0 0 3px #1066ab,
			0 0 0 6px #fff;
	}
	.dqxpri-modal-main table {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	.dqxpri-modal-body {
		width: 808px;
	}
	/* ----- 拡大画像部分 ----- */
	#dqxpri-modal-img {
		position: relative;
		overflow: hidden;
		width: 808px;
		height: 456px;
	}
		#dqxpri-modal-img:after {
			display: block;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 808px;
			height: 456px;
			background-repeat: no-repeat;
			background-position: center;

		}
		#dqxpri-modal-img img {
			display: block;
		}
		/* ローディングアイコン */
		#dqxpri-modal-img.dqxpri-img-loading:after {
			background-color: rgba( 0, 0, 0, 0.5 );
			background-image: url(../img/lawsonPrint/misc/icon/loading.gif?2);
		}
		/* フリーズ */
		#dqxpri-modal-img.dqxpri-img-freezed:after {
			background-color: rgba( 0, 0, 0, 0.5 );
			background-image: url(../img/picture/txt_freezed.png);
		}
	/* ----- 成功画像 ----- */
	#dqxpri-modal-success {
		overflow: hidden;
		height: 0;
	}
	/* ----- ナビエリア ----- */
	.dqxpri-modal-navi {
		margin-right: auto;
		margin-left: auto;
		padding-top: 20px;
		width: 768px;
	}
		.dqxpri-modal-navi-item,
		.dqxpri-modal-status-item {
			overflow: hidden;
		}
			.dqxpri-modal-navi-item-box {
			}
	/* ----- 次へ前へ ----- */
	.dqxpri-modal-prev,
	.dqxpri-modal-next {
		width: 32px;
	}
		.dqxpri-modal-prev .img-button,
		.dqxpri-modal-next .img-button {
			position: relative;
			width: 32px;
			height: 51px;
		}
		.dqxpri-modal-prev .img-button {
			left: -20px;
		}
		.dqxpri-modal-next .img-button {
			right: -22px;
		}
		/* それぞれの無効状態 */
		.dqxpri-modal-prev .img-button.disabled,
		.dqxpri-modal-next .img-button.disabled {
			visibility: hidden;
			cursor: default;
		}
	/* ----- 閉じるアイコン ----- */
	#dqxpri-modal-close {
		position: absolute;
		top: -23px;
		right: -21px;
		width: 33px;
		height: 33px;
	}
	/* ----- テキスト入力エリア ----- */
	.dqxpri-modal-input {
		width: 300px;
		padding: 8px;
		font-size: 14px;
		border: 1px solid #1066ab;
	}
	/* ----- モーダル全表示エラー ----- */
	#dqxpri-modal-largeimage-error,
	#dqxpri-modal-notfound-error {
		padding-top: 150px;
		padding-bottom: 150px;
	}

/* ===== 画像一覧ページ用 ===== */
.dqxpri-modal.dqxpri-img-modal {
	width: 920px;
	height: 800px;
}
/*  履歴ページ用 ===== */
.dqxpri-modal.dqxpri-history-modal {
	width: 770px;
}
	.dqxpri-history-modal .dqxpri-modal-frame {
		width: 740px;
	}
	.dqxpri-history-modal .dqxpri-modal-body {
		width: 658px;
	}
	.dqxpri-history-modal .dqxpri-modal-prev .img-button,
	.dqxpri-history-modal .dqxpri-modal-next .img-button {
		display: none !important;
	}

/* ====================================================================== */
/* 送信履歴画面 */
/* ====================================================================== */
/* ----- キャラ箱の上書き ----- */
#dqxpri-print-history #dqxpri-current-chara {
	width: auto;
	padding-bottom: 20px;
	border-top: 2px solid #d2d2d2;
	border-left: 2px solid #d2d2d2;
	border-right: 2px solid #d2d2d2;
}
/* ----- 履歴箱 ----- */
#dqxpri-history-box {
	margin-right: auto;
	margin-left: auto;
	width: 660px;
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
	border-bottom: 3px solid #d2d2d2;
}
/* ===== 履歴テーブル ===== */
#dqxpri-history-table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
	/* 無効カラー */
	#dqxpri-history-table tr.disabled {
	}
		#dqxpri-history-table tr.disabled td,
		#dqxpri-history-table tr.disabled th {
			background-color: #e5e5e5;
		}
	#dqxpri-history-table th,
	#dqxpri-history-table td {
		padding-top: 6px;
		padding-bottom: 6px;
		border: 2px solid #d2d2d2;
	}
	#dqxpri-history-table th {
		color: #fff;
		text-align: center;
		border-bottom: none;
		background-color: #1066ab;
	}
	#dqxpri-history-table td {
		border-top: 1px dotted #d2d2d2;
		border-bottom: none;
	}
	#dqxpri-history-col-1,
	#dqxpri-history-col-2,
	#dqxpri-history-col-3 {
		border-top: none;
	}
	#dqxpri-history-col-1,
	#dqxpri-history-col-3 {
		width: 26%;
	}