﻿@charset "Shift_JIS";

@font-face
{
	font-family:'Hiragino Sans';font-weight:400;src:local(HiraginoSans-W3)
}

@font-face
{
	font-family:'Hiragino Sans';font-weight:500;src:local(HiraginoSans-W5)
}

@font-face
{
	font-family:'Hiragino Sans';font-weight:600;src:local(HiraginoSans-W6)
}

@font-face
{
	font-family:'Hiragino Sans';font-weight:700;src:local(HiraginoSans-W7)
}

@keyframes show
{
	0%
	{
	opacity:0
	}

	to
	{
	opacity:1
	}
}

@keyframes showDown
{
	0%
	{
	transform:translateY(-3px);opacity:0
	}

	to
	{
	transform:translateY(0);opacity:1
	}
}

@keyframes yellowfade
{
	0%
	{
	background-color:#f7f69e
	}

	to
	{
	background:0 0
	}
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
body,html
{
	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%
}

html
{
	/*font-family:sans-serif;*/
    font-family: 'Open Sans',Meiryo,'メイリオ',Arial,sans-serif;
    font-size:62.5%;
    width:100%
}

body
{
	margin:0;
    font-size:1.5rem;
    font-weight:400;
    font-style:normal;
    color:#222;
    background-color:#fff;
    text-size-adjust:100%;
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing:auto;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{
	display:block
}

audio,canvas,progress,video
{
display:inline-block;vertical-align:baseline
}

audio:not([controls])
{
display:none;height:0
}

[hidden],template
{
display:none
}

a
{
    background-color:transparent;
    color:#0099FF;
}

p
{
    margin: 0;
    padding: 0;
}
a:active,a:hover
{
outline:0
}

/*a,abbr[title]
{
text-decoration:none
}*/

b,strong
{
font-weight:700
}

dfn
{
font-style:italic
}

h1
{
font-size:2em;margin:.67em 0
}

mark
{
color:#000;background:#ff0
}

small
{
font-size:80%
}

sub,sup
{
font-size:75%;line-height:0;position:relative;vertical-align:baseline
}

sup
{
top:-.5em
}

sub
{
bottom:-.25em
}

img
{
vertical-align:bottom;-ms-interpolation-mode:bicubic;border:0
}

svg:not(:root)
{
overflow:hidden
}

figure
{
margin:1em 40px
}

hr
{
box-sizing:content-box;height:0
}

pre
{
overflow:auto
}

code,kbd,pre,samp
{
font-family:monospace,monospace;font-size:1em
}

button,input,optgroup,select,textarea
{
font:inherit;margin:0;color:inherit
}

button
{
overflow:visible
}

button,select
{
text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit]
{
cursor:pointer;-webkit-appearance:button
}

.data-table.-clickable tbody>tr.cell-action-reset,button[disabled],html input[disabled]
{
cursor:default
}

button.ui-button::-moz-focus-inner,button::-moz-focus-inner,input::-moz-focus-inner
{
padding:0;border:0
}

input
{
line-height:1;padding:.1em;vertical-align:middle
}

input[type=checkbox],input[type=radio]
{
box-sizing:border-box;padding:0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button
{
height:auto
}

input[type=search]
{
-webkit-appearance:textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
-webkit-appearance:none
}

fieldset
{
margin:0 2px;padding:.35em .625em .75em;border:1px solid silver
}

legend
{
border:0
}

textarea
{
overflow:auto;padding:3px;border:1px solid #ccc
}

optgroup
{
font-weight:700
}

table
{
border-spacing:0;border-collapse:collapse
}

legend,td,th
{
padding:0
}

*,::after,::before
{
box-sizing:border-box
}

body.Page--find-issue-print,body.Page--login-default,body.Page--multipleIssue,body.Page--release-note,body.Page--settings-project,body.Page--settings-space,body.Page--settings-user,body.Popup--icon-chooser
{
background-color:#fff
}

html.windows body
{
font-family:'Open Sans',Meiryo,'メイリオ',Arial,sans-serif
}

html:not(.windows) body
{
font-family:'Open Sans','Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Helvetica Neue',Helvetica,Arial,sans-serif
}

a:hover
{
    text-decoration:underline;
}

a img
{
    border:0 none;outline:none;
}

object
{
    vertical-align:bottom;
}

input::-ms-clear,input::-ms-reveal
{
    display:none;
}

:-ms-input-placeholder
{
    color:#999;
}

td,th
{
    vertical-align:middle;
    word-wrap:break-word;
}

th
{
    font-weight:700;
}

.data-table
{
    width:100%;
}

.data-table.-clickable tbody>tr.cell-action-reset:hover>td,.data-table.-clickable tbody>tr.cell-action-reset:hover>th
{
background-color:transparent
}

.data-table.-has-handle
{
border-collapse:separate
}

.data-table.-has-handle thead>tr>th
{
border-bottom-width:1px
}

.data-table.-has-handle td.cell-handle
{
width:20px;cursor:move
}

.data-table.-has-handle td.cell-handle svg.icon
{
pointer-events:none
}

.data-table.-has-handle tr.ui-sortable-helper>td,.data-table.-has-handle tr.ui-sortable-helper>th
{
border-bottom:solid 1px #bdbdbd;background-color:#fcfade
}

.data-table.-has-handle tr.ui-state-highlight
{
border:0;background:0 0
}


.data-table td,.data-table th
{   
    padding:10px 8px 9px;
    /*white-space:nowrap*/
}

.data-table td.cell-wrap,.data-table th.cell-wrap
{
white-space:normal
}

.data-table td.cell-side-paddings-none,.data-table th.cell-side-paddings-none
{
padding-right:0;padding-left:0
}

.data-table td.cell-side-paddings-narrow,.data-table th.cell-side-paddings-narrow
{
padding-right:4px;padding-left:4px
}

.data-table td
{
    border-top:solid 1px #bdbdbd;
}

.data-table td .text-icon-set
{
position:relative;padding-left:28px;word-break:break-word
}

.data-table td .text-icon-set.-with-preview
{
width:100%;padding-right:40px
}

.data-table td .text-icon-set__icon
{
position:absolute;top:0;bottom:0;left:0;margin:auto
}

.data-table td .text-icon-set__preview-button
{
position:absolute;top:0;right:0;bottom:0;display:inline-block;width:18px;height:18px;margin:auto
}

.data-table td .text-icon-set__preview-button svg.icon
{
pointer-events:none;fill:#bbb
}

.data-table td .text-icon-set__preview-button:hover svg.icon
{
fill:gray
}

.data-table td.cell-delete
{
width:70px;text-align:center
}


.data-table th
{
font-weight:400
}

.data-table th.sort
{
padding-right:0;padding-left:0
}

.data-table th.sort:last-child
{
padding-right:0
}

.data-table th.sort:first-child
{
padding-left:0
}

.data-table th.cell-semi-long-text
{
line-height:1.8rem;width:90px;min-width:90px;white-space:normal
}

.data-table th.cell-semi-long-text.sort .sort__icon
{
display:inline-block;padding-right:15px;padding-left:15px
}

.data-table th.cell-semi-long-text.sort.is_sort-up .sort__icon::after
{
bottom:5px
}

.data-table th.cell-semi-long-text.sort.is_sort-down .sort__icon::after
{
bottom:-1px
}

.data-table th.cell-long-text
{
line-height:1.8rem;min-width:140px;max-width:300px;text-align:left;white-space:nowrap
}

.data-table th.cell-long-text.sort .sort__icon
{
display:inline-block;overflow:hidden;max-width:100%;padding-right:1em;vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis
}

.data-table th.cell-long-text.sort.is_sort-up .sort__icon::after
{
bottom:5px
}

.data-table th.cell-long-text.sort.is_sort-down .sort__icon::after
{
bottom:-1px
}

.data-table th.cell-custom-field
{
white-space:nowrap
}


.data-table--default
{
    border-collapse:separate;
    border:solid 1px #c2c2c2;
    border-radius:4px;
    background-color:#fff
}

.data-table--default thead>tr>th
{
    text-align:center;
    vertical-align:middle;
    border:solid 1px #bdbdbd;
    background-color: #434343;
    color: #fff;
}

.data-table--default tbody>tr>td
{
    text-align:center;
    vertical-align:middle;
    border:solid 1px #bdbdbd;
}

.data-table--default tbody:nth-child(even)
{
    background-color: #f2f2f2;
}


.data-list:not(.-no-row-hover) .data-list__item.is_hover,.data-list:not(.-no-row-hover) .data-list__item:hover,.data-table--default:not(.-no-row-hover) tbody tr:hover>td,.data-table--default:not(.-no-row-hover) tbody tr:hover>th
{
    background-color:#fcfade;
}

.data-table--default tbody tr.is_selected td
{
    background-color:#fcfade;
}


.data-table--default tbody:hover{
	background-color:#fcfade;
}


.data-table--default tfoot>tr>.no-data-info
{
    padding:20px 0;text-align:center;
}

.data-table--default.-no-top-border
{
    border-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.data-table--default.-history tr:first-child td,.data-table--default.-no-top-border tbody tr:first-child td,.data-table--default.-no-top-border tbody tr:first-child th,.data-table--default.-no-top-border tfoot tr:first-child td
{
    border-top:0;
}

.data-table--default.-no-top-border thead tr:first-child td,.data-table--default.-no-top-border thead tr:first-child th
{
    border-bottom:solid 2px #bdbdbd;
}

.data-table--default.-no-bottom-border
{
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}



.data-table--default.-search-items .cell-parts-date 
{
    text-align: left;
    line-hight: 1.5em;
}

.data-table--default.-search-items .cell-parts-date p
{
    margin:0;
}

.data-table--default.-search-items .cell-item-gualantee-period
{
    color: red;
}
.data-table--default.-search-items .cell-item-accessories
{
    color: blue;
}
.data-table--default.-search-items .cell-item-glass-color
{
    color: orangered;
}



.data-table--default.-search-items .cell-item-coution
{
    padding: 10px;
    border: 1px dashed #000;
    margin: 10px 5px 0px 5px;
    border: 2px dashed green;
    font-weight: bold;
    background-color:lightGray;
}

.data-table--default.-stock-items .cell-stack-status-image image
{
    width: 60px;
    background-size:contain;
}

.data-table--default.-stock-items .cell-set-count
{
    font-size: 3em;
}

.data-table--default.-stock-items .cell-shortage-count
{
    font-size: 3em;
}

.data-table--default.-stock-items .cell-shortage-count.-full
{
    color: #000;
}

.data-table--default.-stock-items .cell-shortage-count.-empty
{
    color: red;
}

.data-table--default.-external-order-items
{
    font-size: 13px;
}

.data-table--default.-external-order-items td.cell-parts-date 
{
    padding-left: 0;
    white-space: normal;
    width: 500px;
}

.data-table--default.-external-order-items td.cell-sales-amt 
{
    padding-left: 0;
    white-space: normal;
    width: 90px;
}

.data-table--default.-external-order-items td.cell-contact_matters 
{
    padding-left: 0;
    white-space: normal;
    width: 100%;
    color: red;
    font-size 15px;
    font-weight: bold;
}
.data-table--default.-external-order-items td.cell-status 
{
    padding-left: 10px;
    white-space: normal;
    text-align: left;
    width: 220px;
}

.data-table--default.-external-order-items td.cell-send-note 
{
    padding-left: 0;
    white-space: normal;
    width: 80px;
}

.data-table--search-conditions
{
    border-bottom:solid 1px #bdbdbd;
}

.data-table--default.-external-order-items td.cell-send-note 
{
    padding-left: 0;
    white-space: normal;
    width: 80px;
}

.data-table--search-conditions.-no-top-border tbody tr:first-child td,.data-table--search-conditions.-no-top-border tbody tr:first-child th
{
    border-top:0;
}

.data-table--search-conditions.-no-bottom-border
{
    border-bottom:0;
}

.data-table--search-conditions td,.data-table--search-conditions th
{
    text-align:left;
    border-top:solid 1px #bdbdbd;
}

.data-table--search-conditions th
{
    font-weight:400;
    padding-right:20px;
    color:#777;
}

.data-table--search-conditions td
{
    width:100%;
}


.data-table--info
{
    border-collapse:separate;
    border:1px solid #c6c9d3;
    background-color:#ffebeb;
    width: 100%;
    /*table-layout: fixed;*/ 
    word-wrap: break-word;
}

.data-table--info thead>tr>th
{
    text-align:center;
    vertical-align:middle;
    background-color: #ffebeb;
    color: #dc3838;
}

.data-table--info tbody>tr>td
{
    text-align:left;
    vertical-align:middle;
    color: #dc3838;
}

.data-table--info tbody tr.is_selected td
{
    background-color:#fcfade;
}

.data-table--info tbody td.cell-info-type
{
    text-align: center;
    width: 100px;
}

.data-table--info tbody td.cell-info-datetime
{
    text-align: center;
    width: 150px;
}

.data-table--info p
{
    margin: 0;
}
.data-table--info .cell-info-title
{
    font-weight: bold;
    font-size: 20px;
    margin: 6px 0;
}

.data-table--recentlyevent
{
    border-collapse:separate;
    border:1px solid #c2c2c2;
    border-radius:4px;
    background-color:#fff;
    font-size: 20px;
}

.data-table--recentlyevent thead>tr>th
{
    text-align:left;
    color: #000;
}

.data-table--recentlyevent tbody>tr>td
{
    text-align:left;
}

.data-table--recentlyevent .recentlyevent-headr-datetime
{
    border-bottom:solid 1px #c2c2c2;
    padding: 10px 20px 8px;
}

.data-table--recentlyevent .recentlyevent-contents
{
    display: inline-block;
    padding-left: 34px;
    word-wrap: break-word;
}

.data-table--recentlyevent .recentlyevent-contents .recentlyevent-contents-event
{
    padding:15px;
    display: inline-block;
}

.data-table--recentlyevent .recentlyevent-contents .recentlyevent-contents-event div
{
    float: left;
    padding-right:20px;
}

.data-table--recentlyevent .recentlyevent-contents .recentlyevent-contents-target
{
    clear:left;
    padding-left:20px;
}

.data-table--recentlyevent .recentlyevent-contents .recentlyevent-contents-target div
{
    padding-bottom: 10px;
}

.data-table--inline
{
    border-collapse:separate;
    background-color:transparent;
    border:0;
}

.data-table--inline tbody>tr>th
{
    width:170px;
    padding:0;
    text-align:right;
    border:none;
	background-color:transparent;
	color:#000000;
}

.data-table--inline tbody>tr>td
{
    border:none;
    text-align:left;
}

.data-table--inline td ul
{
    line-height:1.0;
}

.divErrArea td{
    color: red;
}

.divErrArea td.message-position{
    text-align:right;
}

.divErrArea td.message-contents{
    text-align:left;
}

.data-table--dialog-parts-detail {
	width:100%;
	background-color:#FFF;
	border:3px solid #000;
	margin:15px 0;
}

.data-table--dialog-parts-detail thead th {
	text-align:right;
	padding:3px 8px;
	border:1px solid #000;
	font-weight:normal; 
	background-color:#434343;
	color:#FFF;
	white-space:nowrap;
}

.data-table--dialog-parts-detail tbody th {
	vertical-align:middle;
	text-align:right;
	padding:3px 8px;
	border:1px solid #000;
	font-weight:normal;
	background-color:#434343;
	color:#FFF;
    width: 200px;
}

.data-table--dialog-parts-detail tbody td {
	vertical-align:middle;
	text-align:left;
	margin:0;
	padding:3px 8px;
	border:1px solid #999;
    width: 800px;
}

.data-table--dialog-parts-detail tbody tr.even td {
	background-color:#E6E6E6;
}




.data-table--input
{
    border-collapse:separate;
	border:3px solid #000;
	margin:15px 0;
    background-color:#FFF;
}

.data-table--input thead>tr>th {
	text-align:right;
	padding:3px 8px;
	border:1px solid #000;
	font-weight:normal; 
	background-color:#434343;
	color:#FFF;
	white-space:nowrap;
}

.data-table--input tbody>tr>th {
	vertical-align:middle;
	text-align:right;
	padding:3px 8px;
	border:1px solid #000;
	font-weight:normal;
	background-color:#434343;
	color:#FFF;
    width: 180px;
    height:35px;
}

.data-table--input tbody>tr>td {
	vertical-align:middle;
	text-align:left;
	margin:0;
	padding:3px 8px;
	border:1px solid #999;
}

.data-table--input tbody tr.even td {
	background-color:#E6E6E6;
}





.input-text
{
    padding:0 8px;
}
.input-text
{
    display:inline-block;
    width:100%;
    transition-timing-function:ease-in-out;
    transition-duration:.15s;
    transition-property:border-color,box-shadow,background-color;
    vertical-align:middle;
    border:solid 1px #999;
    border-radius:4px;
    background-color:#fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.input-text:focus
{
    border-color:#0099FF;
    outline:none;background-color:#fcfade;box-shadow:0 0 3px #0099FF;
}
.-no-focus.input-text:focus
{
    outline:none;background-color:#fff;
}
.is_disabled.input-text,[disabled].input-text
{
cursor:default;border-color:#999;background-color:#eee;box-shadow:none;
}

.input-text.-attention
{
    font-size:1.5em;
    background-color:aqua;
    color:blue;
}

.-w-xx-small.input-text

{
width:60px;
}
.-w-x-small.input-text

{
width:140px;
}
.-w-small.input-text

{
width:210px;
}
.-w-medium.input-text

{
width:280px;
}
.-w-large.input-text
{
width:440px;
}
.-w-x-large.input-text
{
width:600px;
}
.-w-full.input-text
{
    width:100%;
}


.-h-x-small.input-text
{
font-size:1.1rem;line-height:2rem;min-height:2.2rem;padding-right:8px;padding-left:8px;
}
.-h-small.input-text
{
font-size:1.3rem;line-height:2.7rem;min-height:2.9rem;padding-right:8px;padding-left:8px;
}
.-h-large.input-text
{
font-size:1.6rem;min-height:120px;padding-right:14px;padding-left:14px;
}
.input-text
{
line-height:3rem;min-height:3.2rem;;
}
.input-text.-error
{
background:#ffe4dc;
}

.input-checkbox,.input-radio{
position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0;
}
.input-radio+label{
position:relative;display:inline-block;padding-left:25px;cursor:pointer;
}
.input-radio+label::after,.input-radio+label::before{
position:absolute;top:2px;left:0;display:block;width:16px;height:16px;content:'';cursor:pointer;transition-timing-function:ease-in-out;transition-duration:.075s;transition-property:border-color;border:solid 2px #bbb;border-radius:100%;background-color:#fff;
}
.input-radio+label::after{
top:4px;left:2px;width:12px;height:12px;transition-property:transform;-ms-transform:scale(0);transform:scale(0);border:solid 2px #fff;background-color:#0099FF;
}
.input-radio+label.radio-obj-middle::after,.input-radio+label.radio-obj-middle::before{
top:0;bottom:0;margin:auto;
}
.input-radio:checked+label::before{
border-color:#0099FF;
}
.input-radio:checked+label::after{
-ms-transform:scale(1);transform:scale(1);
}
.input-radio[disabled]+label{
cursor:default;color:#777;
}
.input-radio[disabled]+label::before{
border-width:1px;background-color:#eee;
}
.input-radio[disabled]:checked+label::before{
border-width:2px;border-color:#adadad;
}
.input-radio[disabled]:checked+label::after{
background-color:#adadad;
}
.input-radio.is_error+label{
cursor:default;color:#ea2c00;
}
.input-radio.is_error+label::before{
border-width:1px;border-color:#ea2c00;background-color:#ffe4dc;
}
.input-radio.is_error:checked+label::after{
border-color:#ffe4dc;
}
.input-checkbox+label{
position:relative;display:inline-block;min-width:16px;min-height:16px;padding-left:25px;cursor:pointer;vertical-align:middle;
}
.input-checkbox+label.no-text-label{
padding-left:16px;
}
.input-checkbox+label.no-text-label::before{
top:0;
}
.input-checkbox+label.no-text-label::after{
top:-4px;
}
.input-checkbox+label::after,.input-checkbox+label::before{
position:absolute;display:block;content:'';transition-timing-function:ease-in-out;transition-duration:.075s;
}
.input-checkbox+label::before{
cursor:pointer;border:solid 2px #bbb;border-radius:2px;background-color:#fff;top:2px;left:0;width:16px;height:16px;transition-property:background-color,border-color;
}
.input-checkbox+label::after{
top:-2px;left:-3px;width:12px;height:8px;transition-property:transform;-ms-transform:translate(5px,6px) rotate(-45deg) scale(0);transform:translate(5px,6px) rotate(-45deg) scale(0);border-bottom:3px solid #fff;border-left:3px solid #fff;
}
.input-checkbox:checked+label::before{
border-color:#0099FF;background-color:#0099FF;
}
.input-checkbox:checked+label::after{
-ms-transform:translate(5px,6px) rotate(-45deg) scale(1);transform:translate(5px,6px) rotate(-45deg) scale(1);
}
.input-checkbox[disabled]+label{
cursor:default;color:#777;
}
.input-checkbox[disabled]+label::before{
border-width:1px;background-color:#eee;
}
.input-checkbox[disabled]:checked+label::before{
border-color:#adadad;background-color:#eee;
}
.input-checkbox[disabled]:checked+label::after{
border-bottom-color:gray;border-left-color:gray;
}
.input-checkbox.is_error+label{
cursor:default;color:#ea2c00;
}
.input-checkbox.is_error+label::before{
border-width:1px;border-color:#ea2c00;background-color:#ffe4dc;
}
.input-checkbox.is_error:checked+label::after{
border-bottom-color:#0099FF;border-left-color:#0099FF;
}
.selectbox{
position:relative;display:inline-block;overflow:hidden;height:calc(3rem + 2px);vertical-align:middle;border:solid 1px #999;border-radius:4px;
}
.selectbox.errInput,.selectbox.is_error{
border-color:#ea2c00;
}
.selectbox.errInput .selectbox__item,.selectbox.is_error .selectbox__item{
background-color:#ffe4dc;
}
.selectbox.-w-x-small{
width:140px;
}
.selectbox.-w-small{
width:240px;
}
.selectbox.-w-medium{
width:280px;
}
.selectbox.-w-large{
width:440px;
}
.selectbox.-h-x-small .selectbox__item{
font-size:1.3rem;min-height:2rem;
}
.selectbox.-h-small .selectbox__item{
font-size:1.3rem;min-height:2.7rem;
}
.selectbox.-h-large .selectbox__item{
font-size:1.6rem;min-height:4rem;padding-left:10px;
}
.selectbox.-block{
display:block;
}
.selectbox+.button{
margin-left:4px;
}
.selectbox__item{
width:100%;height:3rem;padding-right:40px;padding-left:8px;cursor:pointer;white-space:nowrap;border:0;outline:none;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;
}
.selectbox__item::-ms-expand{
display:none;
}
.selectbox__item::-moz-focus-inner{
border:0;outline:none;
}
.selectbox__item:focus{
background-color:#fff;
}
.selectbox__item.is_disabled,.selectbox__item[disabled]{
cursor:default;background-color:#eee;
}
.selectbox__item.-pseudo-selectbox{
font-weight:700;line-height:3rem;display:inline-block;overflow:hidden;max-width:100%;padding-right:34px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.selectbox__item.-pseudo-selectbox .selectbox__item-sub-label{
font-weight:400;margin-left:5px;color:#777;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;
}
.selectbox::after{
position:absolute;top:6px;right:11px;bottom:0;width:13px;height:0;margin:auto;content:'';transition-timing-function:ease-in-out;transition-duration:.15s;transition-property:border-top-color;pointer-events:none;border:6px solid transparent;border-top:7px solid gray;border-radius:3px;background:0 0;
}
.chosen-wrapper .chzn-container-active .chzn-single.chzn-single-with-drop::after,.chosen-wrapper .chzn-container-single .chzn-single:hover::after,.selectbox:hover::after{
border-top-color:#2c549a;
}
.Lt-ie10 .selectbox__item{
width:100%;padding-right:0;
}
.Lt-ie10 .selectbox::after{
content:none;
}
.selectbox--multiple-hidden{
position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;width:1px;height:1px;
}
.selectbox--multiple{
clear:both;
}
.selectbox--multiple.-with-icon-button{
width:250px;min-height:32px;padding-right:40px;
}
.selectbox--multiple.is_error .selectbox--multiple__wrapper,select.is_error+.chzn-container-multi .chzn-choices,select.is_error+.chzn-container-single .chzn-single{
border-color:#ea2c00;background-color:#ffe4dc;
}
.selectbox--multiple__wrapper{
line-height:2rem;display:block;overflow:auto;width:100%;height:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:solid 1px #999;border-radius:4px;outline:none;background-color:#fff;
}
.selectbox--multiple__item{
line-height:1.8rem;padding:2px 10px 1px;cursor:pointer;white-space:normal;
}
.selectbox--multiple__item:empty{
min-height:1.5em;
}
.chosen-wrapper .chzn-container .chzn-results li.active-result.highlighted,.chosen-wrapper .chzn-container .chzn-results li.active-result.is_selected,.chosen-wrapper .chzn-container .chzn-results li.active-result.result-selected,.chosen-wrapper .chzn-container .chzn-results li.active-result:hover,.selectbox--multiple__item.is_selected,.selectbox--multiple__item.is_selected:hover,.selectbox--multiple__item:hover{
background-color:#e3eee8;
}
.selectbox--multiple__item.is_disabled,.selectbox--multiple__item[disabled]{
cursor:default;background-color:#eee;
}
.selectbox--multiple__item.is_disabled:hover,.selectbox--multiple__item[disabled]:hover{
background-color:#eee;
}
.selectbox--multiple__itemgroup{
line-height:1.8rem;padding:2px 10px 1px;
}
.selectbox--multiple__itemgroup__label{
font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.chzn-container{
position:relative;display:inline-block;vertical-align:middle;
}
.chzn-container-single .chzn-single{
position:relative;display:block;overflow:hidden;white-space:nowrap;text-decoration:none;
}
.chzn-container-single .chzn-single span{
display:block;overflow:hidden;margin-right:18px;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;
}
.chzn-container-single .chzn-single abbr{
font-size:1px;position:absolute;top:8px;right:26px;display:block;width:12px;height:13px;
}
.chzn-container-single .chzn-single abbr:hover{
background-position:right -11px;
}
.chzn-container-single .chzn-single div{
position:absolute;top:0;right:0;display:block;width:18px;height:100%;border-left:1px solid #aaa;border-radius:0 4px 4px 0;background:#ccc;background-clip:padding-box;
}
.chzn-container-single .chzn-single div b{
display:block;width:100%;height:100%;
}
.chzn-container-single .chzn-search{
position:relative;margin:0;padding:3px 4px;white-space:nowrap;
}
.chzn-container-single .chzn-search input{
font-family:sans-serif;font-size:1em;height:20px;margin:1px 0;padding:2px 20px 2px 5px;border:1px solid #aaa;outline:0;
}
.chzn-container-single-nosearch .chzn-search input{
position:absolute;left:-9000px;
}
.chzn-container-multi .chzn-choices{
position:relative;overflow:hidden;height:auto!important;margin:0;padding:0;cursor:text;border:1px solid #bdc7d8;background-color:#fff;
}
.chzn-container-multi .chzn-choices li{
float:left;list-style:none;
}
.chzn-container-multi .chzn-choices .search-field{
margin:0;padding:0;white-space:nowrap;
}
.chzn-container-multi .chzn-choices .search-field input{
margin:1px 0;padding:5px;color:#666;border:0!important;outline:0;background:0 0!important;box-shadow:none;
}
.chzn-container-multi .chzn-choices .search-choice{
line-height:22px;position:relative;min-height:22px;margin:3px 0 3px 5px;padding:1px 0 0;color:#333;border:1px solid #b4b4b4;border-radius:3px;background-color:#e4e4e4;background-clip:padding-box;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close{
font-size:1px;position:absolute;top:50%;right:3px;display:block;width:12px;height:13px;margin-top:-6px;
}
.chzn-container-multi .chzn-results{
margin:-1px 0 0;padding:0;
}
.chzn-container .chzn-results li em,.select2-results li em{
font-style:normal;background:#feffde;
}
.chzn-container .chzn-results .highlighted em,.select2-results .select2-highlighted em{
background:0 0;
}
.chzn-container-multi .chzn-drop .result-selected,select.chosen-select{
display:none;
}
.chzn-container-active .chzn-single{
border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3);
}
.chzn-container-active .chzn-single-with-drop{
border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#eee;box-shadow:0 1px 0 #fff inset;
}
.chzn-container-active .chzn-single-with-drop div{
border-left:none;background:0 0;
}
.chzn-container-active .chzn-single-with-drop div b,.select2-dropdown-open .select2-choice .select2-arrow b{
background-position:-18px 1px;
}
.chzn-container-active .chzn-choices{
border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3);
}
.chzn-container-active .chzn-choices .search-field input{
color:#111!important;
}
.chzn-disabled{
cursor:default;opacity:.5!important;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close,.chzn-disabled .chzn-single{
cursor:default;
}
.chzn-rtl{
text-align:right;direction:rtl;
}
.chzn-rtl .chzn-single{
padding-right:8px;padding-left:0;
}
.chzn-rtl .chzn-single span{
margin-right:0;margin-left:26px;
}
.chzn-rtl .chzn-single div{
right:auto;left:0;border-right:1px solid #aaa;border-left:none;border-radius:4px 0 0 4px;
}
.chzn-rtl .chzn-choices li{
float:right;
}
.chzn-rtl .chzn-choices .search-choice{
margin:3px 5px 3px 0;padding:3px 6px 3px 19px;
}
.chzn-rtl .chzn-choices .search-choice .search-choice-close{
right:auto;left:5px;background-position:right top;
}
.chzn-rtl.chzn-container-single .chzn-results{
margin-right:0;margin-left:4px;padding-right:4px;padding-left:0;
}
.chzn-rtl .chzn-results .group-option{
padding-right:20px;padding-left:0;
}
.chzn-rtl.chzn-container-active .chzn-single-with-drop div{
border-right:none;
}
.chzn-rtl .chzn-search input{
padding:4px 5px 4px 20px;
}
select.chosen-select-multi{
visibility:hidden;
}



.form-element__label{
    display:block;
    margin-bottom:4px;
    white-space:nowrap;
}
.form-element__label.-required::after{
    content:'*';
}
.form-element__label .required,.form-element__label.-required::after{
    font-size:1.6rem;padding-left:4px;color:#ea2c00;
}
.form-element__label.-h-large
{
    height: 120px
}


/* BUTTON */
.button{
    font-size:1.4rem;line-height:2.8rem;display:inline-block;box-sizing:border-box;min-height:2.8rem;padding:0 15px;cursor:pointer;transition-timing-function:ease-in-out;transition-duration:.15s;transition-property:background-color,border,fill,color,opacity;text-align:center;vertical-align:middle;text-decoration:none;border-radius:4px;outline:none;
}
.button+.button{
    margin-left:6px;
}
.button.-w-full{
    width:100%;
}
.button.-w-fixed-small{
    min-width:105px;
}
.button.-w-fixed-medium{
    min-width:200px;
}
.button.-h-x-small{
    font-size:1.1rem;line-height:1.8rem;min-height:1.8rem;padding-right:10px;padding-left:10px;
}
.button.-h-small{
    font-size:1.3rem;line-height:2.5rem;min-height:2.5rem;padding-right:12px;padding-left:12px;
}
.button.-h-large{
    font-size:1.6rem;line-height:3.8rem;min-height:3.8rem;padding-right:22px;padding-left:22px;
}


.button--search{
    font-weight:700;color:#fff;border:solid 2px #2c549a;background-color:#2c549a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--search:focus,.button--search:hover{
    text-decoration:none;color:#2c549a;border-color:#2c549a;background-color:#fff;
}
.button--search.is_disabled,.button--search[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--submit{
    font-weight:700;color:#fff;border:solid 2px #2c549a;background-color:#2c549a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--submit:focus,.button--submit:hover{
    text-decoration:none;color:#2c549a;border-color:#2c549a;background-color:#fff;
}
.button--submit.is_disabled,.button--submit[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--upload{
    font-weight:700;color:#9a612c;border:solid 2px #9a612c;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--upload:focus,.button--upload:hover{
    text-decoration:none;color:#fff;border-color:#9a612c;background-color:#9a612c;
}
.button--upload.is_disabled,.button--upload[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--weak{
font-weight:600;padding:1px 16px;color:#222;border:solid 1px #999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--weak:focus,.button--weak:hover{
text-decoration:none;color:#222;background-color:#f0f0f0;
}
.button--weak.is_disabled,.button--weak[disabled]{
cursor:default;opacity:.4;color:#777;border-color:#e5e5e5;outline:none;background-color:#e5e5e5;
}
.button--weak.is_toggled{
background-color:#e3eee8;
}
.button--weak.is_toggled:hover{
background-color:#f3f3f3;
}

.button--select{
    font-weight:700;color:#fff;border:solid 2px #2c549a;background-color:#2c549a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--select:focus,.button--select:hover{
    text-decoration:none;color:#2c549a;border-color:#2c549a;background-color:#fff;
}

.button--status{
    font-weight:700;color:#2B7542;border:solid 2px #2B7542;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--status:focus,.button--status:hover{
    text-decoration:none;color:#fff;border-color:#fff;background-color:#2B7542;
}
.button--status.is_disabled,.button--status[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--attention{
    font-weight:700;color:#fff;border:solid 2px #FF9900;background-color:#FF9900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--attention:focus,.button--attention:hover{
    text-decoration:none;color:#FF9900;border-color:#FF9900;background-color:#fff;
}

.button--attention-not{
    font-weight:700;color:#FF9900;border:solid 2px #FF9900;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--attention-not:focus,.button--attention-not:hover{
    text-decoration:none;color:#fff;border-color:#FF9900;background-color:#FF9900;
}
.button--attention.is_disabled,.button--attention[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--parts-detail{
    font-weight:700;color:#F781F3;border:solid 2px #F781F3;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--parts-detail:focus,.button--parts-detail:hover{
    text-decoration:none;color:#fff;border-color:#fff;background-color:#F781F3;
}
.button--parts-detail.is_disabled,.button--parts-detail[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--parts-compatible{
    font-weight:700;color:#5FB404;border:solid 2px #5FB404;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--parts-compatible:focus,.button--parts-compatible:hover{
    text-decoration:none;color:#fff;border-color:#fff;background-color:#5FB404;
}
.button--parts-compatible.is_disabled,.button--parts-compatible[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--not-priority{
    font-weight:700;color:#2c549a;border:solid 2px #2c549a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.button--not-priority:focus,.button--not-priority:hover{
    text-decoration:none;color:#fff;border-color:#2c549a;background-color:#2c549a;
}
.button--not-priority.is_disabled,.button--not-priority[disabled]{
    cursor:default;opacity:.4;color:#777;border:solid 2px #e5e5e5;background-color:#e5e5e5;
}

.button--menu
{
    background-color:#434343;
    color:#fff;
    width: 220px;
    height: 150px;
    margin: 10px;
    font-size: 1.6em;
    border-radius: 10px;
}

.button--menu:focus,.button--menu:hover
{
    background-color:#000;
    color:#fff;
    text-decoration:none;
}


/* PILL */
.pill{
    line-height:2rem;display:inline-block;padding:1px 8px;vertical-align:middle;white-space:nowrap;border-radius:20px;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;
}

.pill{
    color:#fff;
    background-color:#bbb;
}
.pill.-small
{
    font-size:1.2rem;
    line-height:1.7rem;
    padding:1px 6px
}
.pill.-medium{
    font-size:18px;
    line-height:3rem;
    padding:2px 6px;
}
.pill--type-1{
    background-color:#ea2c00;
}
.pill--type-2{
    background-color:#4caf93;
}
.pill--spec-type-1 {
    background-color: lightsteelblue;
    color: black;
}

.card{
    line-height:2rem;display:inline-block;padding:1px 8px;vertical-align:middle;white-space:nowrap;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;
}

.card{
    color:#fff;
    background-color:#bbb;
}
.card.-small
{
    font-size:1.2rem;
    line-height:1.7rem;
    padding:1px 6px
}

.card.-medium{
    font-size:18px;
    line-height:3rem;
    padding:2px 6px;
}
.card--type-1{
    background-color:#3b9dbd;
}
.card--type-2{
    background-color:#eda62a;
}
.card--type-3{
    background-color:#393939;
}

/* AREA */
.login-wrap
{
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    display: table;
    height: 100%;
    margin: 0 auto;
    background-color:#fff;
    font-size: 1.8em;
}

.login-contents
{
    display: table-cell;
    padding-bottom: 30px;
    vertical-align: middle;    
}

.login--header
{
    padding: 40px 0px; 
    background-color:#C0C0C0; 
    color:#333333; 
    font-size:20px; 
    text-align: center;
    border-top:solid 1px #000;
    border-left:solid 1px #000;
    border-right:solid 1px #000;

}

.login--header.-system-login
{
    background-color:#C0C0C0; 
}

.login--header.-user-login
{
    background-color:#336699; 
    color: #fff;
}

.login--header.-reset-login
{
    background-color:#008000; 
    color: #fff;
}

.login--header.-timeout-login
{
    background-color:#9e1c1c; 
    color: #fff;
}

.login--body
{
    text-align: center;
}

.login--inut-form
{
    padding: 30px 20px;
}

.login--inut-form .login--message-area
{
    padding: 5px 5px 10px; 
    width: 500px; 
    text-align: center; 
    color: red; 
    -ms-word-wrap: break-word;
}

.login--inut-form .login--button-area
{
    padding: 30px 100px 10px; 
    text-align: center; 
    clear: left;
}

.login--inut-form dl
{
    padding:0px;
    margin:0px;
}

.login--inut-form dt {
    margin: 2px 0px;
    padding: 15px;
    width: 200px;
    clear: left;
    float: left;
    text-align: right; 
}
.login--inut-form dd {
    float: left; 
    margin: 0 1em;
    padding: 10px 0;
}


.contents-body
{
    width: 100%;
    padding: 20px;
    /*background-color: #fff;*/
}
.menuWrap
{
    text-align:center;
    margin: 20px;
}
.personalTaskWrap
{
    width: 800px;
    margin: 0 auto;
}
.main-search-conditions-wrap
{
    padding: 10px 0 0 10px; 
    border-radius: 5px; 
    border: 1px solid rgb(204, 204, 204); 
    border-image: none;
    width: 100%;
    font-weight: bold; 
    display: inline-block;
    margin-bottom: 10px;
}

.search-conditions-input-wrap
{
    display:inline-block;
}

.search-conditions-block
{
    float:left;
}


.main-search-conditions-wrap dl
{
    padding:0px;
    margin:0px;
}

.main-search-conditions-wrap dt {
    margin: 2px 0px;
    padding: 15px;
    width: 230px;
    clear: left;
    float: left;
    background-color: #EFEFEF;
}
.main-search-conditions-wrap dd {
    float: left; 
    margin: 0 1em;
    padding: 10px 0;
}

.main-inlist-list-wrap
{
    padding: 10px 5px; 
    border: none; 
    border-image: none;
    width: 100%;
    display: inline-block;
}

.main-inlist-list-wrap dl
{
    padding:0px;
    margin:0px;
}

.main-inlist-list-wrap dt {
    margin: 2px 0px;
    clear: left;
    float: left;
    text-align:right;
}
.main-inlist-list-wrap dd {
    float: left;
    padding: 0;
    margin-left: 0;
    text-align: left;
}

.main-inlist-list-wrap.-parts-items dt {
    width: 170px;
}

.main-inlist-list-wrap.-parts-items dd {
    width: 330px;    
}

.main-inlist-list-wrap.-order-parts-items dt {
    width: 170px;
}

.main-inlist-list-wrap.-order-parts-items dd {
    width: 550px;    
}

.main-inlist-list-wrap.-shipment-items dt {
    width: 170px;
}

.main-inlist-list-wrap.-shipment-items dd {
    width: 550px;    
}

.dialog-submit-input-wrap
{
    padding: 10px 15px; 
    border-radius: 5px; 
    border: 1px solid rgb(204, 204, 204); 
    border-image: none;
    width: 100%;
    font-weight: bold; 
    display: inline-block;
}

.dialog-submit-input-wrap dl
{
    padding:0px;
    margin:0px;
}

.dialog-submit-input-wrap dt {
    margin: 2px 0px;
    padding: 15px;
    width: 180px;
    clear: left;
    float: left;
    text-align:right;
}
.dialog-submit-input-wrap dd {
    float: left; 
    margin-left: 1em;
    padding: 10px 0;
}


.form-submit-input-wrap
{
    padding: 10px 15px; 
    border-radius: 5px; 
    border: 1px solid rgb(204, 204, 204); 
    border-image: none;
    width: 100%;
    font-weight: bold; 
    display: inline-block;
}

.form-submit-input-wrap dl
{
    padding:0px;
    margin:0px;
}

.form-submit-input-wrap dt {
    padding: 15px;
    width: 250px;
    clear: left;
    float: left;
    text-align:right;
    background-color: #757575;
    color: #fff;
    border: 1px solid #fff;
}

.form-submit-input-wrap dd {
    float: left; 
    margin: 0px;
    padding: 10px;
}

.list-title-wrap
{
    width: 100%; 
    display: inline-table;
    font-size: 1.3em; 
    background-color: #CDCDCD
}

.list-title-wrap .list-title
{
    padding: 12px 30px 8px 10px; 
}

.list-title-wrap .list-content
{
    padding-top: 4px;
}

.message-area
{
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    padding: 20px;
    width: 100%;
}

.-msg_err {
    color: #FF2E00;
    background-color: #FFABAB;
    border: 2px solid #FF2E00;
}

.-msg_confirmation {
    color: #008000;
    background-color: #66CDAA;
    border: 2px solid #008000;
}


.order-contents-body
{
    width:1000px;
    margin :0 auto;
}

.orderHeader  {
	border:3px solid #003080;
	text-align:center;
	padding:5px 0;
	background-color:#FFC;
	margin:20px 0;
    padding: 20px 0;
}

.orderHeader .titleMain {
	font-size:28px;
}

.orderBody
{
    margin:40px 0; 
}

.orderBody h2 {
	height:21px;
	font-size:2em;
	padding:5px 0 5px 5px;
	/*margin:10px 0 5px 0 !important;*/
	padding-bottom:2px !important;
}      
  
.orderDetailTitle
{
    font-size: 1.8em;
    line-height: 42px;     
    margin-top: 8px;
}

.where_nodata
{
    border:3px solid #000;
    padding: 40px 70px 40px 40px;
}


/* MEMU */
.menu_item_style
{
    background-color: #434343;
    color: #FFFFFF;
    width: 150px;
    height: 50px;
}

.menu_item_style_sub
{
    background-color: #000 ;
    color: #FFFFFF;
    width: 150px;
    height: 50px;
}

.headerWrap
{
    border-bottom: 6px solid #f3850f;
}

.headerLogoWrap
{
    width: 150px; 
}

.headerLogoWrap img
{
   width: 100%; 
   height: 100%;
}

.headerLogoWrap a {
    display: table-cell;
    vertical-align: middle;
}

.headerLoginInfoWrap
{
	width: 100%;
}

.headerLoginInfoWrap .headerLoginInfo ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.headerLoginInfoWrap .headerLoginInfo li 
{
    float: right;
	display: inline-block;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:3px;
    margin-right:3px;
}
.headerLoginInfoWrap .headerLoginInfoRightWrap .headerLoginInfo li a 
{
	color: #06c;
}

.headerMenuNavWrapNoLogo
{
     left:0px;
}


.headerMenuNavWrap .toggle_btn {
    display: none;
}

.headerNav li
{
    border : 1px solid #ddd;
}

.dynamic.highlighted
{
    color: #000;
    background-color: #f3850f;

}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.ajax__calendar 
{
    box-sizing:inherit;
}

.ajax__calendar td, .ajax__calendar th
{
    word-wrap: normal;
}

.ajax__calendar_container{
    font-weight: bold;
}

.ajax__calendar_container table td{
    border: none !important;
    padding: 0px !important;
}

.-f_left
{
    float:left;
}

.-f_right
{
    float:right;
}

.cell-inquiry-status-name {
    font-size: 26px;
    text-align: center !important;
    background-color: yellow;
    width: 200px;
}
.cell-inquiry-status-description {
    font-size: 12px;
}
.cell-inquiry-date-title {
    font-size: 26px;
    text-align: center !important;
    background-color: yellow;
}
.cell-inquiry-date-content {
    font-size: 20px;
}

.order-header1, 
.order-header2{
    background-color:#FEFEFE;
}

.order-header1 .inquiry-parts-name,
.order-header1 .inquiry-pure-parts-id,
.order-header1 .inquiry-parts-memo,
.order-header1 .inquiry-status {
    background-color:#DDDDDD;
}

.order-header2 .inquiry-parts-name,
.order-header2 .inquiry-pure-parts-id,
.order-header2 .inquiry-parts-memo,
.order-header2 .inquiry-status,
.order-header2 .order-parts-name,
.order-header2 .order-pure-parts-id,
.order-header2 .order-parts-memo,
.order-header2 .order-status {
    background-color: #00B0F0;
}

.estimate-detail .estimate-parts-name,
.estimate-detail .estimate-sales-amt,
.estimate-detail .estimate-description,
.estimate-detail .estimate-delivery-date,
.estimate-detail .estimate-deadline-datetime,
.estimate-detail .estimate-status,
.estimate-detail .estimate-remarks,
.estimate-detail .estimate-datetime {
    background-color: #FEFEFE;
}
.estimate-detail.order .estimate-parts-name,
.estimate-detail.order .estimate-sales-amt,
.estimate-detail.order .estimate-description,
.estimate-detail.order .estimate-delivery-date,
.estimate-detail.order .estimate-deadline-datetime,
.estimate-detail.order .estimate-status,
.estimate-detail.order .estimate-remarks,
.estimate-detail.order .estimate-datetime {
    background-color: #DDEBF7;
}
.estimate-detail.invalid .estimate-parts-name,
.estimate-detail.invalid .estimate-sales-amt,
.estimate-detail.invalid .estimate-description,
.estimate-detail.invalid .estimate-delivery-date,
.estimate-detail.invalid .estimate-deadline-datetime,
.estimate-detail.invalid .estimate-status,
.estimate-detail.invalid .estimate-remarks,
.estimate-detail.invalid .estimate-datetime {
    background-color: #D9D9D9;
}

.order-parts-detail-commit {
    background-color: #FFCCFF !important;
}

.order-parts-detail-shipment {
    background-color: #E2EFDA !important;
}

.shipment-detail {
    background-color: #FFF2CC;
}

.display-none {
    display: none;
}

.estimate_upload_detail_area{
    max-height: 300px;
    overflow:auto;
    border: 1px solid #777777;
}

.estimate_upload_footer_area {
    padding-top: 20px; 
    padding-bottom: 10px; 
    width:100%; 
    text-align:center;
}

.icon-num {
    position: absolute;
    top: 20px;
    right: 50px;
    width: 30px;
    height: 30px;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    text-align: center;
    color: red;
    border-radius: 50%;
    background: #fff;
}

.icon-num span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 19px;
    margin: auto;
}

.cart-area {
    margin: 0 15px;
    float: right;
    font-size: 24px;
}
.cart-area .cart-count {
    background-color: #fff;
    border-radius: 50px;
    width: 30px;
    display: inline-block;
    text-align: center;
}

.core-return {
    background: #ea4d3c;
    font-weight: bold;
    border-radius: 6px;
}

.core-return-icon {
    vertical-align: bottom;
    font-size: 18px;
}

.core-return-text {
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}

.core-no-return {
    background: #666;
    font-weight: bold;
    border-radius: 6px;
}

.important-points-main-area {
    background: rgba(255,255,255,0.9);
    padding: 6px;
    margin-top: 8px;
    border-radius: 8px;
}

.important-points-title {
    margin-left: 0px;
    font-weight: bold;
    border-bottom: 1px solid #ea4d3c;
    padding-bottom: 0;
    margin-bottom: 8px;
}

.important-points-title-icon {
    vertical-align: middle;
    font-size: 24px;
    color: #ea4d3c;
    margin: 2px;
}

.important-points-area {
    text-indent: -15px;
    padding-left: 35px;
    padding-right: 5px;
    font-weight: bold;
}

.important-points-icon {
    vertical-align: sub;
    font-size: 20px;
    color: #ea4d3c;
    margin: 2px;
    padding-right: 5px;
}

.description-of-item-area {
    position: relative;
    margin: 15px 0px 0px 0px;
    padding: 30px 10px 7px;
    border: solid 2px #ea4d3c;
    background-color: rgba(255,255,255,0.9);
}

.description-of-item-icon {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ea4d3c;
    color: #ffffff;
    font-weight: bold;
}