<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
input, textarea, keygen, select, button {
  margin: 0;
  padding: 0;
  /*font-size: 100%;*/
}

input[type=checkbox] {
  font-size: 1rem;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html {
  overflow: auto;
}

body {
  overflow: hidden;
  min-width: 1024px;
/*
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
*/
  font-family: 'Monotype Modern W01 Ext', "Times New Roman", Times, 'Yu Mincho TT R', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
  color: #333333;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 160%;
  background: #FFF;
}

.pagetop {
  position: fixed;
  background: #252525;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
}
.pagetop a {
  display: block;
  padding: 9px 13px;
  color: #FFF;
}

.fw * {
  box-sizing: border-box;
}
.fw h1, .fw h2, .fw h3, .fw h4, 
.fw header, .fw footer, 
.fw #container #side, 
.fw #container #contents .rb {
  font-family: 'Monotype Modern W01 Ext', "Times New Roman", Times, 'Yu Mincho TT R', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
}
.fw a {
  cursor: pointer;
  color: #f74902;
  text-decoration: none;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.fw a:hover {
  text-decoration: underline;
}
.fw img, .fw object {
  max-width: 100%;
  height: auto;
}
.fw section:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw h1 {
  font-size: 30px;
  font-size: 1.875rem;
}
.fw h2 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px;
}
.fw h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.fw h4 {
  font-size: 16px;
  font-size: 1.0rem;
  margin-bottom: 10px;
}
.fw header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #FFF;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.fw header .left figure {
  float: left;
  padding: 13px 0 5px 10px;
}
.fw header .left figure a {
  text-decoration: none;
}
.fw header .left figure img {
  height: 16px;
  /* margin-right: 10px; */
  /* display: none; */
}
.fw header .left figure span {
  color: #333;
  font-size: 16px;
  /* font-size: 1.125rem; */
  padding-left: 1rem;
}
.fw header .left #open {
  float: left;
  height: 45px;
  width: 45px;
  position: relative;
  background: #FFF;
}
.fw header .left #open a {
  margin: 8px;
  width: 28px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.fw header .left #open a span {
  transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  -webkit-transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  width: 15px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 6px;
}
.fw header .left #open a span.top {
  top: 50%;
  margin-top: -6px;
  transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
}
.fw header .left #open a span.middle {
  top: 50%;
  left: -100px;
}
.fw header .left #open a span.bottom {
  bottom: 50%;
  margin-bottom: -6px;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
}
.fw header .left #open.menuOpen a span {
  width: 18px;
}
.fw header .left #open.menuOpen a span.top {
  top: 30%;
  margin-top: -1px;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
}
.fw header .left #open.menuOpen a span.middle {
  left: 6px;
  margin-top: -1px;
}
.fw header .left #open.menuOpen a span.bottom {
  bottom: 30%;
  margin-bottom: -1px;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
}
.fw header .right &gt; span {
  display: block;
  float: right;
  font-size: 0.75rem;   padding: 15px 15px 0;
}
.fw header .right &gt; a {
  display: inline-block;
  float: right;
  padding: 13px 0 0 3px;
  background: #eae9e9;
  width: 45px;
  height: 45px;
  text-align: center;
  margin: 0;
  color: #333;
}
.fw header .right &gt; a:hover {
  color: #000;
  background: #dbd8d8;
  text-decoration: none;
}
.fw header .right &gt; a.user {
  width: inherit;
  padding: 10px;
}
.fw #container header {
  display: none;
}
.fw .systemManage {
  position: fixed;
  right: 0px;
  top: 95px;
  background: #252525;
  border-radius: 4px 0 0 4px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.fw .systemManage a {
  display: block;
  color: #252525;
  padding: 12px 15px;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.fw .systemManage a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.fw footer {
  padding: 20px 0;
  text-align: center;
}
.fw #container &gt; .inner {
  padding: 20px 0;
}
.fw #container #contents {
  float: inherit;
  margin-left: 175px;
  padding: 45px 0 25px;
  overflow-x: auto; /*scroll;*/ 
  font-size: 0.7rem;
}
.fw #container #contents #contentsbody {
  padding: 20px;
}
.fw #container #contents.max {
  float: inherit;
  width: 100%;
  margin-left: 0px;
}
.fw #container #contents.menuOpen {
  margin-left: 46px;
}
.fw #container #side {
  width: 175px;
  height: 100%;
  float: inherit;
  position: fixed;
  top: 46px;
  left: 0;
  /*background: #FFF;*/
  z-index: 9999;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.fw #container #side.menuOpen {
  width: 45px;
}
.fw #container #side.menuOpen &gt; ul &gt; li &gt; a span{
  display: none;
}
.fw #container #side.menuOpen &gt; ul &gt; li:hover {
  width: 175px;
  background: rgba(255, 255, 255, 0.9);
  /*background: #FFF;*/
}
.fw #container #side.menuOpen &gt; ul &gt; li:hover span {
  display: inline-block !important;
}
.fw #container #side.menuOpen &gt; ul &gt; li:hover .j_menuDetail {
  display: block !important;
  width: 175px;
}
.fw #container #side.menuOpen &gt; ul &gt; li &gt; a:hover {
  width: 175px;
}
.fw #container #side.menuOpen &gt; ul &gt; li &gt; a:after {
  display: none;
}
/*
.fw #container #side.menuOpen &gt; ul &gt; li.active .j_menuDetail {
  display: none;
}
*/
.fw #container #side a {
  color: #252525;
}
.fw #container #side &gt; ul &gt; li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.fw #container #side &gt; ul &gt; li:last-child {
  border-bottom: none;
}
.fw #container #side &gt; ul &gt; li &gt; a {
  display: block;
  padding: 15px 13px;
  line-height: 1;
  position: relative;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.fw #container #side &gt; ul &gt; li &gt; a:hover {
  /*background: #f6f5f5;*/
  text-decoration: none;
  cursor: default;
}
.fw #container #side &gt; ul &gt; li &gt; a i {
  display: none;
}
.fw #container #side.menuOpen &gt; ul &gt; li &gt; a i {
  display: block;
  width: 20px;
  text-align: center;
  /* margin-right: 5px;*/
  font-size: 1rem;
}
.fw #container #side.menuOpen &gt; ul &gt; li:hover &gt; a i {
  display: none;
}


.fw #container #side.menuOpen &gt; ul &gt; li &gt; a span  {
  display: none;
}
.fw #container #side.menuOpen &gt; ul &gt; li:hover &gt; a span, 
.fw #container #side &gt; ul &gt; li &gt; a span {
  display: inline-block;
  margin-left: 5px;
  font-size: 1rem;
}
.fw #container #side &gt; ul &gt; li &gt; a span.rb, 
.fw #container #side.menuOpen &gt; ul &gt; li &gt; a span.rb {
  font-size: 0.75rem;
}
/*.fw #container #side &gt; ul &gt; li &gt; a:after {
  position: absolute;
  font-family: FontAwesome;
  top: 18px;
  right: 20px;
  content: "\f105";
  font-size: 0.9rem;
}*/
.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn:before {
  display: none;
}
/*
.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn:after {
  content: "\f107";
}

.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn.active {
  background: #FFF;
}

.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn.active:after {
  content: "\f106";
}
.fw #container #side &gt; ul &gt; li &gt; a.j_menuBtn:hover {
  background: #FFF;
}
*/
.fw #container #side &gt; ul &gt; li.active &gt; a {
  /*background: #FFF;*/
  position: relative;
}
.fw #container #side &gt; ul &gt; li.active &gt; a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: -6px;
  margin-top: -6px;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
  border-top: 6px solid transparent;
}
.fw #container #side &gt; ul &gt; li .j_menuDetail {
  display: block;
  margin-bottom: 6px;
}
.fw #container #side.menuOpen &gt; ul &gt; li .j_menuDetail {
  display: none;
  border: none;
  padding: 0px;
}
.fw #container #side &gt; ul &gt; li .j_menuDetail li a {
  display: block;
  padding: 5px 10px 6px 35px;
  font-size: 0.75rem;
  display: block;
}
.fw #container #side &gt; ul &gt; li .j_menuDetail li a:hover {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.fw .inner {
  width: 1024px;
  margin: 0 auto;
}
.fw .inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw .clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw .clearfix {
  min-height: 1px;
}
.fw * html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}
.fw .breadCrumb {
  margin-bottom: 10px;
}
.fw .secWrap {
  margin-top: 10px;
}
.fw .secWrap .secWrapInner {
  padding: 16px 20px;
  background: #FFF;
  /*box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);*/
  border-bottom: 1px solid #d0d0d0;
}
.fw .secWrap .secWrapInner h2 {
  margin: -20px -20px 20px;
  padding: 15px 15px 13px;
  font-size: 16px;
  font-size: 1rem;
  border-bottom: 1px solid #d0d0d0;
  background: #eae9e9;
}

@media only screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }

  .pc {
    display: none;
  }

  .sp {
    display: none;
  }

  .tb {
    display: inline-block;
  }

  .fw a:hover {
    text-decoration: none;
  }
  .fw header .right #open {
    display: block;
  }
  .fw #container .inner {
    padding: 0 10px;
  }
  .fw #container #contents {
    float: inherit;
  }
  .fw #container #contents.max {
    float: inherit;
    width: 100%;
  }
  .fw #container #side {
    float: inherit;
  }
  .fw .inner {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  body {
    min-width: 320px;
  }

  .pc {
    display: none;
  }

  .tb {
    display: none;
  }

  .sp {
    display: inline-block;
  }

  .fw a:hover {
    text-decoration: none;
  }
  .fw header .left #open a span {
    width: 18px;
  }
  .fw header .left #open a span.top {
    top: 30%;
    margin-top: -1px;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  .fw header .left #open a span.middle {
    left: 6px;
    margin-top: -1px;
  }
  .fw header .left #open a span.bottom {
    bottom: 30%;
    margin-bottom: -1px;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  .fw header .left #open.menuOpen a span {
    width: 18px;
  }
  .fw header .left #open.menuOpen a span.top {
    top: 30%;
    margin-top: -1px;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  .fw header .left #open.menuOpen a span.middle {
    left: 6px;
    margin-top: -1px;
  }
  .fw header .left #open.menuOpen a span.bottom {
    bottom: 30%;
    margin-bottom: -1px;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
  .fw header .left #open.menuOpenSp a span {
    width: 15px;
  }
  .fw header .left #open.menuOpenSp a span.top {
    top: 50%;
    margin-top: -6px;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
  }
  .fw header .left #open.menuOpenSp a span.middle {
    top: 50%;
    left: -100px;
  }
  .fw header .left #open.menuOpenSp a span.bottom {
    bottom: 50%;
    margin-bottom: -6px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
  }
  .fw header .right &gt; span.user {
    width: 100%;
    padding: 5px;
    text-align: center;
    position: fixed;
    top: 40px;
    left: 0;
    background: #eae9e9;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  }
  .fw #container .inner {
    padding: 0 10px;
  }
  .fw #container #contents {
    float: inherit;
    width: 100%;
    padding: 90px 20px 20px;
    margin-left: 0;
  }
  .fw #container #contents.max {
    float: inherit;
    width: 100%;
  }
  .fw #container #contents.menuOpen {
    margin-left: 0;
  }
  .fw #container #side {
    width: 175px;
    float: inherit;
    left: -230px;
  }
  .fw #container #side.menuOpen {
    left: -230px;
    width: 175px;
  }
  .fw #container #side.menuOpen &gt; ul &gt; li &gt; a span {
    display: inline-block;
  }
  .fw #container #side.menuOpenSp {
    left: 0;
  }
  .fw .inner {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
}
.fw .mt0 {
  margin-top: 0px !important;
}
.fw .mt5 {
  margin-top: 5px !important;
}
.fw .mt10 {
  margin-top: 10px !important;
}
.fw .mt15 {
  margin-top: 15px !important;
}
.fw .mt20 {
  margin-top: 20px !important;
}
.fw .mt25 {
  margin-top: 25px !important;
}
.fw .mt30 {
  margin-top: 30px !important;
}
.fw .mt35 {
  margin-top: 35px !important;
}
.fw .mt40 {
  margin-top: 40px !important;
}
.fw .mt45 {
  margin-top: 45px !important;
}
.fw .mt50 {
  margin-top: 50px !important;
}
.fw .mr0 {
  margin-right: 0px !important;
}
.fw .mr5 {
  margin-right: 5px !important;
}
.fw .mr10 {
  margin-right: 10px !important;
}
.fw .mr15 {
  margin-right: 15px !important;
}
.fw .mr20 {
  margin-right: 20px !important;
}
.fw .mr25 {
  margin-right: 25px !important;
}
.fw .mr30 {
  margin-right: 30px !important;
}
.fw .mr35 {
  margin-right: 35px !important;
}
.fw .mr40 {
  margin-right: 40px !important;
}
.fw .mr45 {
  margin-right: 45px !important;
}
.fw .mr50 {
  margin-right: 50px !important;
}
.fw .mb0 {
  margin-bottom: 0px !important;
}
.fw .mb5 {
  margin-bottom: 5px !important;
}
.fw .mb10 {
  margin-bottom: 10px !important;
}
.fw .mb15 {
  margin-bottom: 15px !important;
}
.fw .mb20 {
  margin-bottom: 20px !important;
}
.fw .mb25 {
  margin-bottom: 25px !important;
}
.fw .mb30 {
  margin-bottom: 30px !important;
}
.fw .mb35 {
  margin-bottom: 35px !important;
}
.fw .mb40 {
  margin-bottom: 40px !important;
}
.fw .mb45 {
  margin-bottom: 45px !important;
}
.fw .mb50 {
  margin-bottom: 50px !important;
}
.fw .ml0 {
  margin-left: 0px !important;
}
.fw .ml5 {
  margin-left: 5px !important;
}
.fw .ml10 {
  margin-left: 10px !important;
}
.fw .ml15 {
  margin-left: 15px !important;
}
.fw .ml20 {
  margin-left: 20px !important;
}
.fw .ml25 {
  margin-left: 25px !important;
}
.fw .ml30 {
  margin-left: 30px !important;
}
.fw .ml35 {
  margin-left: 35px !important;
}
.fw .ml40 {
  margin-left: 40px !important;
}
.fw .ml45 {
  margin-left: 45px !important;
}
.fw .ml50 {
  margin-left: 50px !important;
}
.fw .pt0 {
  padding-top: 0px !important;
}
.fw .pt5 {
  padding-top: 5px !important;
}
.fw .pt10 {
  padding-top: 10px !important;
}
.fw .pt15 {
  padding-top: 15px !important;
}
.fw .pt20 {
  padding-top: 20px !important;
}
.fw .pt25 {
  padding-top: 25px !important;
}
.fw .pt30 {
  padding-top: 30px !important;
}
.fw .pt35 {
  padding-top: 35px !important;
}
.fw .pt40 {
  padding-top: 40px !important;
}
.fw .pt45 {
  padding-top: 45px !important;
}
.fw .pt50 {
  padding-top: 50px !important;
}
.fw .pr0 {
  padding-right: 0px !important;
}
.fw .pr5 {
  padding-right: 5px !important;
}
.fw .pr10 {
  padding-right: 10px !important;
}
.fw .pr15 {
  padding-right: 15px !important;
}
.fw .pr20 {
  padding-right: 20px !important;
}
.fw .pr25 {
  padding-right: 25px !important;
}
.fw .pr30 {
  padding-right: 30px !important;
}
.fw .pr35 {
  padding-right: 35px !important;
}
.fw .pr40 {
  padding-right: 40px !important;
}
.fw .pr45 {
  padding-right: 45px !important;
}
.fw .pr50 {
  padding-right: 50px !important;
}
.fw .pb0 {
  padding-bottom: 0px !important;
}
.fw .pb5 {
  padding-bottom: 5px !important;
}
.fw .pb10 {
  padding-bottom: 10px !important;
}
.fw .pb15 {
  padding-bottom: 15px !important;
}
.fw .pb20 {
  padding-bottom: 20px !important;
}
.fw .pb25 {
  padding-bottom: 25px !important;
}
.fw .pb30 {
  padding-bottom: 30px !important;
}
.fw .pb35 {
  padding-bottom: 35px !important;
}
.fw .pb40 {
  padding-bottom: 40px !important;
}
.fw .pb45 {
  padding-bottom: 45px !important;
}
.fw .pb50 {
  padding-bottom: 50px !important;
}
.fw .pl0 {
  padding-left: 0px !important;
}
.fw .pl5 {
  padding-left: 5px !important;
}
.fw .pl10 {
  padding-left: 10px !important;
}
.fw .pl15 {
  padding-left: 15px !important;
}
.fw .pl20 {
  padding-left: 20px !important;
}
.fw .pl25 {
  padding-left: 25px !important;
}
.fw .pl30 {
  padding-left: 30px !important;
}
.fw .pl35 {
  padding-left: 35px !important;
}
.fw .pl40 {
  padding-left: 40px !important;
}
.fw .pl45 {
  padding-left: 45px !important;
}
.fw .pl50 {
  padding-left: 50px !important;
}
.fw .mg0 {
  margin: 0px !important;
}
.fw .mg5 {
  margin: 5px !important;
}
.fw .mg10 {
  margin: 10px !important;
}
.fw .mg15 {
  margin: 15px !important;
}
.fw .mg20 {
  margin: 20px !important;
}
.fw .mg25 {
  margin: 25px !important;
}
.fw .mg30 {
  margin: 30px !important;
}
.fw .mg35 {
  margin: 35px !important;
}
.fw .mg40 {
  margin: 40px !important;
}
.fw .mg45 {
  margin: 45px !important;
}
.fw .mg50 {
  margin: 50px !important;
}
.fw .pd0 {
  padding: 0px !important;
}
.fw .pd5 {
  padding: 5px !important;
}
.fw .pd10 {
  padding: 10px !important;
}
.fw .pd15 {
  padding: 15px !important;
}
.fw .pd20 {
  padding: 20px !important;
}
.fw .pd25 {
  padding: 25px !important;
}
.fw .pd30 {
  padding: 30px !important;
}
.fw .pd35 {
  padding: 35px !important;
}
.fw .pd40 {
  padding: 40px !important;
}
.fw .pd45 {
  padding: 45px !important;
}
.fw .pd50 {
  padding: 50px !important;
}
.fw .textL {
  text-align: left !important;
}
.fw .textC {
  text-align: center !important;
}
.fw .textR {
  text-align: right !important;
}
.fw .textRed {
  color: #e84e40 !important;
}
.fw .textBlue {
  color: #03a9f4 !important;
}
.fw .fontLL {
  font-size: 20px;
  font-size: 1.25rem;
}
.fw .fontL {
  font-size: 16px;
  font-size: 1rem;
}
.fw .fontM {
  font-size: 14px;
  font-size: 0.875rem;
}
.fw .fontS {
  font-size: 11px;
  font-size: 0.6875rem;
}
.fw .fontSS {
  font-size: 10px;
  font-size: 0.6rem;
}
.fw .fontB {
  font-weight: bold !important;
}
.fw .solidT {
  border-top: 1px solid #f74902;
}
.fw .solidL {
  border-left: 1px solid #f74902;
}
.fw .solidB {
  border-bottom: 1px solid #f74902;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fw .solidR {
  border-right: 1px solid #f74902;
}
.fw .dottedT {
  border-top: 1px dotted #f74902;
}
.fw .dottedL {
  border-left: 1px dotted #f74902;
}
.fw .dottedB {
  border-bottom: 1px dotted #f74902;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fw .dottedR {
  border-left: 1px dotted #f74902;
}
.fw .solidGT {
  border-top: 1px solid #d0d0d0;
}
.fw .solidGL {
  border-left: 1px solid #d0d0d0;
}
.fw .solidGB {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fw .solidGR {
  border-right: 1px solid #d0d0d0;
}
.fw .dottedGT {
  border-top: 1px dotted #d0d0d0;
}
.fw .dottedGL {
  border-left: 1px dotted #d0d0d0;
}
.fw .dottedGB {
  border-bottom: 1px dotted #d0d0d0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fw .dottedGR {
  border-left: 1px dotted #d0d0d0;
}
.fw .left {
  float: left;
}
.fw .right {
  float: right;
}
.fw ul.disc {
  line-height: 140%;
}
.fw ul.disc &gt; li {
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 1em;
}
.fw ul.disc &gt; li:before {
  content: "・";
}
.fw ul.notice {
  line-height: 140%;
}
.fw ul.notice &gt; li {
  margin-bottom: 5px;
  text-indent: -0.5em;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.fw ul.notice &gt; li:before {
  content: "※";
  display: inline-block;
  width: 0.5em;
}
.fw ol {
  line-height: 140%;
  list-style-type: decimal;
}
.fw ol &gt; li {
  margin-left: 1.7em;
  margin-bottom: 5px;
}
.fw ol.bracket {
  list-style-type: none;
}
.fw ol.bracket &gt; li {
  text-indent: -2.5em;
  margin-left: 2em;
}
.fw ol.bracket &gt; li:nth-child(1):before {
  content: "（1）";
}
.fw ol.bracket &gt; li:nth-child(2):before {
  content: "（2）";
}
.fw ol.bracket &gt; li:nth-child(3):before {
  content: "（3）";
}
.fw ol.bracket &gt; li:nth-child(4):before {
  content: "（4）";
}
.fw ol.bracket &gt; li:nth-child(5):before {
  content: "（5）";
}
.fw ol.bracket &gt; li:nth-child(6):before {
  content: "（6）";
}
.fw ol.bracket &gt; li:nth-child(7):before {
  content: "（7）";
}
.fw ol.bracket &gt; li:nth-child(8):before {
  content: "（8）";
}
.fw ol.bracket &gt; li:nth-child(9):before {
  content: "（9）";
}
.fw ol.bracket &gt; li:nth-child(10):before {
  content: "（10）";
}
.fw ol.bracket &gt; li:nth-child(11):before {
  content: "（11）";
}
.fw ol.bracket &gt; li:nth-child(12):before {
  content: "（12）";
}
.fw ol.bracket &gt; li:nth-child(13):before {
  content: "（13）";
}
.fw ol.bracket &gt; li:nth-child(14):before {
  content: "（14）";
}
.fw ol.bracket &gt; li:nth-child(15):before {
  content: "（15）";
}
.fw ol.bracket &gt; li:nth-child(16):before {
  content: "（16）";
}
.fw ol.bracket &gt; li:nth-child(17):before {
  content: "（17）";
}
.fw ol.bracket &gt; li:nth-child(18):before {
  content: "（18）";
}
.fw ol.bracket &gt; li:nth-child(19):before {
  content: "（19）";
}
.fw ol.bracket &gt; li:nth-child(20):before {
  content: "（20）";
}
.fw ol.bracket &gt; li:nth-child(21):before {
  content: "（21）";
}
.fw table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.fw table th, .fw table td {
  padding: 10px;
}
.fw table th span {
  display: block;
}
.fw table th span.rb {
  font-size: .9em;
  display: block;
  line-height: 1em;
}
.fw table td.nowrap, 
.fw table td &gt; span.nowrap {
  white-space: nowrap;
}
.fw table.horizon th, .fw table.horizon td {
  border-bottom: 1px solid #d0d0d0;
}
.fw table.horizon th {
  font-weight: bold;
}
.fw table.horizon thead th, .fw table.horizon thead td {
  border-bottom: 2px solid #d0d0d0;
}
.fw table.vertical th {
  border-right: 2px solid #d0d0d0;
  font-weight: bold;
}
.fw table.vertical td {
  border-right: 1px solid #d0d0d0;
}
.fw table.vertical td:last-child {
  border-right: none;
}
.fw table.around th {
  border: 1px solid #d0d0d0;
  font-weight: bold;
  white-space: nowrap;
  font-size: 0.6rem;
}
.fw table.around td {
  border: 1px solid #d0d0d0;
}
.fw table.around thead th, .fw table.around thead td {
  border-bottom: 1px solid #d0d0d0;
}
.fw table.around thead th.ct, .fw table.around thead td.ct {
  background: #eae9e9;
}
.fw table.around thead tr:last-child, .fw table.around thead tr:last-child {
  border-bottom: 2px solid #d0d0d0;
}
.fw table.around th &gt; span,
.fw table.around td &gt; span {
  display: list-item;
  list-style-type: none;
  border-bottom: 1px solid #d0d0d0;
  width: 100%;
}
.fw table.around th &gt; span:last-child,
.fw table.around td &gt; span:last-child {
  border-bottom: none;
}
/*
.fw table.around td.nowrap, 
.fw table.around td &gt; span.nowrap {
  white-space: nowrap;
}
*/
.fw table.stripe tbody tr:nth-child(odd) th, .fw table.stripe tbody tr:nth-child(odd) td {
  background: #eae9e9;
}
.fw table.cursor tr:hover td {
  background: #dbd8d8 !important;
}
.fw table.cursor tr:hover:nth-child(odd) td {
  background: #dbd8d8 !important;
}
.fw table tbody tr.coler th, .fw table tbody tr.coler td {
  background: #eae9e9;
}
.fw table tbody tr.alert td,  
.fw table tbody tr.alert:nth-child(odd) td {
  background: #ffbccc;
}
.fw table tbody tr.alert:hover td, 
.fw table tbody tr.alert:hover:nth-child(odd) td {
  background: #ff96ae !important;
} 
.fw .tableResponsive {
  overflow-x: auto;
}
.fw .tableResponsive table {
  /*width: 764px;*/
}
.fw .box {
  /*background: #eae9e9;*/
  padding: 10px;
}
.fw .boxLine {
  border: 1px solid #d0d0d0;
  padding: 10px;
}
.fw .col {
  display: block;
  margin: 0 -10px 20px -10px;
}
.fw .col:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw .col &gt; div, .fw .col &gt; p {
  overflow: hidden;
}
.fw .col &gt; .col1 {
  width: 8.33333%;
}
.fw .col &gt; .col2 {
  width: 16.66667%;
}
.fw .col &gt; .col3 {
  width: 25%;
}
.fw .col &gt; .col4 {
  width: 33.33333%;
}
.fw .col &gt; .col5 {
  width: 41.66667%;
}
.fw .col &gt; .col6 {
  width: 50%;
}
.fw .col &gt; .col7 {
  width: 58.33333%;
}
.fw .col &gt; .col8 {
  width: 66.66667%;
}
.fw .col &gt; .col9 {
  width: 75.0%;
}
.fw .col &gt; .col10 {
  width: 83.33333%;
}
.fw .col &gt; .col11 {
  width: 91.66667%;
}
.fw .col &gt; .col12 {
  width: 100%;
}
.fw .col &gt; .colper5 {
  width: 20%;
}
.fw .col &gt; .col1, .fw .col &gt; .col2, .fw .col &gt; .col3, .fw .col &gt; .col4, .fw .col &gt; .col5, .fw .col &gt; .col6, .fw .col &gt; .col7, .fw .col &gt; .col8, .fw .col &gt; .col9, .fw .col &gt; .col10, .fw .col &gt; .col11, .fw .col &gt; .col12, .fw .col &gt; .colper5 {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.fw .col.colMg0 {
  margin: 0 0px 20px 0px;
}
.fw .col.colMg0 &gt; .col1, .fw .col.colMg0 &gt; .col2, .fw .col.colMg0 &gt; .col3, .fw .col.colMg0 &gt; .col4, .fw .col.colMg0 &gt; .col5, .fw .col.colMg0 &gt; .col6, .fw .col.colMg0 &gt; .col7, .fw .col.colMg0 &gt; .col8, .fw .col.colMg0 &gt; .col9, .fw .col.colMg0 &gt; .col10, .fw .col.colMg0 &gt; .col11, .fw .col.colMg0 &gt; .col12, .fw .col.colMg0 &gt; .colper5 {
  padding-left: 0px;
  padding-right: 0px;
}
.fw .col.colMg10 {
  margin: 0 -5px 20px -5px;
}
.fw .col.colMg10 &gt; .col1, .fw .col.colMg10 &gt; .col2, .fw .col.colMg10 &gt; .col3, .fw .col.colMg10 &gt; .col4, .fw .col.colMg10 &gt; .col5, .fw .col.colMg10 &gt; .col6, .fw .col.colMg10 &gt; .col7, .fw .col.colMg10 &gt; .col8, .fw .col.colMg10 &gt; .col9, .fw .col.colMg10 &gt; .col10, .fw .col.colMg10 &gt; .col11, .fw .col.colMg10 &gt; .col12, .fw .col.colMg10 &gt; .colper5 {
  padding-left: 5px;
  padding-right: 5px;
}
.fw .col.colMg20 {
  margin: 0 -10px 20px -10px;
}
.fw .col.colMg20 &gt; .col1, .fw .col.colMg20 &gt; .col2, .fw .col.colMg20 &gt; .col3, .fw .col.colMg20 &gt; .col4, .fw .col.colMg20 &gt; .col5, .fw .col.colMg20 &gt; .col6, .fw .col.colMg20 &gt; .col7, .fw .col.colMg20 &gt; .col8, .fw .col.colMg20 &gt; .col9, .fw .col.colMg20 &gt; .col10, .fw .col.colMg20 &gt; .col11, .fw .col.colMg20 &gt; .col12, .fw .col.colMg20 &gt; .colper5 {
  padding-left: 10px;
  padding-right: 10px;
}
.fw .col.colMg30 {
  margin: 0 -15px 20px -15px;
}
.fw .col.colMg30 &gt; .col1, .fw .col.colMg30 &gt; .col2, .fw .col.colMg30 &gt; .col3, .fw .col.colMg30 &gt; .col4, .fw .col.colMg30 &gt; .col5, .fw .col.colMg30 &gt; .col6, .fw .col.colMg30 &gt; .col7, .fw .col.colMg30 &gt; .col8, .fw .col.colMg30 &gt; .col9, .fw .col.colMg30 &gt; .col10, .fw .col.colMg30 &gt; .col11, .fw .col.colMg30 &gt; .col12, .fw .col.colMg30 &gt; .colper5 {
  padding-left: 15px;
  padding-right: 15px;
}
.fw .col.colMg40 {
  margin: 0 -20px 20px -20px;
}
.fw .col.colMg40 &gt; .col1, .fw .col.colMg40 &gt; .col2, .fw .col.colMg40 &gt; .col3, .fw .col.colMg40 &gt; .col4, .fw .col.colMg40 &gt; .col5, .fw .col.colMg40 &gt; .col6, .fw .col.colMg40 &gt; .col7, .fw .col.colMg40 &gt; .col8, .fw .col.colMg40 &gt; .col9, .fw .col.colMg40 &gt; .col10, .fw .col.colMg40 &gt; .col11, .fw .col.colMg40 &gt; .col12, .fw .col.colMg40 &gt; .colper5 {
  padding-left: 20px;
  padding-right: 20px;
}
.fw .col.colMg50 {
  margin: 0 -25px 20px -25px;
}
.fw .col.colMg50 &gt; .col1, .fw .col.colMg50 &gt; .col2, .fw .col.colMg50 &gt; .col3, .fw .col.colMg50 &gt; .col4, .fw .col.colMg50 &gt; .col5, .fw .col.colMg50 &gt; .col6, .fw .col.colMg50 &gt; .col7, .fw .col.colMg50 &gt; .col8, .fw .col.colMg50 &gt; .col9, .fw .col.colMg50 &gt; .col10, .fw .col.colMg50 &gt; .col11, .fw .col.colMg50 &gt; .col12, .fw .col.colMg50 &gt; .colper5 {
  padding-left: 25px;
  padding-right: 25px;
}
.fw .col.colMg60 {
  margin: 0 -30px 20px -30px;
}
.fw .col.colMg60 &gt; .col1, .fw .col.colMg60 &gt; .col2, .fw .col.colMg60 &gt; .col3, .fw .col.colMg60 &gt; .col4, .fw .col.colMg60 &gt; .col5, .fw .col.colMg60 &gt; .col6, .fw .col.colMg60 &gt; .col7, .fw .col.colMg60 &gt; .col8, .fw .col.colMg60 &gt; .col9, .fw .col.colMg60 &gt; .col10, .fw .col.colMg60 &gt; .col11, .fw .col.colMg60 &gt; .col12, .fw .col.colMg60 &gt; .colper5 {
  padding-left: 30px;
  padding-right: 30px;
}
.fw .col.colMg70 {
  margin: 0 -35px 20px -35px;
}
.fw .col.colMg70 &gt; .col1, .fw .col.colMg70 &gt; .col2, .fw .col.colMg70 &gt; .col3, .fw .col.colMg70 &gt; .col4, .fw .col.colMg70 &gt; .col5, .fw .col.colMg70 &gt; .col6, .fw .col.colMg70 &gt; .col7, .fw .col.colMg70 &gt; .col8, .fw .col.colMg70 &gt; .col9, .fw .col.colMg70 &gt; .col10, .fw .col.colMg70 &gt; .col11, .fw .col.colMg70 &gt; .col12, .fw .col.colMg70 &gt; .colper5 {
  padding-left: 35px;
  padding-right: 35px;
}
.fw .col.colMg80 {
  margin: 0 -40px 20px -40px;
}
.fw .col.colMg80 &gt; .col1, .fw .col.colMg80 &gt; .col2, .fw .col.colMg80 &gt; .col3, .fw .col.colMg80 &gt; .col4, .fw .col.colMg80 &gt; .col5, .fw .col.colMg80 &gt; .col6, .fw .col.colMg80 &gt; .col7, .fw .col.colMg80 &gt; .col8, .fw .col.colMg80 &gt; .col9, .fw .col.colMg80 &gt; .col10, .fw .col.colMg80 &gt; .col11, .fw .col.colMg80 &gt; .col12, .fw .col.colMg80 &gt; .colper5 {
  padding-left: 40px;
  padding-right: 40px;
}
.fw .col.colMg90 {
  margin: 0 -45px 20px -45px;
}
.fw .col.colMg90 &gt; .col1, .fw .col.colMg90 &gt; .col2, .fw .col.colMg90 &gt; .col3, .fw .col.colMg90 &gt; .col4, .fw .col.colMg90 &gt; .col5, .fw .col.colMg90 &gt; .col6, .fw .col.colMg90 &gt; .col7, .fw .col.colMg90 &gt; .col8, .fw .col.colMg90 &gt; .col9, .fw .col.colMg90 &gt; .col10, .fw .col.colMg90 &gt; .col11, .fw .col.colMg90 &gt; .col12, .fw .col.colMg90 &gt; .colper5 {
  padding-left: 45px;
  padding-right: 45px;
}
.fw .col.colMg100 {
  margin: 0 -50px 20px -50px;
}
.fw .col.colMg100 &gt; .col1, .fw .col.colMg100 &gt; .col2, .fw .col.colMg100 &gt; .col3, .fw .col.colMg100 &gt; .col4, .fw .col.colMg100 &gt; .col5, .fw .col.colMg100 &gt; .col6, .fw .col.colMg100 &gt; .col7, .fw .col.colMg100 &gt; .col8, .fw .col.colMg100 &gt; .col9, .fw .col.colMg100 &gt; .col10, .fw .col.colMg100 &gt; .col11, .fw .col.colMg100 &gt; .col12, .fw .col.colMg100 &gt; .colper5 {
  padding-left: 50px;
  padding-right: 50px;
}
.fw .col.table {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 20px;
}
.fw .col .tableCell {
  float: inherit;
  display: table-cell;
  vertical-align: middle;
}
.fw .col &gt; .left, .fw .col &gt; .right {
  margin: 0 10px 0 10px;
}
.fw .arrow {
  display: inline-block;
  color: #333333;
}
.fw .arrow:before {
  content: "›";
  display: inline-block;
  margin-right: 2px;
  width: 10px;
  text-align: center;
  color: #f74902;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}
.fw .btn {
  display: inline-block;
  padding: 10px 12px;
  line-height: 1;
  text-align: center;
  color: #333333;
  letter-spacing: 0.05em;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  background: #FFF;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fw .btn.arrow {
  background-position: left center;
  background-repeat: no-repeat;
}
.fw .btn:before {
  background-position: left center;
  background-repeat: no-repeat;
}
.fw .btn.active {
  border: 1px solid #f74902;
}
.fw .btn.bgColor01 {
  background-color: #f74902;
  border: none;
  color: #FFF;
}
.fw .btn.bgColor01.arrow:before {
  color: #FFF;
}
.fw .btn.bgColor02 {
  background-color: #666;
  border: none;
  color: #FFF;
}
.fw .btn.bgColor02.arrow:before {
  color: #FFF;
}
.fw a.btn, .fw button.btn {
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  cursor: pointer;
}
.fw a.btn:hover, .fw button.btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  text-decoration: none;
}
.fw a.btn, .fw button.btn {
/*
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
*/
  font-family: 'Monotype Modern W01 Ext', "Times New Roman", Times, 'Yu Mincho TT R', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
}

.fw a.btn i, .fw button.btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.fw a.btn.add, .fw button.btn.add, 
.fw a.btn.copy, .fw button.btn.copy {
  color: #FFF;
  background: #84c13e;
  border: none;
  font-size: 0.7rem;
}
.fw a.btn.copy, .fw button.btn.copy {
}
.fw a.btn.edit, .fw button.btn.edit {
  color: #FFF;
  background: #f74902;
  border: none;
  font-size: 0.7rem;
}
.fw a.btn.delete, .fw button.btn.delete {
  color: #FFF;
  background: #999;
  border: none;
  font-size: 0.7rem;
}
.fw a.btn.search, .fw button.btn.search {
  color: #FFF;
  background: #f74902; /* #666; */
  border: none;
  font-size: 0.7rem;
}
.fw a.btn.map, .fw button.btn.map {
  color: #fff;
  background: #fcb703;
  border: none;
  font-size: 0.7rem;
}
.fw a.btn.btnM, .fw button.btn.btnM {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 9px 15px !important;
}
.fw a.btn.btnL, .fw button.btn.btnL {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 9px 15px !important;
}
.fw a.btn.btn2L, .fw button.btn.btn2L {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px 20px !important;
}
.fw a.btn.btn3L, .fw button.btn.btn3L {
  font-size: 16px;
  font-size: 1rem;
  padding: 11px 25px !important;
}

@media only screen and (max-width: 768px) {
  .fw table.cellBreak th, .fw table.cellBreak td {
    width: 100% !important;
    display: block;
  }
  .fw table.cellBreak th &gt; div, .fw table.cellBreak td &gt; div {
    width: 100% !important;
    display: inline-block;
  }
  .fw table.cellBreak th {
    background: #eae9e9;
  }
  .fw .seachBox.tableModal {
    margin: auto -10px;
  }
  .fw .seachBox.tableModal table.around tr th {
    width: auto;
  }
  .fw .seachBox.tableModal .btnWrap .btn {
    width: auto;
  }
  .fw .tableResponsive {
    overflow-x: auto;
  }
  .fw .tableResponsive table {
    width: 764px;
  }
  .fw .col .col2, .fw .col &gt; .col3, .fw .col &gt; .col4, .fw .col &gt; .col5, .fw .col &gt; .col6, .fw .col &gt; .col7, .fw .col &gt; .col8, .fw .col &gt; .col9, .fw .col &gt; .colper5 {
    width: 50%;
  }
  .fw .col &gt; .col1 {
    width: 25%;
  }
  .fw .col &gt; .col10 {
    width: 83.33333%;
  }
  .fw .col &gt; .col11 {
    width: 91.66667%;
  }
  .fw .col &gt; .col12 {
    width: 100%;
  }
  .fw .col.notBreak &gt; .col1 {
    width: 8.33333%;
  }
  .fw .col.notBreak &gt; .col2 {
    width: 16.66667%;
  }
  .fw .col.notBreak &gt; .col3 {
    width: 25%;
  }
  .fw .col.notBreak &gt; .col4 {
    width: 33.33333%;
  }
  .fw .col.notBreak &gt; .col5 {
    width: 41.66667%;
  }
  .fw .col.notBreak &gt; .col6 {
    width: 50%;
  }
  .fw .col.notBreak &gt; .col7 {
    width: 58.33333%;
  }
  .fw .col.notBreak &gt; .col8 {
    width: 66.66667%;
  }
  .fw .col.notBreak &gt; .col9 {
    width: 75.0%;
  }
  .fw .col.notBreak &gt; .col10 {
    width: 83.33333%;
  }
  .fw .col.notBreak &gt; .col11 {
    width: 91.66667%;
  }
  .fw .col.notBreak &gt; .col12 {
    width: 100%;
  }
  .fw .col.notBreak &gt; .colper5 {
    width: 20%;
  }
  .fw .arrow:before {
    font-size: 16px;
    font-size: 1rem;
  }
  .fw .btn.btnL {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  .fw .tableResponsive table {
    width: 636px;
  }
  .fw .col &gt; .col1, .fw .col &gt; .col2, .fw .col &gt; .col3, .fw .col &gt; .col4, .fw .col &gt; .col5, .fw .col &gt; .col6, .fw .col &gt; .col7, .fw .col &gt; .col8, .fw .col &gt; .col9, .fw .col &gt; .col10, .fw .col &gt; .col11, .fw .col &gt; .col12, .fw .col &gt; .colper5 {
    width: 100%;
  }
  .fw .col.notBreak &gt; .col1 {
    width: 8.33333%;
  }
  .fw .col.notBreak &gt; .col2 {
    width: 16.66667%;
  }
  .fw .col.notBreak &gt; .col3 {
    width: 25%;
  }
  .fw .col.notBreak &gt; .col4 {
    width: 33.33333%;
  }
  .fw .col.notBreak &gt; .col5 {
    width: 41.66667%;
  }
  .fw .col.notBreak &gt; .col6 {
    width: 50%;
  }
  .fw .col.notBreak &gt; .col7 {
    width: 58.33333%;
  }
  .fw .col.notBreak &gt; .col8 {
    width: 66.66667%;
  }
  .fw .col.notBreak &gt; .col9 {
    width: 75.0%;
  }
  .fw .col.notBreak &gt; .col10 {
    width: 83.33333%;
  }
  .fw .col.notBreak &gt; .col11 {
    width: 91.66667%;
  }
  .fw .col.notBreak &gt; .col12 {
    width: 100%;
  }
  .fw .col.notBreak &gt; .colper5 {
    width: 20%;
  }
  .fw .col .left, .fw .col .right {
    float: inherit;
  }
  .fw .arrow:before {
    font-size: 16px;
    font-size: 1rem;
  }
  .fw .btn.btnL {
    font-size: 16px;
    font-size: 1rem;
  }
}

.j_toggleBtn, .j_toggle dt {
  cursor: pointer;
  color: #f74902;
  text-decoration: none;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  display: block;
  padding: 14px 10px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  line-height: 1;
  background: #eae9e9;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
.j_toggleBtn:before, .j_toggle dt:before {
  content: "+";
  display: inline-block;
  margin-right: 5px;
  width: 10px;
  text-align: center;
}
.j_toggleBtn:hover, .j_toggle dt:hover {
  background-color: #d0d0d0;
}
.j_toggleBtn.active, .j_toggle dt.active {
  background-color: #d0d0d0;
}
.j_toggleBtn.active:before, .j_toggle dt.active:before {
  content: "-";
}
.j_toggleBtn:hover, .j_toggle dt:hover {
  text-decoration: none;
}

.j_toggleDetail, .j_toggle dd {
  padding: 20px;
  border: 1px solid #d0d0d0;
  border-top: none;
}

.j_tab ul {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
.j_tab ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.j_tab ul li {
  display: inline-block;
  float: left;
  margin: 0 4px -1px 0;
}
.j_tab ul li .j_tabBtn {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 1px 1px 0 0;
  border: 1px solid #d0d0d0;
  display: block;
  padding: 10px 20px;
  background: #eae9e9;
  color: #333333;
}
.j_tab ul li .j_tabBtn.active, .j_tab ul li .j_tabBtn:hover {
  color: #f74902;
  background: #FFF;
  border-bottom: 1px solid #FFF;
  text-decoration: none;
}
.j_tab.vertical:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.j_tab.vertical .left {
  border-bottom: none;
  margin-bottom: 0;
  position: relative;
  z-index: 10;
  width: 25%;
}
.j_tab.vertical .left li {
  display: block;
  float: none;
  margin: 0;
}
.j_tab.vertical .left li:first-child a {
  border-radius: 2px 0 0 0;
}
.j_tab.vertical .left li:last-child a {
  border-radius: 0 0 0 2px;
}
.j_tab.vertical .left li .j_tabBtn {
  margin-bottom: 4px;
  display: block;
  padding: 10px;
  margin-right: 4px;
}
.j_tab.vertical .left li .j_tabBtn:before {
  content: "›";
  display: inline-block;
  margin-right: 2px;
  width: 10px;
  text-align: center;
}
.j_tab.vertical .left li .j_tabBtn:hover, .j_tab.vertical .left li .j_tabBtn.active {
  text-decoration: none;
  margin-right: -1px;
  border: 1px solid #d0d0d0;
  border-right: 1px solid #FFF;
}
.j_tab.vertical .right {
  width: 75%;
}

.j_modalDetail {
  display: none;
}

#j_modalBox {
  position: absolute;
  left: 0;
  z-index: 10001;
  display: none;
  text-align: left;
  width: 100%;
  cursor: pointer;
}

#j_modalBoxInner {
  margin: 0 auto;
  background: #FFF;
  padding: 20px;
  position: relative;
  cursor: default;
}
#j_modalBoxInner.j_modalBoxImg {
  padding: 0;
  background: none;
}
#j_modalBoxInner.j_modalBoxMovie {
  padding: 0;
  background: none;
}

.j_modalImg {
  height: auto;
  max-width: 100%;
  display: block;
}

#j_modalBoxBg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 10000;
  display: none;
  cursor: pointer;
}

#j_modalBoxclose {
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 10000;
  cursor: pointer;
  color: #FFF;
  font-size: 40px;
  line-height: 1;
}
#j_modalBoxclose:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.j_tip {
  position: relative;
  display: inline-block;
}

.j_tipDetail {
  display: none;
  position: absolute;
  background: #f74902;
  color: #FFF;
  padding: 8px 8px 7px;
  border-radius: 2px;
  z-index: 10;
  line-height: 1;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.j_tipDetail:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.j_tipDetail.left:before {
  border-bottom: 4px solid transparent;
  border-left: 6px solid #f74902;
  border-top: 4px solid transparent;
  top: 50%;
  right: 0;
  margin: -4px -6px 0 0;
}
.j_tipDetail.top:before {
  border-top: 6px solid #f74902;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -6px;
  left: 10px;
}
.j_tipDetail.right:before {
  border-bottom: 4px solid transparent;
  border-right: 6px solid #f74902;
  border-top: 4px solid transparent;
  top: 50%;
  left: 0;
  margin: -4px 0 0  -6px;
}
.j_tipDetail.bottom:before {
  border-bottom: 6px solid #f74902;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -6px;
  left: 10px;
}

.j_popover {
  position: relative;
  display: inline-block;
}
.j_popover .j_popoverInner {
  display: none;
}
.j_popover .j_popoverBtn.popActive.btn {
  background: #d0d0d0;
}

.j_popoverDetail {
  display: none;
  position: absolute;
  border: 1px solid #d0d0d0;
  padding: 10px;
  background: #FFF;
  border-radius: 2px;
  z-index: 10;
  line-height: 1;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.j_popoverDetail:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.j_popoverDetail.left:before {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #CCC;
  border-top: 6px solid transparent;
  top: 50%;
  right: 0;
  margin: -6px -6px 0 0;
}
.j_popoverDetail.top:before {
  border-top: 6px solid #CCC;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  bottom: -6px;
  left: 10px;
}
.j_popoverDetail.right:before {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #CCC;
  border-top: 6px solid transparent;
  top: 50%;
  left: 0;
  margin: -6px 0 0  -6px;
}
.j_popoverDetail.bottom:before {
  border-bottom: 6px solid #CCC;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  #j_modalBoxInner {
    margin: 0 10px;
  }

  .j_modalBoxMovie .j_modalWrap {
    margin: 0 10px;
    height: 0px;
    position: relative;
    padding-bottom: 56.25%;
  }

  #j_modalBoxInner iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  #j_modalBoxclose {
    right: 0px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  #j_modalBoxInner {
    margin: 0 10px;
  }

  .j_modalBoxMovie .j_modalWrap {
    margin: 0 10px;
    height: 0px;
    position: relative;
    padding-bottom: 56.25%;
  }

  #j_modalBoxInner iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  #j_modalBoxclose {
    right: 0px;
    margin-right: 0;
  }
}
.fw .loginBox {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  margin-top: 70px;
}
.fw .loginBox .loginLogo {
  text-align: center;
  margin-bottom: 15px;
}
.fw .loginBox .loginLogo img {
  width: 180px;
}
.fw .loginBox .loginInner {
  width: 50%;
  max-width: 460px;
  margin: 0 auto;
  background: #FFF;
/*  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); */
  padding: 35px;
  border-radius: 2px;
}
.fw .loginBox .loginInner .loginTtl {
  line-height: 1;
  letter-spacing: 0.05em;
  margin: -21px -21px 20px -21px;
  background: #f74902;
  padding: 15px 20px 13px;
  color: #FFF;
  border-radius: 2px 2px 0px 0px;
  font-size: 16px;
  font-size: 1rem;
}
.fw .loginBox .loginInner .loginText {
  margin-bottom: 20px;
}
.fw .loginBox .loginInner .loginId, .fw .loginBox .loginInner .loginPass {
  margin-bottom: 20px;
}
.fw .loginBox .loginInner .loginId input, .fw .loginBox .loginInner .loginPass input {
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #d0d0d0;
}
.fw .loginBox .loginInner .loginRemember input {
  margin-right: 5px;
}
.fw .loginBox .loginInner .loginforget {
  text-align: right;
}
.fw .loginBox .loginInner .loginBtn {
  text-align: center;
}
.fw .loginBox .loginInner .loginBtn .btn {
  cursor: pointer;
  width: 60%;
  font-size: 14px;
  font-size: 0.875rem;
  background: #eae9e9;
  color: #333;
  /*box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3); */
}
.fw .loginBox .loginInner .loginBtn .btn &gt; i {
  font-size: inherit;
  font-size: 15px;
  font-size: 0.9375rem;
}
.fw .loginBox .loginInner .loginBtn .btn:hover {
  color: #000;
  background: #dbd8d8;
}
.fw .paging {
  text-align: center;
}
.fw .paging li {
  display: inline-block;
}
.fw .paging li a{
  display: inline-block;
  /*padding: 0 5px;*/
}
.fw .paging li span {
  display: inline-block;
}
.fw .paging.around:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw .paging.around li {
  float: left;
  margin-left: -1px;
  height: 31px;
}
.fw .paging.around li.total {
  padding: 7px 15px 7px 0;
}
.fw .paging.around li a:hover {
  text-decoration: none;
  background: #d0d0d0;
}
.fw .paging.around li.first,
.fw .paging.around li.prev,
.fw .paging.around li span.current,
.fw .paging.around li.next,
.fw .paging.around li.last,
.fw .paging.around li.number a 
 {
  background: #FFF;
  border: 1px solid #d0d0d0;
  padding: 4px 10px 5px;
}
.fw .paging.around li.first,
.fw .paging.around li.prev,
.fw .paging.around li.next,
.fw .paging.around li.last 
 {
  font-size: 1.0rem;
}
.fw .paging.around li.date {
  background: #FFF;
  border: 1px solid #d0d0d0;
  padding: 0;
}
.fw .paging.around li.date input[type="text"]
{
  font-size: 1em;
  /*line-height: 1.6;*/
  background: #FFF;
  border: none;
  height: 27px;
  /*padding: 7px 13px; */
  text-align: center;
  width: 100px;
}
.fw .ui-sortable .ui-sortable-handle {
  cursor: move;
}
.fw .seachBox {
  position: relative;
}
.fw .seachBox .j_toggleBtn {
  width: 24px;
  height: 22px;
  padding: 5px 6px;
  position: absolute;
  bottom: -12px;
  left: -12px;
  background: #333;
  color: #FFF;
  border: none;
  border-radius: 0px;
}
.fw .seachBox .j_toggleBtn:before {
  font-family: FontAwesome;
  content: "\f077";
}
.fw .seachBox .j_toggleBtn.active:before {
  content: "\f078";
}
.fw .seachBox .j_toggleDetail {
  padding: 0;
  border: none;
}
.fw .seachBox .j_toggleText {
  display: none;
  position: absolute;
  left: 20px;
  top: -9px;
  font-weight: bold;
}
.fw .seachBox input[type="text"],
.fw .seachBox input[type="password"],
.fw .seachBox input[type="number"] {
  border: 1px solid #d0d0d0;
  width: 75%;
  padding: 5px;
}
/*.fw .seachBox div.datetimepicker &gt; input,
.fw .seachBox div.datepicker &gt; input,
.fw .seachBox div.timepicker &gt; input {
  width: 25%;
}*/
.fw .seachBox div.datetimepicker,
.fw .seachBox div.datepicker,
.fw .seachBox div.timepicker {
  display: inline-block;
}
.fw .seachBox div.datetimepicker &gt; i,
.fw .seachBox div.datepicker &gt; i,
.fw .seachBox div.timepicker &gt; i {
  display: inline-block;
  font-size: 0.94rem;
  /*font-family: FontAwesome;
  content: "\f073"; */
  margin-left: .3em;
}
.fw .seachBox select {
  border: 1px solid #d0d0d0;
  min-width: 150px;
  padding: 5px;
}
.fw .seachBox .btnWrap {
  margin-top: 20px;
  text-align: center;
}
.fw .seachBox .btnWrap .btn {
  width: 120px;
  white-space: nowrap;
}
.fw .seachBox table.around tr th, .fw .seachBox table.horizon tr th, .fw .seachBox table.vertical tr th {
  width: 120px;
}
.fw .seachBox table.around tr th, .fw .seachBox table.around tr td, .fw .seachBox table.horizon tr th, .fw .seachBox table.horizon tr td, .fw .seachBox table.vertical tr th, .fw .seachBox table.vertical tr td {
  padding: 5px 10px;
}
.fw .seachBox.row {
  margin-bottom: 20px;
}
.fw .seachBox.row .secWrapInner {
  padding: 8px 12px;
}
.fw .seachBox.row table {
  background: none;
}
.fw .seachBox.row table.around tr th, .fw .seachBox.row table.around tr td, .fw .seachBox.row table.horizon tr th, .fw .seachBox.row table.horizon tr td, .fw .seachBox.row table.vertical tr th, .fw .seachBox.row table.vertical tr td {
  border: none;
}
.fw .seachBox.row table.around tr th, .fw .seachBox.row table.horizon tr th, .fw .seachBox.row table.vertical tr th {
  padding: 5px;
  width: inherit;
}
.fw .seachBox.row table.around tr td, .fw .seachBox.row table.horizon tr td, .fw .seachBox.row table.vertical tr td {
  padding: 5px 0;
}
.fw .seachBox.row table.around tr td input, .fw .seachBox.row table.horizon tr td input, .fw .seachBox.row table.vertical tr td input {
  width: 90%;
  height: 36px;
}
.fw .seachBox.row table.around tr td select, .fw .seachBox.row table.horizon tr td select, .fw .seachBox.row table.vertical tr td select {
  width: 80%;
  height: 36px;
}
.fw .seachBox.row table.around tr td .btnWrap, .fw .seachBox.row table.horizon tr td .btnWrap, .fw .seachBox.row table.vertical tr td .btnWrap {
  margin-top: 0;
  float: right;
}
.fw .seachBox.row table.around tr td .btnWrap .btn, .fw .seachBox.row table.horizon tr td .btnWrap .btn, .fw .seachBox.row table.vertical tr td .btnWrap .btn {
  width: 115px;
}
.fw table {
  background: #FFF;
}
.fw table.around tr th, .fw table.around tr td, .fw table.horizon tr th, .fw table.horizon tr td, .fw table.vertical tr th, .fw table.vertical tr td {
  padding: 6px 8px;
}
.fw table.around tr th.num, .fw table.around tr td.num, .fw table.horizon tr th.num, .fw table.horizon tr td.num, .fw table.vertical tr th.num, .fw table.vertical tr td.num {
  text-align: center;
  width: 40px;
}
.fw table.around tr th.btnWrap, .fw table.around tr td.btnWrap, .fw table.horizon tr th.btnWrap, .fw table.horizon tr td.btnWrap, .fw table.vertical tr th.btnWrap, .fw table.vertical tr td.btnWrap {
  text-align: center;
  /*width: 187px;*/
}
.fw table.around tr th.btnWrap .btn, .fw table.around tr td.btnWrap .btn, .fw table.horizon tr th.btnWrap .btn, .fw table.horizon tr td.btnWrap .btn, .fw table.vertical tr th.btnWrap .btn, .fw table.vertical tr td.btnWrap .btn {
  padding: 4px 5px 5px;
  margin: 0 1px;
}
.fw table.around tr th.btnWrap .btn i, .fw table.around tr td.btnWrap .btn i, .fw table.horizon tr th.btnWrap .btn i, .fw table.horizon tr td.btnWrap .btn i, .fw table.vertical tr th.btnWrap .btn i, .fw table.vertical tr td.btnWrap .btn i {
  margin: 0 !important;
}
.fw table.around tr th.req, .fw table.around tr td.req, .fw table.horizon tr th.req, .fw table.horizon tr td.req, .fw table.vertical tr th.req, .fw table.vertical tr td.req {
  text-indent: .8em;
}
.fw table.around tr th.req:before, .fw table.around tr td.req:before, .fw table.horizon tr th.req:before, .fw table.horizon tr td.req:before, .fw table.vertical tr th.req:before, .fw table.vertical tr td.req:before {
  content: "*";
  color: #e84e40;
  font-weight: bold;
  border-radius: 2px;
  display: inline-block;
  position: absolute;
  font-size: 1rem;
  text-indent: 0;
}
.fw .registerBox table.horizon tr th.req {
  width: 300px;
}
.fw table.around tr th .text, .fw table.around tr td .text, .fw table.horizon tr th .text, .fw table.horizon tr td .text, .fw table.vertical tr th .text, .fw table.vertical tr td .text {
  margin-top: 5px;
}
.fw table.around tr th a.sort, .fw table.around tr td a.sort, .fw table.horizon tr th a.sort, .fw table.horizon tr td a.sort, .fw table.vertical tr th a.sort, .fw table.vertical tr td a.sort {
  color: #333333;
  display: block;
}
.fw table.around tr th a.sort:after, .fw table.around tr td a.sort:after, .fw table.horizon tr th a.sort:after, .fw table.horizon tr td a.sort:after, .fw table.vertical tr th a.sort:after, .fw table.vertical tr td a.sort:after {
  content: "\f0dc";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size: 0.75em;
}
.fw table.around tr th a.sort.desc:after, .fw table.around tr td a.sort.desc:after, .fw table.horizon tr th a.sort.desc:after, .fw table.horizon tr td a.sort.desc:after, .fw table.vertical tr th a.sort.desc:after, .fw table.vertical tr td a.sort.desc:after {
  content: "\f0de";
}
.fw table.around tr th a.sort.asc:after, .fw table.around tr td a.sort.asc:after, .fw table.horizon tr th a.sort.asc:after, .fw table.horizon tr td a.sort.asc:after, .fw table.vertical tr th a.sort.asc:after, .fw table.vertical tr td a.sort.asc:after {
  content: "\f0dd";
}
.fw table.around tr th a.sort:hover, .fw table.around tr td a.sort:hover, .fw table.horizon tr th a.sort:hover, .fw table.horizon tr td a.sort:hover, .fw table.vertical tr th a.sort:hover, .fw table.vertical tr td a.sort:hover {
  text-decoration: none;
  color: #f74902;
}
/* for Slips: start */
.fw .secWrap.slips .secWrapInner {
  border-bottom: none;
}
.fw .slips .seachBox table tr th, 
.fw .slips .seachBox table tr td {
  width: auto;
  white-space: nowrap;
}
.fw .slips .seachBox table.mainInfo tr th {
  font-size: 0.8125rem;
  padding-bottom: 0;
}
.fw .slips .seachBox table.mainInfo tr th span.rb {
  font-size: .8em
}
.fw .slips .seachBox table.mainInfo tr td {
  padding-right: 15px;
  font-size: .9375rem; /* 15px */
}
.fw .slips .seachBox input.name {
  width: 150px;
}
.fw .slips .seachBox input.url {
  min-width: 250px;
  width: 90%;
}
.fw .slips .seachBox input.min,
.fw .slips .seachBox select.min {
  width: 60px;
  min-width: 60px;
}
.fw .slips .seachBox input.datepicker {
  width: 120px;
}
.fw .slips .seachBox input[readonly], 
.fw .slips .seachBox textarea[readonly], 
.fw .slips .seachBox input:disabled, 
.fw .slips .seachBox select:disabled {
  background-color: #eee;
}
.fw .slips .seachBox textarea {
  border: 1px solid #d0d0d0;
  padding: 5px;
  width: 87%;
  margin-right: 3%;
}
.fw .slips  .tableResponsive td.media {
  padding: 0;
  text-align: center;
}
.fw .slips  .tableResponsive td.theme {
  padding: 3px;
}
.fw .slips  .tableResponsive td.theme input{
  margin: 0;
  border: 1px solid #d0d0d0;
  width: 120px;
  padding: 5px;
}
.fw .slips .tableResponsive table.nolease tr th:nth-child(11),
.fw .slips .tableResponsive table.nolease tr th:nth-child(12),
.fw .slips .tableResponsive table.nolease tr td:nth-child(11),
.fw .slips .tableResponsive table.nolease tr td:nth-child(12) {
  display: none;
}

/* for Slips: end */
.fw .coveragevalues .tableResponsive table.around tr td {
    padding: 3px 8px;
}
.fw .coveragevalues .tableResponsive table.around td &gt; span {
  padding: 2px 0;
  line-height: 2em;
}
.fw .coveragevalues .tableResponsive td input[type=text], 
.fw .coveragevalues .tableResponsive td input[type=number]{
  margin: 0;
  border: 1px solid #d0d0d0;
  /*width: 120px;*/
  padding: 5px;
}

.fw .tableResponsive {
  clear: both;
}
.fw .tableResponsive table {
  width: auto;
  min-width: 100%;
  white-space: nowrap;
}
.fw .tableResponsive table td {
 /* max-width: 250px;
  word-break: break-all;
  white-space: inherit; */
}
.fw .registerBox input {
  border: 1px solid #d0d0d0;
  padding: 5px;
  display: inline-block;
}
.fw .registerBox input.name {
  width: 47%;
  margin-right: 3%;
}
.fw .registerBox input.text {
  width: 67%;
  margin-right: 3%;
}
.fw .registerBox input[type=file] {
  border: none;
}
.fw .registerBox textarea.textarea {
  width: 87%;
  margin-right: 3%;
}
.fw .registerBox input[type="tel"] {
  width: 47%;
}
.fw .registerBox select {
  border: 1px solid #d0d0d0;
  padding: 5px;
}
.fw .registerBox textarea {
  border: 1px solid #d0d0d0;
  padding: 5px;
}
.fw .registerBox .btnWrap {
  margin-top: 30px;
  text-align: center;
}
.fw .registerBox .btnWrap .btn {
  margin: 0 5px;
}
.fw .registerBox div.checkbox {
  float: left;
}
.fw .subMenu ul {
  border-bottom: 1px solid #d0d0d0;
  margin: 0px 0px 20px;
  background: #eae9e9;
}
.fw .subMenu ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.fw .subMenu ul li {
  float: left;
  margin: 0 0px -1px 0;
}
.fw .subMenu ul li a {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: block;
  padding: 15px 20px;
  color: #333333;
  border: 1px solid #eae9e9;
  border-bottom: 1px solid #d0d0d0;
}
.fw .subMenu ul li a.active, .fw .subMenu ul li a:hover {
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #FFF;
  color: #f74902;
  background: #FFF;
  text-decoration: none;
}
.fw .subMenu ul li:first-child a, .fw .subMenu ul li:first-child a.active {
  border-left: none;
}
.fw .secWrapInner .subMenu ul {
  margin: -20px -20px 20px;
}
.fw .lengthWrap {
  display: inline-block;
  margin: 0 10px;
}
.fw .lengthWrap .length {
  border: 1px solid #d0d0d0;
  height: 36px;
  border-radius: 2px;
}

@media only screen and (max-width: 768px) {
  .fw .loginBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fw .loginBox .loginInner {
    width: 70%;
  }
  .fw .seachBox.row table {
    background: none;
  }
  .fw .seachBox.row table.around tr td input, .fw .seachBox.row table.horizon tr td input, .fw .seachBox.row table.vertical tr td input {
    width: 100%;
  }
  .fw .seachBox.row table.around tr td select, .fw .seachBox.row table.horizon tr td select, .fw .seachBox.row table.vertical tr td select {
    width: 100%;
  }
  .fw .seachBox.row table.around tr td .btnWrap, .fw .seachBox.row table.horizon tr td .btnWrap, .fw .seachBox.row table.vertical tr td .btnWrap {
    float: inherit;
  }
  .fw .lengthWrap {
    margin: 10px 10px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .fw .loginBox .loginInner {
    width: 100%;
  }
  .fw .loginBox .loginInner .loginRemember {
    margin-bottom: 10px;
  }
  .fw .loginBox .loginInner .loginforget {
    text-align: left;
  }
}

.error-message{
  color:red;
}
.message{
/*  padding: 10px;
  background-color: #f74902;
  color: #FFF;
  margin-bottom: 10px; */
  padding: 10px;
  background-color: #ffebe6;
  color: #de1d02;
  font-weight: bold;
  margin-bottom: 10px;
  border: 1px solid rgba(247,53,2, 0.5);
}
.success_message{
  padding: 10px;
  background-color: #84c13e;
  color: #FFF;
  margin-bottom: 10px;
}

/* @media only print { */
@media print {
  header, footer, #side, #debug-kit-toolbar, .pagetop {
    display: none;
  }
  html {
    width: 1500px;
  }
  body {
    /*min-width: 1700px;
    overflow: show;
    padding: 10px;*/
  }
  .fw .secWrap {
    page-break-after: always;
  }
  .fw .secWrap:last-child {
    page-break-after: avoid !important;
  }
  .fw .secWrap .secWrapInner {
    padding-left: 0;
    padding-right: 0;
  }
  .fw #container {
    /*width: 502mm;
    min-width: 502mm;*/
  }
  .fw #container &gt; .inner {
    padding: 0;
  }
  .fw #container header {
    display: block;
    position: inherit;
    top: 0;
    left: 0;
  }
  .fw #container header .left figure {
    font-size: 13px; /*11px;*/
    font-size: .8125rem; /*0.6875rem;*/
  }
  .fw #container header .left figure img {
    height: 13px;
  }
  .fw h1, .fw h2, .fw h3, .fw h4 {
    /*text-align: center; */
  }
  .fw #container #contents, 
  .fw #container #contents.menuOpen {
    overflow: visible;
    margin: 0;
    padding: 0;
  }
  .fw #container #contents #contentsbody {
    margin: 0;
    padding: 0;
  }
  .fw table {
   /* padding: 20px auto;
    font-size: 90%;*/
  }
  .fw .seachBox .j_toggleBtn { display: none; }
  .fw .tableResponsive {
    overflow: visible; 
    width: 100%;
  }
  .fw table.around th, .fw table.around td {
    max-width: 300px;
  }
  .fw table.around td, .fw table.around td span {
    white-space: normal;
    word-break: break-all;
  }
  .fw table.around td.nowrap, 
  .fw table.around td &gt; span.nowrap {
    white-space: nowrap;
  }

  .fw table.stripe tbody tr:nth-child(odd) th, .fw table.stripe tbody tr:nth-child(odd) td {
    background: #fff;
  }
  .fw table.around tr th a.sort:after, .fw table.around tr td a.sort:after, .fw table.horizon tr th a.sort:after, .fw table.horizon tr td a.sort:after, .fw table.vertical tr th a.sort:after, .fw table.vertical tr td a.sort:after { display: none; }
}


#left_area {float: left; width: 100px;}

#item_image { }



.fw table.around tr th.hided, .fw table.around tr td.hided, .fw table.horizon tr th.hided, .fw table.horizon tr td.hided, .fw table.vertical tr th.hided, .fw table.vertical tr td.hided {
  text-align: center;
  width: 70px;
  font-size: 1rem;
}

</pre></body></html>