@charset "UTF-8";

#ly-Loading { display:none; position:fixed; width:100vw; height:100vh; z-index:255; }
#ly-Loading div { width:100%; height:100%; background-color:rgba(0, 0, 0, .5); display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
#ly-Loading p { color:#fff; text-align:center; font-size:1.5em; font-weight:bold; }

h3.type-title { font-size:1.2em; margin-bottom:15px; padding-left:15px; font-weight:bold; border-left:5px solid #000; }
h4.type-title { margin-top:40px; margin-bottom:15px; font-size:1.2em; padding-left:15px; font-weight:bold; border-left:5px solid #000; }

.view-view-view:hover div { display:block !important; }

#cont-View { padding:20px; border:2px solid gainsboro; background-color:white; position:absolute; right:20px; display:none; border-radius:10px; }
#cont-View dl { display:flex; align-items:center; justify-content:space-between; }
#cont-View dl.type-amount { margin-bottom:20px; }
#cont-View div.type-total-amount { margin-top:20px; }
#cont-View div.type-total-amount dl:not(:last-of-type) { margin-bottom:5px; }
#cont-View table { border:2px solid #777; }
#cont-View table col.choose { width:100px; }
#cont-View table col.default { width:100px; }
#cont-View table col.sale { width:55px; }
#cont-View table col.type { width:90px; }
#cont-View table col.date { width:55px; }
#cont-View table col.cost { width:80px; }
#cont-View table col.quantity { width:60px; }
#cont-View table col.amount { width:110px; }
#cont-View table col.category { width:100px; }
#cont-View table thead tr th { padding:4px; background-color:#f7f7f7; }
#cont-View table tbody tr td { padding:10px; font-size:.65rem; }
#cont-View table tbody tr td.right { text-align:right; }

section.id-Popup-Content { min-width:550px; padding-bottom:40px; }

section.id-Content { padding:90px 30px 40px 260px; background-color:#fafafa; }
section.id-Content div.type-request { border:1px solid #eec; background-color:#ffd; padding:20px; margin-bottom:10px; }
section.id-Content table { position:relative; }
section.id-Content table col.col-cost { width:120px; }
section.id-Content table col.col-customer { width:150px; }
section.id-Content table col.col-date { width:100px; }
section.id-Content table col.col-detaildate { width:250px; }
section.id-Content table col.col-fulldate { width:160px; }
section.id-Content table col.col-fullnumber { width:140px; }
section.id-Content table col.col-key { width:240px; }
section.id-Content table col.col-level { width:100px; }
section.id-Content table col.col-licensedate { width:60px; }
section.id-Content table col.col-mail { width:240px; }
section.id-Content table col.col-name { width:120px; }
section.id-Content table col.col-number { width:110px; }
section.id-Content table col.col-partner { width:130px; }
section.id-Content table col.col-product { width:260px; }
section.id-Content table col.col-quantity { width:80px; }
section.id-Content table col.col-sido { width:120px; }
section.id-Content table col.col-status { width:100px; }
section.id-Content table col.col-type { width:90px; }
section.id-Content table col.col-valid { width:240px; }
section.id-Content table col.col-renew { width:85px; }
section.id-Content table col.col-ordercode { width:200px; }
section.id-Content table col.col-check { width:60px; }
section.id-Content table col.col-serial { width:200px; }
section.id-Content table col.col-command { width:180px; }

section.id-Popup-Content table col.col-amount { width:120px; }
section.id-Popup-Content table col.col-cost { width:120px; }
section.id-Popup-Content table col.col-customer { width:150px; }
section.id-Popup-Content table col.col-date { width:120px; }
section.id-Popup-Content table col.col-defaultcost { width:120px; }
section.id-Popup-Content table col.col-detaildate { width:250px; }
section.id-Popup-Content table col.col-discount { width:70px; }
section.id-Popup-Content table col.col-fulldate { width:200px; }
section.id-Popup-Content table col.col-fullnumber { width:180px; }
section.id-Popup-Content table col.col-licensedate { width:60px; }
section.id-Popup-Content table col.col-number { width:150px; }
section.id-Popup-Content table col.col-partner { width:130px; }
section.id-Popup-Content table col.col-product { width:240px; }
section.id-Popup-Content table col.col-quantity { width:80px; }
section.id-Popup-Content table col.col-sido { width:150px; }
section.id-Popup-Content table col.col-status { width:100px; }
section.id-Popup-Content table col.col-type { width:90px; }
section.id-Popup-Content table col.col-renew { width:85px; }
section.id-Popup-Content table col.col-check { width:60px; }

section.id-Print-Content table col.col-amount { width:120px; }
section.id-Print-Content table col.col-cost { width:120px; }
section.id-Print-Content table col.col-customer { width:150px; }
section.id-Print-Content table col.col-date { width:120px; }
section.id-Print-Content table col.col-defaultcost { width:120px; }
section.id-Print-Content table col.col-detaildate { width:250px; }
section.id-Print-Content table col.col-discount { width:70px; }
section.id-Print-Content table col.col-fulldate { width:200px; }
section.id-Print-Content table col.col-fullnumber { width:180px; }
section.id-Print-Content table col.col-licensedate { width:60px; }
section.id-Print-Content table col.col-number { width:150px; }
section.id-Print-Content table col.col-partner { width:130px; }
section.id-Print-Content table col.col-product { width:240px; }
section.id-Print-Content table col.col-quantity { width:80px; }
section.id-Print-Content table col.col-sido { width:150px; }
section.id-Print-Content table col.col-status { width:100px; }
section.id-Print-Content table col.col-type { width:90px; }
section.id-Print-Content table col.col-renew { width:70px; }

section p.type-noti { color:#c00; margin-top:4px; font-size:.8em; }

section.type-list div.type-info { padding:10px 20px; background-color:#f5f5ff; font-size:.9em; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
section.type-list div.type-info dl * { display:inline-block; }
section.type-list div.type-info dt { font-weight:300; }
section.type-list div.type-info dd { margin-left:10px; }
section.type-list div.type-info dd a { color:#b6b6b6; font-weight:700; }
section.type-list div.type-info dd a:focus,
section.type-list div.type-info dd a:hover { color:#757575; }
section.type-list div.type-info dd a.active { color:#000; text-decoration:underline; }
section.type-list aside.type-search { padding-bottom:15px; font-size:.9em; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
section.type-list aside.type-search p { display:-ms-flexbox; display:flex; }
section.type-list aside.type-search p button { height:100%; display:inline-block; background-color:#212121; color:#fff; font-size:1em; padding-left:15px; padding-right:15px; border:1px solid #212121; }
section.type-list aside.type-search p *:not(:first-child) { margin-left:6px; }
section.type-list aside.type-search p button:focus,
section.type-list aside.type-search p button:hover { background-color:#fff; color:#212121; }
section.type-list aside.type-search a.layer { height:100%; display:inline-block; background-color:#212121; color:#fff; font-size:1em; padding:8px 15px; border:1px solid #212121; text-decoration:none; }
section.type-list aside.type-search a.layer:focus,
section.type-list aside.type-search a.layer:hover { background-color:#fff; color:#212121; }
section.type-list aside.type-search form fieldset div { display:-ms-flexbox; display:flex; }
section.type-list aside.type-search form fieldset input,
section.type-list aside.type-search form fieldset select { padding:6px; margin-left:6px; }
section.type-list aside.type-search form fieldset input[name='keyword'] { width:120px; }
section.type-list aside.type-search form fieldset input[type='submit'] { background-color:#d4d4d4; padding-left:15px; padding-right:15px; border:none; }
section.type-list aside.type-page { font-size:.9em; margin-top:15px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
section.type-list aside.type-page p.type-page > * { height:100%; display:inline-block; padding:8px 12px; border-top:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; }
section.type-list aside.type-page p.type-page > *:last-child { border-right:1px solid #dadada; }
section.type-list aside.type-page p.type-page * span { letter-spacing:-3px; }
section.type-list aside.type-page p.type-page a:focus,
section.type-list aside.type-page p.type-page a:hover { border-color:#999; background-color:#999; color:#fff; }
section.type-list aside.type-page p.type-page span.active { font-weight:bold; background-color:#e6e6e6; color:#000; }
section.type-list aside.type-page p.type-page span.disable { background-color:#f5f5f5; color:#ccc; }
section.type-list aside.type-page p.type-listcount select { padding:6px; }
section.type-list table { border:1px solid #d4d4d4; }
section.type-list table thead th { background-color:#e6e6e6; padding:20px 12px; font-weight:bold; font-size:.9em; }
section.type-list table thead th:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-list table tbody tr:nth-of-type(even) { background-color:#fafafa; }
section.type-list table tbody tr:focus,
section.type-list table tbody tr:hover { background-color:#f5f5f5; }
section.type-list table tbody tr[tabindex] { cursor:pointer; }
section.type-list table tbody tr[tabindex]:focus,
section.type-list table tbody tr[tabindex]:hover { background-color:#e5efe5; }
section.type-list table tbody tr:last-of-type { border-bottom:1px solid #d4d4d4; }
section.type-list table tbody td { padding:14px 10px; word-break:break-all; font-size:.8em; }
section.type-list table tbody td:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-list table tbody td.subject { padding-left:20px; padding-right:20px; }
section.type-list table tbody td input[type='checkbox'] { vertical-align:baseline; }
section.type-list table tbody p.name { margin-bottom:2px; font-size:1.1em; }

section h3 span { font-weight:normal; }
section div.type-frame-top { display:flex; justify-content:space-between; }
section div.type-frame-top div.buttons { display:flex; gap:10px; }
section div.type-frame-top button { color:#fff; background-color:#212121; border:1px solid #212121; padding:5px 14px; font-size:.8em; }
section div.type-frame-top button:not(:first-child) { margin-left:10px; }
section div.type-frame-top button:focus,
section div.type-frame-top button:hover { background-color:#fff; color:#212121; }
section div.type-frame-bottom { margin-top:20px; display:flex; justify-content:flex-end; }
section div.type-frame-bottom div.buttons { display:flex; gap:10px; }
section div.type-frame-bottom button { color:#fff; background-color:#212121; border:1px solid #212121; padding:5px 14px; font-size:.8em; }
section div.type-frame-bottom button:not(:first-child) { margin-left:10px; }
section div.type-frame-bottom button:focus,
section div.type-frame-bottom button:hover { background-color:#fff; color:#212121; }
section div.type-frame-sub dl { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; padding-top:8px; padding-bottom:8px; font-size:.9em; }
section div.type-frame-sub dl.multi dd:first-of-type { padding-right:20px; }
section div.type-frame-sub dt { min-width:160px; font-weight:bold; padding-right:20px; }
section div.type-frame-sub dd { -ms-flex:1; flex:1; color:#555; }
section div.type-frame-sub dd #btn-Address { width:80px; border:1px solid #080; background-color:#5a5; margin-right:5px; color:#fff; font-size:1em; }
section div.type-frame-sub dl.id-address dd { display:-ms-flexbox; display:flex; }
section div.type-frame-sub dl.id-address dd input { -ms-flex:1; flex:1; }
section div.type-frame-content { padding-top:30px; line-height:1.6; }
section div.type-frame-sub + div.type-frame-content { border-top:1px solid #e6e6e6; margin-top:20px; }
section div.type-frame-file { background-color:#f5f5f5; padding:15px 20px; margin-top:20px; font-size:.9em; }
section div.type-frame-file p { display:inline-block; margin-right:20px; }
section div.type-process { margin-bottom:10px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; font-size:.9em; }
section div.type-process p { border:2px solid #aaa; margin-right:5px; padding-top:15px; padding-left:10px; padding-right:10px; } 
section div.type-process textarea { -ms-flex:1; flex:1; border:2px solid #aaa; }
section div.type-process button { width:120px; border:2px solid #aaa; color:#0a0; font-weight:bold; background-color:#fff; margin-left:5px; font-size:1.1em; }
section div.type-process button:focus,
section div.type-process button:hover { background-color:#fafafa; color:#000; border-color:#0a0; }

section.type-detail table { border:1px solid #d4d4d4; }
section.type-detail table thead th { background-color:#e6e6e6; padding:20px 12px; font-weight:bold; font-size:.9em; }
section.type-detail table thead th:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-detail table tbody tr:nth-of-type(even) { background-color:#fafafa; }
section.type-detail table tbody tr[tabindex] { cursor:pointer; }
section.type-detail table tbody tr[tabindex]:focus,
section.type-detail table tbody tr[tabindex]:hover { background-color:#e5efe5; }
section.type-detail table tbody td { padding:14px 10px; text-align:center; font-size:.8em; }
section.type-detail table tbody td:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-detail table tbody td button { border:1px solid #aaa; padding:2px 8px; background-color:#fff; font-size:.9em; }
section.type-detail table tbody td button:not(:first-of-type) { margin-left:4px; }
section.type-detail table tbody td button:focus,
section.type-detail table tbody td button:hover { border-color:#303050; background-color:#303050; color:#fff; }
section.type-detail input[type='text']:not(.custom) { width:100%; }

section.type-cost table { border-collapse:separate; border-spacing:0; border:2px solid #d4d4d4; }
section.type-cost table thead { position:sticky; top:0; }
section.type-cost table thead th { background-color:#eee; padding:12px; font-weight:bold; font-size:.9em; border-top:.1px solid #d4d4d4; }
section.type-cost table thead th:not(:first-child) { border-left:.1px solid #d4d4d4; }
section.type-cost table tbody td { padding:10px; text-align:center; font-size:.9em; border-top:.1px solid #d4d4d4; }
section.type-cost table tbody td:not(:first-child) { border-left:.1px solid #d4d4d4; }
section.type-cost div.obj-calc table { border-color:#aaf !important; }
section.type-cost div.obj-calc p { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; margin-top:10px; }
section.type-cost div.obj-table { margin-top:20px; padding-top:20px; border-top:.1px solid #eee; }
section.type-cost div.obj-table table thead tr:first-of-type th { padding:20px; background-color:#fff !important; text-align:left; font-size:1.25rem; }
section.type-cost div.obj-table table thead tr:first-of-type th:before { width:24px; height:24px; margin-right:10px; content:''; display:inline-block; background-image:url('../img/img-func-product.svg'); opacity:.5; vertical-align:sub; }
section.type-cost div.obj-table table tbody tr:nth-child(odd) { background-color:#fcfcfc; }
section.type-cost div.obj-table table tbody tr:focus,
section.type-cost div.obj-table table tbody tr:hover { background-color:#f8f8ff; font-weight:bold; }
section.type-cost input[type='text']:not(.custom) { width:100%; }

section.type-mail div.choice { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; margin-top:20px; }
section.type-mail div.choice p { width:32%; border:1px solid #d4d4d4; }
section.type-mail div.choice label { width:100%; padding:10px 15px; display:block; }

section.type-add h3 span { font-weight:normal; }
section.type-add form p.type-notice { padding-bottom:10px; text-align:right; font-size:.9em; }
section.type-add form div.type-frame-sub dl { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; padding-top:8px; padding-bottom:8px; }
section.type-add form div.type-frame-sub dl.multi dd:first-of-type { padding-right:20px; }
section.type-add form div.type-frame-sub dt { min-width:160px; padding-right:20px; font-weight:bold; }
section.type-add form div.type-frame-sub dd { -ms-flex:1; flex:1; color:#555; }
section.type-add form div.type-frame-sub dd input[name='mail'] { text-transform:lowercase; }
section.type-add form div.type-frame-sub dd input[type='password'].failed { border-color:#f00; background-color:rgba(255, 0, 0, .1); }
section.type-add form div.type-frame-sub dd input[type='password'].success { border-color:#0a0; background-color:rgba(0, 180, 0, .1); }
section.type-add form div.type-frame-sub dl.id-address dd { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.type-add form div.type-frame-sub dl.id-address dd input { -ms-flex:1; flex:1; }
section.type-add form div.type-frame-sub dl.id-address dd button { width:80px; border:1px solid #080; background-color:#5a5; margin-right:5px; color:#fff; font-size:1em; }
section.type-add form div.type-frame-sub dl.id-address dd p { width:100%; }
section.type-add form div.type-frame-sub dl.id-quantity dd { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.type-add form div.type-frame-sub dl.id-quantity dd button { border:1px solid #080; background-color:#5a5; padding-left:10px; padding-right:10px; margin-left:5px; color:#fff; font-size:1em; }
section.type-add form table { border:1px solid #d4d4d4; }
section.type-add form table thead th { background-color:#e6e6e6; padding:20px 12px; font-weight:bold; font-size:.8em; }
section.type-add form table thead th:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-add form table tbody tr:nth-of-type(even) { background-color:#fafafa; }
section.type-add form table tbody td { padding:14px 10px; text-align:center; font-size:.9em; }
section.type-add form table tbody td:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-add form input[type='text']:not(.custom) { width:100%; }
section.type-add p.type-btn { text-align:center; }

section.type-regist h3 span { font-weight:normal; }
section.type-regist form dl.notice { border:1px solid #eec; background-color:#ffd; padding:20px; margin-bottom:20px; }
section.type-regist form dl.notice dt { font-weight:bold; margin-bottom:10px; color:#f00; }
section.type-regist form dl.notice dd { line-height:1.6; font-size:.9em; }
section.type-regist form p.type-notice { padding-bottom:10px; text-align:right; font-size:.9em; }
section.type-regist form div.type-search { border-bottom:1px solid #ddd; padding:15px 20px; display:-ms-flexbox; display:flex; }
section.type-regist form div.type-search input[type='text'] { -ms-flex:1; flex:1; }
section.type-regist form div.type-search input[type='submit'] { width:80px; border:1px solid #080; background-color:#5a5; margin-left:5px; color:#fff; font-size:1em; }
section.type-regist form div.type-data { height:365px; overflow-x:none; overflow-y:scroll; border-bottom:1px solid #ddd; }
section.type-regist form div.type-data p { margin-top:160px; text-align:center; color:#757575; }
section.type-regist form div.type-frame-sub dl { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; padding-top:8px; padding-bottom:8px; font-size:.9em; }
section.type-regist form div.type-frame-sub dl.multi dd:first-of-type { padding-right:20px; }
section.type-regist form div.type-frame-sub dt { min-width:160px; font-weight:bold; padding-right:20px; }
section.type-regist form div.type-frame-sub dd { -ms-flex:1; flex:1; color:#555; }
section.type-regist form div.type-frame-sub dd input[name='mail'] { text-transform:lowercase; }
section.type-regist form div.type-frame-sub dd input[type='password'].failed { border-color:#f00; background-color:rgba(255, 0, 0, .1); }
section.type-regist form div.type-frame-sub dd input[type='password'].success { border-color:#0a0; background-color:rgba(0, 180, 0, .1); }
section.type-regist form div.type-frame-sub dd label { vertical-align:middle; }
section.type-regist form div.type-frame-sub dl.id-address dd { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.type-regist form div.type-frame-sub dl.id-address dd input { -ms-flex:1; flex:1; }
section.type-regist form div.type-frame-sub dl.id-address dd button { width:80px; border:none; background-color:#d4d4d4; margin-right:5px; font-size:1em; }
section.type-regist form div.type-frame-sub dl.id-address dd p { width:100%; }
section.type-regist form div.type-frame-sub dl.id-quantity dd { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
section.type-regist form div.type-frame-sub dl.id-quantity dd button { border:none; background-color:#5a5; padding-left:10px; padding-right:10px; margin-left:5px; color:#fff; font-size:1em; }
section.type-regist form div.type-frame-sub p.prod-request textarea { width:100%; }
section.type-regist div.type-frame-sub dl.info { border:1px solid #dadada; padding:25px 30px; }
section.type-regist div.type-frame-sub dl.info dt { font-weight:bold; }
section.type-regist div.type-frame-sub dl.info dd { margin-top:20px; font-size:1.2em; }
section.type-regist table { border:1px solid #d4d4d4; }
section.type-regist table col.demo-product { width:360px; }
section.type-regist table col.demo-quantity { width:100px; }
section.type-regist table thead th { background-color:#e6e6e6; padding:20px 12px; font-weight:bold; font-size:.9em; }
section.type-regist table thead th:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-regist table tbody tr:nth-of-type(even) { background-color:#fafafa; }
section.type-regist table tbody td { padding:10px; text-align:center; font-size:.8em; }
section.type-regist table tbody td:not(:first-child) { border-left:1px solid #d4d4d4; }
section.type-regist input[type='text']:not(.custom) { width:100%; }
section.type-regist p.request textarea { width:100%; resize:vertical; }
section.type-regist p.amount { margin-top:20px; }

p.type-btn { margin-top:40px; }
p.type-btn *:not(:first-child) { margin-left:10px; }
p.type-btn button,
p.type-btn input { color:#fff; background-color:#212121; border:1px solid #212121; padding:8px 22px; font-size:.9em; font-weight:500; }
p.type-btn button:focus,
p.type-btn button:hover,
p.type-btn input:focus,
p.type-btn input:hover { background-color:#fff; color:#212121; }

section.id-Popup-Content { padding:20px; }