body {
overflow-x:auto !important;
overflow-y:auto !important;
}
.content-wrapper {
margin-left: 0px;
}
.main-footer {
margin-left: 0px;
}
.main-header .logo {
text-align: left !important;
}
.clear-b {
clear: both;
}
.wrapper {
min-width: 1145px !important;/**/
}
.content {
min-width: 1145px;
}
.navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-toggle {
display: none;
}
.navbar-brand {
margin-left: -15px;
}
.main-header {
background: #3c8dbc;
padding-left: 20px;
font-weight: 600;
}


/* 共通
--------------------------------------------------------*/
.title_label {/*タイトルグレーラベル*/
margin: 0px 0px 0px 0px;
background: #7f7f7f;
padding: 10px;
color: #FFFFFF;
letter-spacing: 2px;
font-size: 23px;
}

.skin-blue .main-header .logo {/*ヘッダー*/
background-color: #3c8dbc;
color: #fff;
}
.skin-blue .main-header .logo:hover {/*ヘッダー*/
background-color: #3c8dbc;
color: #fff;
}


.navbar-default {
background-color: #3c8dbc;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #fff;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #CCDDE3;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #3c8dbc;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #3c8dbc;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #3c8dbc;
}

.main-header_nav {/*ログアウト*/
margin-right: 10px;
}
.main-header_code {
margin-left: 25px;
}
.main-header_code > li {
color: #FFFFFF;
padding: 15px;
}




/*トップメニュー
--------------------------------------------------------*/
.wrap {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-flow: column;
border:0px #ccc solid;
height:330px;
margin:0 0 1em;
}
.between {
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

.btn-topm {
padding: 31px 16px;
font-size: 18px;
}

.btn-001 {/*販売管理*/
color: #3c3232;
letter-spacing: 3px;
background-color: #FCE4D6;
border-color: #d4c0b4;
}
.btn-001:hover, .btn-001:active, .btn-001.hover {
color: #3c3232;
background-color: #F1CCB6;
}

.btn-002 {/*取引処理*/
color: #3c3232;
letter-spacing: 3px;
background-color: #FFD966;
border-color: #d4c0b4;
}
.btn-002:hover, .btn-002:active, .btn-002.hover {
color: #3c3232;
background-color: #f9cf50;
}

.btn-003 {/*販売管理*/
color: #ffffff;
letter-spacing: 3px;
background-color: #70AD47;
border-color: #5b8e39;
}
.btn-003:hover, .btn-003:active, .btn-003.hover {
color: #ffffff;
background-color: #55942b;
}

.btn-004 {/*落札済みデータ*/
color: #353131;
letter-spacing: 2px;
background-color: #D9E1F2;
border-color: #b9c5e0;
}
.btn-004:hover, .btn-004:active, .btn-004.hover {
color: #353131;
background-color: #c3cde2;
}

.btn-005 {/*出品作業*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #ff8100;
border-color: #de750a;
}
.btn-005:hover, .btn-005:active, .btn-005.hover {
color: #FFFFFF;
background-color: #ffa319;
}

.btn-006 {/*ヤフオク*/
color: #FFFFFF;
background-color: #ffda45;
background-image: url(../img/yafuoku7.png);
background-repeat: no-repeat;
background-size: 60%;
background-position: center center;
border-color: #eac840;
}
.btn-006:hover, .btn-006:active, .btn-006.hover {
color: #FFFFFF;
background-color: #f7d034;
background-image: url(../img/yafuoku7.png);
background-repeat: no-repeat;
background-size: 60%;
background-position: center center;
}

.btn-007 {/*HTMLデータ*/
color: #FFFFFF;
letter-spacing: 2px;
background-color: #0070C0;
border-color: #1e73af;
}
.btn-007:hover, .btn-007:active, .btn-007.hover {
color: #FFFFFF;
background-color: #0764a7;
}

.btn-008 {/*終了*/
color: #FFFFFF;
background-color: #3f4142;
border-color: #3f4142;
}
.btn-008:hover, .btn-008:active, .btn-008.hover {
color: #FFFFFF;
background-color: #3f4142;
}

.title_text003 {/*タイトルテキスト*/
margin: 5px 0px 0px 0px;
padding-left: 28px;
text-align: center;
color: #FFFFFF;
}


/* 販売管理ページ
--------------------------------------------------------*/
.wrap_sm {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-flow: column;
border:0px #ccc solid;
padding: 0 30px;
}

.btn-s_manege {
padding: 15px 16px;
font-size: 18px;
}

.btn-009 {/*本日出荷分*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #3498ea;
border-color: #308dda;
}
.btn-009:hover, .btn-009:active, .btn-009.hover {
color: #FFFFFF;
background-color: #1c86dc;
}

.btn-010 {/*Yahooデータ確認*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #fdc70b;
border-color: #e6b60e;
}
.btn-010:hover, .btn-010:active, .btn-010.hover {
color: #FFFFFF;
background-color: #eab90d;
}



/* 取引処理ページ
--------------------------------------------------------*/
.btn-011 {/*出荷リスト抽出*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #9e9e9e;
border-color: #929191;
}
.btn-011:hover, .btn-011:active, .btn-011.hover {
color: #FFFFFF;
background-color: #7d7d7d;
}

.btn-012 {/*領収書発行*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #ff9800;
border-color: #ef8f03;
}
.btn-012:hover, .btn-012:active, .btn-012.hover {
color: #FFFFFF;
background-color: #e08807;
}

.btn-013 {/*出荷予定リスト*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #000000;
border-color: #000000;
}
.btn-013:hover, .btn-013:active, .btn-013.hover {
color: #FFFFFF;
background-color: #464646;
}

.btn-transaction {
padding: 6px 16px;
font-size: 18px;
}

.btn-014 {/*返品処理*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #ee1b24;
border-color: #de1820;
}
.btn-014:hover, .btn-014:active, .btn-014.hover {
color: #FFFFFF;
background-color: #d81820;
}

.invoice_area {/*送り状エリア*/
background: #ffffff;
margin: 10px -18px 0px -18px;
padding: 0 18px;
border: solid 3px #0fa8ec;
}
.invoice_output {/*送り状出力*/
margin: -12px auto 0px 24%;
background: #FFFFFF;
display: inline;
padding: 2px 5px 2px 6px;
position: absolute;
}



/* 取引情報修正ページ
--------------------------------------------------------*/
.title_label002 {/*タイトルラベル*/
margin: 0px 0px 0px 0px;
background: #ffeaf1;
padding: 12px 10px 12px 10px;
color: #a24563;
letter-spacing: 2px;
font-size: 23px;
}
.title_text001 {/*タイトルテキスト*/
margin: 5px 0px 0px 0px;
padding-left: 28px;
text-align: left;
}

.btn-015 {/*ボタン*/
color: #353131;
letter-spacing: 2px;
background-color: #D9E1F2;
border-color: #b9c5e0;
padding: 9px 16px;
font-size: 16px;
}
.btn-015:hover, .btn-015:active, .btn-015.hover {
color: #353131;
background-color: #c3cde2;
}
.revise01 {/*１項目目 ２列目のフォーム*/
padding: 0px 0px 0px 10px;
margin-left: -12px;
margin-right: 8px;
}
.revise02 {/*２項目目 １列目のラベル*/
padding: 0px 0px 0px 20px;
}
.revise03 {/*２項目目 １列目のラベルテキスト*/
margin: 6px 0 0px 5px;
padding: 0px 0px 0px 0px;
}
.revise_space01 {/**/
margin: 17px 0 0px 0;
}
.revise_space02 {/**/
margin: 5px 0 0px 0;
}
.revise04 {/**/
margin: 0px 10px 0px 10px;
padding: 3px 10px 10px 10px;
}


/* 取引情報検索ページ
--------------------------------------------------------*/
.d_search_001 {/**/
margin-top: 7px;
padding: 0px 0px 0px 15px;
}
.d_search_002 {/**/
padding: 0px 0px 0px 0px;
}


/* 返品処理ページ
--------------------------------------------------------*/
.returns01 {/**/
padding: 0px 0px 0px 0px;
margin-left: -20px;
margin-right: 15px;
}
.returns02 {/*1列目の項目*/
padding: 0px 0px 0px 10px;
}

.has-error.returns-form .form-control {
border: #e41612 solid 2px;
}



/* 返品処理ページ
--------------------------------------------------------*/

.btn-016 {/*出荷リスト抽出*/
color: #FFFFFF;
letter-spacing: 3px;
background-color: #dcd4d4;
border-color: #72a3c5;
}
.btn-016:hover, .btn-016:active, .btn-016.hover {
color: #FFFFFF;
background-color: #c5bebe;
}


/* リポートビュー
--------------------------------------------------------*/
.view_list {/*項目*/
font-weight:normal;
color: #a2a2a2;
font-size: 12px;
}

.view_t td {/**/
font-size: 13px;
color: #777373;
}

.view_btn {/**/
font-size: 12px;
}
.view_btn002 {/**/
font-size: 12px;
padding: 6px 24px;
letter-spacing: 2px;
}
.title_label003 {
margin: 0px 0px 0px 0px;
background: #e8e7e7;
padding: 10px;
color: #2F2C2C;
letter-spacing: 2px;
font-size: 23px;
}


/* 出品登録
--------------------------------------------------------*/
.title_label004 {/*タイトルラベル*/
margin: 0px 0px 0px 0px;
background: #f5f0f2;
padding: 12px 10px 12px 10px;
color: #3e3b3c;
letter-spacing: 2px;
font-size: 23px;
}
.title_text002 {/*店舗コード*/
font-size: 15px;
padding: 8px 5px 0 5px;
}


/* EC受付システムTOP
--------------------------------------------------------*/
.type_area {/*法人種別エリア*/
background: #ffffff;
margin: 0px 69px 0px 5px;
padding: 0 8px 0 8px;
border: solid 1px #b3acac;
}

.type_output {/*法人種別*/
margin: -12px auto 0px 11px;
background: #FFFFFF;
display: inline;
padding: 2px 5px 2px 6px;
position: absolute;
}

.top_r_text01{/*店舗登録済*/
font-size: 13px;
padding: 6px 3px;
letter-spacing: 0px;
}
.top_r_text02{/*受付日*/
margin: 6px 0px 0px 0;
text-align: right;
padding: 0px 0px 0px 0px;
}

.top_r_icon02 {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 50px;
width: 50px;
padding: 0;
border-radius: 50%;
}
.top_r_icon02>:first-child {
border: none;
text-align: center;
width: 100%;
}
.top_r_icon02>:first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50px;
line-height: 49px;
font-size: 2.6em;
text-align: center;
border-right: 1px solid rgba(0,0,0,0.2);
}
.top_r_icon02 {
color: #fff;
background-color: #3bcc0c;
border-color: rgba(0,0,0,0.2);
}
.top_r_icon02:active, .top_r_icon02.active, .open>.dropdown-toggle.top_r_icon02 {
background-image: none;
}
.top_r_icon02:hover {
color: #fff;
background-color: #79d85a;
border-color: rgba(0,0,0,0.2);
}

/* 店舗システムTOP
--------------------------------------------------------*/
.btn-017 {/**/
color: #2f2f2f;
letter-spacing: 3px;
background-color: #c5f7cf;
border-color: #a9dab3;
}
.btn-017:hover, .btn-017:active, .btn-017.hover {
color: #2f2f2f;
background-color: #9cecac;
}
.btn-018 {/**/
color: #2f2f2f;
letter-spacing: 3px;
background-color: #f1ffa6;
border-color: #d3e08f;
}
.btn-018:hover, .btn-018:active, .btn-018.hover {
color: #2f2f2f;
background-color: #f6ffc8;
}
