@charset "utf-8";

/*------------------------------------------------*/
/*  template ver1.0  */
/*------------------------------------------------*/
/*  templatename [--]  */
/*  update []  */
/*  ID [NT]  */
/*------------------------------------------------*/

/*　All Reset　*/
/* -----------------------------------------------*/
* {
color:#000000;
font-size:14px;
letter-spacing:0px;
}
*:not(br) {
line-height:1.85;
}
*:focus {
outline:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
margin:0;
padding:0;
font-weight:400;
word-break:break-all;
}
.break-all{
word-break:break-all;
}
ul,li {
list-style:none;
}
input[type="button"],input[type="submit"] {
border-radius:0;
-webkit-appearance:none;
appearance:none;
}

::selection {
background-color:#000000;
color:#ffffff;
}
::-moz-selection {
background-color:#000000;
color:#ffffff;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#000000;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
opacity:1.0;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#000000;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
opacity:1.0;
}
::placeholder { /* Others */
color:#000000;
font-weight:400;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
opacity:1.0;
}
@media screen and (max-width:1000px) {
/*input[type="text"],
input[type="email"],
input[type="password"] {
font-size:16px !important ;
transform:scale(0.8) !important ;
}
select {
font-size:16px !important ;
transform:scale(0.8) !important ;
}*/
}

/*　Base Set　*/
/* -----------------------------------------------*/
body {
margin:0;
padding:0;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight:400;
line-height:1.65;
letter-spacing:0.5px;
overflow-y:scroll;
background-color:#ffffff;
}
body.fixed {
position:fixed;
width:100%;
}
@media screen and (max-width:1000px) {
body {
min-width:inherit;
-webkit-text-size-adjust:100%;
font-weight:normal;
}
}
img {
border:none;
pointer-events:none;
}
a { color:#000000; }
a {
transition:all 0.3s ease;
}
a:hover { color:#0594D3; }
@media screen and (max-width:1000px) {
a {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
tap-highlight-color:rgba(0, 0, 0, 0);
}
}

/*　Clearfix　*/
/* -----------------------------------------------*/
.clearfix:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
.clearfix {
display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

.clear_br {
overflow: hidden;
}  
* html .clear_br {  
height: 1%;
}

/*　レイアウト要素 共通　*/
/* -----------------------------------------------*/

.title, .lead {
word-break:normal;
word-wrap:break-word;
}

.fit {
width:100%;
height:100%;
position:absolute;
top:0; 
left:0;
}
.fit img,
.fit video {
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
font-family:'object-fit: cover; object-position: center center;';
}
.fitImg {
position:absolute;
}

.imgset, .eyecatch {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

/*　Wrapper　*/
/* -----------------------------------------------*/
div#Wrapper {
margin:0px auto;
width:100%;
min-width:1230px;
text-align:center;
position:relative;
transition:all 0.8s ease-in;
}
body.wide div#Wrapper {
min-width:1500px;
}

/*　header　*/
/* -----------------------------------------------*/
#headset {
width:100%;
/*min-width:1230px;*/
height:35px;
background-color:rgba(255,255,255,1.0);
position:fixed;
top:0px;
left:0px;
z-index:30;
transition:all 0.5s ease;
}
body.wide #headset {
/*min-width:1500px;*/
}
#headset .inner {
margin:0px auto;
width:100%;
height:50px;
text-align:left;
position:relative;
}
#headset .logoset {
width:13%;
min-width:170px;
height:35px;
position:absolute;
top:0px;
left:0px;
}
#headset .logoset a {
display:inline-block;
text-decoration:none;
}
#headset .logoset .logo {
width:100%;
height:35px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../images/logo.svg) no-repeat center center;
background-size:152px 30px;
}
#headset .pagetitle {
width:87%;
min-width:1139px;
height:35px;
background-color:#ffffff;
position:absolute;
top:0px;
right:0px;
}
#headset .pagetitle p {
padding-left:25px;
font-size:18px;
line-height:35px;
letter-spacing:0px;
}
#headset .logout {
width:180px;
height:30px;
position:absolute;
top:2.5px;
right:30px;
}
#headset .logout a {
width:180px;
height:30px;
display:block;
color:#ffffff;
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
background-color:#3251a1;
border-radius:5px;
box-shadow:0 0 7px 0 #a2a2a2;
}
#headset .id {
width:180px;
height:30px;
position:absolute;
top:2.5px;
right:30px;
}
#headset .id span {
width:180px;
height:30px;
display:block;
font-size:12px;
line-height:30px;
text-align:center;
text-decoration:none;
background-color:#f1f1f1;
border-radius:5px;
}

#headset .inner .manual{
position:absolute;
background: #f1f1f1;
border-radius: 50%;
width: 30px;
height: 30px;
top:2.5px;
right:220px;
cursor: pointer;
}
#headset .inner .manual p{
position: absolute;
top: -2px;
left: 10px;
font-size: 20px;
text-align: center;
}

@media screen and (max-width:1565px) {
body.wide #headset .pagetitle {
right:inherit;
left:195px !important ;
}
body.wide #headset .pagetitle p {
padding-left:25px !important ;
}
}
@media screen and (max-width:1318px) {
#headset .pagetitle {
right:inherit;
left:170px;
}
#headset .pagetitle p {
padding-left:15px;
}
}

/*　Globalmenu　*/
/* -----------------------------------------------*/
#Globalmenu {
width:13%;
min-width:170px;
background-color:#3251a1;
position:relative;
transition:all 0.5s ease;
position:fixed;
top:35px;
left:0px;
z-index:2;
}
body.wide #Globalmenu {
min-width:195px;
}
#Globalmenu .inner{
padding:70px 30px 50px 20px;
}
#Globalmenu ul {
width:100%;
transition:all 0.5s ease;
}
.close #Globalmenu ul {
opacity:0;
}
#Globalmenu ul li {
width:100%;
padding:15px 0px;
text-align:left;
border-bottom:rgba(255, 255, 255, 0.2) solid 1px;
box-sizing:border-box;
}
#Globalmenu ul li:last-child {
border-bottom:none;
}
#Globalmenu ul li a {
color:#ffffff;
font-size:15px;
line-height:1.5;
text-decoration:none;
}
#Globalmenu ul li a p {
color:#ffffff;
font-size:15px;
line-height:1.5;
text-decoration:none;
}
#Globalmenu .movemenu {
width:100%;
height:50px;
color:#ffffff;
font-size:14px;
line-height:50px;
cursor:pointer;
position:absolute;
top:10px;
left:0px;
}
#Globalmenu .movemenu p {
padding-right:20px;
height:50px;
color:#ffffff;
font-size:14px;
line-height:50px;
cursor:pointer;
position:relative;
}
#Globalmenu .movemenu p:before {
content:"";
width:30px;
height:30px;
display:block;
background-color:rgba(255, 255, 255, 1.0);
position:absolute;
top:10px;
right:0px;
}
#Globalmenu .movemenu p:after {
content:"";
border-top:5px solid transparent;
border-right:5px solid #3251a1;
border-bottom:5px solid transparent;
position:absolute;
top:20px;
right:13px;
transition:all 0.3s ease;
}

.close #Globalmenu {
transform:translateX(-82%);
}
.close #Globalmenu .movemenu p:after {
right:12px;
transform:rotate(-180deg);
}

#Globalmenu .logout {
margin-top:30px;
transition:all 0.5s ease;
}
#Globalmenu .logout a {
width:100%;
height:30px;
display:block;
color:#3251a1;
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
background-color:#ffffff;
border-radius:5px;
}
.close #Globalmenu .logout {
opacity:0;
}
#Globalmenu .contact {
width: 100%;
margin: auto;
}
.close #Globalmenu .contact {
opacity:0;
}
#Globalmenu .contact p{
text-align:left;
margin-left:15px;
margin-bottom:15px;
color:#ffffff;
}
#Globalmenu .contact .pointer{
cursor: pointer;
}

#Globalmenu .contact .contactNumber {
margin-bottom:0px;
}

#Globalmenu .contact .contactMail {
color:#ffffff;
text-decoration: underline #ffffff;
}

/*　layout　*/
/* -----------------------------------------------*/
div.Container {
margin:0px auto;
padding-top:35px;
width:100%;
text-align:center;
background-color:#ededed;
}
div.Container .contents {
margin:0px auto;
width:100%;
display:inline-table;
position:relative;
}
div.Container .contents:after {
content:" ";
height:0;
clear:both;
display:block;
visibility:hidden;
line-height: 0;
}
/* Hides from IE-mac \*/
* html div.Container .contents { height:1%; }
/* End hide from IE-mac */

/* pagehead */
div.Container .pagehead {
width:100%;
text-align:left;
background-color:#f8f8f8;
}
div.Container .pagehead .title {
padding:25px 50px;
font-size:20px;
line-height:1.5;
}

/* main */
.maincontents {
margin-left:13%;
width:87%;
min-height:600px;
transition:all 0.5s ease;
}
.maincontents .inner {
padding:18px 25px 25px 25px;
text-align:left;
}
.maincontents.topclear .inner {
padding:0px 25px 25px 25px;
}
.close .maincontents {
margin-left:2%;
width:98%;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.maincontents {
margin-top:-16px;
}
}

/* 上部固定 */
div.Container .fixset {
padding-top:2px;
width:100%;
background-color:#ededed;
position:sticky;
top:35px;
z-index:1;
}

/* 項目リスト */
div.Container .itemlist {
width:65%;
max-width:730px;
position:relative;
}
div.Container .infowide {
width:90%;
max-width:850px;
}
div.Container .infowide.space {
margin-top:20px;
}
div.Container .infowide .title {
margin-top:30px;
}
div.Container .itemlist.topspace {
padding-top:18px;
}
div.Container .itemlist .block {
margin:3px 0px;
width:100%;
display:table;
position:relative;
}
div.Container .itemlist .block.topspace {
margin:15px 0px 3px 0px;
}
div.Container .itemlist .block .th {
width:15%;
display:table-cell;
text-align:left;
vertical-align:middle;
background-color:#777777;
}
/*得意先選択モーダル検索欄th用*/
div.Container .itemlist .block .th.customer_select_th {
width:20%;
}

/*エンドユーザ選択モーダル検索欄th用*/
div.Container .itemlist .block .th.eu_select_th {
width:22%;
}

/*得意先・エンドユーザ選択モーダル検索欄td用*/
div.Container .itemlist .block .td .customer_select_td,.eu_select_td {
width:80%;
}

div.Container .itemlist .block .th p {
padding:0px 5px;
color:#ffffff;
font-size:14px;
line-height:1.5;
}
div.Container .itemlist .block .td {
/*width:85%;*/
display:table-cell;
text-align:left;
vertical-align:middle;
}

div.Container .itemlist .block .td p {
margin-left:5px;
padding:3px 10px;
font-size:14px;
line-height:1.5;
border:#d2d2d2 solid 1px;
box-sizing:border-box;
background-color:#dcedf4;
border-radius:3px;
}
div.Container .itemlist .block .td p.destinationuser {
margin-right:16px;
}
div.Container .itemlist .block .td input[type="text"],
div.Container .itemlist .block .td input[type="password"],
textarea, select{
margin-left:5px;
padding:3px 10px;
width:90%;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
border:#d2d2d2 solid 1px;
box-sizing:border-box;
background-color:#ffffff;
border-radius:3px;
}
div.Container .itemlist .block .td.calendarselect_icon input[type="text"],
div.Container p.calendarselect_icon input[type="text"] {
background-image:url(../images/icon_calendar.svg);
background-repeat:no-repeat;
background-position:95% 50%;
background-size:16px 16px;
width:120px;
margin-right:5px;
}

/*納入先マスタ非活性青色表示*/
div.Container .itemlist .block .customerAuto input[type="text"]{
background-color: #dcedf4;
}

/*納入先追加画面得意先用*/
div.Container .itemlist .block.AccountTypeUser {
display:none;
}

/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .itemlist .block .td.calendarselect_icon input[type="text"],
div.Container p.calendarselect_icon input[type="text"] {
background-image:url(../images/icon_calendar.png);
background-repeat:no-repeat;
background-position:95% 50%;
background-size:16px 16px;
}
}
div.Container .itemlist .block .td label {
margin-right:10px;
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
}
div.Container .itemlist .block .td select {
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
}
div.Container .itemlist .block .td i {
margin:0px 5px;
font-size:13px;
font-style:normal;
line-height:1.5;
}
div.Container .itemlist .block .td .search {
width:8%;
display:inline-block;
position:relative;
}
div.Container .itemlist .block .td .search_customer {
width:100%;
}

div.Container .itemlist .block .td .search_eu {
width:100%;
}

div.Container .itemlist .block .td .search .open_search {
width:16px;
height:16px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-color:#ffffff;
background-image:url(../images/icon_search.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
position:absolute;
top:6px;
right:10%;
}

div.Container .itemlist .block .td .search .open_search.destinationRegister {
width:16px;
height:16px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-color:#ffffff;
background-image:url(../images/icon_search.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
position:absolute;
top:6px;
left:46%;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .itemlist .block .td .search .open_search {
background-image:url(../images/icon_search.png);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
}
}

div.Container .itemlist.wideset {
width:100%;
max-width:inherit;
}
div.Container .itemlist.topup {
margin-top:-30px;
margin-bottom:20px;
}
div.Container .itemlist .block.four {
width:100%;
max-width:1400px;
min-width:930px;
}
div.Container .itemlist .block.four .th {
width:7%;
}
div.Container .itemlist .block.four .th.date {
width:10%;
}
div.Container .itemlist .block.four .th p {
font-size:12px;
}
div.Container .itemlist .block.four .td {
width:18%;
}
div.Container .itemlist .block.four .td.date {
width:15%;
}
div.Container .itemlist .block.four .td p,
div.Container .itemlist .block.four .td input[type="text"] {
font-size:12px;
}
div.Container .itemlist .block.three {
width:90%;
max-width:1000px;
min-width:930px;
}
div.Container .itemlist .block.three.full {
width:100%;
max-width:1400px;
}
div.Container .itemlist .block.three .th {
width:10%;
}
div.Container .itemlist .block.three .th p {
font-size:12px;
}
div.Container .itemlist .block.three .td {
width:23.33333%;
}
div.Container .itemlist .block.three .td p,
div.Container .itemlist .block.three .td input[type="text"],
div.Container .itemlist .block.three .td select {
font-size:12px;
}
div.Container .itemlist .block.three.calendar {
width:100%;
max-width:1400px;
}
div.Container .itemlist .block.three.calendar .td.min {
width:20%;
}
div.Container .itemlist .block.three.calendar .td.wide {
width:30%;
}
div.Container .itemlist .block.half {
width:90%;
max-width:1000px;
min-width:930px;
}
div.Container .itemlist .block.half .th {
width:12%;
}
div.Container .itemlist .block.half .td {
width:38%;
}
div.Container .itemlist .block.half .td p,
div.Container .itemlist .block.half .td input[type="text"]{
display:inline-block;
}
div.Container .itemlist .block.usermenu {
width:90%;
max-width:1000px;
min-width:930px;
}
div.Container .itemlist .block.usermenu .th {
width:12%;
}
div.Container .itemlist .block.usermenu .th.none {
width:11%;
}
div.Container .itemlist .block.usermenu .td {
width:33%;
}
div.Container .itemlist .block.usermenu .td p,
div.Container .itemlist .block.usermenu .td input[type="text"] {
display:inline-block;
}
div.Container .itemlist .block .td.year input[type="text"]{
margin-right:5px;
width:150px;
}
div.Container .itemlist .block.lr {
width:100%;
}
div.Container .itemlist .block.lr .th.left {
width:30%;
}
div.Container .itemlist .block.lr .td.center {
width:50%;
}
div.Container .itemlist .block.lr .td.right {
width:20%;
text-align:right;
}
div.Container .itemlist .block.lr .th.left.space {
width:35%;
background:none;
}
div.Container .itemlist .block.lr .th.left.min {
width:20%;
}
div.Container .itemlist .block.lr .td.center.min {
width:25%;
}
div.Container .itemlist .block.lr .td.right.min {
width:20%;
}
div.Container .itemlist .block.lr .td.right .button {
margin:0;
}
div.Container .itemlist .block.todate {
width:100%;
}
div.Container .itemlist .block.todate .th {
width:10%;
}
div.Container .itemlist .block.todate .td {
width:30%;
}
div.Container .itemlist .block.todate .td.last {
width:20%;
text-align:right;
}
div.Container .itemlist .block.todate .td.last .button {
margin:0;
}
div.Container .itemlist .block.todate .td.output {
width:90%;
}
div.Container .itemlist .block.todate .td.output p {
margin-right:5px;
width:230px;
display:inline-block;
}
div.Container .itemlist .block.lr .td.output p {
margin-right:5px;
width:230px;
display:inline-block;
}
div.Container .itemlist .block.lr .td.input_date{
width:70%;
}
div.Container .itemlist .block.lr .td.input_date div{
margin-right:10px;
width:230px;
display:inline-block;
}
div.Container .itemlist .block.lr .td.input_date div input[type="text"] {
margin-right:5px;
width:100%;
}
div.Container .itemlist .block.lr .td.password_date {
width:30%;
}
div.Container .itemlist .block.order {
width:100%;
}
div.Container .itemlist .block.order .th {
width:10%;
}
div.Container .itemlist .block.order .td {
width:90%;
}
div.Container .itemlist .block.order .td p {
width:40%;
display:inline-block;
}
div.Container .itemlist .block.contactinfo {
width:100%;
}
div.Container .itemlist .block.contactinfo .th.postnum {
width:4%;
}
div.Container .itemlist .block.contactinfo .td.postnum {
width:10%;
}
div.Container .itemlist .block.contactinfo .td.postnum p {
margin-right:5px;
}
div.Container .itemlist .block.contactinfo .th.address {
width:4%;
}
div.Container .itemlist .block.contactinfo .td.address {
width:64%;
}
div.Container .itemlist .block.contactinfo .td.address p {
width:48%;
display:inline-block;
vertical-align:middle;
}
div.Container .itemlist .block.contactinfo .th.tel {
width:4%;
}
div.Container .itemlist .block.contactinfo .td.tel {
width:14%;
}
div.Container .itemlist .block.auto {
width:100%;
max-width:600px;
}
div.Container .itemlist .block.auto .th,
div.Container .itemlist .block.auto .td {
width:auto;
}
div.Container .itemlist .block.auto .th p,
div.Container .itemlist .block.auto .td p {
margin-right:5px;
}
div.Container .itemlist .block .th.none {
background:none;
}
div.Container .itemlist.wideset .buttonset {
margin:0px 0px;
width:auto;
display:inline-block;
position:absolute;
bottom:0px;
right:-100px;
}
div.Container .itemlist.wideset .buttonset.forecastHistory {
right:2%;
top:0px;
}
div.Container .itemlist.posbtn .buttonset {
margin:0px 0px;
width:auto;
display:inline-block;
position:absolute;
bottom:0px;
right:90px;
}
div.Container .itemlist.wideset .buttonset .button,
div.Container .itemlist.posbtn .buttonset .button {
margin:0px 0px;
}
div.Container .itemlist.wideset .buttonset label,
div.Container .itemlist.posbtn .buttonset label {
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:12px;
}

div.Container .itemlist .buttonset.clear {
display:block;
position:static;
}
div.Container .itemlist.topup .buttonset.clear {
display:inline-block;
}
div.Container .itemlist .buttonset.clear label {
margin-right:10px;
}

div.modaladd .itemlist .block .th {
width:20%;
}
div.modaladd .itemlist .block .td {
width:80%;
}
div.modaladd .itemlist.wide .block .th {
width:30%;
}
div.modaladd .itemlist.wide .block .td {
width:70%;
}
div.modaladd01 .itemlist .block .th {
width:20%;
}
div.modaladd01 .itemlist .block .td {
width:80%;
}
div.modaladd02 .itemlist .block .th {
width:20%;
}
div.modaladd02 .itemlist .block .td {
width:80%;
}


div.Container .itemlistlr {
width:100%;
}
div.Container .itemlist.floatleft {
width:35%;
max-width:inherit;
float:left;
}
div.Container .itemlist.floatleft .block .th {
min-width:95px;
}
div.Container .itemlist.floatright {
width:64%;
max-width:inherit;
float:right;
}
div.Container .itemlist.floatright .block.three div {
height:29px
}
div.Container .itemlist.floatright .block.three .td input[type="text"] {
font-size:14px
}

div.Container .itemlist.specialset {
width:100%;
max-width:inherit;
}
div.Container .itemlist.specialset .leftth {
width:7.5%;
}
div.Container .itemlist.specialset .lefttd {
width:92.5%;
}
div.Container .itemlist.specialset .largetd {
width:48%;
}
div.Container .itemlist.specialset .largetd.destinationuser {
width:41%;
}
div.Container .itemlist.specialset .spacetd {
width:44.5%;
}
div.Container .itemlist.specialset .posttd {
width:10%;
}
div.Container .itemlist.specialset .posttd p {
margin-right:5px;
}
div.Container .itemlist.specialset .addressth {
width:7%;
}
div.Container .itemlist.specialset .addresstd {
width:56%;
}
div.Container .itemlist.specialset .addresstd p {
width:48.9%;
display:inline-block;
vertical-align:top;
}
div.Container .itemlist.specialset .telth {
width:7%;
}
div.Container .itemlist.specialset .teltd {
width:12.5%;
}
div.Container .itemlist.specialset .inputdaytd {
width:10%;
}
div.Container .itemlist.specialset .inputdaytd p {
margin-right:5px;
font-size:13px;
}
div.Container .itemlist.specialset .inputnumth {
width:7%;
}
div.Container .itemlist.specialset .inputnumtd {
width:15.5%;
}
div.Container .itemlist.specialset .inputspacetd {
width:60%;
}
div.Container .itemlist .td.ordertd p {
width:42%;
display:inline-block;
vertical-align:top;
}

/* 表組み */
div.Container .table_layout table {
width:100%;
border-collapse:separate;
border-spacing:1px;
border:0;
background-color:#d2d2d2;
}
div.Container .table_layout table thead th {
padding:3px 0px;
text-align:center;
vertical-align:top;
background-color:#777777;
}
div.Container .table_layout table thead th p {
color:#ffffff;
font-size:14px;
line-height:1.5;
}
div.Container .table_layout table thead th p a {
padding-right:12px;
display:block;
color:#ffffff;
font-size:14px;
line-height:1.5;
position:relative;
}
div.Container .table_layout table thead th p a.desc:after {
content:"";
display:block;
border-top:8px solid #ffffff;
border-right:4px solid transparent;
border-left:4px solid transparent;
position:absolute;
top:10px;
right:5px;
}
div.Container .table_layout table thead th p a.asc:after {
content:"";
display:block;
border-bottom:8px solid #ffffff;
border-right:4px solid transparent;
border-left:4px solid transparent;
position:absolute;
top:10px;
right:5px;
}
div.Container .table_layout table tbody td {
margin:0;
padding:0;
vertical-align:top;
background-color:#ffffff;
}
div.Container .table_layout table tbody td p {
padding:3px 5px;
display:block;
min-height:30px;
font-size:13px;
line-height:1.5;
border-bottom:#d2d2d2 solid 1px;
box-sizing:border-box;
position:relative;
}
div.Container .table_layout.minheightclear table tbody td p {
min-height:25px;
line-height:1.2;
}
div.Container .table_layout table tbody td p.bmclear {
padding:3px 5px 1px 5px;
}
div.Container .table_layout table tbody td p:last-child {
border-bottom:none;
}
div.Container .table_layout.mhclear table tbody td p {
min-height:inherit;
}
div.Container .table_layout table tbody td.min p {
font-size:12px;
}
div.Container .table_layout table tbody td.min p span{
font-size:12px;
line-height:1.5px
}
div.Container .table_layout table tbody td p.red {
color:#e00000;
}
div.Container .table_layout table tbody td input[type="text"] {
padding:0px 0px;
width:90px;
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:13px;
line-height:20px;
text-align:right;
border:#50aae0 solid 1px;
box-sizing:border-box;
background-color:#ffffff;
}
div.Container .table_layout table tbody td input[type="text"].full {
width:100%;
}
div.Container .table_layout table tbody td input[type="text"].min {
width:110px;
}
div.Container .table_layout table tbody td input[type="text"].left {
text-align:left;
}
div.Container .table_layout table tbody td input[type="text"].center {
text-align:center;
}
div.Container .table_layout table tbody td textarea {
padding:0px 0px;
width:100%;
height:60px;
display:block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:13px;
line-height:1.5;
text-align:left;
border:#50aae0 solid 1px;
box-sizing:border-box;
background-color:#ffffff;
resize:none;
}
div.Container .table_layout table tbody td .open_calendar {
width:16px;
/*height:16px;*/
/*text-indent:100%;*/
white-space:nowrap;
overflow:hidden;
background-color:#ffffff;
background-image:url(../images/icon_calendar.svg);
background-repeat:no-repeat;
/*background-position:center center;*/
background-position:95% 50%;
background-size:16px 16px;
/*position:absolute;*/
top:5px;
right:8px;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .table_layout table tbody td .open_calendar {
background-image:url(../images/icon_calendar.png);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
}
}
div.Container .table_layout table tbody td .open_search {
width:16px;
height:16px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-color:#ffffff;
background-image:url(../images/icon_search.svg);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
position:absolute;
top:6px;
right:8px;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.Container .table_layout table tbody td .open_search {
background-image:url(../images/icon_search.png);
background-repeat:no-repeat;
background-position:center center;
background-size:16px 16px;
}
}

/*div.Container .table_layout table tbody tr {
cursor:pointer;
}*/
div.Container .table_layout table tbody tr:hover td,
div.Container .table_layout table tbody tr:hover td p {
background-color:#f8f8f8;
}
div.Container .table_layout table#main-table tbody tr.select_tr td,
div.Container .table_layout table#main-table tbody tr.select_tr td p {
background-color:#b4deef;
}

div.Container .table_layout table .center {
text-align:center;
}
div.Container .table_layout table .left {
text-align:left;
}
div.Container .table_layout table .right {
text-align:right;
}
div.Container .table_layout table .number {
text-align:right;
}

div.Container .table_layout table .cl_bl {
background-color:#dcedf4;
}

/*納入先未登録の赤文字表示 納入先マスタ作成案件で追加*/
div.Container .table_layout table .nonDestination {
    color: #FF0000;
}

/* お知らせ */
div.Container .information {
margin-top:20px;
width:90%;
max-width:850px;
text-align:left;
}
div.Container .information .title {
padding-top:5px;
border-top:rgba(0,0,0,0.07) solid 1px;
box-sizing:border-box;
}
div.Container .information .scroll{
width:100%;
height:280px;
overflow-y:scroll;
background-color:#ffffff;
}
div.Container .information .inbox,
textarea{
padding:20px 20px;
}
div.Container .information .inbox p ,
textarea{
margin-bottom:10px;
font-size:14px;
line-height:1.5;
white-space: pre-wrap;
}
textarea{
width:100%;
height:280px;
resize:none;
border:none;
white-space: pre-wrap;
}
/* タイトル */
div.Container .title_medium {
margin-bottom:5px;
font-size:16px;
line-height:1.5;
}

/* 注釈 */
div.Container .annotation {
margin-bottom:10px;
width:100%;
text-align:left;
}
div.Container .annotation.center {
text-align:center;
}
div.Container .annotation.center.posup {
margin-top:-33px;
}
div.Container .annotation .lead {
font-size:14px;
line-height:1.5;
}

/* ボタン */
div.Container .buttonset {
margin:10px 0px;
width:100%;
display:table;
}
div.Container .buttonset.up {
margin:0px 0px 10px 0px;
}
div.Container .buttonset.wideset {
width:90%;
max-width:850px;
}
div.Container .buttonset.clear {
margin:0px 0px;
width:auto;
display:inline-block;
position:relative !important ;
top:1px;
bottom:inherit !important ;
right:inherit !important ;
}
div.Container .buttonset .block {
width:50%;
display:table-cell;
vertical-align:middle;
}
div.Container .buttonset .block.full {
width:100%;
}
div.Container .buttonset .block.left {
text-align:left;
}
div.Container .buttonset .block.right {
text-align:right;
}
div.Container .buttonset .button {
margin-right:10px;
margin-left:10px;
padding:0px 0px;
width:66px;
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#ffffff;
font-size:14px;
line-height:25px;
text-align:center;
vertical-align:top;
text-decoration:none;
cursor:pointer;
border:none;
background-color:#333333;
border-radius:3px;
}
div.Container .buttonset .block.left .button:first-child {
margin-left:0px;
}
div.Container .buttonset .block.right .button:last-child {
margin-right:0px;
}
div.Container .buttonset .button.min {
font-size:12px;
}

/* ページャー */
div.Container .pager {
margin:0px auto 10px auto;
width:100%;
text-align:left;
letter-spacing:-.4em;
display:inline-block;
}
div.Container .pager .layout {
width:auto;
padding-left:150px;
letter-spacing:-.4em;
position:relative;
}
div.Container .pager strong,
div.Container .pager .selectedPage {
margin:0px 5px;
width:30px;
height:30px;
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:normal;
line-height:30px;
text-align:center;
vertical-align:middle;
border:#333333 solid 1px;
box-sizing:border-box;
background-color:#999999;
}
div.Container .pager span {
margin:0px 5px;
width:30px;
height:30px;
display:inline-block;
font-size:14px;
line-height:30px;
text-align:center;
vertical-align:middle;
border:none;
}
div.Container .pager a {
margin:0px 5px;
width:30px;
height:30px;
display:inline-block;
color:#333333;
font-size:14px;
line-height:30px;
text-align:center;
vertical-align:middle;
text-decoration:none;
border:#333333 solid 1px;
box-sizing:border-box;
position:relative;
}
div.Container .pager a.fprev,
div.Container .pager a.prev,
div.Container .pager a.next,
div.Container .pager a.lnext {
border:none;
}
div.Container .pager a.fprev i,
div.Container .pager a.prev i,
div.Container .pager a.next i,
div.Container .pager a.lnext i {
width:30px;
height:30px;
display:inline-block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:relative;
}
div.Container .pager a.fprev:before {
content:"";
width:1px;
height:12px;
display:block;
background-color:#333333;
position:absolute;
top:10px;
left:10px;
}
div.Container .pager a.fprev i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
left:16px;
transform:rotate(45deg);
}
div.Container .pager a.fprev i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
left:16px;
transform:rotate(-45deg);
}
div.Container .pager a.prev i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
left:14px;
transform:rotate(45deg);
}
div.Container .pager a.prev i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
left:14px;
transform:rotate(-45deg);
}
div.Container .pager a.lnext:after {
content:"";
width:1px;
height:12px;
display:block;
background-color:#333333;
position:absolute;
top:10px;
right:10px;
}
div.Container .pager a.lnext i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
right:16px;
transform:rotate(-45deg);
}
div.Container .pager a.lnext i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
right:16px;
transform:rotate(45deg);
}
div.Container .pager a.next i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
right:14px;
transform:rotate(-45deg);
}
div.Container .pager a.next i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
right:14px;
transform:rotate(45deg);
}
div.Container .pager .listchange {
margin-top:-15px;
height:30px;
text-align:right;
letter-spacing:-.4em;
position:absolute;
top:50%;
left:0px;
}
div.Container .pager .listchange p {
margin-right:10px;
display:inline-block;
color:#707070;
font-size:13px;
line-height:30px;
}
div.Container .pager .listchange .select {
display:inline-block;
}
div.Container .pager .listchange .select select {
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:13px;
line-height:30px;
background-color:#ffffff;
width: 70px;
}

/* ページトップ */
div.Container .pagetop {
width:40px;
height:40px;
display:none;
border-radius:5px;
background-color:rgba(79,163,201,0.7);
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
position:fixed;
bottom:50px;
right:30px;
}
div.Container .pagetop a {
width:40px;
height:40px;
display:block;
border-radius:5px;
background-color:rgba(79,163,201,0.7);
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:relative;
}
div.Container .pagetop a:after {
margin-top:-3px;
margin-left:-4px;
content:"";
display:block;
border-right:4px solid transparent;
border-bottom:6px solid #ffffff;
border-left:4px solid transparent;
position:absolute;
top:50%;
left:50%;
}

/*　footer　*/
/* -----------------------------------------------*/
#footerset {
width:100%;
background-color:#50aae0;
position:relative;
z-index:3;
}
#footerset .inner {
margin:0px auto;
width:95%;
text-align:left;
}
#footerset .copyright {
color:#ffffff;
font-size:12px;
line-height:25px;
}
/* #####IE11 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footerset {
margin-top:-9px;
}
}

/*　login　*/
/* -----------------------------------------------*/
div.Container .loginarea {
margin:0px auto;
padding:50px 0px;
width:90%;
}
div.Container .loginarea .error {
color:#e00000;
font-size:15px;
line-height:1.5;
font-weight: bold;
}
div.Container .loginarea .loginform {
margin-top:20px;
}
div.Container .loginarea.clear .loginform {
margin-top:0px;
}
div.Container .loginarea .loginform .input {
margin-top:10px;
}
div.Container .loginarea .loginform .input strong {
display:inline-block;
font-size:14px;
line-height:1.5;
}
div.Container .loginarea .loginform .input span {
margin-bottom:5px;
display:block;
font-size:14px;
line-height:1.5;
}
div.Container .loginarea .loginform .input input[type="text"],
div.Container .loginarea .loginform .input input[type="password"] {
margin-left:5px;
padding:3px 10px;
width:300px;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
border:#d2d2d2 solid 1px;
box-sizing:border-box;
background-color:#ffffff;
border-radius:3px;
}
div.Container .loginarea .loginform .buttonset {
margin-top:20px;
}
div.Container .loginarea .loginform .buttonset .button {
margin-right:0px;
margin-left:0px;
width:66px;
}

/*　modal　*/
/* -----------------------------------------------*/
div.modal {
width:100%;
height:100%;
display:none;
background-color:rgba(0,0,0,0.4);
position:fixed;
top:0px;
left:0px;
z-index:50;
}
div.modal.modalslide {
display:block;
top:100%;
transition:all 0.3s ease;
}
div.modal.modalslide.slideup {
top:0%;
}
div.modal .inner {
width:100%;
height:100%;
display:table;
position:relative;
}
div.modal .inner .layout {
display:table-cell;
text-align:center;
vertical-align:middle;
}
div.modalclose,
div.modalselectclose,
div.modalclose_slide,
div.modalreturn_register,
div.modalreturn_delete {
width:50px;
height:50px;
cursor:pointer;
position:absolute;
top:100px;
right:100px;
}
div.modalclose p,
div.modalselectclose p,
div.modalclose_slide p,
div.modalreturn_register p,
div.modalreturn_delete p{
width:50px;
height:50px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display:block;
background-color:#f1f1f1;
position:relative;
}
div.modalcalendar div.modalclose p,
div.modalcalendar div.modalselectclose p,
div.modalcalendar div.modalclose_slide p {
background:none;
}
div.modalclose p:before,
div.modalselectclose p:before,
div.modalclose_slide p:before,
div.modalreturn_register p:before,
div.modalreturn_delete p:before {
margin-top:-2px;
content:"";
display:block;
width:40px;
height:3px;
background-color:#b7b7b7;
position:absolute;
top:50%;
left:5px;
transform:rotate(-45deg);
}
div.modalclose p:after,
div.modalselectclose p:after,
div.modalclose_slide p:after,
div.modalreturn_register p:after,
div.modalreturn_delete p:after {
margin-top:-2px;
content:"";
display:block;
width:40px;
height:3px;
background-color:#b7b7b7;
position:absolute;
top:50%;
left:5px;
transform:rotate(45deg);
}
div.modalcalendar div.modalclose p:before,
div.modalcalendar div.modalselectclose p:before,
div.modalcalendar div.modalclose_slide p:before {
background-color:#ffffff;
}
div.modalcalendar div.modalclose p:after,
div.modalcalendar div.modalselectclose p:after,
div.modalcalendar div.modalclose_slide p:after {
background-color:#ffffff;
}
div.modalclose.min,
div.modalselectclose.min,
div.modalclose_slide.min,
div.modalreturn_register.min,
div.modalreturn_delete.min {
top:0px;
right:0px;
}
div.modalclose.min p:before,
div.modalselectclose.min p:before,
div.modalclose_slide.min p:before,
div.modalreturn_register.min p:before,
div.modalreturn_delete.min p:before {
margin-top:-1px;
width:20px;
height:2px;
left:15px;
}
div.modalclose.min p:after,
div.modalselectclose.min p:after,
div.modalclose_slide.min p:after,
div.modalreturn_register.min p:after,
div.modalreturn_delete.min p:after {
margin-top:-1px;
width:20px;
height:2px;
left:15px;
}
div.modal_calendar {
width:90%;
max-width:600px;
background-color:#ffffff;
border-radius:5px;
letter-spacing:-.4em;
}
div.modal_calendar.month {
max-width:350px;
}
div.modal_calendar .month_block {
margin:10px 0px;
width:50%;
display:inline-block;
vertical-align:top;
border-left:#C4C9CB solid 1px;
box-sizing:border-box;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
div.modal_calendar .month_block:first-child {
border-left:none;
}
div.modal_calendar.month .month_block {
width:100%;
}
div.modal_calendar .month_pager {
margin:10px auto 10px auto;
width:100%;
text-align:center;
letter-spacing:-.4em;
position:relative;
}
div.modal_calendar .month_pager span {
height:30px;
display:inline-block;
color:#1A1A1A;
font-size:16px;
line-height:30px;
text-align:center;
vertical-align:middle;
}
div.modal_calendar .month_pager .arrow {
width:30px;
height:30px;
display:block;
position:absolute;
top:0px;
}
div.modal_calendar .month_pager .arrow.fprev {
left:0px;
}
div.modal_calendar .month_pager .arrow.prev {
left:30px;
}
div.modal_calendar .month_pager .arrow.next {
right:30px;
}
div.modal_calendar .month_pager .arrow.lnext {
right:0px;
}
div.modal_calendar .month_pager a {
width:30px;
height:30px;
display:inline-block;
color:#0594D3;
font-size:14px;
line-height:30px;
text-align:center;
vertical-align:middle;
position:relative;
}
div.modal_calendar .month_pager a.fprev i,
div.modal_calendar .month_pager a.prev i,
div.modal_calendar .month_pager a.next i,
div.modal_calendar .month_pager a.lnext i {
width:30px;
height:30px;
display:inline-block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:relative;
}
div.modal_calendar .month_pager a.fprev:before {
content:"";
width:1px;
height:12px;
display:block;
background-color:#333333;
position:absolute;
top:10px;
left:10px;
}
div.modal_calendar .month_pager a.fprev i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
left:16px;
transform:rotate(45deg);
}
div.modal_calendar .month_pager a.fprev i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
left:16px;
transform:rotate(-45deg);
}
div.modal_calendar .month_pager a.prev i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
left:14px;
transform:rotate(45deg);
}
div.modal_calendar .month_pager a.prev i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
left:14px;
transform:rotate(-45deg);
}
div.modal_calendar .month_pager a.lnext:after {
content:"";
width:1px;
height:12px;
display:block;
background-color:#333333;
position:absolute;
top:10px;
right:10px;
}
div.modal_calendar .month_pager a.lnext i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
right:16px;
transform:rotate(-45deg);
}
div.modal_calendar .month_pager a.lnext i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
right:16px;
transform:rotate(45deg);
}
div.modal_calendar .month_pager a.next i:before {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:9px;
right:14px;
transform:rotate(-45deg);
}
div.modal_calendar .month_pager a.next i:after {
content:"";
width:1px;
height:8px;
display:block;
background-color:#333333;
position:absolute;
top:15px;
right:14px;
transform:rotate(45deg);
}
div.modal_calendar .calendar {
width:100%;
text-align:center;
letter-spacing:-.4em;
}
div.modal_calendar .calendar .dw {
margin-bottom:10px;
width:13.8%;
height:40px;
display:inline-block;
color:#1A1A1A;
font-size:12px;
line-height:40px;
text-align:center;
vertical-align:middle;
border-bottom:#C4C9CB solid 1px;
box-sizing:border-box;
}
div.modal_calendar .calendar .day {
width:13.8%;
height:30px;
display:inline-block;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
div.modal_calendar .calendar .day span,
div.modal_calendar .calendar .day strong {
display:block;
font-size:13px;
font-weight:normal;
line-height:30px;
}
div.modal_calendar .calendar .day span {
color:#afafaf;
}
div.modal_calendar .calendar .day strong {
color:#000000;
}
div.modal_calendar .calendar .month {
width:25%;
height:50px;
display:inline-block;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
div.modal_calendar .calendar .month span,
div.modal_calendar .calendar .month strong {
display:block;
font-size:13px;
font-weight:normal;
line-height:50px;
}
div.modal_calendar .calendar .month span {
color:#afafaf;
}
div.modal_calendar .calendar .month strong {
color:#000000;
}
div.modal_alert {
margin:0px auto;
width:90%;
max-width:330px;
background-color:#ffffff;
border-radius:5px;
letter-spacing:-.4em;
-webkit-box-shadow:0 0 10px 0 #474747;
-moz-box-shadow:0 0 10px 0 #474747;
box-shadow:0 0 10px 0 #474747;
}
div.modal_alert .alertset {
padding:15px 15px;
position:relative;
}
div.modal_alert .alertset .alerttext {
font-size:18px;
font-weight:700;
line-height:1.5;
text-align:center;
}
div.modal_alert .alertset .icon {
padding-top:90px;
background-position:center top;
background-repeat:no-repeat;
}
div.modal_alert .alertset .alertlead {
margin-top:20px;
font-size:14px;
line-height:1.5;
text-align:center;
}
div.modal_slide {
margin:0px auto;
width:90%;
max-width:700px;
background-color:#ffffff;
border-radius:5px;
letter-spacing:-.4em;
-webkit-box-shadow:0 0 10px 0 #474747;
-moz-box-shadow:0 0 10px 0 #474747;
box-shadow:0 0 10px 0 #474747;
}
div.modal_slide .slideset {
padding:30px 30px;
position:relative;
}
div.modal_slide .slideset .scroll{
padding-right:30px;
height:100%;
overflow-y:scroll;
}
div.modal_slide .slideset .scroll_head {
margin-top:213px;
}
div.narrow div.modal_slide .slideset .scroll_head {
margin-top:174px;
}
/* 得意先選択画面 検索結果テーブル表示位置*/
div.modal_slide .slideset .scroll_head.customer_select {
margin-top:290px;
}
div.modal_slide .fixhead {
width:100%;
text-align:left;
position:absolute;
top:0px;
left:0px;
}
div.modal_slide .headttl {
margin:15px 30px 20px 30px;
padding-bottom:10px;
font-size:18px;
font-weight:700;
line-height:1.5;
text-align:left;
border-bottom:#f1f1f1 solid 1px;
box-sizing:border-box;
}
div.modal_slide .headttl.clear {
margin:-15px 0px 20px 0px;
}
div.modal_slide .fixhead .inputsearch {
margin-top:30px;
}
div.modal_slide .fixhead .inputsearch strong {
margin-bottom:10px;
display:block;
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:1.5;
}
div.modal_slide .fixhead .inputsearch input[type="text"] {
padding:0px 10px;
width:350px;
height:40px;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:40px;
background-color:#ffffff;
border-radius:5px;
border:none;
}
div.modal_slide .fixhead .inputsearch input[type="text"]::placeholder {
color:#878787;
}

/* #####個別 */
div.modal_alert .button {
text-align:center;
}
div.modal_alert .alertset .icon.temporarysaving {
background-image:url(../images/svg/modal_temporarysaving.svg);
background-size:70px 70px;
}
div.modal_alert .alertset .icon.withdrawal {
background-image:url(../images/svg/modal_withdrawal.svg);
background-size:70px 70px;
}
div.modal_alert .alertset .icon.completion {
background-image:url(../images/svg/modal_done.svg);
background-size:70px 70px;
}
div.modal_alert .alertset .icon.approval {
background-image:url(../images/svg/modal_approval.svg);
background-size:70px 70px;
}
div.modal_alert .alertset .icon.remand {
background-image:url(../images/svg/modal_sendingback.svg);
background-size:70px 70px;
}
div.modal_alert .alertset .icon.comment {
background-image:url(../images/svg/modal_comment.svg);
background-size:80px 80px;
}
div.modal .button {
margin-top:15px;
text-align:center;
}
div.modal .button input[type="submit"],
div.modal .button input[type="button"] {
margin:0px 5px;
padding:2px 0px;
width:66px;
display:inline-block;
color:#ffffff;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
text-decoration:none;
cursor:pointer;
border-radius:3px;
border:none;
background-color:#333333;
}
div.modal .borderbutton {
margin-top:30px;
text-align:center;
}
div.modal .borderbutton input[type="submit"],
div.modal .borderbutton input[type="button"],
div.modal .borderbutton a {
margin:0px 10px;
padding:5px 20px;
display:inline-block;
color:#333333;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:15px;
line-height:1.5;
text-decoration:none;
cursor:pointer;
border-radius:3px;
border:#333333 solid 1px;
box-sizing:border-box;
background-color:#f8f8f8;
}
div.modal .textlink {
margin-top:30px;
}
div.modal .textlink a {
display:inline-block;
color:#ffffff;
font-size:14px;
font-weight:700;
line-height:1.5;
text-decoration:none;
cursor:pointer;
}

div.modal .tablebase.head {
margin-left:30px;
margin-top:20px;
width:593px;
}
div.modal .tablebase table {
width:100%;
border-collapse:separate;
border-spacing:1px;
border:0;
background-color:#d2d2d2;
}
div.modal .tablebase table thead th {
text-align:center;
vertical-align:top;
background-color:#aaaaaa;
}
div.modal .tablebase table thead th p {
color:#ffffff;
font-size:14px;
}
div.modal .tablebase table tbody td {
vertical-align:top;
background-color:#dcedf4;
}
div.modal .tablebase table tbody td.left {
text-align:left;
}
div.modal .tablebase table tbody td p {
padding:3px 5px;
font-size:13px;
}
div.modal .tablebase table tbody tr {
cursor:pointer;
}
div.modal .tablebase table tbody tr:hover td,
div.modal .tablebase table tbody tr:hover td p {
background-color:#f8f8f8;
}

div.modal .itemlist ,
div.modal .modalMessageArea {
width:auto;
margin:0px 30px;
position:relative;
}
div.modal .itemlist.clear {
margin:0px 0px;
}
div.modal .itemlist .button {
margin-top:0px;
padding:2px 0px;
width:66px;
display:inline-block;
font-family:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#ffffff;
font-size:14px;
line-height:1.5;
text-decoration:none;
border:none;
background-color:#333333;
border-radius:3px;
position:absolute;
bottom:5px;
right:0px;
}
div.modal .itemlist .block .th {
vertical-align:middle;
background-color:#f8f8f8;
}
div.modal .itemlist .block .th p {
padding:0px 15px;
color:#000000;
font-weight:normal;
}
div.modal .itemlist .block .td {
vertical-align:middle;
}
div.modal .itemlist .block .td input[type="text"] {
width:80%;
}
div.modal .itemlist .block .td input[type="text"].full {
width:90%;
}
div.modal .itemlist .block .td input[type="text"].half,
div.modal .itemlist .block .td input[type="password"].half,
div.modal .itemlist .block .td select.half {
width:50%;
}
div.modal .itemlist .block .td p {
margin-left:0px;
border:none;
background-color:#ffffff;
}

@media screen and (max-width:700px) {
div.modal {
display:none !important ;
}
}

/*納入先追加モーダル非活性青色表示*/
div.modal .itemlist .block .customerAuto input[type="text"]{
    background-color: #dcedf4;
}

/* エラー画面取込時追加 */
.errorMessage{
font-size:50px;
}

div .errorArea{
margin:250px;
}

#footerset_error {
margin-top:300px;
width:100%;
background-color:#50aae0;
position:relative;
z-index:3;
}

/*　管理者画面html取込の際追加　*/
div.Container .information .scroll_invalid{
width:100%;
height:280px;
background-color:#ffffff;
}
/* 各画面のヘッダ表示ユーザ情報エリア height指定*/
div.Container .itemlist .block .td p.user {
height:29px;
}
/*入力系モーダルスクロール対応*/
.is-layer-open {
overflow-y: hidden;
}
.scroll_modal {
overflow-y: auto;
overflow-y: scroll;
}
.customer_modal {
height:760px;
}
.customer_modal_layer {
height:680px;
}
.commodity_modal {
height:515px;
}
.commodity_modal_layer {
height:450px;
}
.destination_modal {
height:570px;
}
.destination_modal_layer {
height:480px;
}
.eu_modal {
height:330px;
}
.eu_modal_layer {
height:240px;
}

.attachment_modal {
height:800px;
}

.attachment_modal_layer {
max-height: 519px;
min-height:480px;
}


/*得意先選択モーダル高さ*/
.customer_select_modal_layer {
height: 800px;
}

/*商品追加画面 ラベルheight指定*/
.modal_input_label {
height:35px;
}
/* 共通エラーメッセージエリア 文字色指定*/
.inputErrorMessage {
color:#FF0000;
font-weight: bold;
}
/*モーダルエラーメッセージ用*/
.modalError {
text-align: left;
}
/* 注文画面のヘッダ情報エリア height指定*/
div.Container .itemlist .block .td p.order {
height:29px;
}

/* 得意先略称 文字色指定 */
.cusNameAbbClick{
color:#0000FF;
text-decoration: underline #0000FF;
}


/*💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀💀*/
/*添付ボタン用:*/
div.Container .button.attachment_button {
    margin: 10px 5px 10px 5px;
    padding: 0px 0px;
    width: 50px;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    border: none;
    background-color: #333333;
    border-radius: 3px;
}

div.modal_slide .slideset .scroll_head_attachment {
    margin-top:75px;
}

.attachmentList td .attachment_delete_style {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #ccc;
    background-color: #000000;
    cursor: pointer;
}
/*ファイル選択ボタン消す*/
.attachmentList td input {
    display: none;
}

.attachmentList tr input {
    border: 1px solid #ccc;
}

.attachmentList tr label {
    display: inline-block;
    width: 385px;
    height: 37px;
    cursor: auto;
}


.selectTable_attachment {
    height: 40px;
}

/*見出しの幅調整　スクロールバー無くしたことによる変更*/
div.modal .tablebase.head.head_attachment {
margin-left:30px;
margin-top:20px;
width:640px;
}

/*ASC DESCの記号*/
div.Container .table_layout table thead th p a.DESC:after {
content:"";
display:block;
border-top:8px solid #ffffff;
border-right:4px solid transparent;
border-left:4px solid transparent;
position:absolute;
top:10px;
right:5px;
}
div.Container .table_layout table thead th p a.ASC:after {
content:"";
display:block;
border-bottom:8px solid #ffffff;
border-right:4px solid transparent;
border-left:4px solid transparent;
position:absolute;
top:10px;
right:5px;
}

/*添付モーダル背景*/
div.Container .table_layout table .attachmentList td {
background-color:#dcedf4;
}


/*添付モーダル用添付者欄中央左寄せ配置*/
div.Container .table_layout table tbody td.td02_attachment {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: left;
}

div.Container .table_layout table tbody tr:hover td.cl_bl_attachment label,
div.Container .table_layout table tbody tr td.cl_bl_attachment input {
background-color:#f8f8f;
}

div.Container .table_layout table .attachmentList tr {
height: 52px;
}

div.Container .table_layout table .attachmentList tr .cl_bl_attachment {
vertical-align: middle;
}

div.modal .button.saveAttachmentButton {
margin-top: 70px;
}

#overlay{
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
/*カレンダーアイコン位置調整*/
.styleChangeCalendarIcon {
    background-image: url(../images/icon_calendar.svg);
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 40%;
}

div.Container p.calendarselect_icon input[type="text"].textBoxChangeStyle,
div.Container .table_layout table tbody td .open_calendar.textBoxChangeStyle{
    background-image: none;
}

.changeCalendarIconPosition {
    display: block;
}

.unhandledCount {
    float: right;
    display: flex;
}