@charset "UTF-8";
/* ACTIVE CSS STYLE */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote {
  margin: 0;
  padding: 0;
}

div, td, th, input {
  font-family: "MS Gothic",sans-serif;
}

/* width */
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pd0 {
  padding: 0 !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.wid20 {
  width: 20px;
  margin-bottom: 2px !important;
}

.wid30 {
  width: 30px;
  margin-bottom: 2px !important;
}

.wid40 {
  width: 40px;
  margin-bottom: 2px !important;
}

.wid50 {
  width: 50px;
  margin-bottom: 2px !important;
}

.wid80 {
  width: 80px;
  margin-bottom: 2px !important;
}

.wid100 {
  width: 100px;
  margin-bottom: 2px !important;
}

.wid100 {
  width: 100px;
  margin-bottom: 2px !important;
}

.wid120 {
  width: 120px;
  margin-bottom: 2px !important;
}

.wid130 {
  width: 130px;
  margin-bottom: 2px !important;
}

.wid140 {
  width: 140px;
  margin-bottom: 2px !important;
}

.wid150 {
  width: 150px;
  margin-bottom: 2px !important;
}

.wid160 {
  width: 160px;
  margin-bottom: 2px !important;
}

.wid170 {
  width: 170px;
  margin-bottom: 2px !important;
}

.wid180 {
  width: 180px;
  margin-bottom: 2px !important;
}

.wid200 {
  width: 200px;
  margin-bottom: 2px !important;
}

.wid250 {
  width: 250px;
  margin-bottom: 2px !important;
}

.wid300 {
  width: 300px;
  margin-bottom: 2px !important;
}

.wid400 {
  width: 400px;
  margin-bottom: 2px !important;
}

.widchar8 {
  width: 84px;
}

.widchar10 {
  width: 98px;
}

.widchar20 {
  width: 168px;
}

.widchar30 {
  width: 238px;
}

.widchar50 {
  width: 378px;
}

.widchar60 {
  width: 448px;
}

.wrapwid20 {
  width: 288px;
}

.wrapwid30 {
  width: 358px;
}

.wrapwid40 {
  width: 428px;
}

.wrapwid50 {
  width: 498px;
}

.wrapwid60 {
  width: 568px;
}

.hidden-elem {
  display: none;
}

.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.fl-center {
  margin: 0 auto !important;
  display: block !important;
}

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

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

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

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

.vtxt-middle {
  vertical-align: middle;
}

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

.no-border {
  border: none !important;
}

.msg-caution {
  color: #F00;
  font-weight: bold;
  font-size: 12px;
}

.msg-normal {
  color: #111;
  font-weight: bold;
  font-size: 12px;
}

.clearfix:after, .box-group-def:after, #contact #main-area .bar-area:after, #sousa #main-area .bar-area:after {
  content: "";
  clear: both;
  display: block;
}

.layout-table, .layout-table td, .layout-table th {
  border: none;
}

/* submit button */
.sysbtn-normal {
  font-size: 17px;
  font-weight: normal;
  padding: 9px 18px;
  text-decoration: none;
  min-width: 100px;
}

.sysbtn-submit {
  font-size: 17px;
  font-family: Arial;
  font-weight: normal;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #0238cf;
  padding: 9px 18px;
  text-decoration: none;
  background: -moz-linear-gradient(center top, #a1cef5 5%, #2f71ed 100%);
  background: -ms-linear-gradient(top, #a1cef5 5%, #2f71ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1cef5', endColorstr='#2f71ed');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #a1cef5), color-stop(100%, #2f71ed));
  background-color: #a1cef5;
  color: #0;
  display: inline-block;
  text-shadow: 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff;
  min-width: 160px;
}

.sysbtn-submit:active {
  background: -moz-linear-gradient(center top, #2f71ed 5%, #a1cef5 100%);
  background: -ms-linear-gradient(top, #2f71ed 5%, #a1cef5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f71ed', endColorstr='#a1cef5');
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #2f71ed), color-stop(100%, #a1cef5));
  background-color: #2f71ed;
}

.sysbtn-light {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #050505;
  padding: 10px 20px;
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #ffffff);
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ebebeb), color-stop(0.5, #dbdbdb), to(#ffffff));
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 0px;
  border: 1px solid #AAA;
  text-shadow: 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff;
}

.sysbtn-light:active {
  background: linear-gradient(to bottom, #ffffff 0%, #dbdbdb 50%, #ebebeb 50%, #ffffff);
  background: -moz-linear-gradient(top, #EEEEEE 0%, #dbdbdb 50%, #ebebeb 50%, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), color-stop(0.5, #dbdbdb), color-stop(0.5, #ebebeb), to(#ffffff));
}

.sysbtn-light-selected {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #050505;
  padding: 10px 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
  background: -moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
  background: -webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
  background: -o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
  background: -ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
  background: linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
  background-color: #80b5ea;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 0px;
  border: 1px solid #AAA;
  text-shadow: 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
  -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
  box-shadow: inset 1px 1px 0px 0px #ffffff;
}

.sysbtn-siz-small,
.sysbtn-siz-min {
  font-size: 13px;
  min-width: 100px;
}

.sysbtn-siz-small {
  padding: 4px;
}

.sysbtn-siz-mid {
  font-size: 13px;
  min-width: 140px;
}

input[type=radio].sel-radio,
input[type=checkbox].sel-check {
  display: inline-block;
  margin-right: 6px;
}

input[type=radio].sel-radio + label,
input[type=checkbox].sel-check + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  line-height: 1.5px;
  cursor: pointer;
}

@media (min-width: 1px) {
  input[type=radio].sel-radio,
  input[type=checkbox].sel-check {
    display: none;
    margin: 0;
  }

  input[type=radio].sel-radio + label,
  input[type=checkbox].sel-check + label {
    padding: 0 0 0 24px;
  }

  input[type=radio].sel-radio + label::before,
  input[type=checkbox].sel-check + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background-color: white;
  }

  input[type=radio].sel-radio + label::before {
    border: 2px solid #c2ced2;
    border-radius: 30px;
  }

  input[type=checkbox].sel-check + label::before {
    border: 2px solid #c2ced2;
  }

  input[type=radio].sel-radio:checked + label::after,
  input[type=checkbox].sel-check:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }

  input[type=radio].sel-radio:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #19c5ff;
    border-radius: 8px;
  }

  input[type=checkbox].sel-check:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #12b4eb;
    border-bottom: 3px solid #12b4eb;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.print-header {
  font-weight: bold;
}

@media print {
  header, footer,
  .noprint-area {
    display: none;
  }
}
/* Scss Document */
.ime-off, .login-area .table-login input[type="text"], .login-area .table-login input[type="password"], input.input-txt,
#userid {
  ime-mode: disabled;
}

.oddlist tbody:nth-child(even), .table-chumonlist tbody:nth-child(even) {
  background: #fff59c;
}

/* CSS Document */
html,
body {
  height: 100%;
  font-family: "MS Gothic", sans-serif;
}

.container {
  width: 980px;
  min-height: 100%;
  padding: 0;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

header {
  width: 100%;
}
header img {
  width: 100%;
  display: block;
}

.contents {
  width: 940px;
  padding: 10px 0 50px;
  margin: 0 auto;
  min-height: 500px;
}

.sub-contents {
  width: 900px;
  margin: 0 auto;
}

footer {
  border-top: 1px solid #CCC;
  padding: 10px;
}

.div-default, .cart-func-area {
  padding: 10px;
  margin: 0;
  border: 1px solid #CCC;
}

br {
  letter-spacing: 0;
}

input[type="button"] {
  font-family: "MS Gothic", sans-serif;
}

/* header */
#header-nav {
  height: 30px;
  margin: 0;
  background: url("../img/header/bg.jpg") -1px repeat-x;
}
#header-nav ul {
  list-style: none;
  padding-left: 10px;
}
#header-nav ul li {
  float: left;
  margin-right: 10px;
}
#header-nav ul li a {
  line-height: 30px;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
}
#header-nav .btn-header-cart {
  margin: 4px;
  margin-right: 20px;
  padding: 2px 13px 3px;
  padding-right: 10px;
  float: right;
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  color: #0080ff; /* main color*/
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  display: block;
  vertical-align: middle;
}
#header-nav .btn-header-cart img {
  display: inline;
  width: 18px;
  vertical-align: middle;
}
#header-nav .btn-header-cart div {
  padding-top: 2px;
  float: left;
}

#header-user {
  background-color: #ffebfc;
  width: 100%;
  height: 30px;
}
#header-user .txt-head,
#header-user .txt-username {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
}
#header-user .txt-head {
  margin-right: 10px;
  color: #0080ff; /* main color*/
}
#header-user .txt-username {
  margin-right: 20px;
}

/* footer */
div.copyright {
  float: right;
  text-align: right;
}
div.copyright p {
  font-size: 13px;
  margin-bottom: 5px;
}

div.footerlink {
  font-size: 13px;
  float: left;
  text-align: left;
}

/* mainarea */
input[type="button"]:hover {
  cursor: pointer;
}

#main-area.side-right {
  width: 620px;
  float: left;
  margin-right: 20px;
}

#sub-area.side-right {
  width: 300px;
  float: left;
}

.sidebar-campain h3 {
  border-bottom: 1px double #000;
}

h2 + hr {
  margin-bottom: 0px;
}

h2 + hr + .bar-area {
  margin: 10px 0 12px 0;
}

.wrap-box {
  border-radius: 3px;
  padding: 10px;
}

.wrap-box.border-box {
  border: 1px solid #CCC;
}

/* Common */
h2 {
  color: #333;
  line-height: 30px;
  height: 30px;
  font-size: 24px;
}
h2 img {
  height: 30px;
  vertical-align: bottom;
}

h3.sub-head {
  margin: 15px 0 10px;
  font-size: 15px;
  padding-left: 5px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
}

/* DirectList Table */
.contents-inner table:not(.select-parts-table),
.contents-inner table:not(.select-parts-table) td,
.contents-inner table:not(.select-parts-table) th {
  border: 1px solid #000;
}

table,
td,
th {
  border: 1px solid #CCC;
}

table {
  border-collapse: collapse;
}

th {
  padding: 7px 1px 7px 5px;
  font-size: 12px;
  background-color: #EEE;
  text-align: left;
}

td {
  padding: 5px 1px;
  font-size: 13px;
  word-break: break-all;
}

#directlist-table tr:nth-child(even) {
  background: #FFF;
}

#directlist-table tr:nth-child(odd) {
  background: #fff59c;
}

div.separate-area:first-child {
  border-bottom: 1px solid #DDD;
  padding: 0 0 5px 5px;
}

div.separate-area:nth-child(2) {
  padding: 5px 0 0 5px;
}

/* Table Setting */
#directlist-table, #directlist-table th, #directlist-table td,
.table-itemlist,
.table-itemlist th,
.table-itemlist td,
.table-area table,
.table-area table th,
.table-area table td {
  border: 1px solid #333;
}

/* Column Setting */
.directlisthead-name {
  width: 310px;
}

.directlisthead-post {
  width: 60px;
}

.directlisthead-address {
  width: 365px;
}

.directlisthead-tel {
  width: 135px;
}

.directlisthead-btn {
  width: 40px;
}

.directlist-col-name {
  padding-left: 5px;
}

.directlist-col-name,
.directlist-col-post,
.directlist-col-pref,
.directlist-col-address {
  font-size: 12px;
  line-height: 13px;
}

.directlist-col-tel,
.directlist-col-fax {
  font-size: 13px;
}

.directlist-col-fax {
  line-height: 15px;
}

.directlist-col-post,
.directlist-col-pref {
  text-align: center;
  padding: 2px 0;
}

.directlist-col-btn {
  text-align: center;
}

.directlist-col-normal {
  width: 60px;
  text-align: center;
  background: #7cfc7e;
  font-size: 15px;
}

.directlist-col-choku {
  width: 60px;
  text-align: center;
  background: #ffb1ca;
  font-size: 15px;
}

/* TableInner Setting */
.directlist-col-post.separate-area:nth-child(2) {
  padding: 5px 0 0 0;
}

input[type="button"].directlist-delbtn,
input[type="button"].directlist-editbtn {
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

input[type="button"].directlist-editbtn {
  background: #FFE399;
}

input[type="button"].directlist-delbtn {
  background: #FFD9E9;
  margin-top: 5px;
}

span.wrap-span {
  background-color: #DDD;
  padding: 2px;
  margin-right: 3px;
}

.directlist-col-tel span.wrap-span {
  background-color: #C6D9DF;
}

/* inputbox */
.box-group-def .box-head {
  width: 100px;
}

.box-area {
  border: 1px solid #DDD;
  padding: 10px;
}

.box-area-btn {
  margin-left: 50px;
  width: 220px;
}

.box-area-clear {
  border: none;
  padding: 10px;
}

.box-inner {
  table-layout: auto;
  display: table;
  margin: 0 0 3px;
  padding: 0;
}

* html .box-inner {
  /* IE 6 */
  display: inline;
  zoom: 1;
}

.box-head,
.box-body {
  border: 1px solid #AAA;
  display: table-cell;
  font-size: 13px;
}

.box-head {
  background-color: #DDD;
  font-weight: bold;
  padding: 5px;
}

.box-body {
  margin-left: -1px;
  padding: 0;
}
.box-body .directcode-area {
  padding-left: 5px;
  width: 150px;
  font-size: 15px;
}

.box-body input[type="text"] {
  height: 100%;
  width: 94%;
  padding: 3px;
  border: none;
}

.box-body select {
  height: 25px;
  margin: 0;
  padding: 0;
}

.directcode .box-head {
  background-color: #C6D9DF;
}

#postcode-btn {
  height: 24px;
  margin: 0;
  padding: 0 5px;
}

.select-parts-table,
.select-parts-table tr {
  width: 100%;
  border: #CCC 1px solid;
}

.parts-sel-box-header,
.parts-sel-box-img,
.parts-sel-box-footer {
  text-align: center;
}

.parts-sel-box-img {
  min-height: 70px;
}

.parts-sel-box-num {
  display: inline-block;
  position: relative;
  top: -20px;
}

.parts-sel-box-footer {
  margin-bottom: 10px;
}

#select-parts-sub th .select-parts-price {
  width: 80px;
}
#select-parts-sub th .select-parts-num {
  width: 80px;
}
#select-parts-sub th .select-parts-name {
  float: left;
  display: inline-block;
  line-height: 28px;
  margin-right: 20px;
}
#select-parts-sub td {
  padding: 5px;
}
#select-parts-sub .select-parts-num-val {
  width: 75px;
  ime-mode: inactive;
}
#select-parts-sub .select-parts-biko-val {
  width: 310px;
}
#select-parts-sub .select-parts-shiji-val {
  width: 310px;
}

.parts-sel-box-header {
  font-size: 12px;
  letter-spacing: 0;
  padding: 3px;
  min-width: 100px;
  margin: 3px auto;
  background-color: #EAEAEA;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.parts-sel-box-header.selectOn {
  background-color: #ffd7d7;
}

.sel-input-btn {
  padding: 3px 15px;
}

.sel-input-btn.select-parts-name-btn {
  padding: 5px 10px;
}

.select-parts-name-btn {
  margin-left: 5px;
}

.select-parts-price-val,
.select-parts-num-val,
.select-parts-biko-val,
.select-parts-shiji-val,
.select-parts-name-val {
  line-height: 20px;
  height: 20px;
  font-size: 13px;
}

.select-parts-num-val,
.select-parts-biko-val,
.select-parts-shiji-val {
  padding-left: 5px;
  font-size: 12px;
}

.select-parts-num-val {
  font-size: 13px;
}

.select-parts-price-val {
  width: 100%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps li > * {
    font-size: 16px;
  }
}
.h2-sel-parts div {
  width: 356px;
  float: left;
}

.h2-sel-parts img {
  float: left;
}

.sel-clear-btn {
  padding: 5px;
}

.bar-area {
  margin-bottom: 5px;
}

#select-parts-clear-btn {
  float: right;
  margin-bottom: 5px;
}

.select-parts-table tr.tr-bd-none {
  border: none;
}

#select-area,
#modal-area {
  display: none;
}

#select-area {
  z-index: 999;
  width: 300px;
  height: 370px;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #FFF;
  border: 4px solid #CCC;
  margin-top: -180px;
  margin-left: -150px;
  padding: 10px;
  text-align: center;
}

#select-area h3 {
  margin: 10px 0;
}

#select-area > input {
  margin: 5px 0;
  padding: 1px 5px;
  font-size: 17px;
}

.sel-inner {
  height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  width: 300px;
  border: 1px solid #EEE;
}

#modal-area {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .7;
  z-index: 1;
}

.wraptable {
  width: 900px;
  margin: 0 auto;
}

.wraptable th {
  background-color: #CCC;
}

.wraptable th,
.wraptable td {
  margin: 0;
  padding: 10px;
}

.wraptable,
.wraptable table,
.wraptable th,
.wraptable td {
  border-collapse: collapse;
  border: 1px solid #000;
}

.wraptable table {
  font-size: 13px;
}

.seltable,
.seltable th,
.seltable td {
  border-collapse: collapse;
  border: 1px solid #EEE;
  text-align: center;
}

.msg-area {
  width: 100%;
}

.msg-area.info {
  color: #00F;
}

.title-box-left {
  float: left;
}

.bar-area-bg {
  background-color: #EEE;
  padding: 10px;
  border: 1px solid #CCC;
  margin-bottom: 10px;
}

.column1 {
  text-align: center;
}

#cart .main-table {
  width: 939px;
}
#cart .main-table th {
  text-align: center;
  margin-left: 0;
}
#cart .main-table td {
  font-size: 12px;
}
#cart .main-table tr:nth-child(1) td:nth-child(1),
#cart .main-table tr:nth-child(1) th:nth-child(1) {
  text-align: center;
  font-size: 12px;
}
#cart .main-table tr:nth-child(1) td:nth-child(2) {
  text-align: center;
}
#cart .main-table tr:nth-child(1) td:nth-child(5) {
  text-align: right;
  font-size: 12px;
}
#cart .main-table tr:nth-child(1) td:nth-child(6) {
  text-align: right;
}
#cart .main-table tr:nth-child(1) td:nth-child(7) {
  text-align: right;
}
#cart .main-table tr:nth-child(1) td:nth-child(8) {
  text-align: center;
}
#cart .main-table tr:nth-child(1) td:nth-child(9) {
  text-align: center;
}
#cart .main-table tr:nth-child(1) td:nth-child(10) {
  text-align: right;
}
#cart .main-table tr:nth-child(2) td:nth-child(3) {
  text-align: right;
}
#cart .main-table tr:nth-child(2) td:nth-child(4) {
  text-align: center;
}
#cart .main-table tr:nth-child(2) td:nth-child(5) {
  text-align: center;
}
#cart .main-table tr:nth-child(2) td:nth-child(6) {
  text-align: center;
}
#cart .main-table tr:nth-child(2) td:nth-child(8) {
  text-align: center;
}
#cart .main-table tr:nth-child(3) td:nth-child(3) {
  text-align: center;
}
#cart .main-table .table-input-text {
  width: 70px;
  text-align: right;
}
#cart .main-table tbody:nth-child(even) {
  background: #fff59c;
}
#cart .main-table tbody.canpain {
  background: #ffe2f5;
}

.input-cal-icon {
  width: 20px;
  margin: 0 5px;
  float: left;
}

.list-area > div {
  margin-bottom: 10px;
  min-height: 250px;
}

.campaign-banner {
  float: left;
  width: 300px;
}
.campaign-banner img {
  width: 300px;
}

.campaign-text {
  float: left;
  padding: 10px;
  margin-left: 10px;
  width: 608px;
  border: 1px solid #CCC;
}
.campaign-text img {
  width: 500px;
}

#canpaign-list .table-input-text {
  width: 70px;
}

.table-itemlist {
  width: 939px;
  margin-bottom: 10px;
}
.table-itemlist th {
  text-align: center;
  margin-left: 0;
}
.table-itemlist td {
  font-size: 12px;
}
.table-itemlist tr:nth-child(even) td:nth-child(4) {
  text-align: right;
}
.table-itemlist tr:nth-child(even) td:nth-child(5) {
  text-align: center;
}
.table-itemlist tr:nth-child(even) td:nth-child(6) {
  text-align: center;
}
.table-itemlist tr:nth-child(even) th:nth-child(4) {
  font-size: 11px;
  letter-spacing: -1px;
}
.table-itemlist tr:nth-child(even) td.table-contact-btn {
  text-align: center;
}
.table-itemlist tr:nth-child(odd) td:nth-child(4) {
  text-align: right;
}
.table-itemlist tr:nth-child(odd) td:nth-child(5) {
  text-align: right;
}
.table-itemlist tr:nth-child(odd) td:nth-child(6) {
  text-align: center;
}
.table-itemlist tr:nth-child(odd) td:nth-child(7) {
  text-align: center;
}
.table-itemlist tbody:nth-child(even) {
  background: #fff59c;
}
.table-itemlist .campaign {
  background: #ffe2f5;
}

.bar-area.bar-normal {
  border-top: 1px solid #CCC;
  padding-top: 10px;
  margin-top: 10px;
}

.bar-area-bg.bar-shoukai .sysbtn-light.fl-left {
  margin-right: 10px;
}
.bar-area-bg.bar-shoukai .sysbtn-light.fl-right {
  margin-left: 10px;
  width: 120px;
}

.zaikolevel1 {
  background: #ade6ff;
}

.zaikolevel2 {
  background: #51ff73;
}

.zaikolevel3 {
  background: #ff5e5e;
}

.td-zaiko {
  text-align: right;
}

#cartcomplete .head-area table:nth-child(1) tr:nth-child(1) th,
#cartconfirm .head-area table:nth-child(1) tr:nth-child(1) th {
  text-align: center;
}
#cartcomplete .head-area table:nth-child(1) td,
#cartconfirm .head-area table:nth-child(1) td {
  padding: 5px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
#cartcomplete .head-area table:nth-child(1) th:nth-child(1),
#cartconfirm .head-area table:nth-child(1) th:nth-child(1) {
  width: 100px;
}
#cartcomplete .head-area table:nth-child(1) th:nth-child(2),
#cartconfirm .head-area table:nth-child(1) th:nth-child(2) {
  width: 150px;
}
#cartcomplete .head-area table:nth-child(1) th:nth-child(3),
#cartconfirm .head-area table:nth-child(1) th:nth-child(3) {
  width: 150px;
}
#cartcomplete .head-area table:nth-child(1) th:nth-child(4),
#cartconfirm .head-area table:nth-child(1) th:nth-child(4) {
  width: 150px;
}
#cartcomplete .head-area table:nth-child(2) td,
#cartconfirm .head-area table:nth-child(2) td {
  width: 250px;
}
#cartcomplete .msg-area,
#cartconfirm .msg-area {
  font-size: 15px;
  padding: 10px;
  font-weight: bold;
}
#cartcomplete .table-area,
#cartconfirm .table-area {
  margin-bottom: 10px;
}

.msg-area .msg-normal {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.bar-area .txt-comment,
.bar-area-bg .txt-comment {
  font-size: 12px;
  font-weight: bold;
}

.sel-code {
  height: 36px;
  font-size: 15px;
  margin-right: 5px;
  width: 120px;
  padding: 5px;
}

/*-------- ページャの設定 --------*/
ul.pagination {
  min-height: 1.5rem;
}

ul.pagination li {
  margin-left: 0.5rem;
  display: inline-block;
  float: none;
}

.pagination {
  text-align: center;
}

.disabled {
  visibility: hidden;
}

ul.pagination li a {
  color: rgba(0, 0, 0, 0.54);
}

ul.pagination li.active a {
  background-color: #DCE47E;
  color: #FFF;
  font-weight: bold;
  cursor: default;
}

ul.pagination .disabled:hover a {
  background: none;
}

/*-------- ページャの設定 --------*/
ul.pagination {
  min-height: 1.5rem;
}

ul.pagination li {
  margin-left: 0.5rem;
  display: inline-block;
  float: none;
}

.pagination {
  text-align: center;
}

.disabled {
  visibility: hidden;
}

ul.pagination li a {
  color: rgba(0, 0, 0, 0.54);
}

ul.pagination li.active a {
  background-color: #DCE47E;
  color: #FFF;
  font-weight: bold;
  cursor: default;
}

ul.pagination .disabled:hover a {
  background: none;
}

.parts-select-color {
  width: 800px;
  margin: 0 auto;
}
.parts-select-color th {
  text-align: center;
  font-size: 14px;
}
.parts-select-color td:nth-child(1) {
  width: 300px;
  padding: 5px;
}
.parts-select-color td:nth-child(2) {
  width: 300px;
  padding: 5px;
  text-align: center;
}
.parts-select-color td:nth-child(3) {
  width: 100px;
  text-align: right;
  padding-right: 10px;
}
.parts-select-color td:nth-child(4) {
  width: 100px;
  text-align: center;
}
.parts-select-color td:nth-child(4) input[type="button"] {
  width: 70px;
  height: 25px;
}
.parts-select-color th:nth-child(1) {
  width: 300px;
}
.parts-select-color th:nth-child(2) {
  width: 300px;
}
.parts-select-color th:nth-child(3) {
  width: 100px;
}
.parts-select-color th:nth-child(4) {
  width: 100px;
}

#add-button,
#btn-search,
#search-btn,
#email-change-button,
#execute {
  cursor: pointer;
}

#form_add_cart ul.pagination li.active a {
  background: none;
  color: #F00;
  font-weight: normal;
}

#form_add_cart ul.pagination li.active {
  margin-left: 0;
}

#ordershokai .search-area table .searchtxt-bikou#can_in_chuban {
  width: 100px;
  margin-right: 261px;
  letter-spacing: 2px;
}
#ordershokai .search-area table .searchtxt-bikou#can_in_bikou {
  width: 345px;
}
#ordershokai .search-area table .searchtxt-hincode#can_in_hinban {
  letter-spacing: 0px;
  width: 210px;
}

#shukkashokai .search-area table #shu_in_uriban {
  width: 100px;
  padding-left: 3px;
  margin-right: 261px;
  letter-spacing: 2px;
}
#shukkashokai .search-area table #shu_in_bikou {
  width: 345px;
}
#shukkashokai .search-area table #shu_in_hinban {
  letter-spacing: 0px;
  width: 210px;
}
#shukkashokai .search-area table #shu_in_okuri {
  width: 185px;
  letter-spacing: 2px;
}

#ordershokai .search-area table #ord_in_chuban {
  width: 100px;
  padding-left: 3px;
  margin-right: 261px;
  letter-spacing: 2px;
}
#ordershokai .search-area table #ord_in_bikou {
  width: 345px;
}
#ordershokai .search-area table #ord_in_hinban {
  letter-spacing: 0px;
  width: 210px;
}

.bar-area.subhead-area {
  padding-bottom: 16px;
}

/* --------------------------------

Basic Style

-------------------------------- */
.select-parts-nav {
  line-height: 16px;
  float: right;
}

.select-parts-nav li em {
  font-style: normal;
}

.cd-breadcrumb, .cd-multi-steps {
  padding: 0.5em 1em;
  margin: 0 0;
  background-color: #dfe1e2;
  border-radius: .25em;
}

.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}

.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
  list-style-type: none;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}

.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #8a8a8a;
}

.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #f1dc45;
}

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #f1dc45;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }

  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }

  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }

  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 13px;
  }
}
/* --------------------------------

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }

  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }

  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }

  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* --------------------------------

Multi steps indicator

-------------------------------- */
.cd-multi-steps {
  /* reset style */
  background-color: transparent;
  padding: 0;
  text-align: center;
}

.cd-multi-steps li {
  position: relative;
  float: none;
  margin: 0 10px 0 0;
}

.cd-multi-steps li:last-of-type {
  margin-right: 0;
}

.cd-multi-steps li::after {
  /* this is the line connecting 2 adjacent items */
  position: absolute;
  content: '';
  height: 4px;
  background: #8a8a8a;
  /* reset style */
  margin: 0;
}

.cd-multi-steps li.visited::after {
  background-color: #6c4618;
}

.cd-multi-steps li > *, .cd-multi-steps li.current > * {
  position: relative;
  min-width: 82px;
  color: #8a8a8a;
}

.cd-multi-steps.custom-separator li::after {
  /* reset style */
  height: 4px;
  background: #dfe1e2;
}

.cd-multi-steps.text-center li::after {
  width: 100%;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%) translateX(-1px);
  -moz-transform: translateY(-50%) translateX(-1px);
  -ms-transform: translateY(-50%) translateX(-1px);
  -o-transform: translateY(-50%) translateX(-1px);
  transform: translateY(-50%) translateX(-1px);
}

.cd-multi-steps.text-center li > * {
  z-index: 1;
  padding: .6em 1em;
  border-radius: .25em;
  background-color: #dfe1e2;
  border: 2px solid #8a8a8a;
}

.cd-multi-steps.text-center li > a {
  text-decoration: none;
}

.no-touch .cd-multi-steps.text-center a:hover {
  background-color: #8a8a8a;
}

.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
  font-weight: bold;
  color: #6c4618;
  background-color: #f1dc45;
  border: 2px solid #6c4618;
}

.cd-multi-steps.text-center.custom-icons li.visited a::before {
  /* change the custom icon for the visited item - check icon */
  background-position: 0 -60px;
}

.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
  width: 80px;
  text-align: center;
}

.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
  /* this is the line connecting 2 adjacent items */
  position: absolute;
  left: 50%;
  /* 40px is the <li> right margin value */
  width: calc(100% + 40px);
}

.cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
  /* this is the spot indicator */
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #dfe1e2;
}

.cd-multi-steps.text-top li.visited > *::before,
.cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
.cd-multi-steps.text-bottom li.current > *::before {
  background-color: #f1dc45;
}

.no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
  color: #f1dc45;
}

.no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
  box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
}

.cd-multi-steps.text-top li::after {
  /* this is the line connecting 2 adjacent items */
  bottom: 4px;
}

.cd-multi-steps.text-top li > * {
  padding-bottom: 20px;
}

.cd-multi-steps.text-top li > *::before {
  /* this is the spot indicator */
  bottom: 0;
}

.cd-multi-steps.text-bottom li::after {
  /* this is the line connecting 2 adjacent items */
  top: 3px;
}

.cd-multi-steps.text-bottom li > * {
  padding-top: 20px;
}

.cd-multi-steps.text-bottom li > *::before {
  /* this is the spot indicator */
  top: 0;
}

/* --------------------------------

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

.cd-multi-steps.text-top.count li > *::before,
.cd-multi-steps.text-bottom.count li > *::before {
  /* this is the spot indicator */
  content: counter(steps);
  height: 26px;
  width: 26px;
  line-height: 26px;
  font-size: 1.4rem;
  color: #ffffff;
}

.cd-multi-steps.text-top.count li:not(.current) em::before,
.cd-multi-steps.text-bottom.count li:not(.current) em::before {
  /* steps not visited yet - counter color */
  color: #8a8a8a;
}

.cd-multi-steps.text-top.count li::after {
  bottom: 11px;
}

.cd-multi-steps.text-top.count li > * {
  padding-bottom: 34px;
}

.cd-multi-steps.text-bottom.count li::after {
  top: 11px;
}

.cd-multi-steps.text-bottom.count li > * {
  padding-top: 34px;
}

/* Page: Login */
.login-area {
  background: #EEE;
  border-radius: 3px;
  border: 1px solid #AAA;
  padding: 20px;
}
.login-area .table-login {
  border-style: none;
  margin: 0 auto 20px;
}
.login-area .table-login td {
  border-style: none;
  padding: 15px 0;
}
.login-area .table-login td div {
  font-size: 18px;
  padding: 0 20px 0 0;
}
.login-area .table-login input[type="text"], .login-area .table-login input[type="password"] {
  width: 250px;
  font-size: 18px;
  line-height: 20px;
  padding: 5px;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.login-area .sysbtn-submit.fl-center {
  width: 370px;
  margin-bottom: 10px;
}

.login-message {
  border: 1px solid #0080ff; /* main color*/
  width: 100%;
  margin-top: 10px;
}
.login-message ul {
  margin-left: 10px;
  list-style-position: outside;
}
.login-message ul li {
  font-weight: bold;
  font-size: 13px;
  line-height: 12px;
  margin: 10px 20px;
}
.login-message .divbox {
  border: 1px solid #0080ff; /* main color*/
  margin: 5px;
}

.sidebar-info,
.sidebar-campain {
  margin-bottom: 10px;
}
.sidebar-info h3,
.sidebar-campain h3 {
  font-size: 16px;
  height: 35px;
  line-height: 30px;
  border-bottom: solid 3px #CCC;
  outline-bottom: solid 1px #999;
  margin-bottom: 8px;
}
.sidebar-info h3 img,
.sidebar-campain h3 img {
  margin-left: 5px;
  margin-top: -5px;
  margin-right: 5px;
  margin-bottom: -5px;
  vertical-align: middle;
}

.sidebar-message {
  border: 1px solid #CCC;
  margin-bottom: 10px;
}
.sidebar-message h4 {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.sidebar-message img {
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.sidebar-message p {
  margin: 10px;
  font-size: 14px;
}
.sidebar-message #newpassword {
  width: 90%;
  margin: 10px auto;
  display: block;
  height: 30px;
}

.sidebar-banner-list {
  list-style: none;
}
.sidebar-banner-list li img {
  width: 300px;
}

/* Page: Password */
#password #main-area.side-right {
  width: 700px;
}
#password #sub-area.side-right {
  width: 220px;
}
#password .table-normal {
  margin: 0 auto;
  margin-top: 20px;
}
#password .table-normal, #password .table-normal td, #password .table-normal th {
  border-style: none;
}
#password .table-normal th {
  background: none;
}
#password .table-normal th div {
  font-size: 16px;
  width: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #DDD;
}
#password .table-normal td #userid {
  width: 350px;
}
#password .table-normal + p.txt-message {
  margin: 20px auto;
  width: 75%;
  font-size: 14px;
}
#password .sidebar-normal {
  border: 1px solid #CCC;
}

.sidebar-normal h3 {
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #CCC;
  padding-bottom: 3px;
  margin: 10px;
}
.sidebar-normal p {
  padding: 10px;
  font-size: 14px;
}

input.input-txt,
#userid {
  width: 250px;
  font-size: 18px;
  line-height: 20px;
  padding: 5px;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* Page: MENU */
#menu .h2-sel-parts div {
  font-size: 16px;
  padding-top: 5px;
}
#menu .sidebar-info .info-area {
  border: #CCC 1px solid;
  background-color: #EEE;
  padding: 10px;
  height: 200px;
  overflow-y: scroll;
}
#menu .sidebar-info .info-area ul {
  list-style: circle;
  margin-left: 15px;
}
#menu .sidebar-info .info-area ul li {
  font-size: 14px;
  line-height:1.5;
  margin-top: 5px;
}
#menu .sidebar-info .info-area ul li::marker {
  font-size: 1.5em;
}
#menu .sidebar-info .info-area ul li:first-child {
  margin-top: 0;
}
#menu .menu-area ul {
  margin-top: 5px;
  list-style: none;
}
#menu .menu-area ul li {
  float: left;
  margin: 0 5px 5px 0;
}
#menu .menu-area ul li img {
  width: 300px;
}
#menu .campaign-area {
  width: 100%;
}
#menu #bottom-area {
  margin-top: 10px;
}
#menu #bottom-area ul {
  list-style: none;
  margin-left: 10px;
  margin-top: 10px;
}
#menu #bottom-area ul li {
  width: 200px;
  height: 90px;
  border: 3px solid #AAA;
  border-radius: 5px;
  float: left;
  margin: 0 10px 10px 0;
}
#menu #bottom-area ul li a {
  text-decoration: none;
  color: #333;
}
#menu #bottom-area ul li a h4 {
  height: 35px;
  line-height: 40px;
  margin-bottom: 5px;
  font-size: 16px;
}
#menu #bottom-area ul li a h4 img {
  width: 30px;
  margin: 0 10px 0 10px;
  vertical-align: middle;
}
#menu #bottom-area ul li a p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  padding: 8px;
  color: #555;
}

/* Page: SEARCH*/
#itemsearch .msg-normal-head,
#itemsearch .msg-normal-head td,
#ordershokai .msg-normal-head,
#ordershokai .msg-normal-head td {
  border: none;
}
#itemsearch .msg-normal-head td,
#ordershokai .msg-normal-head td {
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  letter-spacing: -1px;
}
#itemsearch .msg-normal-head td span,
#ordershokai .msg-normal-head td span {
  color: #F00;
}
#itemsearch .msg-normal-head td span.big,
#ordershokai .msg-normal-head td span.big {
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  margin-top: 1px;
}
#itemsearch table.table-itemlist th,
#ordershokai table.table-itemlist th {
  text-align: center;
}
#itemsearch table.table-itemlist tr:nth-child(1) td:nth-child(1),
#ordershokai table.table-itemlist tr:nth-child(1) td:nth-child(1) {
  text-align: center;
}
#itemsearch table.table-itemlist .td-rate,
#ordershokai table.table-itemlist .td-rate {
  width: 55px;
}
#itemsearch table.table-itemlist .td-zaiko,
#ordershokai table.table-itemlist .td-zaiko {
  width: 90px;
}
#itemsearch table.table-itemlist .listitem-hinname,
#ordershokai table.table-itemlist .listitem-hinname {
  width: 240px;
}
#itemsearch table.table-itemlist .listitem-bikou,
#ordershokai table.table-itemlist .listitem-bikou {
  width: 280px;
  text-align: center;
}
#itemsearch table.table-itemlist .listitem-bikou input[type="text"],
#ordershokai table.table-itemlist .listitem-bikou input[type="text"] {
  text-align: left;
}
#itemsearch table.table-itemlist .listitem-price,
#ordershokai table.table-itemlist .listitem-price {
  width: 120px;
}
#itemsearch table.table-itemlist .listitem-code input[type="text"].input-code,
#ordershokai table.table-itemlist .listitem-code input[type="text"].input-code {
  text-align: left;
  width: 120px;
  font-size: 12px;
}
#itemsearch table.table-itemlist .listitem-custom,
#ordershokai table.table-itemlist .listitem-custom {
  text-align: center;
  color: #b50707;
  font-weight: bold;
}
#itemsearch table.table-itemlist input.table-input-text.txt-long,
#ordershokai table.table-itemlist input.table-input-text.txt-long {
  width: 270px;
  font-size: 12px;
}
#itemsearch table.table-itemlist tr:nth-child(1) td.listitem-bikou input[type="text"],
#ordershokai table.table-itemlist tr:nth-child(1) td.listitem-bikou input[type="text"] {
  background: #defbfe;
}
#itemsearch table.table-itemlist tr:nth-child(2) td.listitem-bikou input[type="text"],
#ordershokai table.table-itemlist tr:nth-child(2) td.listitem-bikou input[type="text"] {
  background: #ffe8ef;
}
#itemsearch table.table-itemlist tr:nth-child(2) td:nth-child(3),
#ordershokai table.table-itemlist tr:nth-child(2) td:nth-child(3) {
  text-align: right;
}
#itemsearch .bar-area-bg.bar-shoukai .sysbtn-light.fl-right,
#ordershokai .bar-area-bg.bar-shoukai .sysbtn-light.fl-right {
  margin-right: 10px;
  width: 160px;
  padding: 10px 10px;
}
#itemsearch .table-contact-btn input[type="button"],
#ordershokai .table-contact-btn input[type="button"] {
  font-size: 11px;
  padding: 1px 0px;
}
#itemsearch #add-button,
#ordershokai #add-button {
  cursor: pointer;
}

#ordershokai .msg-area {
  font-size: 12px;
  font-weight: bold;
}
#ordershokai .msg-area p {
  height: 20px;
  line-height: 20px;
  padding-top: 36px;
}

/* Page: IMPORT */
#upload-ie9-btn {
  display: none;
  width: 50px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  align-items: flex-start;
  text-align: center;
  cursor: pointer;
  color: #000;
  background-color: rgba(238, 238, 238, 0.274);
  box-sizing: border-box;
  padding: 1px 6px 1px;
  border-width: 1px;
  border-style: outset;
  border-color: #CCC;
  border-image: initial;
  text-align: center;
}

#upload-ie9-btn:not(:target) {
  display: inline-block\9;
  /* IE10以下 => 結果的にIE9のみ */
}

@media all and (-ms-high-contrast: none) {
  #upload-ie9-btn:not(:target) {
    display: none;
  }
}
#upload-display-btn {
  display: inline-block;
}

#upload-display-btn:not(:target) {
  display: none\9;
  /* IE10以下 => 結果的にIE9のみ */
}

@media all and (-ms-high-contrast: none) {
  #upload-display-btn:not(:target) {
    display: inline-block;
    line-height: 14px !important;
  }
}
/* Page: SEARCH*/
#itemsearch .search-area {
  background-color: #EEE;
  padding: 10px;
}
#itemsearch .search-area .title-box-left {
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  width: 50px;
  text-align: center;
  background: #CCC;
}
#itemsearch .search-area .searchtxt {
  width: 250px;
  height: 32px;
  line-height: 30px;
  display: block;
  float: left;
  font-size: 20px;
  margin-right: 5px;
  padding: 0 5px;
}
#itemsearch .search-area a {
  height: 30px;
  display: block;
  float: left;
}
#itemsearch .search-area a.fl-right {
  float: right;
}
#itemsearch .search-area .box {
  height: 26px;
  padding-top: 10px;
}
#itemsearch table#search-pd-condition-table th {
  width: 150px;
}
#itemsearch .table-search {
  margin-bottom: 3px;
}
#itemsearch .table-search th {
  background: #DDD;
}
#itemsearch .table-search td {
  padding-left: 10px;
  padding-right: 10px;
}
#itemsearch .table-search .searchtxt {
  width: 200px;
  height: 22px;
  line-height: 20px;
  display: block;
  font-size: 15px;
  margin: 0;
  padding: 0 1px;
}
#itemsearch .table-search .w20str.searchtxt {
  width: 158px;
}
#itemsearch .table-search .w30str.searchtxt {
  width: 240px;
}
#itemsearch .table-search .w40str.searchtxt {
  width: 350px;
  font-size: 13px;
}
#itemsearch .table-search .w40str.searchtxt:placeholder-shown {
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#itemsearch .table-search .w40str.searchtxt::-webkit-input-placeholder {
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#itemsearch .table-search .w40str.searchtxt:-moz-placeholder {
  opacity: 1;
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#itemsearch .table-search .w40str.searchtxt::-moz-placeholder {
  opacity: 1;
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#itemsearch .table-search .w40str.searchtxt:-ms-input-placeholder {
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#itemsearch .btn-search-item {
  margin-top: -28px;
  margin-right: 70px;
}
#itemsearch .msg-area {
  font-size: 12px;
  font-weight: bold;
}
#itemsearch .msg-area p {
  height: 20px;
  line-height: 20px;
  padding-top: 23px;
}
#itemsearch .table-itemlist .table-input-text {
  width: 70px;
  text-align: right;
}
#itemsearch .table-itemlist tr:nth-child(odd) td:nth-child(5) {
  min-width: 41px;
}
#itemsearch .table-itemlist tr:nth-child(even) td:nth-child(7) {
  text-align: center;
}

/* 取り込み */
#loadgif {
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  display: none;
}

/* Page: CAMPAIGN LIST*/
.campaign-text a {
  text-decoration: none;
}
.campaign-text a .campaign-title-area {
  font-size: 14px;
  color: #333;
}
.campaign-text a .campaign-msg-area {
  font-size: 12px;
  width: 500px;
  margin: 10px 0;
  color: #999;
  word-wrap: break-word;
}

/* Page: CAMPAIGN SHOHIN LIST*/
#campaign-shohin-list .search-area {
  background-color: #EEE;
  padding: 10px;
  margin-bottom: 10px;
}
#campaign-shohin-list .search-area .title-box-left {
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  width: 50px;
  text-align: center;
  background: #CCC;
}
#campaign-shohin-list .search-area .searchtxt {
  width: 250px;
  height: 32px;
  line-height: 30px;
  display: block;
  float: left;
  font-size: 20px;
  margin-right: 5px;
  padding: 0 5px;
}
#campaign-shohin-list .search-area a {
  height: 30px;
  display: block;
  float: left;
}
#campaign-shohin-list .search-area a.fl-right {
  float: right;
}
#campaign-shohin-list .search-area .box {
  height: 26px;
  padding-top: 10px;
}
#campaign-shohin-list .table-search {
  margin-bottom: 3px;
}
#campaign-shohin-list .table-search th {
  background: #DDD;
}
#campaign-shohin-list .table-search .searchtxt {
  width: 200px;
  height: 22px;
  line-height: 20px;
  display: block;
  font-size: 15px;
  margin: 0;
  padding: 0 1px;
}
#campaign-shohin-list .table-search .w20str.searchtxt {
  width: 158px;
}
#campaign-shohin-list .table-search .w30str.searchtxt {
  width: 240px;
}
#campaign-shohin-list .table-search .w40str.searchtxt {
  width: 300px;
}
#campaign-shohin-list .msg-area {
  font-size: 12px;
  font-weight: bold;
}
#campaign-shohin-list .msg-area p {
  height: 20px;
  line-height: 20px;
}
#campaign-shohin-list .table-itemlist .table-input-text {
  width: 70px;
  text-align: right;
}
#campaign-shohin-list .table-search td {
  padding-left: 10px;
  padding-right: 10px;
}
#campaign-shohin-list .blanktd {
  background: #999;
}
#campaign-shohin-list .table-itemlist tr:nth-child(1) th:nth-child(1) {
  width: 14px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(1) th:nth-child(3) {
  width: 300px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(1) th:nth-child(6) {
  width: 100px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(2) td:nth-child(3) {
  width: 80px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(2) td:nth-child(4) {
  width: 40px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(2) th:nth-child(5) {
  width: 80px;
}
#campaign-shohin-list .table-itemlist tr:nth-child(2) th:nth-child(6) {
  width: 40px;
}
#campaign-shohin-list .table-itemlist th.normal {
  background: #b4eaf3;
}
#campaign-shohin-list .table-itemlist th.campaign {
  background: #ffe2f5;
}
#campaign-shohin-list .table-itemlist td.campaigntd {
  color: #F00;
}
#campaign-shohin-list .table-search .w40str.searchtxt:placeholder-shown {
  color: #BBBBBB;
  font-size: 12px;
  line-height: 1;
}
#campaign-shohin-list .bar-area {
  width: 100%;
}
#campaign-shohin-list .bar-area .msg-normal {
  width: 100%;
}
#campaign-shohin-list .bar-area .msg-normal-head {
  width: 100%;
}
#campaign-shohin-list .msg-normal-head,
#campaign-shohin-list .msg-normal-head td {
  border: none;
}
#campaign-shohin-list .msg-normal-head td {
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  letter-spacing: -1px;
}
#campaign-shohin-list .msg-normal-head td span {
  color: #F00;
}
#campaign-shohin-list .msg-normal-head td span.big {
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  margin-top: 1px;
}
#campaign-shohin-list .table-itemlist .listitem-bikou .table-input-text {
  background: #defbfe;
  width: 90%;
  text-align: left;
  width: 240px;
  font-size: 13px;
}
#campaign-shohin-list #rate-btn {
  margin-right: 10px;
  width: 160px;
}

/* Page: CONTACT*/
#contact .table-area {
  margin: 0 auto;
}
#contact hr + .bar-area {
  margin-left: 20px;
  width: 95%;
}
#contact .bar-area + hr {
  width: 95%;
}
#contact .bar-area + hr + .bar-area {
  padding-right: 20px;
}
#contact table.table-normal {
  margin: 0 auto 10px;
  width: 70%;
}
#contact table.table-normal th:nth-child(1) {
  padding-left: 10px;
  width: 160px;
  height: 30px;
  font-size: 14px;
}
#contact table.table-normal td {
  padding-left: 10px;
}
#contact table.table-normal input + label {
  font-size: 14px;
}
#contact #input-contactsbj {
  width: 400px;
  ime-mode: auto;
}
#contact #input-contacttext {
  width: 408px;
  height: 70px;
  ime-mode: auto;
}
#contact #input-contacttel {
  width: 130px;
}
#contact #input-contactmail {
  width: 400px;
}
#contact #btn-form-clear {
  float: right;
  margin-right: 25px;
}

/* Page: SOUSA*/
#sousa .table-area {
  margin: 0 auto;
}
#sousa .table-area .wrap {
  width: 700px;
  padding: 10px 10px 0;
  border: 1px solid #CCC;
  margin: 0 auto;
}
#sousa .table-area .wrap .bar-area {
  padding-left: 10px;
  margin-bottom: 10px;
}
#sousa .table-area .wrap .bar-area span {
  font-size: 12px;
}
#sousa .table-area table.table-normal {
  margin: 0 auto 10px;
  width: 700px;
}
#sousa .table-area table.table-normal th, #sousa .table-area table.table-normal td {
  padding-left: 10px;
  font-size: 14px;
}
#sousa .table-area table.table-normal td {
  height: 20px;
}
#sousa hr + .bar-area {
  margin-left: 20px;
  width: 95%;
}
#sousa .bar-area + hr {
  width: 95%;
}
#sousa .bar-area + hr + .bar-area {
  padding-right: 20px;
}
#sousa #btn-form-clear {
  float: right;
  margin-right: 25px;
}

/* Page: Cart */
#cart .head-area {
  margin-top: 10px;
}
#cart .head-area .div-left {
  width: 400px;
  float: left;
}
#cart .head-area .div-right {
  width: 500px;
  float: right;
}

.upd-description {
  line-height: 35px;
  padding-left: 10px;
  font-size: 13px;
}

#cart .upd-description {
  color: #00F;
  font-weight: bold;
  font-size: 16px;
}
#cart .sipping_area {
  border: 1px solid #CCC;
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  padding-top: 15px;
}
#cart .sipping_area p {
  background: #F5F5F5;
  position: absolute;
  margin-left: -20px;
  top: -8px;
  font-weight: bold;
  font-size: 15px;
}
#cart .sipping_area .wraparea ol {
  float: left;
}
#cart .sipping_area .wraparea ol li {
  font-size: 12px;
}
#cart .sipping_area .wraparea ol li:first-child {
  margin-bottom: 10px;
}
#cart .sipping_area.noborder {
  border: none;
}
#cart .sipping_area.noborder table {
  width: 500px;
  margin-left: -10px;
  margin-right: -10px;
}

.sysbtn-update {
  margin-left: 10px;
}

#cart .msg-area {
  font-size: 11px;
  color: #F00;
  padding: 10px;
  letter-spacing: -1px;
  font-weight: bold;
}

.cart-func-area,
.cart-price-area {
  width: 95%;
}

.cart-func-area input[type="button"] {
  width: 32%;
  margin-left: 7px;
  font-size: 12px;
  padding: 10px 0;
}
.cart-func-area input[type="button"]:first-child {
  margin-left: 0;
}
.cart-func-area #upload_ie9_button {
  display: none;
  font-family: "MS Gothic", sans-serif;
  cursor: pointer;
  width: 32%;
  margin-left: 6px;
  line-height: 12px;
  font-size: 12px;
  padding: 10px 0;
  overflow: hidden;
  background: #EEE;
}
.cart-func-area #upload_ie9_button:not(:target) {
  display: block\9;
  /* IE10以下 => 結果的にIE9のみ */
}
@media all and (-ms-high-contrast: none) {
  .cart-func-area #upload_ie9_button:not(:target) {
    display: none;
  }
}
.cart-func-area #upload_button {
  display: block;
}
.cart-func-area #upload_button:not(:target) {
  display: none\9;
  /* IE10以下 => 結果的にIE9のみ */
}
@media all and (-ms-high-contrast: none) {
  .cart-func-area #upload_button:not(:target) {
    display: block;
  }
}

.cart-price-area {
  margin-top: 50px;
  border-bottom: 1px solid #AAA;
  margin-bottom: 20px;
  padding: 10px 10px 5px;
}
.cart-price-area > p {
  float: left;
}
.cart-price-area p.area-head {
  font-size: 14px;
  text-align: center;
  height: 30px;
}
.cart-price-area p#cart-price {
  min-width: 150px;
  padding-left: 10px;
  height: 30px;
  font-size: 26px;
  line-height: 30px;
  color: #F00;
  font-weight: bold;
}

.cart-input-head {
  font-size: 12px;
  color: #333;
}

.cart-send-area {
  background: #F5F5F5;
  padding: 10px;
}
.cart-send-area .cart-send-two:first-child {
  width: 33%;
  margin-right: 30px;
}
.cart-send-area .cart-send-two:first-child .cart-input {
  padding: 10px;
  font-size: 14px;
}
.cart-send-area .cart-send-two {
  width: 59%;
}
.cart-send-area p {
  font-size: 13px;
  display: block;
}
.cart-send-area select,
.cart-send-area option {
  padding: 2px 5px;
}

.cart-send-one {
  width: 100%;
  float: left;
}

.cart-send-two {
  width: 49%;
  float: left;
  margin-bottom: 10px;
}

.cart-send-two:first-child {
  margin-right: 10px;
}

.cart-input {
  width: 100%;
  border: 1px solid #AAA;
  min-height: 50px;
}

.cart-shukka {
  width: 100%;
  min-height: 50px;
}
.cart-shukka .cart-input {
  min-height: 20px;
  width: 180px;
  border: 1px solid #AAA;
  margin-bottom: 5px;
}
.cart-shukka .cart-input.comment {
  width: 282px;
  padding-left: 5px;
}
.cart-shukka .cart-input.date {
  width: 80px;
  padding: 0 5px;
  float: left;
}
.cart-shukka .title-box-left {
  width: 100px;
  height: 20px;
  font-size: 13px;
}

.shipping_table {
  width: 100%;
}
.shipping_table td:nth-child(1) {
  background-color: #c3c3c3;
  text-align: center;
}
.shipping_table td:nth-child(2) {
  padding-left: 5px;
}

input.input-chumon-shiji {
  width: 97%;
  font-size: 12px;
}

input.input-nohin-biko {
  width: 97%;
  font-size: 11px;
}

#cartconfirm .main-table,
#cartcomplete .main-table {
  width: 939px;
}
#cartconfirm .main-table th,
#cartcomplete .main-table th {
  text-align: center;
  margin-left: 0;
}
#cartconfirm .main-table td,
#cartcomplete .main-table td {
  font-size: 12px;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(1),
#cartconfirm .main-table tr:nth-child(1) th:nth-child(1),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(1),
#cartcomplete .main-table tr:nth-child(1) th:nth-child(1) {
  text-align: center;
  font-size: 12px;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(4),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(4) {
  text-align: right;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(5),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(5) {
  text-align: right;
  font-size: 12px;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(6),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(6) {
  text-align: right;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(7),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(7) {
  text-align: right;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(8),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(8) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(9),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(9) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(1) td:nth-child(10),
#cartcomplete .main-table tr:nth-child(1) td:nth-child(10) {
  text-align: right;
}
#cartconfirm .main-table tr:nth-child(2) td:nth-child(3),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(3) {
  text-align: right;
}
#cartconfirm .main-table tr:nth-child(2) td:nth-child(4),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(4) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(2) td:nth-child(5),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(5) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(2) td:nth-child(6),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(6) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(2) td:nth-child(8),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(8) {
  text-align: center;
}
#cartconfirm .main-table tr:nth-child(3) td:nth-child(3),
#cartcomplete .main-table tr:nth-child(3) td:nth-child(3) {
  text-align: center;
}
#cartconfirm .main-table .table-input-text,
#cartcomplete .main-table .table-input-text {
  width: 70px;
  text-align: right;
}
#cartconfirm .main-table tbody:nth-child(even),
#cartcomplete .main-table tbody:nth-child(even) {
  background: #fff59c;
}
#cartconfirm .main-table tbody.canpain,
#cartcomplete .main-table tbody.canpain {
  background: #ffe2f5;
}

#cartcomplete .main-table {
  page-break-inside: avoid;
}

#cartcomplete .main-table th,
#cartcomplete .main-table td {
  padding: 3px 3px;
  box-sizing: border-box;
}
#cartcomplete .main-table th {
  padding: 7px 3px;
  box-sizing: border-box;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(1) {
  width: 25px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(2) {
  width: 187px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(3) {
  width: 210px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(4) {
  width: 110px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(5) {
  width: 55px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(6) {
  width: 130px;
}
#cartcomplete .main-table tr:nth-child(1) th:nth-child(7) {
  width: 166px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(1) {
  width: 25px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(2) {
  width: 187px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(3) {
  width: 210px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(4) {
  width: 110px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(5) {
  width: 55px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(6) {
  width: 130px;
}
#cartcomplete .main-table tr:nth-child(1) td:nth-child(7) {
  width: 166px;
}
#cartcomplete .main-table tr:nth-child(2) th:nth-child(5),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(5) {
  width: 80px;
}
#cartcomplete .main-table tr:nth-child(2) th:nth-child(6),
#cartcomplete .main-table tr:nth-child(2) td:nth-child(6) {
  width: 120px;
}

#cartcomplete .main-table:nth-child(even) tbody {
  background: #fff59c;
}

@media screen {
  #cartcomplete .main-table + .main-table {
    border-top: none;
  }
}
@media print {
  #cartcomplete .main-table + .main-table {
    border-top-width: 0.1mm;
    border-bottom-width: 0.1mm;
  }
}
#cartcomplete .main-table + .main-table td {
  border-top: none;
}

table.confirmtable tr:first-child td, table.confirmtable tr:first-child th {
  background-color: #aaa;
}
table.confirmtable td {
  padding: 5px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  width: 120px;
}
table.confirmtable:first-child {
  margin-right: 20px;
}

/* Page: DIRECT-SELECT*/
#direct-select .table-searchhead {
  float: left;
  height: 75px;
}
#direct-select .table-searchhead img.icon-search {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}
#direct-select .table-searchhead td {
  vertical-align: middle;
  padding: 10px;
}
#direct-select .table-searchhead .wrap > .box-inner {
  float: left;
  margin-right: 5px;
}
#direct-select .table-searchhead:nth-child(1) {
  margin-right: 10px;
}
#direct-select .table-searchhead td:nth-child(1) {
  width: 90px;
}
#direct-select .table-searchhead td:nth-child(1) span {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}
#direct-select .table-searchhead td:nth-child(2) {
  width: 610px;
}
#direct-select .table-searchhead input[type="text"] {
  height: 28px;
  font-size: 18px;
  width: 140px;
}
#direct-select .table-searchhead input[type="text"]#input-directname {
  width: 160px;
}
#direct-select .bar-area input[type="button"] {
  margin: 5px 0;
}
#direct-select td.directlist-col-btn:hover {
  background: #ffb1ca;
}
#direct-select td.directlist-col-btn:hover .directlist-selectbtn {
  background: #ffb1ca;
}

/* Page: ORDERSHOKAI*/
#ordershokai {
  /*ヘッダ*/
  /*ボディ*/
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(1) {
  width: 20px;
  font-size: 11px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(2) {
  width: 68px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(3) {
  width: 110px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(4) {
  width: 285px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(5) {
  width: 88px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(6) {
  width: 60px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(7) {
  width: 88px;
}
#ordershokai #table-sample tr:nth-child(1) td:nth-child(8) {
  width: 105px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(1) {
  width: 20px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(2) {
  width: 68px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(3) {
  width: 110px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(4) {
  width: 285px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(5) {
  width: 88px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(6) {
  width: 60px;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(7) {
  width: 88px;
  text-align: right;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(8) {
  width: 105px;
  text-align: left;
}
#ordershokai .table-chumonlist tr:nth-child(1) td:nth-child(9) {
  text-align: right;
}
#ordershokai .table-chumonlist tr:nth-child(2) td:nth-child(3) {
  text-align: left;
}
#ordershokai .table-chumonlist tr:nth-child(2) td:nth-child(7) {
  text-align: right;
}

#table-sample {
  background-color: #EEE;
  padding: 10px;
  border: 1px solid #CCC;
  width: 100%;
  margin: 15px 0;
}
#table-sample td {
  font-size: 12px;
  text-align: center;
}
#table-sample tr:nth-child(1) td:nth-child(1) {
  width: 10px;
  font-size: 11px;
}
#table-sample tr:nth-child(1) td:nth-child(2) {
  width: 68px;
}
#table-sample tr:nth-child(1) td:nth-child(3) {
  width: 178px;
}
#table-sample tr:nth-child(1) td:nth-child(4) {
  width: 285px;
}
#table-sample tr:nth-child(1) td:nth-child(5) {
  width: 88px;
}
#table-sample tr:nth-child(1) td:nth-child(6) {
  width: 88px;
}
#table-sample tr:nth-child(1) td:nth-child(7) {
  width: 88px;
}
#table-sample tr:nth-child(1) td:nth-child(8) {
  width: 61px;
}

.table-chumonlist {
  width: 100%;
}
.table-chumonlist td {
  font-size: 11px;
}
.table-chumonlist tr:nth-child(1) td:nth-child(1) {
  width: 10px;
  text-align: center;
}
.table-chumonlist tr:nth-child(1) td:nth-child(2) {
  width: 68px;
}
.table-chumonlist tr:nth-child(1) td:nth-child(3) {
  width: 178px;
}
.table-chumonlist tr:nth-child(1) td:nth-child(4) {
  width: 285px;
}
.table-chumonlist tr:nth-child(1) td:nth-child(5) {
  width: 88px;
  text-align: right;
}
.table-chumonlist tr:nth-child(1) td:nth-child(6) {
  width: 88px;
  text-align: right;
}
.table-chumonlist tr:nth-child(1) td:nth-child(7) {
  width: 88px;
}
.table-chumonlist tr:nth-child(1) td:nth-child(8) {
  width: 61px;
  text-align: right;
}
.table-chumonlist tr:nth-child(2) td:nth-child(3) {
  text-align: right;
}
.table-chumonlist tr:nth-child(2) td:nth-child(4) {
  text-align: right;
}
.table-chumonlist tr:nth-child(2) td:nth-child(5) {
  text-align: right;
}
.table-chumonlist tr:nth-child(2) td:nth-child(6) {
  text-align: right;
}
.table-chumonlist .last-tr,
.table-chumonlist .last-tr tr,
.table-chumonlist .last-tr td {
  border: none;
}
.table-chumonlist .last-tr td {
  text-align: right;
  padding-right: 5px;
}
.table-chumonlist .last-tr,
.table-chumonlist .last-tr td {
  background-color: #fff;
}
.table-chumonlist td.cancel-area {
  text-align: center;
}
.table-chumonlist td:first-child:before {
  display: block;
  float: left;
  height: 10px;
  content: "";
}

.table-chumonhead {
  width: 100%;
  border: 1px solid #BBB;
  margin-bottom: 3px;
}
.table-chumonhead .table-header {
  text-align: center;
  font-weight: bold;
  background-color: #ffe598;
  width: 90px;
}
.table-chumonhead td {
  font-weight: bold;
  text-align: center;
}
.table-chumonhead .td-namedata {
  text-align: left;
  font-weight: normal;
  padding-left: 5px;
}
.table-chumonhead .td-moneydata {
  text-align: right;
  padding-right: 5px;
}
.table-chumonhead .td-numberdata {
  font-size: 12px;
  padding: 0;
}
.table-chumonhead tr:nth-child(1) td:nth-child(1) {
  width: 70px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(1) {
  width: 75px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(2) {
  width: 75px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(3) {
  width: 75px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(4) {
  width: 75px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(5) {
  width: 75px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(7) {
  width: 70px;
}
.table-chumonhead tr:nth-child(2) td:nth-child(8) {
  width: 100px;
}

.listjouken {
  margin-right: 10px;
}
.listjouken select[name="nameselect"] {
  width: 170px;
}
.listjouken select[name="nameselect"] option {
  width: 200px;
}

.pars-searchbox .bar-area,
#ordershokai .bar-area,
#shukkashokai .bar-area {
  height: 20px;
  margin-bottom: 5px;
}
#ordershokai tbody.canpain,
#shukkashokai tbody.canpain {
  background: #ffe2f5;
}
#ordershokai .table-area + .table-area,
#shukkashokai .table-area + .table-area {
  margin-top: 20px;
}
#ordershokai #btn-csv,
#ordershokai #btn-dos,
#ordershokai #btn-seikyu,
#ordershokai #btn-cancel,
#shukkashokai #btn-csv,
#shukkashokai #btn-dos,
#shukkashokai #btn-seikyu,
#shukkashokai #btn-cancel {
  float: right;
  margin-left: 10px;
}
#ordershokai .dos-hidden .tokname-line,
#shukkashokai .dos-hidden .tokname-line {
  display: none;
}
#ordershokai .search-area table,
#shukkashokai .search-area table {
  width: 100%;
  margin-bottom: 20px;
}
#ordershokai .search-area table td,
#shukkashokai .search-area table td {
  padding-left: 10px;
  padding-right: 10px;
}
#ordershokai .search-area table tr:nth-child(1),
#ordershokai .search-area table tr:nth-child(2),
#ordershokai .search-area table tr:nth-child(3),
#shukkashokai .search-area table tr:nth-child(1),
#shukkashokai .search-area table tr:nth-child(2),
#shukkashokai .search-area table tr:nth-child(3) {
  background-color: #EEE;
}
#ordershokai .search-area table tr:nth-child(1) td,
#shukkashokai .search-area table tr:nth-child(1) td {
  font-weight: bold;
  font-size: 15px;
}
#ordershokai .search-area table tr:nth-child(1) td:nth-child(1),
#shukkashokai .search-area table tr:nth-child(1) td:nth-child(1) {
  width: 330px;
}
#ordershokai .search-area table tr:nth-child(1) td:nth-child(2),
#shukkashokai .search-area table tr:nth-child(1) td:nth-child(2) {
  width: 200px;
}
#ordershokai .search-area table .searchtxt-hincode,
#ordershokai .search-area table .searchtxt-bikou,
#shukkashokai .search-area table .searchtxt-hincode,
#shukkashokai .search-area table .searchtxt-bikou {
  height: 20px;
  padding-left: 5px;
}
#ordershokai .search-area table .searchtxt-hincode,
#shukkashokai .search-area table .searchtxt-hincode {
  letter-spacing: 2px;
  width: 180px;
}
#ordershokai .search-area table .searchtxt-bikou,
#shukkashokai .search-area table .searchtxt-bikou {
  width: 365px;
}
#ordershokai .search-area table .searchtxt-startdate,
#ordershokai .search-area table .searchtxt-enddate,
#shukkashokai .search-area table .searchtxt-startdate,
#shukkashokai .search-area table .searchtxt-enddate {
  width: 110px;
  height: 20px;
  font-size: 14px;
  padding: 0 0 0 10px;
  letter-spacing: 2px;
}
@media all and (-ms-high-contrast: none) {
  #ordershokai .search-area table .searchtxt-startdate:focus,
  #ordershokai .search-area table .searchtxt-enddate:focus,
  #ordershokai .search-area table .searchtxt-startdate,
  #ordershokai .search-area table .searchtxt-enddate,
  #shukkashokai .search-area table .searchtxt-startdate:focus,
  #shukkashokai .search-area table .searchtxt-enddate:focus,
  #shukkashokai .search-area table .searchtxt-startdate,
  #shukkashokai .search-area table .searchtxt-enddate {
    width: 115px;
  }
}
#ordershokai .search-area table .btn-calclick,
#shukkashokai .search-area table .btn-calclick {
  vertical-align: middle;
  display: inline-block;
  height: 30px;
  margin-left: 5px;
  margin-right: 10px;
  overflow: hidden;
}
#ordershokai .search-area table .btn-calclick img,
#shukkashokai .search-area table .btn-calclick img {
  width: 25px;
}
#ordershokai .search-area table img.ui-datepicker-trigger,
#shukkashokai .search-area table img.ui-datepicker-trigger {
  width: 23px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}
#ordershokai .search-area table .radiolist-searchstatus,
#shukkashokai .search-area table .radiolist-searchstatus {
  list-style: none;
  margin-top: 12px;
  float: left;
}
#ordershokai .search-area table .radiolist-searchstatus li,
#shukkashokai .search-area table .radiolist-searchstatus li {
  float: left;
  height: 20px;
  line-height: 25px;
  margin-right: 5px;
}
#ordershokai .search-area table .radiolist-searchstatus li input,
#shukkashokai .search-area table .radiolist-searchstatus li input {
  vertical-align: middle;
  margin-top: -3px;
}
#ordershokai .search-area table #btn-search,
#shukkashokai .search-area table #btn-search {
  float: right;
  margin: 3px 5px 3px 10px;
}
#ordershokai .search-area table #btn-itemsearch,
#shukkashokai .search-area table #btn-itemsearch {
  vertical-align: middle;
  float: right;
  margin-right: 5px;
}
#ordershokai .search-area table .titlehead,
#shukkashokai .search-area table .titlehead {
  line-height: 25px;
  float: left;
}
#ordershokai .listjouken,
#shukkashokai .listjouken {
  float: left;
  padding-top: 10px;
}
#ordershokai .listjouken select,
#shukkashokai .listjouken select {
  height: 26px;
  padding: 4px;
  border: 1px solid #CCC;
}
#ordershokai .listjouken select:focus,
#shukkashokai .listjouken select:focus {
  border: 1px solid #CCC;
}
#ordershokai .listjouken input[type="text"],
#shukkashokai .listjouken input[type="text"] {
  width: 100px;
  height: 22px;
  border: 1px solid #CCC;
}
#ordershokai .listjouken input[type="text"]:focus,
#shukkashokai .listjouken input[type="text"]:focus {
  border: 1px solid #CCC;
}

#modal-background {
  z-index: 190;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-contents {
  min-height: 200px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 260px;
  margin: auto;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  z-index: 200;
  display: none;
}
#modal-contents h3 {
  float: left;
  line-height: 30px;
}
#modal-contents #modal-inner {
  border-top: 1px solid #CCC;
  line-height: 22px;
  margin-top: 50px;
  padding-top: 10px;
}
#modal-contents #modal-inner a {
  text-decoration: none;
}

#modal-close {
  border: 1px solid #000;
  padding: 5px;
  float: right;
  cursor: pointer;
}

.hiddeninfo {
  display: none;
}

.sysbtn-light.btn-active {
  box-shadow: inset 0px 1px 0px 0px #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd28a), color-stop(1, #fff6b8));
  background: -moz-linear-gradient(top, #ffd28a 5%, #fff6b8 100%);
  background: -webkit-linear-gradient(top, #ffd28a 5%, #fff6b8 100%);
  background: -o-linear-gradient(top, #ffd28a 5%, #fff6b8 100%);
  background: -ms-linear-gradient(top, #ffd28a 5%, #fff6b8 100%);
  background: linear-gradient(to bottom, #ffd28a 5%, #fff6b8 100%);
  background-color: #ffd28a;
  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px white;
  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px white;
}

.cancellist .table-chumonlist {
  width: 100%;
}
.cancellist .table-chumonlist tr:nth-child(1) td:nth-child(7) {
  text-align: right;
}
.cancellist .table-chumonlist tr:nth-child(1) td:nth-child(9) {
  text-align: right;
}
.cancellist .table-chumonlist tr:nth-child(2) td:nth-child(3) {
  text-align: left;
}
.cancellist .table-chumonlist tr:nth-child(2) td:nth-child(7) {
  text-align: right;
}
.cancellist .table-chumonlist td.cancel-irai-td {
  font-size: 10px;
}

@media all and (-ms-high-contrast: none) {
  #shukkashokai .table-chumonlist tr:nth-child(1) td:nth-child(1) {
    width: 16px !important;
  }
  #shukkashokai .table-chumonlist tr:nth-child(1) td:nth-child(2) {
    width: 70px !important;
  }
}
#shukkashokai .table-chumonlist tr:nth-child(1) td:nth-child(2) {
  width: 70px;
}
#shukkashokai .table-chumonlist tr:nth-child(1) td:nth-child(7) {
  text-align: right;
}
#shukkashokai .table-chumonlist tr:nth-child(1) td:nth-child(9) {
  text-align: center;
}
#shukkashokai .table-chumonlist tr:nth-child(2) td:nth-child(3) {
  text-align: left;
}
#shukkashokai .table-chumonlist tr:nth-child(2) td:nth-child(6) {
  text-align: right;
}
#shukkashokai .table-chumonlist tr:nth-child(3) td:nth-child(5) {
  text-align: right;
}
#shukkashokai .table-chumonlist tr:nth-child(4) td:nth-child(3) {
  text-align: center;
}
#shukkashokai .table-chumonlist tr:nth-child(4) td:nth-child(4) {
  text-align: right;
}

.cancellist #table-sample {
  margin-bottom: 0;
}

#ordershokai .table-area + .table-area.scrollframe {
  margin-top: 3px;
  height: 300px;
  overflow-y: scroll;
}

#ordershokai .cancellist .table-area + .table-area.scrollframe,
#shukkashokai .table-area + .table-area.scrollframe {
  overflow-y: scroll;
}

#ordershokai .table-chumonlist .cancel-td,
#ordershokai #table-sample .cancel-td {
  width: 24px !important;
}

#shukkashokai .table-chumonlist .linenum-td {
  width: 20px !important;
}

#shukkashokai #table-sample tr:nth-child(1) td:nth-child(1) {
  width: 19px !important;
}

#shukkashokai .pagination {
  margin-top: 20px;
}

.headerframe {
  padding-right: 10px;
}

@media all and (-ms-high-contrast: none) {
  .headerframe {
    padding-right: 17px;
  }
}
.cancellist .table-chumonlist tbody.done:nth-child(even),
.cancellist .table-chumonlist tbody.done:nth-child(odd) {
  background: #AAAAAA;
}

/*スクロールバー全体*/
.scrollframe::-webkit-scrollbar {
  width: 10px;
}

/*スクロールバーの軌道*/
.scrollframe::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

/*スクロールバーの動く部分*/
.scrollframe::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, 0.5);
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.joken-table-head th {
  width: 180px;
  padding-left: 10px;
}

/* Page: SHUKKASHOKAI*/
/* Page: BRANDSELECT */
#brandselect .table-link {
  width: 100%;
}
#brandselect .table-link th:nth-child(1) img {
  width: 150px;
}
#brandselect .table-link th:nth-child(3) {
  width: 250px;
}
#brandselect .table-link th:nth-child(4) {
  width: 140px;
}
#brandselect .table-link th:nth-child(5) {
  width: 140px;
}
#brandselect .logo-area img {
  width: 150px;
}
#brandselect .des-area, #brandselect .img-area {
  float: left;
}
#brandselect .des-area {
  width: 80px;
}
#brandselect .img-area img {
  width: 150px;
}

/* Page: PARTS */
#hoostype .table-link td img {
  max-width: 300px;
}

#partsselect .parts-table {
  margin: 0 auto;
  width: 600px;
}
#partsselect .parts-table td:nth-child(1) {
  width: 280px;
}
#partsselect .parts-table td:nth-child(3) {
  width: 90px;
  text-align: right;
  padding-right: 10px;
}
#partsselect .parts-table td:nth-child(4) {
  width: 80px;
  text-align: center;
}

#hoosttype .order-semi {
  margin-left: -10px;
  height: 105px;
}
#hoosttype .order-semi .boxline {
  width: 200px;
}
#hoosttype .order-semi .boxline:first-child .widthbox {
  height: 45px;
}
#hoosttype .order-semi .boxline:first-child .titlebox {
  float: none;
  padding-left: 25px;
}
#hoosttype .order-semi .widthbox {
  width: 184px;
  height: 24px;
}
#hoosttype .order-semi .widthbox .titlebox {
  width: 90px;
  text-align: left;
  padding-left: 10px;
}
#hoosttype .order-semi .widthbox .mmbox-semi {
  width: 45px;
  margin-left: 0px;
}
#hoosttype .order-semi .widthbox .tannibox {
  width: 13px;
}

#hoossingle input[type="radio"],
#hoosdouble input[type="radio"],
#hoosstype input[type="radio"],
#hoosttype input[type="radio"] {
  float: left;
  display: block;
  height: 32px;
}
#hoossingle input.typeselect:checked + .widthbox,
#hoosdouble input.typeselect:checked + .widthbox,
#hoosstype input.typeselect:checked + .widthbox,
#hoosttype input.typeselect:checked + .widthbox {
  border: 1px solid orange;
}
#hoossingle input.typeselect:checked + .widthbox input[type="text"],
#hoosdouble input.typeselect:checked + .widthbox input[type="text"],
#hoosstype input.typeselect:checked + .widthbox input[type="text"],
#hoosttype input.typeselect:checked + .widthbox input[type="text"] {
  background-color: #fdffd5;
}
#hoossingle .widthbox,
#hoosdouble .widthbox,
#hoosstype .widthbox,
#hoosttype .widthbox {
  display: block;
  height: 22px;
  border: 1px solid #FFF;
  padding: 5px;
}
#hoossingle .widthbox input.widthcm,
#hoosdouble .widthbox input.widthcm,
#hoosstype .widthbox input.widthcm,
#hoosttype .widthbox input.widthcm {
  float: left;
  width: 40px;
  border: 1px solid #DDD;
  height: 18px;
  text-align: right;
  letter-spacing: 3px;
  ime-mode: inactive;
}
#hoossingle .widthbox input.widthcm:focus,
#hoosdouble .widthbox input.widthcm:focus,
#hoosstype .widthbox input.widthcm:focus,
#hoosttype .widthbox input.widthcm:focus {
  outline: 0;
  border-color: #AAA;
}
#hoossingle .widthbox input[type="text"],
#hoosdouble .widthbox input[type="text"],
#hoosstype .widthbox input[type="text"],
#hoosttype .widthbox input[type="text"] {
  background-color: #EEE;
}
#hoossingle .widthbox input[type=number]::-webkit-inner-spin-button,
#hoossingle .widthbox input[type=number]::-webkit-outer-spin-button,
#hoosdouble .widthbox input[type=number]::-webkit-inner-spin-button,
#hoosdouble .widthbox input[type=number]::-webkit-outer-spin-button,
#hoosstype .widthbox input[type=number]::-webkit-inner-spin-button,
#hoosstype .widthbox input[type=number]::-webkit-outer-spin-button,
#hoosttype .widthbox input[type=number]::-webkit-inner-spin-button,
#hoosttype .widthbox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#hoossingle .widthbox .mmbox-full,
#hoossingle .widthbox .mmbox,
#hoosdouble .widthbox .mmbox-full,
#hoosdouble .widthbox .mmbox,
#hoosstype .widthbox .mmbox-full,
#hoosstype .widthbox .mmbox,
#hoosttype .widthbox .mmbox-full,
#hoosttype .widthbox .mmbox {
  line-height: 23px;
  width: 9px;
  float: left;
  margin-left: 1px;
}
#hoossingle .widthbox .mmbox-semi,
#hoosdouble .widthbox .mmbox-semi,
#hoosstype .widthbox .mmbox-semi,
#hoosttype .widthbox .mmbox-semi {
  line-height: 24px;
  width: 52px;
  float: left;
  margin-left: 1px;
  font-size: 14px;
  letter-spacing: 3px;
  text-align: right;
}
#hoossingle .widthbox .titlebox,
#hoosdouble .widthbox .titlebox,
#hoosstype .widthbox .titlebox,
#hoosttype .widthbox .titlebox {
  line-height: 22px;
  font-size: 12px;
  width: 60px;
  float: left;
}
#hoossingle .widthbox .tannibox,
#hoosdouble .widthbox .tannibox,
#hoosstype .widthbox .tannibox,
#hoosttype .widthbox .tannibox {
  line-height: 24px;
  width: 30px;
  float: left;
}
#hoossingle .widthbox select[name="kigou"],
#hoosdouble .widthbox select[name="kigou"],
#hoosstype .widthbox select[name="kigou"],
#hoosttype .widthbox select[name="kigou"] {
  float: left;
  height: 22px;
  border: 1px solid #DDD;
}

.widthbox + .sel-input-btn {
  float: left;
}

.parts-sel-box-footer {
  height: 40px;
}

.parts-sel-box-footer .boxline {
  margin: 0 auto;
  width: 310px;
}

.parts-sel-box-footer.order-full .boxline {
  width: 205px;
}
.parts-sel-box-footer.order-full .boxline input[type="text"] {
  background-color: #fdffd5 !important;
}

.parts-sel-box-footer {
  height: 80px;
}

#hoosttype .parts-sel-box-footer {
  height: 110px;
}
#hoosttype .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer {
  height: 30px;
}
#hoosttype .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer.order-semi {
  height: 120px;
}
#hoosttype tbody tr:nth-child(1) .parts-sel-box-footer.order-full {
  height: 80px;
}
#hoosttype tbody tr:nth-child(1) .parts-sel-box-footer.order-semi {
  height: 120px;
}
#hoosttype tbody tr:nth-child(1) .parts-sel-box-footer.order-semi {
  height: 130px;
}
#hoosttype .parts-sel-box-img img {
  max-width: 200px;
}

#hoosstype .parts-sel-box-footer {
  height: 90px;
}
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(2) .parts-sel-box-footer {
  height: 30px;
}
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(4) .parts-sel-box-footer.order-semi,
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(2) .parts-sel-box-footer.order-semi {
  height: 90px;
}
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(4) .parts-sel-box-footer {
  height: 30px;
}
#hoosstype tbody tr:nth-child(1) .parts-sel-box-footer.order-full {
  height: 60px;
}
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer.order-semi {
  height: 80px;
}

#hoosdouble .layout-table.select-parts-table tbody tr:nth-child(1) td:nth-child(1) .parts-sel-box-footer {
  height: 30px;
}
#hoosdouble .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer {
  height: 30px;
}
#hoosdouble .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer.order-semi {
  height: 80px;
}

.parts-sel-box-img {
  margin-bottom: 20px;
}

.parts-sel-box-hoos {
  height: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  color: #F00;
}
.parts-sel-box-hoos span {
  font-weight: bold;
  font-size: 13px;
}

#hoossingle .hoostd-bottom .parts-sel-box-img {
  min-height: 30px;
}
#hoossingle .hoostd-bottom .parts-sel-box-img img {
  margin-top: 20px;
}
#hoossingle .hoostd-bottom .parts-sel-box-hoos {
  margin-bottom: 25px;
}
#hoossingle .parts-sel-box-img img {
  max-width: 75px;
}
#hoossingle .hoostd-bottom .parts-sel-box-img img {
  max-width: 140px;
}

#hoosdouble .hoostd-bottom .parts-sel-box-img {
  min-height: 30px;
}
#hoosdouble .hoostd-bottom .parts-sel-box-img img {
  margin-top: 20px;
  max-width: 140px;
}
#hoosdouble .hoostd-bottom .parts-sel-box-hoos {
  margin-bottom: 25px;
}
#hoosdouble .hoostd-top .parts-sel-box-img {
  min-height: 30px;
}
#hoosdouble .hoostd-top .parts-sel-box-img img {
  margin-bottom: 10px;
  max-width: 140px;
}
#hoosdouble .hoostd-top .parts-sel-box-hoos {
  margin-top: 25px;
}
#hoosdouble .parts-sel-box-img img {
  max-width: 75px;
}
#hoosdouble .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer.order-full {
  height: 60px;
}

#hoosttype .parts-sel-box-img img {
  max-width: 140px;
}
#hoosttype .hoostd-bottom .parts-sel-box-img {
  min-height: 30px;
}
#hoosttype .hoostd-bottom .parts-sel-box-img img {
  margin-top: 20px;
  max-width: 140px;
}
#hoosttype .hoostd-bottom .parts-sel-box-hoos {
  margin-bottom: 25px;
}
#hoosttype .hoostd-top .parts-sel-box-img {
  min-height: 30px;
  margin-bottom: 0;
}
#hoosttype .hoostd-top .parts-sel-box-img img {
  margin-bottom: 0;
  max-width: 140px;
}
#hoosttype .hoostd-top .parts-sel-box-hoos {
  margin-top: 25px;
}
#hoosttype .select-parts-table tbody tr:nth-child(1) td:nth-child(3) img,
#hoosttype .select-parts-table tbody tr:nth-child(1) td:nth-child(4) img {
  margin-top: 25px;
}
#hoosttype .select-parts-table tbody tr:nth-child(1) .hoostd-full + td img,
#hoosttype .select-parts-table tbody tr:nth-child(1) .hoostd-full + td + td img {
  margin-top: 0px;
}
#hoosttype .layout-table.select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer {
  height: 70px;
}
#hoosttype .layout-table.select-parts-table tbody tr:nth-child(2) .parts-sel-box-footer {
  height: 50px;
}
#hoosttype .parts-sel-box-footer.order-semi + .parts-sel-box-hoos {
  margin-top: 85px;
}

#hoosstype .hoostd-bottom .parts-sel-box-img {
  min-height: 30px;
}
#hoosstype .hoostd-bottom .parts-sel-box-img img {
  margin-top: 20px;
  max-width: 140px;
}
#hoosstype .hoostd-bottom .parts-sel-box-hoos {
  margin-bottom: 25px;
}
#hoosstype .hoostd-top .parts-sel-box-img {
  min-height: 30px;
}
#hoosstype .hoostd-top .parts-sel-box-img img {
  margin-bottom: 10px;
  max-width: 140px;
}
#hoosstype .hoostd-top .parts-sel-box-hoos {
  margin-top: 25px;
}
#hoosstype .select-parts-table tbody tr:nth-child(2) .parts-sel-box-img {
  margin-bottom: 5px;
}
#hoosstype .layout-table.select-parts-table tbody tr:nth-child(4) .hoostd-bottom .parts-sel-box-footer {
  height: 90px;
}
#hoosstype .select-parts-table tbody tr:nth-child(3) .parts-sel-box-footer {
  height: 40px;
}

.parts-sel-box-img + .parts-sel-box-hoos {
  margin-top: -20px;
}

select.selcolorcmb {
  width: 100px;
}

.semi-hinname {
  color: #111;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

.color-select {
  min-width: 120px;
}

.color-select-title {
  color: #666;
  font-size: 12px;
}

.hoostd-bottom img {
  max-width: 300px;
}

.layout-table.select-parts-table tr td {
  vertical-align: top;
}

.parts-sel-box-img img {
  max-width: 75px;
}

.hoostd-top .parts-sel-box-img img,
.hoostd-bottom .parts-sel-box-img img {
  max-width: 100px;
}

#hoosttype .parts-sel-box-img img {
  max-width: 75px;
}

.partsimgtd {
  text-align: center;
}
.partsimgtd img {
  max-height: 75px;
}

/* Page: pwchange  */
#pwchange #main-area {
  border: 1px solid #999;
  border-style: solid none none none;
}
#pwchange div.bar-area #btn-form-clear {
  float: right;
  margin-top: 10px;
}
#pwchange .table-area {
  width: 580px;
  border: 1px solid #CCC;
  margin: 20px auto 10px;
  padding: 10px;
}
#pwchange .table-normal {
  margin: 0;
  border-style: none;
}
#pwchange .table-normal tbody {
  margin: 10px;
}
#pwchange .table-normal td, #pwchange .table-normal th {
  border-style: none;
}
#pwchange .table-normal th {
  padding: 1px 5px 1px 10px;
  background: none;
}
#pwchange .table-normal th div {
  font-size: 16px;
  width: 150px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #DDD;
}
#pwchange .table-normal input.input-txt {
  width: 350px;
}

/* Page: pwchange  */
#mailsetting #main-area {
  border: 1px solid #999;
  border-style: solid none none none;
}
#mailsetting div.bar-area #btn-form-clear {
  float: right;
  margin-top: 10px;
}
#mailsetting .table-area {
  width: 630px;
  border: 1px solid #CCC;
  margin: 20px auto 10px;
  padding: 10px;
}
#mailsetting .table-normal.table-nowmail th {
  padding: 20px 5px 20px 10px;
}
#mailsetting .table-normal.table-nowmail th div {
  background: #EEE;
}
#mailsetting .table-normal.table-nowmail td {
  padding: 20px 0px 20px 0px;
}
#mailsetting .table-normal.table-nowmail td div {
  width: 395px;
  padding: 0 10px;
  display: block;
  background: #EEE;
  min-height: 34px;
  line-height: 34px;
  font-size: 14px;
}
#mailsetting .table-normal {
  margin: 0;
  border-style: none;
}
#mailsetting .table-normal tbody {
  margin: 10px;
}
#mailsetting .table-normal td, #mailsetting .table-normal th {
  border-style: none;
}
#mailsetting .table-normal th {
  padding: 1px 5px 1px 10px;
  background: none;
}
#mailsetting .table-normal th div {
  font-size: 16px;
  width: 150px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  background: #DDD;
  font-size: 14px;
}
#mailsetting .table-normal input.input-txt {
  width: 400px;
}
/**/
#itemsearch .btn-search-item {
    margin-top: -43px!important;
    margin-right: 82px!important;
}
#search-pd-condition-table tr:nth-child(4){
height:45px!important;
}

/**/
.search-area table{
    width: 100%;
    margin-bottom: 20px;
}
.shokai-page .search-area table tr{
  background-color: #EEE;
}
.shokai-page .search-area table .radiolist-searchstatus li{
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
}

.shokai-page .search-area table .searchtxt-startdate,
.shokai-page .search-area table .searchtxt-enddate {
  width: 110px;
  height: 20px;
  font-size: 14px;
  padding: 0 0 0 10px;
  letter-spacing: 2px;
  margin-top:10px;
}
.shokai-page .search-area table #btn-search {
    float: right;
    margin: 3px 5px 3px 10px;
}

.shokai-page .search-area table .radiolist-searchstatus {
    list-style: none;
}
.shokai-page .search-area table tr {
    min-height: 40px;
}
.shokai-page .search-area table td {
    padding-left: 10px;
    padding-right: 10px;
}

.shokai-page .search-area table img.ui-datepicker-trigger {
    width: 23px;
    vertical-align: middle;
    display: inline-block;
    margin: -7px 5px 0;
}

/**/
#downloadinvoice #table-sample tr:nth-child(1) td:nth-child(1){
  width: 60px;
}
#downloadinvoice #table-sample tr:nth-child(1) td:nth-child(2){
    width: 50px;
}
#downloadinvoice #table-sample td{

    font-size:15px;
}
/**/
table.cart-shiharaitable ,table.cart-shiharaitable td{
  border:none!important;
}
table.cart-shiharaitable td { font-size:11px; vertical-align:top;}