@charset "utf-8";
/* ===================================================================
POS system
CSS
file name  :style.css
=================================================================== */

/*----------------------------------------------------
	基本レイアウト設定、リンクカラーなど
----------------------------------------------------*/
html, body {
	width: 100%;
	/* min-width:1080px; */
	margin: 0;
	padding: 0;
	padding-bottom:20px;
	background-color: #fafafa;
	font-family: Arial, sans-serif;
	font-size: 1em;

}

p {
	/*font-family:"A-OTF 新ゴ Pro R";*/
}

a, img {
	border: none; /*IE用*/
	text-decoration: none;
	border: none;
	outline: none;
}

a, button, input[type="radio"]+label, input[type="checkbox"]
, input[type="submit"], input[type="button"]
{
	cursor:pointer;
}

table, table thead tr th{
	table-layout: fixed;
}

td {
	background-color: #fff;
}

textarea {
	resize: none;
}

input[type="text"], input[type="number"], textarea {
	padding: 5px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#34302d;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
	text-align: right;
}

input[type="password"] {
	padding: 5px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#34302d;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
}

input[type="search"] {
	padding:5px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#34302d;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
}

input:focus, textarea:focus {
	border:solid 1px #ff9a1e;
	outline: 0;
}

/*For IE(input内のtext-align:rightで文字がカットされてしまう対策)*/
input[type="text"].price::-ms-clear {
	display: none;
}

select {
	cursor:pointer;
	padding:5px 10px;
	border-radius:2px;
	font-family: Arial, sans-serif;
	border:solid 1px #ccc;
	color:rgba(35, 38, 41, 0.8);
}

#header {
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1370px;
	height: auto;
	overflow: hidden;
	z-index: 10;
	border-bottom:	2px outset #afafaf;

	background: rgb(223,237,194); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZWRjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2I1ZWE1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzg3ZDExOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(223,237,194,1) 0%, rgba(181,234,89,1) 30%, rgba(135,209,25,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,237,194,1)), color-stop(30%,rgba(181,234,89,1)), color-stop(47%,rgba(135,209,25,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(223,237,194,1) 0%,rgba(181,234,89,1) 30%,rgba(135,209,25,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(223,237,194,1) 0%,rgba(181,234,89,1) 30%,rgba(135,209,25,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(223,237,194,1) 0%,rgba(181,234,89,1) 30%,rgba(135,209,25,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(223,237,194,1) 0%,rgba(181,234,89,1) 30%,rgba(135,209,25,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfedc2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

#logo {
	height: 50px;
	margin: 5px 10px;
	float: left;
	position: relative;
	z-index: 100;
}

#logo_login {
	width: 450px;
	margin: 150px 10px 5px 10px;
	margin-right: 248px;
	position: relative;
	z-index: 100;
}

#loginBox {
	width: 500px;
	height: 70px;
	margin-top: -15px;
	margin-left: 60px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	clear: both;
	border: 1px solid #aaaaaa;
	border-radius: 50px;
	background-image: linear-gradient(left bottom, rgb(153,153,153) 14%, rgb(212,212,212) 57%, rgb(173,173,173) 79%);
	background-image: -o-linear-gradient(left bottom, rgb(153,153,153) 14%, rgb(212,212,212) 57%, rgb(173,173,173) 79%);
	background-image: -moz-linear-gradient(left bottom, rgb(153,153,153) 14%, rgb(212,212,212) 57%, rgb(173,173,173) 79%);
	background-image: -webkit-linear-gradient(left bottom, rgb(153,153,153) 14%, rgb(212,212,212) 57%, rgb(173,173,173) 79%);
	background-image: -ms-linear-gradient(left bottom, rgb(153,153,153) 14%, rgb(212,212,212) 57%, rgb(173,173,173) 79%);
	background-image: -webkit-gradient(
							linear,
							left bottom,
							2 top,
							color-stop(0.14, rgb(153,153,153)),
							color-stop(0.57, rgb(212,212,212)),
							color-stop(0.79, rgb(173,173,173))
						);
}

#loginBox div {
	font-size: 0.8em;
	color: #666666;
	margin: 10px;
	text-align: left;
	float: left;
}

#loginBox span {
	display: block;
}

#loginBox input[type="text"], #loginBox input[type="password"] {
	display: block;
	width: 150px;
	height: 30px;
	margin: 0 5px 0 0;
	padding-left: 8px;
	border-radius: 20px;
	-moz-border-radius: 20px;
}

#loginBox input[type="submit"] {
	width: 80px;
	height: 40px;
	margin: 0 0 0 15px;
	position: relative;
	top: 15px;
	border-radius: 25px;
	background-color: #fafafa;
	color: #555555;
	font-weight: bold;
}

#menuBox {
	width: 90%;
	border-radius: 20px;
	clear: both;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
	border: 5px outset #dadada;
	border-top: 5px outset #f3f3f3;
	border-left: 5px outset #e5e5e5;
	border-radius: 30px 0 30px 0;
	background: #f9f9f9;
}

#menuBox hr.line {
	width: 97%;
	float: left;
	margin: 0;
	margin-left: 5px;
	margin-right: auto;
}

#menuBox hr.top {margin-right:5px;}
#menuBox hr.bottom {width:	97%; margin-left:5px; margin-right:auto;}


#menuBox div.group {
	float: left;
	padding: 5px;
}

#menuBox div.group.head {
	color: #2f4f4f;
	background: #fff;
	border: 5px outset #eee;
	border-top: 5px outset #f3f3f3;
	border-left: 5px outset #e5e5e5;
	border-right: 2px outset #eee;
	border-radius: 20px 0px 40px 0;
	width: 200px;
	height: 20px;
	font-size: 1.5em;
	letter-spacing: 0.5em;
	font-weight: bold;
	text-align: center;
}

#menuBox div.group span.title {
	width: 80px;
	height: 65px;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 5px;
	color: #9f9f9f;
	text-shadow: 1px 1px 5px rgba(100, 110, 0, 0.2);
}

.btnWrap {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(100%, #f6f6f6));
	background: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background: -moz-linear-gradient(top, #eaeaea, #f6f6f6);
	background: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background: linear-gradient(top, #eaeaea, #f6f6f6);
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	-ms-border-radius: 200px;
	-o-border-radius: 200px;
	border-radius: 200px;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.01);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.01);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.01);
	padding: 5px;
	display: inline-block;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 15px;
}

#menuBox a.menuBtn {
	width: 80px;
	height: 30px;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	padding-top: 10px;
	border-radius: 100px;
}


#menuBox a.menuBtn {
	font-family:Arial;
	font-weight:normal;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #cdcdcd) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #cdcdcd 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #cdcdcd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd');
	background-color:#ffffff;
	color:#666666;
	border:2px solid #cecece;
	text-shadow:1px 1px 0px #ffffff;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

#menuBox a.menuBtn:hover {
	color: #cecece;
	color: #32cd32;
	border:2px solid #adff2f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dedede), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #dedede 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #dedede 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff');
	background-color:#ffffff;
}

#menuBox a.menuBtn:active {
	position:relative;
	top:1px;
	color:	#32cd32;
	border:2px solid #adff2f;
}

/*
#menuBox div.group.yellow a.menuBtn {	border-color:	#E7BA21;}
#menuBox div.group.green a.menuBtn {	border-color:	#A1B91D;}
#menuBox div.group.navy a.menuBtn {	border-color:	#E67168;}
#menuBox div.group.brown a.menuBtn {	border-color:	#7FBCAD;}
*/

/*==========================
	ローディング画面
==========================*/

.loadingPage {
	display: none;
	width: 100%;
	height: 100%;
	background-color:rgba(250,250,250,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#loadingPage {
	display: none;
	width: 100%;
	height: 100%;
	background-color:rgba(250,250,250,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#loadingDiv {
	display: table;
	width: 100%;
	height: 100%;
}

#loadingMessage {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5em;
}

#loadingMessage img, #loadingMessage p{
	display: inline-block;
	vertical-align: middle;
}


/*==========================
	メニューバー関連
==========================*/


#header div#mainMenu {
		margin-top: 10px;
}

.logoutBtn {
	font-size: 0.8em;
	background-color: #fafafa;
	color: #555555;
	font-weight: bold;
	padding: 6px;
	border: 1px outset #aaaaaa;
	border-radius: 20px;
}

#header a.menuBtn {
	width: 100px;
	height: 30px;
	color: #666666;
	font-size: 0.9em;
	background-color: #f9f9f9;
	font-weight: bold;
	text-shadow: 0 -1px 0px #ffffff, 0 -2px 1px #ffffff;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	border: 2px inset #dddddd;
	margin: 5px;
	border-radius: 25px;
}

#header a.menuBtn span {
	position: relative;
	top: 5px;
	vertical-align: middle;
}

#header a.menuBtn span:active {
	position: relative;
	top: 5px;
}

#header a.menuBtn span.hasChild {
	font-size: 0.5em;
	margin-left: 5px;
}

#header a.menuBtn.tab {
	border-radius:25px 5px 0 0;
}

#header a.menuBtn:hover {
	color: #ccc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dedede), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #dedede 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #dedede 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff');
	background-color:#dedede;
}

#header a.menuBtn:active {
	position: relative;
	top: 1px;
}

#header a.menuBtn:active span.hasChild {
	position: relative;
	top: 5px;
}

.menuTab {
	position: fixed;
	overflow-y: auto;
	width: 100%;
	height: calc(100% - 90px);
	opacity: 0.9;
	background-color: #555555;
	z-index: 500;
}

.buttonCase {
	position: relative;
	overflow-y: auto;
	top: 5%;
	padding-bottom:20px;
	width: 95%;
	max-width:1100px;
	margin: auto;
}

.menuTab .buttonCase div.subMenuItem {
	margin: 10px;
	float: left;
}
.menuTab .buttonCase div.subMenuItem {
	margin: 10px;
	float: left;
}

.menuTab .buttonCase a.menuBtn_sub {
	width: 150px;
	height: 100px;
	color: #666666;
	background: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-shadow: 0 -1px 0px #555555, 0 -1px 0px #555555; /*暗色の影を使う場合*/
	text-shadow: 0 -1px 0px #ffffff, 0 -2px 1px #ffffff;
	text-align: center;
	display: table-cell;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius: 25px;
	vertical-align: middle;
}

/*==========================
	mainContent
==========================*/
#mainContents {
	width: 100%;
	padding-bottom: 40px;
	z-index: 0;
}

#contents {
	width: 90%;
	margin: auto;
	padding: 20px 10px 0 10px;
	padding-bottom: 40px; /*footerの高さ分 + margin-bottomの指定 */
}

#contents.login {
	width: 100%;
	text-align: center;
	padding: 0;
}

#breadcrumb {
	font-size: 0.8em;
	margin-bottom: 5px;
	color: #888;
}

#breadcrumb p {
	display: inline;
}

#popupContents {
	position: absolute;
	width: 95%;
	margin: auto;
	margin-top: 40px;
}

/*----------------------------------------------------
	コンテンツの子のレイアウト設定
----------------------------------------------------*/
#pageTitle {
	font-size: 1.3em;
	font-weight: bold;
	color: #555;
	margin-top: 10px;
}

#pageTitle.topPage {
	font-size: 1.5em;
}

#mainContents form {
	display: inline;
}

#subContents {
	width: 1300px;
	margin: auto;
	margin-top: 20px;
}

#subContents form {
	display: inline;
}


/*---------------------
	トップページ
----------------------*/
#datepicker.top {
	font-size: 60%;
	display: inline-block;
	width: 200px;
	float: left;
	margin: 38px 20px 0 0;
}
#date_val{
	display: none;
}

#subContents #masterTable.startlog {
	width: 800px;
	min-width: 120px;
	font-size: 14px;
	border-spacing: 0;
	margin-top: 40px;
}

#subContents #masterTable.startlog tr td {
	max-width: 100px;
}

#subContents #masterTable.startlog tr td p.shop_name{
	width:142px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#master{
	float: left;
	display: inline-block;
}











#masterTable {
	width: 100%;
	min-width: 1010px;
	font-size: 14px;
	border-spacing: 0;
	clear: both;
}

#masterTable tbody tr td.btnCell {
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	padding: 10px;
}

#masterTable.startlog tbody tr {
	height: 50px;
	vertical-align: top;
}

#masterTable.startlog tbody tr td p {
	margin: 0px;
	height: 20px;
	line-height: 20px;
}

#masterTable.shop tbody tr {
	height: 80px;
	vertical-align: top;
}

#masterTable.log tbody tr {
	height: 42px;
	vertical-align: middle;
}

#masterTable.shop tbody tr td {
	padding-top: 10px;
	word-break: break-all;
	table-layout: fixed;
}

#masterTable.shop tbody tr td.img {
	text-align: center;
	vertical-align: middle;
}

#masterTable.shop tbody tr td.btnCell {
	text-align: center;
	vertical-align: middle;
}

#masterTable.shop tbody tr td p {
	margin: 0;
}

#masterTable th {
	height: 32px;
	background: #777;
	border-left: 1px solid #ccc;
	color: #fff;
}

#masterTable th:last-child {
	width: 55px;
}

#masterTable tr td {
	border-left: 1px solid #aaa;
	max-width: 200px;
	padding: 5px;
	table-layout: fixed;
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#masterTable tr td p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#masterTable tr td:last-child {
	border-right: 1px solid #aaa;
}

#masterTable tr:last-child td {
	border-bottom: 1px solid #aaa;
}

#masterTable tr:nth-child(even) td {
	background-color: #EBEBEB;
}

#masterTable input[readonly] {
	background-color: #eee;
}

#masterTable th.sortable{
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: underline;
}

#subContents #smallMasterTable {
	width: 550px;
	font-size: 14px;
	border: 1px solid #c1dca6;
	border-radius: 5px;
	border-collapse: collapse;
	margin: 10px 0px 30px 0px;
	-moz-box-shadow: 3px 3px 3px 3px #DDD;
	-webkit-box-shadow: 3px 3px 3px 3px #DDD;
	box-shadow: 3px 3px 3px 3px #DDD;
}

#subContents #smallMasterTable th {
	border: 1px solid #99ba84;
	background: #c1dca6;
}

#subContents #smallMasterTable td {
	border: 1px solid #99ba84;
	padding: 5px;
}

#subContents #smallMasterTable tr:nth-child(odd) td {
	background-color: #EBEBEB;
}

#subContents #smallMasterTable tr.total td {
	border-top: 2px solid #99ba84;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eee), color-stop(100%, #fff) );
	background:-moz-linear-gradient( center top, #eee 0%, #fff 100%);
	background:-ms-linear-gradient( top, #eee 5%, #fff 100% );
}

#subContents #smallMasterTable tr.total td:first-of-type {
	background: #c1dca6;
}

#subContents #transactionTable {
	font-size: 14px;
	text-align: left;
	border-spacing: 0;
}

#subContents #transactionTable th {
	width: 150px;
	height: 35px;
	background: #ccc;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: right;
	padding: 5px;
	padding-right: 25px;
}

#subContents #transactionTable td {
	height: 27px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px;
}

#subContents #transactionTable tr:last-child th {
	border-bottom: 1px solid #999;
}

#subContents #transactionTable tr:last-child td {
	border-bottom: 1px solid #999;
}

#subContents #transactionTable td.error {
	border: none;
	background: none;
}

#subContents #transactionTable tr:last-child td.error {
	border: none;
	background: none;
}

#subContents #transactionTable tr:last-child th {
	border-bottom:	1px solid #999;
}


#subContents #transactionTable_2 {
	font-size: 14px;
	text-align: left;
	border-spacing: 0;
}

#subContents #transactionTable_2 th {
	width: 140px;
	height: 35px;
	background: #ccc;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	text-align: right;
	padding: 5px;
	padding-right: 25px;
}

#subContents #transactionTable_2 td {
	height: 27px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px;
}

#subContents #transactionTable_2 tr:last-child th {
	border-bottom: 1px solid #999;
}

#subContents #transactionTable_2 tr:last-child td {
	border-bottom: 1px solid #999;
}

#subContents #transactionTable_2 td.error {
	border: none;
	background: none;
}

#subContents #transactionTable_2 tr:last-child td.error {
	border: none;
	background: none;
}

#subContents #transactionTable_2 tr:last-child th {
	border-bottom:  1px solid #999;
}


/*-- 入力必須 注意書き --*/
span.asterisk {
	font-size: 0.8em;
	color: #bb0000;
}

/*-- 入力必須項目(※印) --*/
#subContents #transactionTable th span.asterisk {
	float: right;
	margin-right: -20px;
	margin-top: 0px;
}

/*-- 入力必須項目(※印) --*/
#subContents #transactionTable_2 th span.asterisk {
	float: right;
	margin-right: -20px;
	margin-top: 0px;
}

.errorDescription {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #bb0000;
}

#subContents #transactionTable td.error {
	border: none;
	background: none;
}

#subContents #transactionTable tr:last-child td.error {
	border: none;
	background: none;
}

.importantMessage {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #bb0000;
}


/*-- ポイント管理機能 子テーブル --*/

#subContents #transactionTable #paymentTable th {
	padding: 5px;
}

#subContents #transactionTable #paymentTable td:first-child {
	text-align:	left;
}

#subContents #transactionTable #paymentTable td {
	text-align:	center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#subContents #transactionTable #naProductTable th {
	padding: 5px;
}

#subContents #transactionTable #naProductTable td {
	text-align:	left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}



#transactionTable input[type="text"] {
	font-size: 0.8em;
}

#subContents #transactionTable tr:last-child td {
	border-bottom:	1px solid #999;
}


#subContents #transactionTable td.form span#txtnum {
	display:	inline-block;
	width:	0px;
	color:	#888;
	position:	relative;
	right:	0px;
	bottom:	5px;
	text-align:	right;
}

#subContents #transactionTable td.error {
	border:	none;
	background:	none;
}

#subContents #transactionTable tr:last-child td.error {
	border:	none;
	background:	none;
}

#transactionTable ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#transactionTable li {
	list-style-type: none;
	width: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}


#subContents #transactionTable_2 td {
	height: 27px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px;
}

#subContents #transactionTable_2 tr:last-child td {
	border-bottom: 1px solid #999;
}

#subContents #transactionTable_2 td.error {
	border: none;
	background: none;
}

#subContents #transactionTable_2 tr:last-child td.error {
	border: none;
	background: none;
}


/*-- ポイント管理機能 子テーブル --*/

#subContents #transactionTable_2 #paymentTable th {
	padding: 5px;
}

#subContents #transactionTable_2 #paymentTable td:first-child {
	text-align: left;
}

#subContents #transactionTable_2 #paymentTable td {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#subContents #transactionTable_2 #naProductTable th {
	padding: 5px;
}

#subContents #transactionTable_2 #naProductTable td {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}



#transactionTable_2 input[type="text"] {
	font-size: 0.8em;
}

#subContents #transactionTable_2 td {
	height: 27px;
	border-top: 1px solid #999;
	border-right:   1px solid #999;
	padding: 5px;
}

#subContents #transactionTable_2 tr:last-child td {
	border-bottom:  1px solid #999;
}


#subContents #transactionTable_2 td.form span#txtnum {
	display:	inline-block;
	width:  0px;
	color:  #888;
	position:   relative;
	right:  0px;
	bottom: 5px;
	text-align: right;
}

#subContents #transactionTable_2 td.error {
	border: none;
	background: none;
}

#subContents #transactionTable_2 tr:last-child td.error {
	border: none;
	background: none;
}

#transactionTable_2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#transactionTable_2 li {
	list-style-type: none;
	width: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#submitArea {
	width: 400px;
	margin-top: 30px;
}

#submitArea ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#subContents #odd {
	background-color: #ccc;
}


#subContents #transactionTable td table {
	padding: 5px;
	border-spacing: 0;
}

#subContents #transactionTable td table th {
	height:	10px;
	background:	#e9e9e9;
	border-top:	1px solid #999;
	border-left:	0px solid #999;
	border-right:	1px solid #999;
	text-align: center;
}

#subContents #transactionTable td table th:first-child.head {
	border-left:	1px solid #999;
}

#subContents #transactionTable td table td {
	height:	10px;
	text-align: left;
}

#subContents #transactionTable td table td:first-child {
	border-left:	1px solid #999;
}

#inTable  th {
	background: transparent !important; 
	border:	0 !important;
	padding: 0 !important;
	width: 80px !important;
	font-size: 0.8em !important;
	font-weight: normal !important;
}

#inTable  td {
	background: transparent !important; 
	border:	0 !important;
}

/*-- 入力必須項目(※印) --*/
#subContents #transactionTable #inTable th span.asterisk {
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 3px;
	font-size: 1.0em;
	color: #bb0000;
}

#subContents #transactionTable_2 td table {
	padding: 5px;
	border-spacing: 0;
}

#subContents #transactionTable_2 td table th {
	height: 10px;
	background: #e9e9e9;
	border-top: 1px solid #999;
	border-left:	0px solid #999;
	border-right:   1px solid #999;
	text-align: center;
}

#subContents #transactionTable_2 td table th:first-child.head {
	border-left:	1px solid #999;
}

#subContents #transactionTable_2 td table td {
	height: 10px;
	text-align: left;
}

#subContents #transactionTable_2 td table td:first-child {
	border-left:	1px solid #999;
}

/*-- ポイント履歴　顧客情報テーブル --*/
#customerTable {
	width: 100%;
	min-width: 1010px;
	font-size: 14px;
	border-spacing: 0px;
	clear: both;
}

#customerTable th {
	text-align:	center;
	padding: 5px;
	height: 32px;
	background: none repeat scroll 0% 0% #777;
	border-left: 1px solid #CCC;
	color: #FFF;
}

#customerTable td {
	border-left: 1px solid #AAA;
	max-width: 200px;
	padding: 10px;
	table-layout: fixed;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#customerTable tr:last-child td {
	border-bottom: 1px solid #AAA;
}

#customerTable tr td:last-child {
	border-right: 1px solid #AAA;
}

/*----------------------------------------------------
	ページングのスタイル
----------------------------------------------------*/

.pagination {
	font-size: 11px;
}

.pagination ul {
	list-style: none;
	margin: 0px 0;
	padding: 0;
}

.pagination li {
	display: inline-block;
	height: 24px;
	margin-right: 5px;
	text-align: center;
}

.pagination .abled {
	padding: 5px 5px;
	line-height: 0;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #fff 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background:-ms-linear-gradient( top, #fff 0%, #ddd 100% );
}

.pagination button.abled {
	font-size: 11px;
	margin: 0px;
	padding: 11px 4px;
	line-height: 0;
	color: #666;
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #fff 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background:-ms-linear-gradient( top, #fff 0%, #ddd 100% );
}

.pagination .abled:active {
	position:relative;
	top:1px;
}

.pagination .disabled {
	padding: 5px 5px;
	line-height: 0;
	color: gray;
	border: 1px solid #aaa;
	background-color: #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pagination .notSelected {
	padding: 5px 8px;
	color: #666;
	line-height: 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #fff 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background:-ms-linear-gradient( top, #fff 0%, #ddd 100% );
}

.pagination button.notSelected {
	font-size: 11px;
	margin: 0px;
	padding: 0px 8px;
	color: #666;
	line-height: 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #fff 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #fff 0%, #ddd 100%);
	background:-ms-linear-gradient( top, #fff 0%, #ddd 100% );
}

.pagination .notSelected:active {
	position:relative;
	top:1px;
}


.pagination .selected {
	padding: 5px 8px;
	color: #555;
	line-height: 0;
	border: 1px solid #aaa;
	background-color: #bbb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #bbb 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #bbb 0%, #eee 100%);
	background:-ms-linear-gradient( top, #bbb 0%, #eee 100% );
	background:linear-gradient(top, #bbb 0%, #eee 100%);
}

.pagination button.selected {
	font-size: 11px;
	margin: 0px;
	padding: 0px 8px;
	color: #555;
	line-height: 0;
	border: 1px solid #aaa;
	background-color: #bbb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-linear-gradient(top,  #bbb 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, #bbb 0%, #eee 100%);
	background:-ms-linear-gradient( top, #bbb 0%, #eee 100% );
	background:linear-gradient(top, #bbb 0%, #eee 100%);
}

.pagination .selected:active {
	position:relative;
	top:1px;
}

.paginationDetail {
	font-size: 13px;
}

/*----------------------------------------------------
	検索フォームのレイアウト
----------------------------------------------------*/
.searchForm {
	padding: 5px 0px;
	margin: 10px;
}

#searchBox {
	width:	650px;
 	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	-moz-box-shadow: 3px 3px 3px 3px #DDD;
	-webkit-box-shadow: 3px 3px 3px 3px #DDD;
	box-shadow: 3px 3px 3px 3px #DDD;
	margin-bottom:	20px;
}

#searchBox th{
	width:	80px;
	text-align:	right;
	font-size:	0.9em;
}


#searchBox #contentTitle {
	color: #fff;
	border-bottom: 1px solid #aaa;
	border-radius: 2px 2px 0 0;
	padding: 5px;
	background: #34302d;
	box-shadow: inset 0 0 1px #ddd;
}

#searchBox #contentTitle.regist {
	background: #777;
}

#searchBox #contentTitle .cancelBtn {
	float:	right;
	width:	100px;
	height:	20px;
	padding:	0;
	font-size:	0.8em;
	margin-right:	5px;
}


#shopDetail {
	visibility: hidden;
	display: none;
}

#shopDetail #shopDetailContent {
	border:solid 1px #dea005;
	border-radius: 5px;
	padding: 0;
	background:-webkit-gradient( linear, top, bottom, color-stop(0%, #fff), color-stop(100%, #eee) );
	background:-moz-linear-gradient(top, #fff 0%, #f1f1f1 100%);
	background:-ms-linear-gradient( top, #fff 0%, #f1f1f1 100% );
}

#shopDetail #shopDetailHeader {
	padding: 5px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	text-shadow:1px 1px 0px #333;
	background:-webkit-gradient( linear, top, bottom, color-stop(0%, #f3579f), color-stop(100%, #7f073e) );
	background:-moz-linear-gradient(top, #fcc640 0%, #dea005 100%);
	background:-ms-linear-gradient( top, #fcc640 0%, #fcb80e 100% );
}

#divisionDetail {
	visibility: hidden;
	display: none;
}

#divisionDetail #divisionDetailContent {
	border:solid 1px #dea005;
	border-radius: 5px;
	padding: 0;
	background:-webkit-gradient( linear, top, bottom, color-stop(0%, #fff), color-stop(100%, #eee) );
	background:-moz-linear-gradient(top, #fff 0%, #f1f1f1 100%);
	background:-ms-linear-gradient( top, #fff 0%, #f1f1f1 100% );
}

#divisionDetail #divisionDetailHeader {
	padding: 5px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	text-shadow:1px 1px 0px #333;
	background:-webkit-gradient( linear, top, bottom, color-stop(0%, #f3579f), color-stop(100%, #7f073e) );
	background:-moz-linear-gradient(top, #fcc640 0%, #dea005 100%);
	background:-ms-linear-gradient( top, #fcc640 0%, #fcb80e 100% );
}

.selectedProductArea {
	margin: 0px;
	padding: 0px;
	background-color: #f1f1f1;
	float: right;
	bargin-bottom: -5px;
	border-radius: 3px;
}

.radioBtn input{
	display: none;
}

.radioBtn label {
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	margin: 0;
	padding: 10px 5px;
	border-right: 1px solid #abb2b7;
	background: rgba(189, 195, 199, .5);
	color: rgba(85, 94, 100, 0.8);
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.radioBtn label:first-of-type {
	border-radius: 3px 0 0 3px;
}

.radioBtn label:last-of-type {
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}

.radioBtn.searchBox div label {
	width: 80px;
	height: 26px;
	border-radius: 0 0 0 0;
}

.radioBtn div:first-of-type label {
	border-radius: 3px 0 0 3px;
}

.radioBtn div:last-of-type label {
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}

.radioBtn input[type="radio"]:checked + label {
	background-color: #28cccc; /* a1b91d; */
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2),0 0 1px rgba(0,0,0,0.3);
	color: #fff;
}

.radioBtn input[type="radio"]:checked + label.shopDetailRadioBtn {
	background-color: #fcc640;
	color: #fff;
}

.radioBtn input[type="radio"]:checked + label.divisionDetailRadioBtn {
	background-color: #fcc640;
	color: #fff;
}

.radioBtn.searchBox {
	display: inline;
}

.radioBtn.searchBox label{
	width: 65px;
	padding: 7px 3px;
	margin-bottom: 5px;
}

.radioBtn.searchBox.inline {
	display: inline;
	position:	absolute;
}

.checkBox input{
	display: none;
}

.checkBox label {
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	margin: 0;
	padding: 10px 5px;
	border-right: 1px solid #abb2b7;
	background: rgba(189, 195, 199, 0.5);
	color: rgba(85, 94, 100, 0.8);
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.checkBox label:first-of-type {
	border-radius: 3px 0 0 3px;
}

.checkBox label:last-of-type {
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}

.checkBox label:only-of-type {
	border-radius: 3px;
}

.checkBox input[type="checkBox"]:checked + label {
	background-color: #2895cc;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2),0 0 1px rgba(0,0,0,0.3);
	color: #fff;
}

.checkBox.searchBox label{
	width: 65px;
	padding: 7px 3px;
	margin-bottom: 5px;
}

.selectCheckBox input{
	display: none;
}

.selectCheckBox label:before {
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	margin: 0;
	padding: 10px 5px;
	border-right: 1px solid #abb2b7;
	background: rgba(189, 195, 199, 0.5);
	color: rgba(85, 94, 100, 0.8);
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
	transition: .2s;
	content: "選択";
}

.selectCheckBox.delete label:before {
	content: "削除";
}

.selectCheckBox label:first-of-type {
	border-radius: 3px 0 0 3px;
}

.selectCheckBox label:last-of-type {
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}

.selectCheckBox label:only-of-type {
	border-radius: 3px;
}

.selectCheckBox input[type="checkBox"]:checked + label:before {
	background-color: #2895cc;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2),0 0 1px rgba(0,0,0,0.3);
	color: #fff;
	content: "選択済";
}

.selectCheckBox.delete input[type="checkBox"]:checked + label:before {
	content: "登録済";
}

.applyCheckBox input{
	display: none;
}

.applyCheckBox label:before {
	display: block;
	float: left;
	cursor: pointer;
	width: 50px;
	height:	10px;
	margin: 0;
	padding: 10px 5px;
	background: rgba(189, 195, 199, 0.5);
	border:	1px solid #abb2b7;
	border-radius:	10px;
	color: rgba(85, 94, 100, 0.8);
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
	transition: .2s;
	content: "対象外";
}

.applyCheckBox input[type="checkBox"]:checked + label:before {
	background-color: #2895cc;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2),0 0 1px rgba(0,0,0,0.3);
	color: #fff;
	content: "対象";
}


.submitBtn {
	font-size:14px;
	font-family:Arial;
	border:1px solid #dd7900;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0px #dd7900;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffba66), color-stop(100%, #ff8C00) );
	background:-moz-linear-gradient( center top, #ffba66 5%, #ff8C00 100% );
	background:-ms-linear-gradient( top, #ffba66 5%, #ff8C00 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.submitBtn.price {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FFAE7B), color-stop(100%, #FF6200) );
    background:-moz-linear-gradient( center top, #FFAE7B 5%, #FF6200 100% );
    background:-ms-linear-gradient( top, #FFAE7B 5%, #FF6200 100% );
	border:1px solid #EE8300;
}

.submitBtn.disabled {
	border:1px solid #c5c5c5;
	color:#FFF;
	text-shadow:1px 1px 0px #a8a8a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d7d7d7), color-stop(100%, #b8b8b8) );
	background:-moz-linear-gradient( center top, #d7d7d7 5%, #b8b8b8 100% );
	background:-ms-linear-gradient( top, #d7d7d7 5%, #b8b8b8 100% );
}

.submitBtn.search {
	width:95px;
}

.submitBtn.register {
	width:	175px;
	margin:	20px 0 0 0;
}

.submitBtn:active, .submitBtn.register:active {
	position:relative;
	top:1px;
}

.submitBtn.disabled:active, .submitBtn.disabled.register:active {
	position:relative;
	top:0px;
}

.normalBtn {
	font-size:14px;
	font-family:Arial;
	border:1px solid #ccc;
	color:#000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #ccc) );
	background:-moz-linear-gradient( center top, #fff 0%, #ccc 100% );
	background:-ms-linear-gradient( top, #fff 5%, #ccc 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.normalBtn.disabled {
	border:1px solid #c5c5c5;
	color:#FFF;
	text-shadow:1px 1px 0px #a8a8a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d7d7d7), color-stop(100%, #b8b8b8) );
	background:-moz-linear-gradient( center top, #d7d7d7 5%, #b8b8b8 100% );
	background:-ms-linear-gradient( top, #d7d7d7 5%, #b8b8b8 100% );
}

.normalBtn.sub {
	font-size:	0.7em;
	color:	#555;
}

.normalBtn:active {
	position:relative;
		top:1px;
}

.normalBtn.big {
	width:	100px;
}

.normalBtn.delete {
	width:	175px;
}

.selectBtn {
	cursor: pointer;
	width: 50px;
	margin: 0;
	padding: 6px 5px;
	border: 1px solid #abb2b7;
	border-radius: 3px;
	background: rgba(5, 91, 130, .7);
	color: rgba(255, 255, 255, 1);
	font-size: 0.85em;
	text-align: center;
	line-height: 1;
	transition: .2s;
}

.csvFormatBtn {
	padding: 0 5px;
	height: 28px;
}

.printBtn {
	font-size:14px;
	font-family:Arial;
	border:1px solid #08a800;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0px #08a800;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #72ba6e), color-stop(100%, #11aa11) );
	background:-moz-linear-gradient( center top, #ffba66 5%, #11aa11 100% );
	background:-ms-linear-gradient( top, #72ba6e 5%, #11aa11 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

form div.fileSelectBtn {
	width: 115px;
	display:	inline;
	position: relative;
	font-size:14px;
	font-family:Arial;
	font-weight:	normal;
	border:1px solid #ccc;
	color:#000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #ccc) );
	background:-moz-linear-gradient( center top, #fff 0%, #ccc 100% );
	background:-ms-linear-gradient( top, #fff 5%, #ccc 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
	overflow:	hidden;
	text-align:	center;
	margin-right: 5px;
}

.fileSelectBtn input[type="file"]:not(.csvUploadBtn) {
	width: 100px;
	height: 28px;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 10px;
}
.fileSelectBtn .csvUploadBtn {
	display: none;
}
.fileSelectBtn label {
	cursor: pointer;
	display: inline-block;
	padding: 5px 5px;
}

div.fileinputs {
	position: relative;
	height:50px;
}

div.fileinputs label {
	position:relative;
	top:10px;
	left:5px;
	border: 1px solid #009999;
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 0px #009999;
	background: #28cccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 5px;
}

div.fakefile {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 1;
}

div#targetFileName {
	position:	relative;
	top:	15px;
	width:360px;
	margin-left:	15px;
	display:inline-block;
	overflow: hidden;
	word-wrap:normal;
	word-break:normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

div#targetFileNameShopLogo {
	position:	relative;
	top:	10px;
	width:360px;
	margin-left:	15px;
	display:inline-block;
	overflow: hidden;
	word-wrap:normal;
	word-break:normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity = 0);
	opacity: 0;
	z-index: 2;
	display:none;
}



.cancelBtn {
	font-size:14px;
	font-family:Arial;
	border:1px solid #DCDCDC;
	color:#666666;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFFFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.cancelBtn.big {
	width:	100px;
}

.cancelBtn:active, .cancelBtn.big:active {
	position:relative;
	top:1px;
}

.disabledBtn {
	font-size:14px;
	font-family:Arial;
	border:1px solid #DCDCDC;
	color:#666666;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFFFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ddd), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #ddd 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #ddd 5%, #e9e9e9 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.addBtn {
	font-size:14px;
	width : 150px;
	font-family:Arial;
	border:1px solid #00ADAD;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0px #529d9d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d4d4), color-stop(100%, #5cb8b8) );
	background:-moz-linear-gradient( center top, #77d4d4 5%, #5cb8b8 100% );
	background:-ms-linear-gradient( top, #77d4d4 5%, #5cb8b8 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.addBtn:disabled {
	font-size:14px;
	width : 150px;
	font-family:Arial;
	border:1px solid #999999;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 0px #999999;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #cccccc), color-stop(100%, #aaaaaa) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #aaaaaa 100% );
	background:-ms-linear-gradient( top, #cccccc 5%, #aaaaaa 100% );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 5px 5px;
}

.detailBtn {
	float: right;
		font-size: 12.5px;
}

#contentFooter {
	position:	relative; /*コンテントにくっつける場合はrelative*/
	position:	fixed;
	bottom:	0;
	width:100%;
	height:	20px;
	background-color:	#222222;
	border-top:	1px solid #ff8c00;
	clear:	both;
	z-index: 10;
}

#contentFooter p {
	float:	right;
	font-size:	0.75em;
	margin:	5px;
	color:	#ffffff;
}

#contentFooter img {
	float:	right;
	width:	auto;
	height:	90%;
	margin:	0 20px;
}

#searchResult label{
	background-color: #75a63a;
	box-shadow: 1px 1px 0 rgba(0,0,0,.2);
	-mozilla-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
	color: #ff9;
	display: inline-block;
	margin: 10px;
	outline: 1px dashed #fff;
	outline-offset: -5px;
	padding: 10px;
	transform: rotate(-5deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	font-size:1em;
	font-family:Arial;
}

.billData {
	width: auto;
	background-color: #d6e7e0;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

.billData ul {
	margin: 0;
}

.billData div.line {
	margin: 15px 0;
}

.billData span.spaceLeft {
	margin-left: 10px;
}

/*----------------------------------------------------
	その他
----------------------------------------------------*/

/*=== エラー文標準 ===*/
.error {
	color:	red;
}

/*=== CSVエラー ===*/
div.errorlistBox {
	margin:	-10px;
	margin-left:	10px;
	font-size:	0.9em;
}

p.csvErrorList {
	color:	red;
	display: inline-block;
}

div.csvErrorSizeBox {
	margin-bottom:	10px;
	padding:	5px;
	padding-left:	10px;
	background-color:	#fff;
	border:	1px solid #ddd;
	border-radius:	5px;
}

div.csvErrorSizeBox p.csvErrorSize {
	margin:	0px;
	display: inline-block;
}

div.csvErrorSizeBox p.csvErrorSize.number {
	margin:	0 5px;
	font-size:	1.3em;
}

p.csvErrorTopMsg {
	margin-top:	-15px;
	margin-bottom:	40px;
}

div.duplicatedRow {
	display:	inline;
	vertical-align:	10%
}


/*=== バリデーションエラー表示 ===*/
table#transactionTable div.error {
	color:	red;
	font-size:	0.9em;
	margin:	5px;
}

/*=== 区分タイプ 新規登録ボタン注意書き ===*/
table#subContentsMenu td.warning {
	color:	red;
	font-size:	0.8em;
}

/*=== レシート画像関連 ===*/
table td.thumbnail {
	height:	150px;
	text-align:	center;
}

#deleteImg:disabled + label {
	color: #ddd;
}

#deleteShopLogoImg:disabled + label {
	color: #ddd;
}

div.imgFrame {
	width:	460px;
	height:	105px;
	margin:	10px;
	position:	relative;
	display:	block;
}

img.receiptImg {
	max-width:	150px;
	max-height:	100px;
	z-index:	0;
}

img.receiptImg.small {/*一覧表示用*/
	max-width:	70px;
	max-height:	50px;
	z-index:	0;
}

div.imgFrame span#coverImg {
	width:	200px;
	height:	80px;
	font-size:	1.4em;
	font-weight:	bold;
	border:	1px dashed #878787;
	background-color:	#fff;
	padding:	20px 0 0 0;
	position:	absolute;
	top:	0px;
	left: 27%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}

div.imgFrame span#coverImg p {
	font-size:	0.6em;
	font-weight:	bold;
}

/* 選択されたファイルのサムネイル */
span#coverImg img.thumbnailNew {
	max-width:	100px;
	max-height:	100px;
	position:	relative;
	top:	-20px;
}

div.imgFrame span#shopLogoImg {
	width:	200px;
	height:	80px;
	font-size:	1.4em;
	font-weight:	bold;
	border:	1px dashed #878787;
	background-color:	#fff;
	padding:	20px 0 0 0;
	position:	absolute;
	top:	0px;
	left: 27%;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}

div.imgFrame span#shopLogoImg p {
	font-size:	0.6em;
	font-weight:	bold;
}

/* 選択されたファイルのサムネイル */
span#shopLogoImg img.thumbnailNew {
	max-width:	100px;
	max-height:	100px;
	position:	relative;
	top:	-20px;
}

/* 選択不可にするオーバーレイ領域(カスタマーディスプレイ店舗選択箇所) */
div#overlay {
	width: 545px;
	height: 35px;
	position: relative;
	top: 34px;
	margin-top: -35px;
	background: rgba(255,255,255,0.5);
}
















/*----------------------------------------------------
	商品カテゴリー ツリー表示
----------------------------------------------------*/
span.treeBtn a {
	background-image: url("../img/plus_minus_icons.png");
	display: block;
	height: 21px;
	left: 0;
	position: relative;
	top: 2px;
	vertical-align: middle;
	width: 23px;
	float: left;
}

span.treeBtn a#allShow {
	background-position: 25px center;
}

span.treeBtn a#allHide {
	background-position: 0 center;
}

.tree ul {
	list-style: none outside none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.tree li a {
	line-height: 25px;
}
.tree > ul > li > a {
	color: #3B4C56;
	display: block;
	font-weight: normal;
	position: relative;
	text-decoration: none;
}

.tree li > a:before {
	content: url("../img/menu_off.png");
	display: block;
	height: 25px;
	position: absolute;
	top: -1px;
	vertical-align: middle;
	width: 23px;
}

.tree li.parent > a {
	padding: 0;
}

.tree li.parent > a:before {
	background-image: url("../img/plus_minus_icons.png");
	background-position: 25px center;
	content: "";
	display: block;
	height: 21px;
	left: 0;
	position: absolute;
	top: 2px;
	vertical-align: middle;
	width: 23px;
}

.tree li.hasMenu > a:before {
	content: url("../img/menu_on.png");
	font-size: 0.8em;
	display: block;
	height: 25px;
	vertical-align: middle;
	width: 23px;
}

.tree ul li.active > a:before {
	background-position: 0 center;
}

.tree ul li ul {
	border-left: 1px solid #D9DADB;
	border-left: 1px solid #aaa;
	display: none;
	margin: 0 0 0 12px;
	overflow: visible;
	padding: 0 0 0 25px;
}

.tree ul li ul li {
	position: relative;
}

.tree ul li ul li:before {
	border-bottom: 1px dashed #E2E2E3;
	border-bottom: 1px dashed #aaa;
	content: "";
	left: -20px;
	position: absolute;
	top: 12px;
	width: 15px;
}

.tree ul li {
	margin: 10px;
}

.tree ul li label {
	border: solid 1px #fff;
	margin-left: -5px;
	padding: 8px;
	padding-left: 35px;
	line-height: 28px;
	white-space: nowrap;
}

.tree ul li input[type="radio"] {
	display: none;
}

.tree ul li input[type="radio"]:checked + label {
	background-color: #cfc;
	border: solid 1px #0c0;
}

/*----------------------------------------------------
	広告配信情報 広告プレビュー
----------------------------------------------------*/
div#customerDisp {
	background: #666;
	height: 305px;
	padding: 40px 50px;
	margin: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#customerDispMain {
	background: #f7edd2;
	height: 300px;
}

div#adImg, div#billContents {
	height: 100%;
}

.positionLeft {
	float: left;
}

.positionRight {
	float: right;
}

div#adImg {
	width: 45%;
	height: 270px;
	line-height: 270px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
}

div#billContents {
	width: 45%;
	padding: 10px 5px;
}

div#adImg img {
	width: 270px;
}

div#billContents div#billTable {
	height: 90%;
	border: 4px solid #b08641;
	background: #dbc49e;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div#billTable div.boldLine {
	border-bottom: 4px solid #b08641;
}

div#billTable div.thinLine {
	border-bottom:1px solid #b08641;
}

div#billTable div span.columnRight {
	display: inline-block;
	text-align: right;
}

div#billTable div.product {
	font-size: 20px;
	padding: 15px 0;
}

div#billTable div.product div {
	padding: 0 5px;
}

div#billTable div.displayMessage {
	font-size: 22px;
	padding: 15px 0;
	text-align: center;
}

div#billTable div.billAmount {
	font-size: 18px;
	padding: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#billTable div.billAmount {
		padding: 5px;
	}
}

.clearfix {
	overflow: hidden;
	zoom: 1;
}

/*----------------------------------------------------
	広告配信情報 配信順編集
----------------------------------------------------*/
tr#dragNDrop.dragNDropRow {
	cursor: pointer;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.width50 {
	width: 50px;
}

.width90 {
	width: 90px;
}

.width100 {
	width: 100px;
}

.width120 {
	width: 120px;
}

.width150 {
	width: 150px;
}

.width190 {
	width: 190px;
}

.width200 {
	width: 200px;
}

.width250 {
	width: 250px;
}

/* 決済情報集計 */
table.settleAccunts {
	border-spacing: 0;
}
table.settleAccunts th {
	padding: 8px;
	text-align: left;
	background: #777;
	color: #fff;
}
table.settleAccunts td {
	border-left: 1px solid #aaa;
	padding: 5px;
	/*white-space: nowrap;*/
}
table.settleAccunts td.label {
	width: 200px;
}
table.settleAccunts td.count {
	width: 79px;
	text-align: right;
}
table.settleAccunts td.value {
	width: 200px;
	text-align: right;
}
table.settleAccunts tr td:last-child {
	border-right: 1px solid #aaa;
}
table.settleAccunts tr:nth-child(even) td {
	background-color: #EBEBEB;
}
table.settleAccunts tr:last-child td {
	border-bottom: 1px solid #aaa;
}
table.settleAccunts tr.division th {
	text-align: right;
}
table.settleAccunts tr.division th:first-child {
	text-align: left;
}

/* 部門別集計 */
table.division {
	border-spacing: 0;
}
table.division th:first-child {
	padding: 8px;
	text-align: left;
	background: #777;
	color: #fff;
}
table.division th {
	padding: 8px;
	text-align: right;
	background: #777;
	color: #fff;
}
table.division td {
	border-left: 1px solid #aaa;
	padding: 5px;
	white-space: nowrap;
}
table.division td.label {
	width: 200px;
}
table.division td.count {
	width: 79px;
	text-align: right;
}
table.division td.value {
	width: 200px;
	text-align: right;
}
table.division tr td:last-child {
	width: 289px;
	border-right: 1px solid #aaa;
}
table.division tr:nth-child(even) td {
	background-color: #EBEBEB;
}
table.division tr:last-child td {
	border-bottom: 1px solid #aaa;
}

#masterTable tr.even td {
	background-color: #EBEBEB;
}

#masterTable tr.odd td {
	background-color: #FFFFFF;
}

.width300 {
	width: 300px;
}


.width350 {
	width: 350px;
}

.salesSearchTable div.error {
	margin-left: 5px;
	display: inline-block;
	font-size: 14px;
	text-align: left;
	border-spacing: 0;
}

.salesSearchTable tr {
	height: 45px;
}

.salesSearchChkBox {
	display: inline-block;
}

.salesSearchChkBox input{
	display: none;
}

.salesSearchChkBox label {
	display: block;
	float: left;
	cursor: pointer;
	width: 130px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px 5px;
	border-right: 1px solid #abb2b7;
	background: rgba(189, 195, 199, 0.5);
	color: rgba(85, 94, 100, 0.8);
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-radius: 3px;
}

.salesSearchChkBox input[type="checkBox"]:checked + label {
	background-color: #2895cc;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2),0 0 1px rgba(0,0,0,0.3);
	color: #fff;
}

.displayNone {
	display: none;
}

.textCenter {
	text-align: center;
}
.textLeft {
	text-align: left;
}
.textRight {
	text-align: right;
}

.margin10 {
	margin: 10px;
}

.salesResult {
	width: 100%;
	overflow-x: auto;
}

.wordBreak tr td {
	word-wrap: break-word;
}

div.subMenuItem {
	margin: 10px;
	float: left;
}
.readOnlySearch:hover+.overlayClearBtn {
  display: inline;
}

.overlayClearBtn:hover {
  display: inline;
}

.overlayClearBtn {
  color: dimgray;
  background: none;
  border: none;
  width: 18px;
  height: 18px;
  margin-left: -35px;
  margin-top: 12px;
  float: left;
  position: absolute;
  font-size: 20px;
  padding: 0;
  line-height: 20px;
  text-align: center;
  display: none;
}

/* ドラッグ＆ドロップ画面ヘッダー */

div#contentTitleContainer {
	width: 1104px;
	overflow: hidden;
	background: #5D301D;
	border-bottom: 2px solid #555;
}

div#contentTitleContainer span {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	padding: 10px;
	border-left: 25px solid #a84;
}

/* ドラッグ＆ドロップ画面ヘッダー */

div#selfContentTitleContainer {
	width: 1109px;
	overflow: hidden;
	background: #5D301D;
	border-bottom: 2px solid #555;
}

div#selfContentTitleContainer span {
	display: block;
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 15px;
	padding: 10px;
	border-left: 25px solid #a84;
}

#salesTable {
	min-width: 1010px;
	font-size: 12px;
	border-spacing: 0;
	clear:	both;
}

#salesTable tbody tr td.btnCell {
	text-align:	center;
	vertical-align:	middle;
}

#salesTable.startlog tbody tr {
	height:	50px;
	vertical-align:	top;
}

#salesTable.startlog tbody tr td p {
	margin: 0px;
	height:	20px;
	line-height: 20px;
}

#salesTable.shop tbody tr {
	height:	80px;
	vertical-align:	top;
}

#salesTable.log tbody tr {
	height:	42px;
	vertical-align:	middle;
}

#salesTable.shop tbody tr td {
	padding-top:	10px;
	word-break: break-all;
	table-layout: fixed;
}

#salesTable.shop tbody tr td.img {
	text-align:	center;
	vertical-align:	middle;
}

#salesTable.shop tbody tr td.btnCell {
	text-align:	center;
	vertical-align:	middle;
}

#salesTable.shop tbody tr td p {
	margin:	0;
}

#salesTable th {
	/* border-left: 1px solid #b94f64;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #b94f64; */
	/* background: #4280b4; */
	height:	32px;
	background:	#777;
	border-left:	1px solid #ccc;
	color: #fff;
}

#salesTable th:last-child {
	width: 55px;
	/* border-right: 1px solid #000; */
}

#salesTable tr td {
	border-left: 1px solid #aaa;
	max-width: 200px;
	padding: 5px;
	table-layout: fixed;
	overflow: hidden;
/*     word-wrap:break-word;
    word-break:break-all; */
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#salesTable tr td p {
	overflow: hidden;
/*     word-wrap:break-word;
    word-break:break-all; */
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#salesTable tr td:last-child {
	border-right: 1px solid #aaa;
}

#salesTable tr:last-child td {
	border-bottom: 1px solid #aaa;
}

#salesTable tr:nth-child(even) td {
	background-color: #EBEBEB;
}

#salesTable input[readonly] {
	background-color: #eee;
}

.printonly{
	display:none;
}
#printBtn{
	font-size:14px;
	font-family:Arial;
    border: none;
    border-radius: 4px;
    background: #11aa11;
    color: #fff;
    height: 30px;
    width: 95px;
    padding:5px 5px;
    margin:10px;
    text-decoration: none;
}

@media print{
	.noPrint{
		display:none;
	}
	.printE{
		border-right: 1px solid #aaa;
	}
	body {
		-webkit-print-color-adjust: exact;
	}
	@page {
		margin: 0;
		size: landscape;	/* これも効けば */
	}
	#mainContents{
		padding-bottom: 0px;
		padding:0;
		margin:0;
	}
	header{
		display : none;
	}
	div.printonly {
		display:block;
	}
	.header{
		font-size: 1.2rem;
		font-weight: bold;
		width: fit-content;
		margin: 0 auto;
	}
}

/*----------------------------------------------------
	在庫管理用
----------------------------------------------------*/
#stockPrintBtn {
    font-size: 14px;
    font-family: Arial;
    border: none;
    color: #FFF;
    text-decoration: none;
    background: #11aa11;
    border-radius: 3px;
    padding: 5px 5px;
}

/*----------------------------------------------------
	グラフ表示用
----------------------------------------------------*/
.jqplot-table-legend-label {
	display: inline-block;
	width: max-content;
}

/*----------------------------------------------------
	ダイアログ用
----------------------------------------------------*/
.dialog{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.dialog-content {
	position: absolute;
	left: 50%;
	top: 0%;
	width: 500px;
	height: 150px;
	margin-left: -250px;
	background-color: #FFF;
	border: 1px solid #cacaca;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	padding: 20px;
}

.dialog-fotter {
	position: absolute;
    bottom: 20px;
    right: 20px;
}

.dialog-ok-btn {
	width: 110px;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	color: #fff;
	background : #28cccc;
	border: 2px solid #fff;
	border-radius: 5px;
}

.dialog-no-btn {
	width: 110px;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	color: #555e64;
	background: #bdc3c7;
	border: 2px solid #fff;
	border-radius: 5px;
}

.dialog-back {
	background: rgba(0,0,0,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    cursor: pointer;
    visibility: visible;
    display: block;
}

.hide{
	display:none;
}

#noDataMsg{
    margin: 80px 230px;
}