@charset "UTF-8";
/* ============================== main area ============================== */


/* ======================================== 1050px以上 ======================================== */
@media(min-width: 1050px) {
/* ==================== basecss_area ==================== */
.underleft_headbox object {
	max-width: 104px;
	max-height: 20px;
}
/* ==================== underrightbox ==================== */


/*  sales_search  */

.search_text{
	margin:20px 0 50px 0;
	}


.sales_search #text {
	font-size: 14px;
	line-height: 1;
	width: 262px;
	height: 25px;
	padding: 3px 3px;
	background: #fff;
	border: 1px solid #797979;
	outline: none;
}
input {
	-wewbkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sales_search #submit {
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 1;
	width: 48px;
	margin-left: 10px;
	padding: 6px 0 6px 5px;
	background: #797979;
	vertical-align: top;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
*/
}
.form_area {
	display: inline-block;
	background: #ededed;
	padding: 10px 27px 15px 15px;
}
.form_text {
	display: block;
	line-height: 1;
	padding-bottom: 8px;
}


.form{
	margin-bottom:33px;}


/*  saleslist  */
	
.saleslist {
	padding-bottom: 30px;
	border-bottom: 1px solid #AB035C;
}
/*  table  */

.table_area {
	margin: 15px 0 0 0;
}
table.table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 728px;
}
table.table th {
	padding: 1px 3px;
	border: 1px solid #ccc;
	width: 68px;
	height: 38px;
	background: #ededed;
	text-align: center;
}
table.table td {
	border: 1px solid #ccc;
	padding: 1px 10px;
}
.tabletext_left {
	width: 0px;
	text-align: center;
}
.table_w1 {
	width: 112px;
}
.table_bk {
	margin-top: 24px;
}
}
/* ======================================== 1049px以下 ======================================== */

@media(max-width: 1049px) {
/* ==================== basecss_area ==================== */
.underleft_headbox object {
	max-width: 104px;
	max-height: 20px;
}
/* <<  leftメニューlink >> */

.underleft_linkbox {
	display: block;
}
/* ==================== underrightbox ==================== */

/*  sales_search  */

.search_text{
	margin:15px 0;
	}
.sales_search #text {
	font-size: 14px;
	line-height: 1;
	width: 75%;
	height: 43px;
	padding: 3px 3px;
	background: #fff;
	border: 1px solid #797979;
	outline: none;
}

.form{
	margin-bottom:15px;}

input {
	-wewbkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.sales_search #submit {
	font-size: 13px;
	letter-spacing: 5px;
	line-height: 1;
	width: 20%;
	margin-left: -2%;
	padding: 15px 0 15px 5px;
	background: #797979;
	vertical-align: top;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
}
.form_area {
	display: block;
	background: #ededed;
	padding: 10px 27px 15px 15px;
	text-align: center;
}
.form_text {
	display: block;
	line-height: 1;
	padding-bottom: 8px;
	text-align: left;
	padding-left: 22px;
}
/*  table  */

.table_area {
	margin: 15px 0 0 0;
}
table.table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 100%;
}
table.table th {
	padding: 1px 3px;
	border: 1px solid #ccc;
	width: 68px;
	height: 38px;
	background: #ededed;
	text-align: center;
}
table.table td {
	border: 1px solid #ccc;
	padding: 1px 10px;
}
.tabletext_left {
	width: 0px;
	text-align: center;
}
.table_w1 {
	width: 112px;
}
.table_bk {
	margin-top: 24px;
}
.table_bk {
	overflow: auto;
　　　　/*tableをスクロールさせる*/
white-space: nowrap;
　　/*tableのセル内にある文字の折り返しを禁止*/
}
.table_bk::-webkit-scrollbar {
　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.table_bk::-webkit-scrollbar-track {
　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.table_bk::-webkit-scrollbar-thumb {
　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
.table_area {
	overflow: auto;
　　　　/*tableをスクロールさせる*/
white-space: nowrap;
　　/*tableのセル内にある文字の折り返しを禁止*/
}
.table_area::-webkit-scrollbar {
　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.table_area::-webkit-scrollbar-track {
　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.table_area::-webkit-scrollbar-thumb {
　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
}





/* ======================================== 767px以下 ======================================== */
@media(max-width: 767px) {
}





/* ======================================== 600px以下 ======================================== */
@media(max-width: 600px) {
/* ==================== underrightbox ==================== */


	/*  table  */
table.table {
	width: 728px;
}
.message {
	color: red;
}
}
