@charset "utf-8";

body{
    font-family: 'Arial', 'sans-serif';
    font-size: 10px;
    /*color: #ffff00;*/
    font-weight: bold;
    /* text-align: center; */
}

a { color: #333}

input, label {
	display: inline-block;
    margin: 0;
    /*padding: 0;*/
	/*font-weight: normal;*/
}

input[type="checkbox"], input[type="radio"], label {
    margin: 0 1px 0 0;
    vertical-align: middle !important;
}

input[type="checkbox"], input[type="text"], input[type="radio"], input[type="select"],
div.hor-drop-area-expansion-button, div.hor-drop-area-handler, div.ver-drop-area-expansion-button, div.ver-drop-area-handler,
div.ex-drop-area-handler, div.ex-drop-area-expansion-button, div.ex-drop-area-handler, div.ex-drop-area-expansion-button {
	vertical-align: middle;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

label, span, table, tr, td, div, input[type="button"], input[type="submit"], div.pq-cont * {
    font-weight: bold;
}

.container {
	/*width: 0;*/
    width: 740px;
}

.form-group {
	margin-bottom: 0;
}

.alert {
	margin-bottom: 0;
}
/*
.wrapper {
    margin: 0 auto;
    width: 0px;
}
*/

a.web-manual {
    color: #428bca !important;
    text-decoration: underline;
    font-size: 13px;
}

.login-outer-box {
    text-align: left;
    border-radius: 10px 10px 0 0;
    padding: 3em 1em 1em;
    background-color: #cccccc;
    border: 1px solid #eeeeee;
    width: 100%;
}

.outer-box {
    text-align: left;
    border-radius: 10px 10px 0 0;
    /*padding: 3em 1em 1em;*/
    /*background-color: #cccccc;*/
    /*border: 1px solid #eeeeee;*/
    width: 100%;
}


.inner-box {
    border: 3px outset #ffffff;
    padding: 5px 3px;
    background-color: #ffffff;
    width: 100%;
}

/* メンテナンス系のCSS */
.maintenance-menu-base {
    padding: 50px 0px 0px;
}
.maintenance-menu-box {
    border: 3px outset #dcdcdc;
    padding: 5px 15px;
    margin: 10px;
    background-color: #F3F3F3;
}
.maintenance-grid-box {
    border: 3px outset #dcdcdc;
    padding: 5px 15px;
    margin: 5px;
    background-color: #FFFFFF;
}
.maintenance-menu-buttom {
    padding:  4px;
    width: 100px;
}
.maintenance-menu-buttom-wide {
    padding:  4px;
    width: 120px;
}
.width-dai {
    width: 550px;    
}
.width-cyu {
    width: 500px;    
}
.width-syo {
    width: 450px;    
}
.maintenance-menu-text {
    font-weight: bold;
}
.no-edit-text {
    background-color: #dcdcdc;
    color: #808080;
}
.width-super-wide {
    width: 1060px;    
}
.width-super-middle {
    width: 550px;    
}
.width98 {
    width: 98%;    
}



/*
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}
*/

.base-gradient {
    background: -moz-linear-gradient(bottom, #eee, #fff 50%, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
    background: -o-linear-gradient(bottom, #eee 50%, #ccc);
    background: -ms-linear-gradient(bottom, #eee 50%, #ccc 100%);
    background: linear-gradient(to bottom, #eee, #ccc);
}

.outer-box .title {
    margin: -20px 0 10px;
    text-align: left;
    font-size: 1.3em;
}

.login-outer-box .title {
    margin: -20px 0 10px;
    text-align: left;
    font-size:14px;
    font-weight: bold;
}

.loginform {
    /*background-image: url('../images/taiyo-logo.jpg') !important;*/
    background-repeat: no-repeat;
    background-position: left top;
}

.logoutdiv {
    height: 35px;
}
/**************************************************
 * パーツ
 **************************************************/
.font-black {
	color: #333;
}

/* div */
.panel-xs {
    margin: 2px 2px 0;
}

.panel-s {
    margin: 5px 5px 0;
}

.panel-m {
    margin: 10px 10px 0;
}

.panel-l {
    margin: 15px 15px 0;
}

.panel-xl {
    margin: 20px 20px 0;
}

/* width */
.width-xs {
    width: 10%;
}

.width-15per {
    width: 15%;
}

.width-s {
    width: 30%;
}

.width-ms {
    width: 40%;
}

.width-m {
    width: 50%;
}

.width-60per {
    width: 60%;
}

.width-l {
    width: 70%;
}

.width-xl {
    width: 90%
}

/* padding */
.padding-m {
    padding: 10px;
}
.padding-s {
    padding: 5px;
}
.padding-xs {
    padding: 3px;
}
.padding-left-xs {
    padding-left: 3px;
}
.padding-right-xs {
    padding-left: 3px;
}

/* margin */
.margin-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-xs {
    margin: 3px;
}

.margin-s {
    margin: 5px;
}

.margin-m {
    margin: 10px;
}

.margin-l {
    margin: 15px;
}

.margin-xl {
    margin: 20px;
}

.margin-top-xs {
    margin-top: 3px;
}

.margin-top-s {
    margin-top: 5px;
}

.margin-top-m {
    margin-top: 10px;
}

.margin-top-l {
    margin-top: 15px;
}

.margin-top-xl {
    margin-top: 20px;
}

.margin-right-xs {
    margin-right: 3px;
}

.margin-right-s {
    margin-right: 5px;
}

.margin-right-m {
    margin-right: 10px;
}

.margin-right-l {
    margin-right: 15px;
}

.margin-right-xl {
    margin-right: 20px;
}

.margin-left-xs {
    margin-left: 3px;
}

.margin-left-s {
    margin-left: 5px;
}

.margin-left-m {
    margin-left: 10px;
}

.margin-left-l {
    margin-left: 15px;
}

.margin-left-xl {
    margin-left: 20px;
}

.margin-bottom-xs {
    margin-bottom: 3px;
}

.margin-bottom-s {
    margin-bottom: 5px;
}

.margin-bottom-m {
    margin-bottom: 10px;
}

.margin-bottom-l {
    margin-bottom: 15px;
}

.margin-bottom-xl {
    margin-bottom: 20px;
}

.margin-lr-xs {
    margin-left: 3px;
    margin-right: 3px;
}

.margin-lr-s {
    margin-left: 5px;
    margin-right: 5px;
}

.margin-lr-m {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-lr-l {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-lr-xl {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-tb-xs {
    margin-top: 3px;
    margin-bottom: 3px;
}

.margin-tb-s {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-tb-m {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-tb-l {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-tb-xl {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-none {
	margin: 0;
}

/* align */
.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-bottom {
    vertical-align:bottom;
}

/* input button */
.btn {
    cursor: pointer;
}

.btn-xs {
    padding: 1px 6px; 
    font-size: 0.7em;
}

.btn-s {
    padding: 1px 8px;
    font-size: 0.9em;

}

.btn-m {
    padding: 3px 10px;
    font-size: 1.0em;
}

.btn-l {
    padding: 4px 15px;
    font-size: 1.2em;
}

.btn-xl {
    padding: 5px 20px;
    font-size: 1.5em;
}

.btn-s-fixed {
    width: 60px;
}

.btn-m-fixed {
    width: 120px;
}

.btn-l-fixed {
    width: 180px;
}

.btn-2l-fixed {
    width: 240px;
}

/* レイアウト用 */
.row {
  margin-right: 0px;
  margin-left: 0px;
}
/*
.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}
*/

.font-xs {
    font-size: 0.7em;
}

.font-s {
    font-size: 0.9em;

}

.font-m {
    font-size: 1.0em;
}

.font-l {
    font-size: 1.2em;
}

.font-xl {
    font-size: 1.5em;
}


.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666666666666%;
}

.col-10 {
  width: 83.33333333333334%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666666666666%;
}

.col-7 {
  width: 58.333333333333336%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666666666667%;
}

.col-4 {
  width: 33.33333333333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.666666666666664%;
}

.col-1 {
  width: 8.333333333333332%;
}

.user-info-col-1 {
  width: 130px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-2 {
  width: 170px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-3 {
  width: 259px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-4 {
  width: 190px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-5 {
  width: 85px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-6 {
  width: 129px;
  display: inline-block; 
  _display: inline; 
}

.user-info-col-7 {
  width: 699px;
  display: inline-block; 
  _display: inline; 
}

.input-xs {
  height: 25px;
  padding: 2px 5px;
  /*font-size: 12px;*/
  line-height: 1.2;
  border-radius: 3px;
}



div.ul-base {
    display: -webkit-box;
    overflow-y: scroll;
}
div.ul-base ul {
    padding: 2px;
    text-align: left;
    list-style: none;
}
div.ul-base li {
    /*padding: 3px;*/
    padding: 1px 2px;
	white-space: nowrap;
	overflow-x: hidden;
}
div.ul-base li:nth-child(2n) {
   background-color: #ffffcc;
}

div.left-box {
    float: left;
}
div.right-box {
    float: right;
}
div.center-box {
    margin-left: auto;
    margin-right: auto;
}
div.clear-line {
    clear: both;
}

ul.aciTreeUl label {
    margin: 0;
}

.draggable_tree_item {
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    width: 275px;
    height: 18px;
    background-color: #84acdd;
    cursor: copy;
    list-style-type: none;
    padding: 2px 0 0 18px;
    font-size: 11px;

}

.draggable_grid_item {
    color: #fff;
    width: 275px;
    background-color: #84acdd;
    cursor: copy;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
}

.draggable_grid_item td {
    background-color: #84acdd;
}

.draggable_grid_item input {
    margin: 0;
    padding: 0;
}

/* ダイアログの閉じる(×)ボタン */
.ui-dialog-titlebar-close {
      display: none;
}

/* カレンダーbootstrap最小幅打消し */
div .dropdown-menu {
    min-width: 0;
}

.pqGridAllSelectHowToRemoveText {
    font-size: 9px;
    margin: 0;
}

.label-exists-hidden-item {
    color: blue;
}

div#message-box ul {
    margin-top: 20px;
}
div#message-box ul li{
    word-wrap: break-word;
}

.label-exists-hidden-item {
    color: blue;
}

.not-supported-message {
    color: blue;
    font-size: large;
}

.flashing-button {
    background-color: #FFFF66;
}

input[type="button"].search-active {
    color: #f00000;
}

div#dad-infomationGrid td[pq-col-indx="1"] div{
    margin-right: 10px;
    word-break: break-all;
}

div#dad-infomationGrid td[pq-col-indx="1"] div a{
    margin-right: 10px;
    word-break: break-all;
    color: #0000ff;
    text-decoration: underline;
}

.line-height-100per {
    line-height: 100%;
}

.disabled {
    color: #999;
}

.resize-none {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px;
}

.text-area-item {
    height: 25px;
    line-height: 1em;
}

.ok-btn-width {
    width: 90px !important;
}

.cancel-btn-width {
    width: 72px !important;
}

.same-level-check-btn {
    width: 97px !important;
}

.width-max {
    width: 100%;
}

.white-space-nowrap {
    white-space: nowrap;
}

div#pos-storageGrid div.pq-cont-right div.pq-td-div {
    font-family: 'MS Gothic' !important;
}

div#pos-storageGrid div.pq-cont-right .pq-freeze-col div.pq-td-div {
    font-family: 'Tahoma' !important;
}

.overflow-hidden {
    overflow: hidden;  
}

.width-15per {
    width: 15%;  
}

.width-20per {
    width: 20%;  
}

.read-sc-list{
	margin: 0px;
    border-radius: 0;
}

.import-button {
    background-color: transparent;
    border: 2px solid transparent;
    padding-top: 2px;
    padding-bottom: 2px;
}

.import-button:hover {
    border: 2px outset #dcdcdc;
}

.import-button-box {
    margin-top: -5px; 
    margin-right: -15px;
    margin-left: -15px; 
    background-color: #eeeeee;
}

.border-solid {
    border: 1px #ddd solid;
}

.border-solid-gray {
    border: 1px #808080 solid;
}

.border-solid-black {
    border: 1px #000000 solid;
}

.border-top-solid {
    border-top: 1px #ddd solid;
}

.ver-align-top {
    vertical-align: top;
}

.ver-align-middle {
    vertical-align: middle;
}
.ver-align-bottom {
    vertical-align: bottom;
}

.inline-block {
    display: inline-block;
}

.upload-size-statement {
    font-size: 9px;
    color: #dc143c;
}

.pos-maintenance-buttom {
    padding:  4px;
    width: 70px;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.border-radius-0 {
    border-radius: 0;
}

.text-font-small {
    font-size: small;
}

.margin-left-75px {
    margin-left: 75px !important;
}

#IPAddressSettingDialog :placeholder-shown {
    color:#aeacac; 
    
}
#IPAddressSettingDialog ::-webkit-input-placeholder {
    color:#aeacac; 
    
}
#IPAddressSettingDialog :-moz-placeholder {
    color:#aeacac; 
    
}
#IPAddressSettingDialog ::-moz-placeholder {
    color:#aeacac; 
    
}
:-ms-input-placeholder {
    color:#aeacac; 
}        

.take-store-code-textarea {
    width: 440px;
    height: 50px;
}

.take-store-attributetype-pulldown {
    width: 360px;
}

.take-store-attributevalue-multiple {
    width: 360px; 
    height: 290px !important;
    overflow: scroll;
}

.no-padding {
    padding: 0;
}

.term_box {
    width: 85%;
    float: left;
}
#attributeSearchBox {
    width: 98%;
    margin: auto;
}
#attributeSearchBox input {
    vertical-align: middle;
}

input#startYear {
	width:45px;
}
input#startMonth {
	width:30px;
}
input#startDay {
	width:30px;
}
input#term {
	width:30px;
}
.maintenance-grid-box > input.width-m {
	width:49%
}

.download-template-link {
    float: left;
    margin-left: 23px;
}

.display-mail-address-link {
    float: left;
    margin-left:40px
}