@charset "UTF-8";
/*=============================================
共通
=============================================*/
strong { font-weight: bold; }
a { color: #333; }
#main-btn {
	list-style: none;
	width: 900px;
	padding: 50px;
}
#main-btn li {
	float: left;
	margin-bottom: 20px;
}
h1#title {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/title.jpg) no-repeat 0 0;
	height: 40px;
	margin-bottom: 20px;
	width: 100%;
}
h1.list, h1.detail, h1.edit, h1.entryconfirm { background-image: url(../img/title2.jpg) !important; }
.icon a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.popup-block {
	list-style: none;
	display: none;
	position: absolute;
	top: -3em;
	left: -200%;
	background: #FFF;
	border: 1px solid #CCC;
	width: 220px;
	padding: 10px;
	z-index: 100;
}
.popup-block li {
	width: 100%;
	background: #FFF;
}
#lbFooter { position: relative; }
#mouseover div { 
 position: relative; 
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
}
#slidebtn {
    z-index: 100;
	position: fixed;
	_position: absolute;
    bottom: 60px;
    right: 0;
	font-size: 16px;
    width:130px;
}
#slidebtn a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.MHJ101 {
    background: #9966cb;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ102 {
    background: #225d36;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ104 {
    background: #c94b2d;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ105 {
    background: #0cb0d1;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ107 {
    background: #b4ab82;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ108 {
    background: #ffa913;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.MHJ109 {
    background: #9f3b42;
    color: #fff;
    padding: 13px 2px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
.hinButton a {
	color: #2489ce;
	font-weight: bold;
}
/*=============================================
UIカレンダー
=============================================*/
.calender { background: url(../img/icon-tilde.png) no-repeat 48.5% 40% }
.calendar { 	background-repeat: no-repeat;
				background-position: 48.5% 40%;}
.icon-calender a {
	width: 20px;
	height: 15px;
	display: inline-block;
	background: url(../img/icon_form_01.png) no-repeat 50% 50%;
}
.ui-datepicker-trigger:hover { cursor: pointer; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 40% !important; }
button.ui-datepicker-current { display: none; }
/*=============================================
テーブル
=============================================*/
#main-conts table {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#main-conts table, #headerTable table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#main-conts table td, #main-conts table th {
	border: 1px solid #CCC;
	border-bottom: none;
	border-left: none;
	font-size: 0.9em;
	_font-size: 1em;
	word-wrap: break-word;
}
#main-conts table td, #main-conts table th, #headerTable table td, #headerTable table th {
	padding: 0.5em 0.25em;
	text-align: left;
}
th, th a { font-weight: bold; white-space: nowrap; }
th.header {
	background-image: url(../img/triangle_base.png);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
th.headerSortUp, th.headerSortDown { background-color: #d3afcb; }
th.headerSortUp { background-image: url(../img/triangle_up.png); }
th.headerSortDown { background-image: url(../img/triangle_down.png); }
.table-checkArea { width: 3%; background: #FAAC58;}
#main-conts table .center { text-align: center;}
#main-conts table .input-check { margin: 0; }
table td.number, #main-conts table td.number, #main-conts table th.number, #headerTable table th.number, #headerTable table td.number { text-align: right; }
table .childTh { background: #f4f5f5; }

/* 伝票検索テーブル
=============================================*/
.pop-up td, .pop-up th {
	position: relative;
	z-index: 0;
}
.slip-table { margin-bottom: 20px; }
.slip-table td, .slip-table th {
	padding: 0.5em 0.25em;
	font-size: 0.9em;
}
.slip-table th {
	color: #000;
	text-align: left;
}
.detail #clientList th {
	color: #666;
}
.detail #clientList .font-small { font-size: 0.6em; }
.detail #clientList td { font-weight: bold; }
.detail #clientList td span { font-weight: bold; }
#clientList { border: 1px solid #CCC; }
#clientList .table-headDetail, #clientList .table-Detailtd { border-left: 1px solid #CCC; }
#clientList td.table-Detailtd {
	background: #FFF;
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
	font-weight: normal;
	font-size: 0.85em
}


/*=============================================
短縮タイトル
=============================================*/
.block-line {
	background-image: url(../img/icon_plus.png);
	background-position: 0.25em 50%;
	background-repeat: no-repeat;
}
.tablesorter td.show { background-image: url(../img/icon_minus.png); }
.block-line span {
	display: block;
	height: 1.4em;
	line-height: 140%;
	overflow: hidden;
	padding-left: 1.5em;
}
.block-line.show span { height: 100%; }

/*=============================================
短縮タイトル（展開なし）
=============================================*/
.omit span {
	display: block;
	height: 1.4em;
	line-height: 140%;
	overflow: hidden;
}
/*=============================================
ボタン
=============================================*/
.btn-set {
	background: no-repeat 0 0;
	display: block;
	margin: 0 auto;
}
.btn-detail {
	background-image: url(../img/btn_detail.png);
	width: 64px;
	height: 24px;
}
.btn-slipList {
	background-image: url(../img/btn_denpyou.png);
	width: 78px;
	height: 25px;
}
.btn-details {
	background-image: url(../img/btn_meisai.png);
	width: 60px;
	height: 25px;
}
.btn-stock {
	background-image: url(../img/btn_zaiko2.png);
	width: 60px;
	height: 31px;
}
.btn-hintoku {
	background-image: url(../img/btn_hinban2.png);
	width: 60px;
	height: 31px;
}
.search-commonArea {
	margin-top: 10px;
	width: 80%;
	list-style: none;
}
.search-common {
	display: block;
	width: 144px;
	height: 37px;
	background: no-repeat 0 0;
}
.btn-common-client { background-image: url(../img/btn_search_tokui.png); }
.btn-common-favotite { background-image: url(../img/btn_search_f.png); }
.btn-common-stockNumber { background-image: url(../img/btn_search_hinban.png); }
.btn-common-detailclear { background-image: url(../img/btn_detailclear.png); margin-left:50px;}
.btn-common-headclear { background-image: url(../img/btn_headclear.png); margin-left:50px;}
.btn-checkLarge {
	background: url(../img/btn_check.png) no-repeat 0 0;
	width: 63px;
	height: 24px;
}
.btn-checkMin {
	background: url(../img/icon_checl.png) no-repeat 0 50%;
	line-height: 16px;
	padding-left: 1em;
}
.btn-checkMinblue {
	background: url(../img/icon_checb.png) no-repeat 0 50%;
	line-height: 16px;
	padding-left: 1em;
}
.relogin {
	background: url(../img/btn_04.png) no-repeat 0 0;
	width: 152px;
	height: 40px;
}
.btn-list {
	background-image: url(../img/btn_list.png);
	width: 60px;
	height: 25px;
}
/*=============================================
検索ページ
=============================================*/
.form-table {
	border: 3px solid #b8b6b6;
	padding: 20px;
	font-size: 1.1em;
	_font-size: 1em;
}
.form-table dl {
	width: 49%;
	margin-bottom: 10px;
	word-wrap: break-word
}
.form-table dl.w100 { width: 100%; }
.form-table dl dt {
	border-left: 5px solid;
	padding-left: 1em;
	line-height: 2em;
	font-weight: bold;
}
.form-table dl dd { margin: 0.3em 1em 0.9em; }
.form-table dl dd .input-text {
	width: 90%;
	border: 1px solid #CCC;
}
.form-table dl .calender { line-height: 2em; }
.form-table dl .calender label {
	border: 1px solid #CCC;
	display: inline-block;
	width: 45%;
}
.form-table dl .calender .input-text {
	width: 70%;
	_width: 55%;
	border: none;
	display: block;
	float: left;
}
.form-table dl .calender img {
	display: block;
	float: right;
	padding: 22px 5px 22px;
}
.form-table dl .calendar { line-height: 2em; }
.form-table dl .calendar label {
	border: 1px solid #CCC;
	display: inline-block;
	width: 45%;
}
.form-table dl .calendar .input-text {
	width: 70%;
	_width: 60%;
	border: none;
	display: block;
	float: left;
}
.form-table dl .calendar img {
	display: block;
	float: right;
	padding: 22px 5px 22px;
}

.listformTable {
	padding: 0;
	border: none;
	margin-bottom: 20px;
}
.listformTable dd { line-height: 20px; }
/* 検索、クリアボタン
=============================================*/
.form-table .btn-area {
	width: 35%;
	list-style: none;
}
.form-table .btn-area input:hover { cursor: pointer; }
.btnFormSearches li, .form-table .btn {
	height: 43px;
	width: 140px;
	display: block;
}
.form-table .btn-reset { background: #FFF url(../img/btn_clear.jpg) no-repeat; }
.form-table .btn-search { background: #FFF url(../img/btn_search.jpg) no-repeat; }
.form-table .btn-research { background: #FFF url(../img/btn_re_search.png) no-repeat; }
.btn-ChangeSearch { background-image: url(../img/btn_ChangeS.jpg); }
/* お気に入り表示
=============================================*/
#btn-favoriteArea {
	background: #ededed;
	padding: 5px;
	margin: 20px 0;
}
#btn-favorite {
	background: url(../img/btn_fav.png);
	width: 214px;
	height: 48px;
	display: block;
	margin: 0 auto;
}
/*=============================================
検索結果　リストページ
=============================================*/
.list h1 { background: url(../img/title2.jpg) no-repeat 0 0; }
#searchResult {
	font-weight: bold;
	color: #000;
	font-size: 0.7em;
	float: left;
}
#searchResult span {
	font-size: 1.6em;
	padding: 0 0.25em;
}
#searchResult div {
	display: inline-block;
	_display: inline;
	color: #F03;
	font-size:1.1em;
	padding: 0 1em;
}
/*絞り込み検索
=============================================*/
.formArea {
	border-bottom: 3px solid #b8b6b6;
	height: 3px;
	overflow: hidden;
	clear: both;
}
.formArea .form-table { display: none; }
.reseach-form { display: none; }
#researchTop { border-top: none; }
#researchBottom { border-bottom: none; }
.reseachArea { border-bottom: 3px solid #b8b6b6; }
.reseachArea  dl { overflow: hidden; }
.reseachAreaB { border-top: 3px solid #b8b6b6; }
.reseachAreaB dl { overflow: hidden; }
.btn-research a { float: right; }
.btn-research a {
	background-image: url(../img/btn_research2.png);
	background-repeat: no-repeat;
	width: 142px;
	height: 30px;
	display: block;
	margin-bottom: 5px;
}
#stock .btn-research a  { background-position: 0 0; }
#client .btn-research a  { background-position: 0 -30px; }
#slip .btn-research a  { background-position: 0 -60px; }
#stockNumber .btn-research a  { background-position: 0 -90px; }
#ranking .btn-research a  { background-position: 0 -120px; }
#each .btn-research a  { background-position: 0 -150px; }
#goods .btn-research a  { background-position: 0 -180px; }
#btn-researchBottom a { margin-top: 5px; }
/* hide hack from Mac-IE5 \*/
* html .btn-research { height: 1%; }
/* end hiding */
/*戻る、リロードボタン
=============================================*/
#btn-reload-return {
	list-style: none;
	margin-bottom: 20px;
}
#btn-reload-return li { height: 32px; }
#btn-reload-return li a {
	display: block;
	height: 100%;
	background: url(../img/btn_reloadturn.png) no-repeat 0 0;
}
#btn-reload-return li #btn-return { width: 78px; }
#btn-reload-return li #btn-reload {
	width: 62px;
	background-position: -78px 0;
}
.pagerArea { margin: 10px 0; }
/*ページング
=============================================*/
.pager {
	list-style: none;
	font-size: 0.9em;
	margin-top: 7px;
}
.pager li {
	text-align: center;
	display: inline-block;
	float: left;
}
.pager li a {
	min-width: 20px;
	width: auto !important;
	width: 20px;
	padding: 5px 0;
	text-align: center;
	display: block;
	margin-left: 10px;
}
.pager li a:hover { text-decoration: underline; }
.listNum { margin: 7px 0 0 20px; }
.pager li.active a, .pager li a:hover { color: #FFF; }
/*=============================================
詳細 detail
=============================================*/
.detail #main-conts { margin: 20px 0; }
#btn-PrevNext li, #btn-PrevNext li a {
	height: 30px;
	width: 98px;
	display: block;
	float: left;
}
#btn-PrevNext li a { background-image: url(../img/btn_prevnext.png); }
#goods #btn-PrevNext li a { background-image: url(../img/btn_prevnext_goods.png); }
#btn-Detailnext { background-position: -98px 0px; }
#img-jacket {
	border: none;
	width: 200px;
	height: auto;
}
#img-jacket img {
	border: 1px solid #CCC;
	width: 100%;
}
.detail .table-detail {
	border: none !important;
	width: 100%;
}
.detail .table-detail th, .detail .table-detail td {
	border: none !important;
	padding: 0.35em !important;
}
.detail .table-detail th {
	text-align: right;
	font-weight: normal;
	width: 8em;
	color: #999;
	font-size: 1em;
}
.detail .table-detail td {
	font-weight: bold;
	width: auto;
	font-size: 1.1em;
}
#btns-detail { list-style: none; }
#btns-detail #btn-zaiko, #btns-detail #btn-hinban, #btns-detail #btn-fav { margin-bottom: 20px; }
#btns-detail li a {
	display: block;
	width: 176px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#btn-zaiko a { background-image: url(../img/btn_zaiko.png); }
#btn-hinban a { background-image: url(../img/btn_hinban.png); }
#btn-fav a { background-image: url(../img/btn_f.png); }
.error {
	text-align: center;
	background: url(../img/icon_error.png) no-repeat 0 50%;
	font-size: 2em;
	margin: 4em auto 0;
	width: 75%;
	font-weight: bold;
	padding: 1em 0 1em 1em;
	word-wrap: break-word;
}

.error-hikadobi {
	text-align: center;
	background: url(../img/icon_error.png) no-repeat 0 50%;
	font-size: 2em;
	margin: 4em auto 0;
	width: 85%;
	font-weight: bold;
	padding: 1em 0;
	word-wrap: break-word;
}

/*=============================================
ActionMessage
=============================================*/
.txtActmsg {
	background-color:#ffff99;
	margin-bottom: 10px;
	padding:7px 15px;
	vertical-align:middle;
}
.txtActmsg li{
	list-style-type: none;
}
.warning {
	color: #526a6a;
}
/*=============================================
ConfirmPopup
=============================================*/
.confirm {
	display: none;
	margin: 0;
	padding: 20px;
	position: fixed;
	_position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	width: 900px;
	margin-left: -470px;
	background: #FFF;
	border: 3px solid #CCC;
	font-size: 1.1em;
}
.confirm h2 { margin-bottom: 1em; }
.confirm .msg-area {
	text-align: center;
}
.confirm .btn-area {
	width: 25%;
	margin-top: 30px;
}
.confirm .btn-area li {
	list-style-type: none;
}
.confirm .btn-ok {
	background: #555;
	border: 1px solid #DDD;
	color: #FFF;
	width: 90px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 8px;
}
.confirm .btn-cancel {
	background: #EEE;
	border: 1px solid #DDD;
	color: #111;
	width: 90px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 8px;
}
#conf-filter {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 0;
}
* html #conf-filter { /* ie用 */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*=============================================
AnnotationPopup
=============================================*/
.annotation {
	display: none;
	margin: 0;
	padding: 20px;
	position: fixed;
	_position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-left: -270px;
	background: #FFF;
	border: 3px solid #CCC;
	font-size: 13px;
}
.annotation .msg-area {
	text-align: center;
}
.annotation .btn-area {
	width: 18%;
	margin-top: 30px;
}
.annotation .btn-area li {
	list-style-type: none;
}
.annotation .btn-close {
	background: #555;
	border: 1px solid #DDD;
	color: #FFF;
	width: 90px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 8px;
}
#annotation-filter {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 0;
}
* html #annotation-filter { /* ie用 */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*=============================================
商品検索 goods
=============================================*/
#goods h1 { background-position: 0 -80px; }
#goods h1.list { background-position: 0 -80px; }
#goods h1.detail { background-position: 0 -120px; }
#goods h1.bottom-zero { margin-bottom: 0; }
#goods .comment{ line-height: 20px; font-size: 0.8em; vertical-align: bottom; padding-left: 2px; }
#goods .form-table dl dt { border-color: #a143d0; }
#goods .form-table dl dd { margin: 0.2em 1em 0.55em; }
#goods .btn-search { background-position: 0 -258px; }
#goods .pager li a { border: 1px solid #a143d0; }
#goods .pager li a { color: #a143d0; }
#goods .pager li.active a, #goods .pager li a:hover {
	background: #a143d0;
	color: #FFF;
}
#goods #main-conts { clear: both; }
#goods #main-conts table thead { background: #e9d7e5; }
#goods:not(.detail)  #main-conts table th, #goods:not(.detail) #main-conts table td { font-size: 0.8em; }
/* 詳細テーブル
=============================================*/
.detail #main-conts .delail-tableList {
	margin-top: 20px;
	border: none;
}
.detail #main-conts .delail-tableList thead, .detail #main-conts .delail-tableList th {
	background: #CCC;
	padding: 1em;
}
.detail #main-conts .delail-tableList td {
	border: none;
	border-bottom: 1px dotted #999999;
	padding: 1em;
}
/*=============================================
在庫検索 stock
=============================================*/
#stock h1 { background-position: 0 -40px; }
#stock h1.list { background-position: 0 -40px; }
#stock .form-table dl dt { border-color: #266438; }
#stock .btn-search { background-position: 0 0px; }
#stock .pager li a { border: 1px solid #1b5634; }
#stock .pager li a { color: #1b5634; }
#stock .pager li.active a, #stock .pager li a:hover {
	background: #1b5634;
	color: #FFF;
}
#stock #main-conts table th, #stock #main-conts table td { font-size: 0.77em; }
#stock #main-conts table thead, #stock #main-conts table tr.itembar { background: #d7e9e7; }
#stock #main-conts table th.center {
	text-align: center;
}
#stock #main-conts table tr td select {
    margin: 0px;
    padding: 0px;
    font: inherit;
}
#stock .td-header {
	border: none;
	border-top: 1px solid #CCC;
	background-color: #c8ead4;
	color: #999;
	width: 45%;
}
#stock .td-bold {
	font-weight: bold;
	color: #333;
}
#stock .td-bold2 {
	font-weight: bold;
}
#stock .border-right {
	border-right: 1px solid #CCC;
	width: 30%;
}
#stock #info { padding: 0px; }
#stock #info table { margin: 0px; border: 0px; }
#stock #info table tr td { font: inherit; }
/*=============================================
得意先検索 client
=============================================*/
#client h1 { background-position: 0 -240px; }
#client h1.list { background-position: 0 -240px; }
#client .form-table dl dt { border-color: #358abd; }
#client .btn-search { background-position: 0 -43px; }
#client .pager li a { border: 1px solid #358abd; }
#client .pager li a { color: #358abd; }
#client .pager li.active a, #client .pager li a:hover {
	background: #358abd;
	color: #FFF;
}
#client #main-conts table thead { background: #c8e3f3; }
#client #main-conts table th, #client #main-conts table td { font-size: 0.8em; }
#client th.headerSortUp, #client th.headerSortDown { background-color: #91c7e7; }
#client .reseachAreaB { clear:both; border-top: 3px solid #b8b6b6; }
/*=============================================
伝票検索 slip
=============================================*/
#slip h1 { background-position: 0 -200px; }
#slip h1.list { background-position: 0 -160px; }
#slip h1.detail { background-position: 0 -200px; }
#slip .form-table dl dt { border-color: #ca4b2d; }
#slip .form-table dl dd { margin: 0.2em 1em 0.55em; }
#slip .btn-search { background-position: 0 -86px; }
#slip .pager li a { border: 1px solid #ca4b2d; }
#slip .pager li a { color: #ca4b2d; }
#slip .pager li.active a, #slip .pager li a:hover {
	background: #ca4b2d;
	color: #FFF;
}
#slip #main-conts table thead, #slip #clientList .table-headDetail { background: #fce3dd; }
#slip #contents table th.center {
	text-align: center;
}
#slip #main-conts table th, #slip #main-conts table td { font-size: 0.7em; }
#slip #main-conts table .button { padding: 0.4em 0.25em; }
#slip.detail #main-conts table .button { padding: 0.2em 0.25em; }
#slip th.headerSortUp, #slip th.headerSortDown { background-color: #f9c7bb; }
#slip .slip-table td, .slip-table th { font-size: 0.7em; }
#slip #putshopList { background-color: #ff9950; }
#slip #clientList { background-color: #fdcc9c; }
.ui-disabled{filter:Alpha(Opacity=30);opacity:.3;zoom:1}
.ui-disabled,.ui-disabled a{cursor:default!important;pointer-events:none}
#slip .itemTitle .itemNumJanNum .ui-grid-a .ui-block-a{ padding-left:10px; }
#slip .itemNumJanNum a{ color:#2489ce; font-weight: bold; }
#slip .itemNumJanNum2{ color:#ff0000; }
#slip .itemNumJanNum2 a{ color:#ff0000; font-weight: bold; }
#slip .itemTitle .itemNumJanNum2 .ui-grid-a .ui-block-a{ padding-left:10px; }
#slip .prcstscell{padding-bottom:19px; border-right:none; white-space:nowrap;}
#slip .prcstsspan{position:absolute; white-space:nowrap;}
.tokDetail {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.tokDetail th {
	color: #666;
	border: 1px solid #CCC;
}
.tokDetail td {
	font-weight: bold;
	border: 1px solid #CCC;
}
/*=============================================
品番・得意先検索 stockNumber
=============================================*/
#stockNumber h1 { background-position: 0 -280px; }
#stockNumber h1.list { background-position: 0 -280px; }
#stockNumber .form-table dl dt { border-color: #43c5c6; }
#stockNumber .btn-search { background-position: 0 -129px; }
#stockNumber .pager li a { border: 1px solid #43c5c6; }
#stockNumber .pager li a { color: #43c5c6; }
#stockNumber .pager li.active a, #stockNumber .pager li a:hover {
	background: #43c5c6;
	color: #FFF;
}
#stockNumber .goodsDetail { background: #c3efef; }
#stockNumber #main-conts table th, #stockNumber #main-conts table td { font-size: 0.8em; }
#stockNumber #main-conts table .font-small { font-size: 0.62em; }
#stockNumber #main-conts table .button { padding: 0.4em 0.25em; }
#stockNumber #main-conts table thead, #stockNumber #clientList .table-headDetail, #stockNumber #main-conts table tr.itembar { background: #c4ddfc; }
#stockNumber th.headerSortUp, #stockNumber th.headerSortDown { background-color: #89bbf9; }
/* 品番/得意先検索 ヘッダーテーブル
=============================================*/
#stockNumber .listformTable dl dd { margin-bottom: 0; }
.goodsDetail {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.goodsDetail th {
	color: #666;
	border: 1px solid #CCC;
}
.goodsDetail td {
	font-weight: bold;
	border: 1px solid #CCC;
}
.totalshopTable, .totalshopTableDetail {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.totalshopTable th, .totalshopTable td, .totalshopTableDetail th, .totalshopTableDetail td {
	border: 1px solid #CCC;
	border-left: none;
	border-bottom: none;
	padding: 0.25em 0.25em;
}
.totalshopTable th {
	background-color: #779fb4;
	font-weight: bold;
	color: #FFF;
}
.totalshopTableDetail th {
	background-color: #8bcedc;
	color: #FFF;
	font-weight: bold;
}
.totalshopTableDetail .childTh {
	background-color: #e3e4e4;
	color: #333;
}
#stockNumber #headerTable table th.center {
	text-align: center;
}
#stockNumber #main-conts table th.center {
	text-align: center;
	cursor: default; 
}
#stockNumber #headerTable table th,
#stockNumber #headerTable table td {
	padding: 0.25em 0.25em;
}
/*=============================================
ランキング ranking
=============================================*/
#ranking #wrapper {
	position: relative;
	z-index: 0;
}
#ranking #header, #footer, #ranking #header {
	position: relative;
	z-index: 2;
}
#ranking h1 { background-position: 0 0; }
#ranking h1.list { background-position: 0 0; }
#ranking .form-table dl dt { border-color: #a3a30a; }
#ranking .btn-search { background-position: 0 -172px; }
#ranking #main-conts table thead, #ranking .table-headDetail { background: #fbf1d5; }
#ranking #main-conts table th, #ranking #main-conts table td { font-size: 0.7em; }
#ranking #main-conts table th.center, #ranking #main-conts table td.center {
	text-align: center;
}
#ranking #main-conts table tbody tr:nth-child(even) {
    background:#F1F1F1;
}
#ranking #main-conts table tbody tr:nth-child(odd) {
    background:#FFFFFF;
}
#ranking #main-conts table .button { padding: 0.2em 0.25em; }
#ranking th.cell1 { background-color: #f7e3ab; }
#ranking .popList {
	border: 1px solid #CCC;
	min-height: 4em;
	height: auto !important;
	height: 4em;
	word-break: break-all;
	white-space: normal;
}
#ranking td.cell1 { background-color: #fef4e8; }
#ranking .label-reset { background: #FFF; }
#ranking .RankpopUp .btn-choice { 
	background-image: url(../img/btn-select.png); 
}
/*=============================================
共通検索 each
=============================================*/
#each .form-table dl dt { border-color: #30c04b; }
#each .btn-search { background-position: 0 -215px; }
#each .pager li a { border: 1px solid #30c04b; }
#each .pager li a { color: #30c04b; }
#each .pager li.active a, #each .pager li a:hover {
	background: #30c04b;
	color: #FFF;
}
#each .goodsDetail { background: #30c04b; }
#each #main-conts table thead, #each #clientList .table-headDetail { background: #bde6ce; }
#each th.headerSortUp, #each th.headerSortDown { background-color: #7acd9e; }
/* 品番検索 goodsNumber
=============================================*/
#each.stockNumber h1 { background-position: 0 -120px; }
#each.stockNumber h1.list { background-position: 0 -320px; }
#each.stockNumber a.btn-set span { margin-left: 3px; }
#each.stockNumber #main-conts table th, #each.stockNumber #main-conts table td { font-size: 0.8em; }
.regHinBtn {padding: 0px 0px 0px 200px;}
.regHinInfo {padding: 0px 0px 0px 380px;}
/* 得意先検索 client
=============================================*/
#each.client h1 { background-position: 0 -160px; }
#each.client h1.list { background-position: 0 -360px; }
#each.client a.btn-set span { margin-left: 3px; }
#each.client #main-conts table th, #each.client #main-conts table td { font-size: 0.8em; }
/*=============================================
マニュアル manual
=============================================*/
.manualLink a {
	text-decoration: underline; 
	font-size: 1.0em;
	color: #2489ce;
}
.wrap {
	width: 900px;
	margin: 0 auto;
}
#manualTitle {
	background-color: #d8dcdf;
	padding: 9px;
}
#manualTitle li {
	font-size: 1.0em;
	font-weight:600;
	margin-left: 150px;
}
#manualList { padding-bottom: 100px; height: auto; }
#manualList li {	
	float: left;
}
#manualList .button {
	display: block;
	color : #FFF;
	text-align:center;
	width: 230px;
	font-weight:600;
	font-size: 1.05em;
	background: #a0a0a0;
	background-image: -moz-linear-gradient(top,#c3c3c3, #777777 50%,#848484 50%,#aaaaaa); /* FireFox */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), color-stop(0.5,#777777), color-stop(0.5,#848484), to(#aaaaaa)); /* Safari,Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c3c3c3', endColorstr='#777777'); /* IE */
	margin-bottom: 25px;
	margin-left: 15px;
	list-style: none;
	padding: 40px 20px;
	position: relative;
	border-radius: 5px; /* CSS3 */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
#manualList .button:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
}
/*=============================================
注残照会 backlog
=============================================*/
#backlog .edit_info { margin-top: 0; }
#backlog #main-conts table th, #backlog #main-conts table td { font-size: 0.7em; }
#backlog h1 { background-position: 0 -320px; }
#backlog h1.list { background-position: 0 -400px; }
#backlog h1.edit { background-position: 0 -440px; }
#backlog .form-table dl dt { border-color: #c4bd97; }
#backlog .btn-search { background-position: 0 -210px; }
#backlog .btn-research a { background-position: 0 -210px; }
#backlog .pager li a { border: 1px solid #49691f; }
#backlog .pager li a { color: #c4bd97; }
#backlog .pager li.active a, #backlog .pager li a:hover {
	background: #c4bd97;
	color: #FFF;
}
#backlog #main-conts table thead { background: #c4bd97; }
#backlog .thStronge, #backlog .thStronge2 {
  background: #847c47;
  color: #FFF;
}
#backlog .thStronge2 {
  background: #b8a296;
}
#backlog #main-conts table th.center {
	text-align: center;
}
#backlog #main-conts table tr td select {
    font: inherit;
}
#backlog .td-header {
	border: none;
	border-top: 1px solid #CCC;
	background-color: #c8ead4;
	color: #999;
	width: 50%;
}
#backlog .td-bold {
	font-weight: bold;
	color: #333;
}
#backlog .border-right {
	border-right: 1px solid #CCC;
}
#backlog .block-text {
  font-size: 0.9em;
  margin-right: 1em;
  line-height: 2em;
}
#backlog .btn-backlog {
  display: block;
  width: 136px;
  line-height: 30px;
  background: url(../img/btn_backlog.jpg) no-repeat 0 0;
  text-align: center;
  color: #FFF;
}
#backlog .pagerArea .btn-backlog { margin: 0.4em 0; }
#backlog .pagerArea #btnEdit { margin: 0; }
#backlog .revitionInput, #backlog .revitionDate {
  width: 3em;
  border: 1px solid #CCC;
}
#backlog .revitionDate {
  width: 6em;
}
#backlog #btn-revisionArea .btn-backlog {
  margin: 1em auto;
  font-size: 0.7em;
}
#backlog .revisionEnd {
	background-image: url('../img/end_check.jpg');
}
#backlog .form-table dl.w30 { width: 30%; }
#backlog .form-table dl.w70 { width: 70%; }
#backlog .yotei { font-size: 1.3em; }
#backlog .btn-search { background-position: 0 -301px; }
#backlog #info, #backlog #info2 { 
	padding: 0px;
	margin: 0px; 
	border: 0px;
}
#backlog #resultTable .boder { 
	border-bottom: 2px solid #CCC;
}
#backlog #info table, #backlog #info2 table { 
	table-layout: fixed;
	border-bottom: 2px solid #CCC;
}
#backlog #info table tr td { 
	font: inherit;
	font-weight: bold;
}
#backlog #info2 table tr td { 
	font: inherit;
}
#backlog .dummy{
	height: 0px;
	padding: 0px;
	border: 0px;
}
#backlog .td-tokcod { background: #fef4ff;}
#backlog .td-hinban { background: #f9f9eb;}
/*=============================================
売上照会 Sales
=============================================*/
#sales h1 { background-position: 0 -360px; }
#sales h1.list { background-position: 0 -480px; }
#sales .form-table dl { margin: 0; }
#sales .form-table dl dt { border-color: #ffa913; }
#sales .btn-search { background-position: 0 -344px; }
#sales .btn-research a { background-position: 0 -240px; }
#sales #main-conts table thead, #sales #main-conts table th { background: #fcc668; }
#sales #main-conts table th.center {
	text-align: center;
}
#sales #main-conts table tr td select {
    font: inherit;
}
#bsalesacklog .td-header {
	border: none;
	border-top: 1px solid #CCC;
	background-color: #c8ead4;
	color: #999;
	width: 50%;
}
#sales .td-bold {
	font-weight: bold;
	color: #333;
}
#sales .border-right {
	border-right: 1px solid #CCC;
}
#basalescklog #info { padding: 0px; }
#sales #info table { margin: 0px; border: 0px; }
#sales #info table tr td { font: inherit; }
#sales .popList {
	border: 1px solid #CCC;
	min-height: 2em;
	height: auto !important;
	height: 2em;
	word-break: break-all;
	white-space: normal;
}
#sales td.cell1 { background-color: #ffa913; }
#sales .label-reset { background: #FFF; }
#sales #salesList th {
  background: #fcc668;
  color: #333;
} 
#sales .salesColor {
  background: #ef7c36 !important;
  color: #FFF !important;
}
#sales #salesDetail th, #sales #salesDetail td {
  padding: 0.25em;
}
#sales .tokDetail td {
  font-weight: normal;
}
.slip-table th { font-size: 1em;}
#sales .slip-table {
  margin-bottom: 0.05em;
}
#sales .RankpopUp .btn-choice {
  background-image: url(../img/btn-select-sales.jpg);
}
#sales .RankpopUp .selectmaker label {
  display: inline-block;
  width: 15%;
}
#sales #main-conts table tbody tr:nth-child(even) {
    background:#F1F1F1;
}
#sales #main-conts table tbody tr:nth-child(odd) {
    background:#FFFFFF;
}

/*=============================================
売上入力 entry
=============================================*/
#entry h1 { background-position: 0 -400px; }
#entry h1.list { background-position: 0 -520px; }
#entry h1.entryconfirm { background-position: 0 -560px; }
#entry h1.edit { background-position: 0 -600px; }
#entry .form-table dl dt { border-color: #9f3b42; }
#entry .btn-search { background-position: 0 -344px; }
#entry .btn-research a { background-position: 0 -240px; }
#entry #main-conts table thead { background: #9f3b42; }
#entry .entryTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
#entry .entryTable-min { width: 57.9%; }
#entry .entryTable td, #entry .entryTable th {
  border: 1px solid #CCC;
  border-bottom: none;
  border-left: none;
  font-size: 0.9em;
  _font-size: 1em;
  word-wrap: break-word;
  padding: 0.25em;
}
#entry .entryTable th {
  background: #9f3b42;
  color: #FFF;
  text-align: left;
}
#entry .entryTable-min td, #entry .entryTable-min th {
  border-top: none;
}
#entry .entryTable input {
  border: 1px solid #CCC;
  width: 96%;
  padding: 0.15em 2%;
}
#entry .entryTable input.disabled {
  background: #eee;
}
#entry .entryTable .disabled:hover { cursor: not-allowed; }
  
#entry .entryTable .input-radio, #entry .entryTable label {
  display: inline-block;
  width: inherit;
}
#entry .entryTable.meisai tbody:nth-child(even) {
	background: #FFFFFF;
}
#entry .entryTable.meisai tbody tr {
	height: 30px;
}
#entry .entryTable.meisai tbody:nth-child(odd) {
	background: #F1F1F1;
}
#entry .form-table dl dd { 
  margin: 0.3em 1em 0;
}
#entry .calendar label {
	border: 1px solid #CCC;
	display: block;
	float: left;
	width: 99%;
	margin-bottom: 0;
}
#entry .calendar .input-text {
	width: 78%;
	_width: 70%;
	border: none;
	display: block;
	float: left;
	padding: 0.15em 2px;
}
#entry .calendar img {
	display: block;
	float: right;
	padding: 9px 5px 9px;
}
#entry .conts { margin-bottom: 10px; }
#entry .optionItem button {
  background: #9f3b42;
  padding: 0.5em;
  border-radius: 0.25em;
  color: #FFF;
  font-size: 0.8em;
  border: none;
  outline: none;
  font-weight: bold;
}
#entry td.number input {
	text-align: right;
}
.optionItem button:hover, .optionItem button:active {
  cursor: pointer;
  border: none;
  outline: none;
}
.optionItem button i {
  background: #FFF;
  font-size: 1em;
  border-radius: 0.5em;
  line-height: 0.9em;
  color: #9A1836;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25em 0 0;
  float: left;
}
#entry .optionItem .tableArea { display: none; }
#entry .sum {
  margin: 5px 0;
}
.sub-btns { width: 100%; }
.sub-btns li {
  display: inline-block;
  margin-right: 10px;
}
.sub-btns .btn-set {
  width: 142px;
line-height: 35px;
font-size: 16px;
  background: #EEE;
  border: 1px solid #c6c6c6;
  display: block;
  float: left;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
}
.subbtnBlock{margin-left:20px; padding-left:1em;}
#entry .btn-submit {
  background: rgb(169,3,41);
  background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(109,0,25,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(109,0,25,1)));
  background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%);
  background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%);
  background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%);
  background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
#entry .btn-submit2 {
  background: rgb(217,217,217);
  background: -moz-linear-gradient(top,  rgba(217,217,217,1) 0%, rgba(180,180,180,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,217,217,1)), color-stop(100%,rgba(180,180,180,1)));
  background: -webkit-linear-gradient(top,  rgba(217,217,217,1) 0%,rgba(180,180,180,1) 100%);
  background: -o-linear-gradient(top,  rgba(217,217,217,1) 0%,rgba(180,180,180,1) 100%);
  background: -ms-linear-gradient(top,  rgba(217,217,217,1) 0%,rgba(180,180,180,1) 100%);
  background: linear-gradient(to bottom,  rgba(217,217,217,1) 0%,rgba(180,180,180,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#b4b4b4',GradientType=0 );
}
.btn-submit {
  font-size: 1em;
  padding: 0.5em 1.5em;
  border-radius: 0.25em;
  color: #FFF;
  font-weight: bold;
  min-width: 6em;
}
.btn-submit2 {
  font-size: 1em;
  padding: 0.5em 1.5em;
  border-radius: 0.25em;
  color: #000000;
  font-weight: bold;
  min-width: 6em;
}
.btn-submit:hover, .btn-submit2:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";	/* ie 8 */
	-moz-opacity:0.7;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;				/* Safari 1.x */
	cursor: pointer;
}
.endText {
	background-image: url('../img/end_check.jpg');
}
.btn-in-table {
  padding: 0.5em 0;
  background: #EEE;
  border: 1px solid #c6c6c6;
  display: block;
  font-size: 1em;
  border-radius: 0.2em;
  width: 100%;
}

.btn-highlight {
  background: #ffff99;
  border: 1px solid #ffcc66;
}

.soukoInput{}
input.soukoInput:disabled { background:none !important; border:none !important;}
.reMarkDisabled{ color:#ccc;}
.reMarkDisabled dt{ border-color:#ccc !important;}

.btn-clear-small{ font-size:0.8em;}

#entry-fin-message {
	list-style: none;
	margin-bottom: 10px;
}
#entry-fin-message1 {
	list-style: none;
	margin-bottom: 10px;
	background-color:#FCC;
	padding:5px;
	border-radius:5px;
	color:#900;
}
#entry-fin-message2 {
	list-style: none;
	margin-bottom: 10px;
	color:#666;
}
#entry ul.errorMessage li {
	list-style: none;
}
.bgPink {
	background-color: #FCC;
}

/*=============================================
カート
=============================================*/
.btn-cart2 {
	background: no-repeat 0 0;
	display: inline-block;
	margin: 0 auto;
	background-image: url(../img/btn_cart.png);
	width: 31px;
	height: 31px;
}
.btn-cart3 {
	background: no-repeat 0 0;
	display: inline-block;
	margin: 0 3px 0 0;
	background-image: url(../img/btn_cart.png);
	width: 31px;
	height: 31px;
	vertical-align:middle;
}