@charset "utf-8";
/* CSS Document */

@import "default.css";

html {-webkit-text-size-adjust: 100%;}
img	{vertical-align:top;line-height:0px;}


body	{
	color:#000000;
	font-size:12px;
}
/* ================================================================================ */
/*      共通                                                                        */
/* ================================================================================ */
.clearfix:after{
  content:"";
  display:table;
  clear:both;
}
.clearfix{
  zoom:1;
}

a	{cursor: pointer;text-decoration:underline;}
a:link		{color:#000000;text-decoration:underline;}
a:visited	{color:#000000;}
a:hover		{color:#000000;}
a:active	{color:#000000;}
a img {vertical-align:middle;}

.red	{color:#CC0000;}
.tCenter	{text-align:center !important;}
.tLeft	{text-align:left !important;}
.tRight	{text-align:right !important;}

.bYellow { background:yellow !important;}

.fLeft	{float:left;}
.fRight	{float:right;}

.pRight {margin-left: auto;}

.wMin	{width: 600px;margin-left:auto;margin-right:auto;}
.wAuto	{width: 100% !important;}
.wHalf	{width: 50% !important;}
input.wAuto,textarea.wAuto	{width: 90% !important;}
.w20	{width: 20px !important;}
.w30	{width: 30px !important;}
.w40	{width: 40px !important;}
.w50	{width: 50px !important;}
.w55	{width: 55px !important;}
.w60	{width: 60px !important;}
.w70	{width: 70px !important;}
.w80	{width: 80px !important;}
.w85	{width: 85px !important;}
.w90	{width: 90px !important;}
.w95	{width: 95px !important;}
.w100	{width: 100px !important;}
.w110	{width: 110px !important;}
.w120	{width: 120px !important;}
.w130	{width: 130px !important;}
.w140	{width: 140px !important;}
.w150	{width: 150px !important;}
.w160	{width: 150px !important;}
.w165	{width: 165px !important;}
.w180	{width: 180px !important;}
.w200	{width: 200px !important;}
.w210	{width: 210px !important;}
.w220	{width: 220px !important;}
.w250	{width: 250px !important;}
.w300	{width: 300px !important;}
.w350	{width: 350px !important;}
.w400	{width: 400px !important;}
.w450	{width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600	{width: 600px !important;}
.w760	{width: 760px;}
.w765	{width: 765px;}

.mb3	{margin-bottom: 3px !important;}
.mb5	{margin-bottom: 5px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb20	{margin-bottom: 20px !important;}
.mb30	{margin-bottom: 30px !important;}

.mt3	{margin-top: 3px !important;}
.mt5	{margin-top: 5px !important;}
.mt10	{margin-top: 10px !important;}
.mt20	{margin-top: 20px !important;}
.mt30	{margin-top: 30px !important;}

.mrAuto	{margin-right: auto !important;}
.mr3	{margin-right: 3px !important;}
.mr5	{margin-right: 5px !important;}
.mr10	{margin-right: 10px !important;}
.mr20	{margin-right: 20px !important;}
.mr30	{margin-right: 30px !important;}

.mlAuto	{margin-left: auto !important;}
.ml3	{margin-left: 3px !important;}
.ml5	{margin-left: 5px !important;}
.ml10	{margin-left: 10px !important;}
.ml20	{margin-left: 20px !important;}
.ml30	{margin-left: 30px !important;}

.changeCheckLessButton{;}

.w10per	{width: 10% !important;}
.w20per	{width: 20% !important;}
.w25per	{width: 25% !important;}
.w30per	{width: 30% !important;}
.w40per	{width: 40% !important;}
.w50per	{width: 50% !important;}
.w60per	{width: 60% !important;}
.w70per	{width: 70% !important;}
.w80per	{width: 80% !important;}
.w90per	{width: 90% !important;}
.w100per{width: 100% !important;}


/* ================================================================================ */
/*     detailhedderTypeWidth(明細タイトル別)                                        */
/* ================================================================================ */
/* 商品コード */
.wProductCode		{width: 60px !important;}
/* 商品名 */
.wProductName		{width: 220px !important;}
/* メーカー */
.wMaker				{width: 140px !important;}
/* 数量 */
.wQuantity			{width: 110px !important;}
/* 送り先 */
.wDestination		{width: 160px !important;}
/* 規格 */
.wStandard			{width: 60px !important;}
/* 入り数 */
.wPerUnit			{width: 60px !important;}
.wProductName		{width: 140px !important;}
/* 最小販売数量 */
.wPackingUnit		{width: 60px !important;}
/* ================================================================================ */





.tMin	{font-size: 11px;}
.tLarge	{font-size: 14px;}
.gridTable th .tMin	{font-weight: normal;text-shadow: none;}
.tBold	{font-weight: bold;}
.vBottom {vertical-align: bottom;}
.vTop {vertical-align: top;}

.permutation	{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width:0px;
  height:0px;
}

.radius	{
  border:solid #ccc 1px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

a.boxLink, a.boxLinkI {
	display: block;
	padding: 6px 5px 6px 6px;
	background: #992020;
	color: #fff;
	width: 180px;
	text-decoration: none;
	border-left:solid #701010 4px;
	overflow: hidden;
	position:relative;
}
a.boxLink span {
  float: right;
  font-size:9px;
  padding-top:2px;
  color:#eaf4ff;
}
.sideMenu a.boxLink {
  margin-left:auto;
  margin-right:auto;
}
a.boxLinkI {
  display: inline;
}

a.disabled {
  background-color: #cccccc;
  border-left:solid #7c7c7c 4px;
}

dt {
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: dotted #ccc 1px;
}

dd {
  padding-left:20px;
  padding-top: 5px;
  margin-bottom:20px;
}

th,td {vertical-align: middle;min-height:30px;}
/* ================================================================================ */
/*     elements                                                                     */
/* ================================================================================ */
input, textarea {
  border:solid #bababa 1px;
  width:inherit;
}
input[type=text], input[type=password], textarea {
  padding: 1px 3px 1px 3px;
}
input[type=checkbox],input[type=radio] {
  border: none;
  vertical-align: middle;
}
textarea {
  width: 100%;
  overflow: hidden;
}
input[type=submit],input[type=reset],input[type=button] {
  background: #e1e1e1;
  width: 100px;
  text-align: center;
  border:solid #000 1px;
  cursor:pointer;
  font-size:12px;
  height: 30px;
}
input[type=submit], a.submit, input[type=button].submit {
  background: url(../images/bg-black.jpg) repeat-x left center #000;
  color: #fff;
  border:solid #555 1px;
  padding:5px;
  text-decoration:none;
}
a.submit span, a.reset span {
  font-size: 9px;
}
input[type=submit].grey {
  background: url(../images/bg-grey.jpg) repeat-x left center #ababab;
  color: #fff;
  border:solid #6a6a6a 1px;
}
input[type=reset],input[type=submit].white,input[type=button].white,a.reset {
  background: url(../images/bg-white.jpg) repeat-x left center #f7f7f7;
  border:solid #afafaf 1px;
  width: 60px;
  color:#000;
  padding:5px;
  text-decoration:none;
}
input[type=submit].min,input[type=reset].min {
  font-size:12px;
}
input[type=reset]:hover,input[type=submit].white:hover,input[type=button].white:hover {
  border:solid #cccccc 1px;
}

input[type=text].disabled_text, input[type=password].disabled_text, textarea.disabled_text {
  background:#eaeaea !important;
  color:#000000 !important;
  style:border-width:0px !important;
  border-style:None !important;
  text-shadow:none !important;
  cursor:default;
}

input[disabled=disabled] {
  background: #e5e5e5 !important;
  border:solid #bcbcbc 1px !important;
  color:#a3a3a3 !important;
  text-shadow:none !important;
  cursor:default;
}

.paging {
  float: left;
  max-width: 700px;
}
.paging input[type=button].white {
  padding:0px;
  width:20px;
  border-radius:1px;
}

.paging input[type=button].white.this {
  background-color: #5184ba !important;
    background-image: none !important;
    color: #d6eaff !important;
    border-color: #5184ba !important;
    cursor:default;
}
select {
  background: #f7fcff;
}
.disabled {
  ime-mode: disabled;
}

label.checkAll, label.clearAll {
  cursor:pointer;
}
label.checkAll:hover, label.clearAll:hover {
  color:#666666;
}
label.checkAll img, label.clearAll img {
  vertical-align: middle;
}

label.delete, label.delete {
  cursor:pointer;
}
label.delete:hover, label.delete:hover {
  color:#666666;
}
label.delete img, label.delete img {
  vertical-align: middle;
}

label.labellink, label.labellink {
  cursor:pointer;
  text-decoration:underline;
}
label.labellink:hover, label.labellink:hover {
  color:#666666;
}

/* ================================================================================ */
/*      ui                                                                          */
/* ================================================================================ */
.ui-datepicker-trigger {
  vertical-align: middle;
  margin-left: 2px;
}
input.datepicker, input.datepicker_e  {
  width:75px;
}

.ui-datepicker-calendar .ui-state-d.ui-datepicker-other-month {
  opacity : 0;
}

input[type="text"].label {
  border: none !important;
  background: transparent !important;
  color: black !important;
}

.date-sunday .ui-state-default {
  background-image: none; background-color: #FF9999
}
.date-saturday .ui-state-default {
  background-image: none; background-color: #66CCFF
}
.date-holiday0 .ui-state-default {
  background-image: none; background-color: #FF99FF
}
.date-holiday1 .ui-state-default {
  background-image: none; background-color: #FFFF33
}


button.disabled {
  color: #fff;
  border:solid #555 1px;
  padding:5px;
  text-decoration:none;
  text-decoration:underline;
  background-color: #cccccc;
}
/* ================================================================================ */
/*      contentBox                                                                  */
/* ================================================================================ */
div#contentBox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body.dialog div#contentBox {
  width:700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

#subwindow div#contentBox {
  width:700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

/* ================================================================================ */
/*      pageHeader                                                                  */
/* ================================================================================ */
div.pageHeader {
  text-align: center;
  border: solid #ccc 1px;
  padding :5px;
  margin-bottom: 20px;
}

/* ================================================================================ */
/*      article・section                                                            */
/* ================================================================================ */
div#article {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

div.sideMenu + div.contents {
  float: left;
}

div.sideMenu {
  margin-right:20px;
  float: left;
  width: 200px;
}

div.sideMenu .bgBox {
  padding: 10px 5px 10px 5px;
}

div.sideMenu table.formTable {
  width: 185px;
}
table.sideMenuLayout {
  width: 100%;
}
table.sideMenuLayout td.sideMenu {
  width: 20%;
  padding-right: 10px;
  vertical-align: top;
}

table.sideMenuLayout td.contents {
  width: 80%;
  padding-left: 10px;
  vertical-align: top;
}

h1 {
	background: #8cc479;
	color: 000;
	font-size:14px;
	font-weight: bold;
	padding: 8px;
	border:solid #939393 1px;
	margin-bottom: 20px;
	background:url(../images/h1Bg.png) repeat-x left bottom;
	border-left:solid #9a5029 4px;
	overflow:hidden;
	position:relative;
}
h1 span,h2 span {
  float: right;
  color:#666;
}

h2 {
  font-weight: bold;
  font-size:14px;
}
h2.title {
	border:solid #939393 1px;
	border-left:solid #9a5029 4px;
	background:url(../images/h1Bg.png) repeat-x left bottom;
	padding:5px;
	margin-bottom:3px;
	overflow:hidden;
}
h2.tableTitle {
  background:#b2b2b2;
  border: solid #939393 1px;
  border-bottom:none;
  padding:8px 3px 8px 3px;
}

/* ================================================================================ */
/*      pageFooter                                                                  */
/* ================================================================================ */
div.pageFooter {
  text-align: center;
  border-top:solid #ccc 1px;
  padding :5px;
  margin-top:50px;
}

/* ================================================================================ */
/*      osirase                                                                     */
/* ================================================================================ */
div.osirase {
  margin-bottom:20px;
  width: 100%;
}
div.osirase h2 {
	border:solid #939393 1px;
	border-left:solid #9a5029 4px;
	background:url(../images/h1Bg.png) repeat-x left bottom;
	padding:5px;
	margin-bottom:3px;
}
div.osirase>div {
  padding:10px;
  border-top:none;
  background:#f5f5f5;
}
/* ================================================================================ */
/*      globalMenu                                                                  */
/* ================================================================================ */
.globalMenu {
  margin-top: 20px;
  margin-bottom: 15px;
}
.globalMenu .logoImage {
  float: left;
  display: block;
  padding-right:20px;
  margin-left: 20px;
}
/*.globalMenu>div {
  margin-left: 345px;
}
.globalMenu>div>div {
  overflow: hidden;
}*/
.globalMenu p.user {
  padding-top:7px;
  float:left;
 /* width: 280px;*/
  padding-bottom:10px;
}
.globalMenu .navButton {
  float: right;
  margin-right: 20px;
}
.globalMenu .navButton li {
  float: left;
  padding-left: 5px;
  padding-top:3px;
}
.globalMenu .navButton li .boxLink {
  padding:6px;
}
.globalMenu p.cartAll {
  /*float: right;*/
  text-align: right;
}
.globalMenu table.row2 td {
  padding-top: 10px !important;
}
.globalMenu td.lastLogin {
  width: 46% !important;

}
.globalMenu td.lastLogin>p {
  float:right;
}
.globalMenu td.userID {
  padding-left: 20px;
}
.globalMenu td.menuButton {
  width: 40% !important;
}
.globalMenu label.name {
  border-bottom:dotted #939393 1px;
  font-weight:bold;
  font-size:14px;
  margin-right:15px;
}
.globalMenu a.logout {
    border: none;
    color:#000;
    text-align:left;
    padding:5px 5px 5px 22px;
    background:url(../images/logout.png) no-repeat 3px center #e6e6e6;
    text-decoration: none;
    width:125px;
    line-height: 25px;
    margin-right: 20px;
}
.globalMenu a.logout span {
  font-size:9px;
}
.globalMenu .paddingTop {
   padding-top:15px;
}

/* ================================================================================ */
/*      gridTable                                                                   */
/* ================================================================================ */
table.gridTable th,table.gridTable td {
  padding: 5px;
  vertical-align: middle;
  text-align: left;
  border: solid #939393 1px;
  min-height: auto;
}

table.alterTbody tbody:nth-child(2n) tr td {background:#ededed;}
table.alterTbody1 tbody:nth-child(2n+1) tr td {background:#ededed;}

table.alter tr:nth-child(4n+1) td {background:#e5e5e5;}
table.alter tr:nth-child(4n+2) td {background:#e5e5e5;}

table.alter1 tr:nth-child(2n+1) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+1) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+2) td {background:#e5e5e5;}
table.alter3 tr:nth-child(6n+3) td {background:#e5e5e5;}

table.gridTable tbody.alter:nth-child(odd) {background:#e5e5e5;} !important;

table.gridTable tr.amount td,table.gridTable tr.amount th {font-size:16px;font-weight: bold;padding-top: 15px; padding-bottom: 15px;text-align: right;background:#fff;}
table.gridTable td.noGrid {border:none;background:none !important;}

table.gridTable th {
	background-color: #d6d6d6;
	font-weight: bold;
	color: #000;
	text-align: center;
}

table.gridTable th.urjsk1 {
  background-color: #B2E5E2 !important;
}

table.gridTable th.urjsk2 {
  background-color: #87D4ED !important;
}

table.gridTable.textTable td, table.gridTable.textTable th {
  padding: 10px;
  text-align: left;
}

.noleftLine{
border-left-style:none;
}

table.itemCenter,th.itemCenter,tr.itemCenter,td.itemCenter {
  vertical-align:top !important;
}

table.hide,th.hide,tr.hide,td.hide {
  display:none;
}

/* ================================================================================ */
/*      form                                                                        */
/* ================================================================================ */
table.formTable {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
table.formTable th,table.formTable td {
  padding: 10px 5px 10px 5px;
  vertical-align: middle;
  text-align: left;
}
.bgBox {
  background:#eaeaea;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  padding:20px 5px 20px 5px;
}

.bgIsBox {
  background:#eaeaea;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  padding:5px 5px 5px 5px;
}

.sideMenu table.formTable th, .sideMenu table.formTable td {
  padding: 5px;
}

/* ================================================================================ */
/*      searchTable                                                                 */
/* ================================================================================ */
table.searchTable {
  margin-left: auto;
  margin-right: auto;
}
table.searchTable th,table.searchTable td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  vertical-align: bottom;
  border-bottom: dotted #ccc 1px;
}
table.searchTable tr:last-child th,table.searchTable tr:last-child td {
  border-bottom: none;
}

/* ================================================================================ */
/*      cartSettingTable                                                                 */
/* ================================================================================ */
table.cartSettingTable {
  margin-left: auto;
  margin-right: auto;
}
table.cartSettingTable th,table.cartSettingTable td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  vertical-align: bottom;
  border-bottom: dotted #ccc 1px;
}
table.cartSettingTable tr:last-child th,table.cartSettingTable tr:last-child td {
  border-bottom: none;
}

/* ================================================================================ */
/*      innerTable                                                                  */
/* ================================================================================ */
table.innerTable td,table.innerTable th	{
  padding: 3px 10px 3px 0px !important;
  border: none;
  background: none !important;
}

/* ================================================================================ */
/*      searchResultTable(商品検索グルーピングテーブル)                             */
/* ================================================================================ */
table.searchResultTable th,table.searchResultTable td {
	padding: 3px;
	vertical-align: middle;
	text-align: left;
	border: solid #939393 1px;
	min-height: auto;
}

table.searchResultTable tr.productChild{
	display: none;
}

table.searchResultTable tr.productChild:nth-child(2n+1) td {background:#e5e5e5;}
table.searchResultTable tr.productOnly:nth-child(2n+1) td {background:#e5e5e5;}

table.searchResultTable tr.productParent img.rotate{
	 transform: rotate(90deg);
}

table.searchResultTable tr.productParent{
	background:#FFDCDC;
}

table.searchResultTable th {
	background: #d6d6d6 !important;
	font-weight: bold;
	color: #000;
	text-align: center;
}

table.searchResultTable.textTable td, table.searchResultTable.textTable th {
	padding: 10px;
	text-align: left;
}

/* ================================================================================ */
/*      sortTableHeader(ソートテーブルのヘッダ関連)                                     */
/* ================================================================================ */
.sortHeaderCell{
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer
}
.headerSortUp {
	background-image: url(../images/asc.gif);
}
.headerSortDown {
	background-image: url(../images/desc.gif);
}

table.alter5 tr:nth-child(2n) td {background:#e5e5e5;}

/* ================================================================================ */
/*      SI19(ユーザ情報変更)                                                        */
/* ================================================================================ */
table.center{
 margin-right : 25%;
 margin-left :  25%;
}

/* ================================================================================ */
/*      SI20(得意先情報検索)                                                        */
/* ================================================================================ */
table.centerSub{
 margin-right : 15%;
 margin-left :  15%;
}

/* ================================================================================ */
/*      SI6(商品検索)                                                               */
/* ================================================================================ */
table.centerCartSetting{
 margin-right : 10%;
 margin-left :  10%;
}

/* ================================================================================ */
/*      SI9(注文カート)                                                               */
/* ================================================================================ */
#SI09 h2>span.detailsTitle {
  float: right;
  color: black;
}

/* ================================================================================ */
/*      OrderReceptionDetails(注文受付明細)                                                          */
/* ================================================================================ */
#OrderReceptionDetails .cautionColorCell {
background:yellow;
}

#OrderReceptionDetails .ngColorCell {
background:red;
}

#OrderReceptionDetails .cautionColorText {
color:yellow;
}

#OrderReceptionDetails .ngColorText {
color:red;
}

/* ================================================================================ */
/*      EdiPurchaseList(EDI仕入一覧)                                                          */
/* ================================================================================ */
#EdiPurchaseList .cautionColorCell {
background:yellow;
}

#EdiPurchaseList .ngColorCell {
background:red;
}

#EdiPurchaseList .cautionColorText {
color:yellow;
}

#EdiPurchaseList .ngColorText {
color:red;
}

/* ================================================================================ */
/*      EdiReceptionList(EDI受注一覧)                                                          */
/* ================================================================================ */
#EdiReceptionList .cautionColorCell {
background:yellow;
}

#EdiReceptionList .ngColorCell {
background:red;
}

#EdiReceptionList .cautionColorText {
color:yellow;
}

#EdiReceptionList .ngColorText {
color:red;
}

/* datepickerの背景/文字の色 */
.class-holiday > .ui-state-default {
  background: #FFFFCC !important;
  color: red !important;
}
.class-sunday > .ui-state-default {
  background: #FFCCCC !important;
  color: red !important;
}
.class-saturday > .ui-state-default {
  background: #CCCCFF !important;
  color: blue !important;
}
.calendar-day-0 > .ui-state-default {
  background: #FFCCCC !important;
  color: red !important;
}
.calendar-day-6 > .ui-state-default {
  background: #CCCCFF !important;
  color: blue !important;
}
/* ======================================== */
/* Login                                    */
/* ======================================== */

div#Login table.formTable td {
  white-space: nowrap;
}

div#EmployeeMainMenu .boxLink {
  width: 90%;
}

/* fix */
div.fix {
  overflow-x: scroll;
  overflow-y: hidden;
}
div.fix td, div.fix th {
  white-space: nowrap;
}
div.fix th {
  padding: 3px 10px 3px 10px !important;
}
div.fix td.lb, div.fix th.lb {
  white-space: normal;
}