@charset "utf-8";
/* --------------------------------- 
------------------------------------
COMMON
------------------------------------
------------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
ol, ul {
  list-style-type: none;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
table {
  border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
body {
  /*height: calc(100% - 85px - 40px);*/
  background: #f1f1f5;
  color: #333;
  font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
}
a {
  text-decoration: none
}
a:link {
  color: #333;
  cursor: pointer;
}
a:visited {
  color: #333;
}
li {
  list-style: none;
}
.none {
  display : none;
}
/* transition  ------------------*/
a,
input[type="submit"],
input[type="button"],
ul.Btn-menu-ist > li > a .btn-body {
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* selection / テキスト選択時  ------------------*/
::-moz-selection {
  background: #ffe778; /*背景色*/
}
::selection {
  background: #ffe778; /*背景色*/
}
/* input ------------------*/
input, textarea, select {
  padding: 2px 4px;
  font-size: 13px;
}

/* --------------------------------- 
------------------------------------
clearfix
------------------------------------
------------------------------------*/
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
/* --------------------------------- 
------------------------------------
others
------------------------------------
------------------------------------*/
.center{
  text-align:center !important;
}
/*-- Scroll-area -------------------------------*/
.Scroll-area,
.setting .settingportal .bg-box-list {
    overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}
/*-- img.image-icn -------------------------------*/
img.image-icn {
  /*position: relative;
  top: -0.1em;*/
    vertical-align: middle;
    margin: 0 3px;
}

/* -------- fixed -----------------*/
.Fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
/*-- site width -------------------------------*/
.Menu-tab .Menu-list, .Contents .content-wrap,
.stock .stockheader {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
/*.Header, .Menu-tab .Menu-list, .Contents .content-wrap, .Footer p.copyright,
.stock .stockheader {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}*/
/* ------------IdxTtl(見出し) ------------*/
.IdxTtl {
}
/*-- BtnBox -------------------------------*/
.BtnBox {
    display: block;
    border: 1px solid #d4d4d4;
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 4px 0px;
    line-height: 1.28;
  cursor: pointer;
}
/* ------------ Alert --------------*/
.Alert {
    padding: 4px 15px;
    border: 1px solid #FF0000;
    background: #FDC9C6;
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}
/* -------- Attention --------------*/
.Attention {
  color:#FF0000;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
/* -------- Message ----------------*/

.Msg-wrap {
    text-align: center;
    margin-bottom: 20px;
}
.Msg {
  display: inline-block;
  text-align: left;
}
.Msg p {
  margin-bottom: 6px;
}
/*-- form-btn -------------------------------*/
a.form-btn{
}
a.form-btn.big {
}
/* ------------ :hover -------------*/
.portal .banners div a:hover,
.portal .gates div a:hover,
.edit .soukeSearch input[type='submit']:hover, 
.edit .modal-open:hover,
.print .data_list .prevImg img:hover,
/**/
.stock .stockportal ul li a:hover,
.stock .settingportal ul li a:hover,
.stock .inquiry .dataSearch input[type='button']:hover,
.stock .defective .dataSearch input[type='button']:hover,
.stock .defective .furyobox table td input[type='button']:hover,
.stock .defective .furyobox table td .modal-content2 .btn-block a:hover,
.stock .defective .formbox form input[type="submit"]:hover,
.setting .settingportal .bg-box-list .bg-item-box:hover {
  opacity:0.8; /*モダンブラウザ用*/
  filter:alpha(opacity=80); /*IE7以下用*/
  -ms-filter:"alpha(opacity=80)"; /*IE8用*/
  box-shadow: none;
}
/*-- Bg-box-close -------------------------------*/
.Bg-box-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.Bg-box-close .BtnDeco03 {
    padding: 6px 14px 5px;
}
/*-- Btn-menu-ist -------------------------------*/
ul.Btn-menu-ist {
    padding-top: 1%;
    margin: 0 auto;
    max-width: 1280px;
}
ul.Btn-menu-ist > li {
    float: left;
    width: calc(97% / 3);
    margin: 0 0.5% 1%;
}
/* --------------------------------- 
------------------------------------
Table
------------------------------------
------------------------------------*/
.Table01,
#searchResult > table {
  width: 100%;
}
.Table01 thead th,
#searchResult > table thead th,
.stock .manager .settingportal .zaikoInfo table thead th,
.stock .manager .settingportal .client-list table thead th {
    padding: 6px 0.5em;
    text-align: center;
    vertical-align: middle;
    background: #001C58;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.28;
    min-width: 5em;
}
.Table01 tbody td,
#searchResult > table tbody td,
.stock .manager .settingportal .zaikoInfo table tbody td,
.stock .manager .settingportal .client-list table tbody td {
    border-bottom: 1px solid #E8E8E8;
    padding: 6px 0.5em;
    vertical-align: middle;
}
.Table01 tr td,
#searchResult > table tr td,
.stock .manager .settingportal .zaikoInfo table tr td,
.stock .manager .settingportal .client-list table tr td {
  /*transition: background-color 0.3s ease 0s;*/
}
.Table01 tbody tr:nth-child(2n+1) td,
#searchResult > table tbody tr:nth-child(2n+1) td,
.stock .manager .settingportal .zaikoInfo table tbody tr:nth-child(2n+1) td,
.stock .manager .settingportal .client-list table tbody tr:nth-child(2n+1) td  {
  background: #f4f4f4;
}
.Table01 tbody tr:hover td,
#searchResult > table tbody tr:hover td,
.stock .manager .settingportal .zaikoInfo table tbody tr:hover td,
.stock .manager .settingportal .client-list table tbody tr:hover td {
  background: #fffcf1;
}
.Table01 th,
#searchResult > table th,
.stock .manager .settingportal .zaikoInfo table tbody th,
.stock .manager .settingportal .client-list table th {
  border: solid 1px #CCC;
}
.Table01 tbody td,
#searchResult > table tbody td,
.stock .manager .settingportal .zaikoInfo table tbody td,
.stock .manager .settingportal .client-list table td {
  border: solid 1px #CCC;
}
/*-- fixed-table -------------------------------*/
.Table01.fixed-table {
  table-layout: fixed;
}
/* --------------------------------- 
------------------------------------
Btn
------------------------------------
------------------------------------*/

/*-- BtnDeco -------------------------------*/
input[type="submit"].BtnDeco,
input[type="button"].BtnDeco {
    cursor: pointer;
    /*border: none;*/
    vertical-align: middle;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.BtnDeco,
.BtnDeco:link,
.BtnDeco:visited {
  display: inline-block;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 3px;
    color: #FFF;
    background: #001C58;
    box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 2px 0.5px;
    text-align: center;
    line-height: 1.28;
  padding: 10px 23px;
  font-size: 20px;
}
.BtnDeco:hover {
    /* color: #000 !important; */
    background: #636363 !important;
}
/* red */
.BtnDeco.red-btn {
    background: #d70334;
    border: 1px solid #79001c;
}
.BtnDeco.red-btn:hover {
    background: #ff4872!important;
}

/*-- BtnDeco02 -------------------------------*/
.BtnDeco02,
.BtnDeco02:link,
.BtnDeco02:visited,
/*layout--btn--box*/
.layout--btn--box a,
.layout--btn--box a:link,
.layout--btn--box a:visited {
    border-radius: 16px;
    background: #fff;
    color: #000;
    display: inline-block;
    cursor: pointer;
    border: 2px solid #000;
    box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 2px 0.5px;
    text-align: center;
    line-height: 1.28;
}
.BtnDeco02:hover,
/*layout--btn--box*/
.layout--btn--box a:hover {
    background: #ffc9c9 !important;
}
/*-- BtnDeco03 -------------------------------*/
.BtnDeco03,
.BtnDeco03:link,
.BtnDeco03:visited {
    border: 1px solid #666;
    border-radius: 2px;
    background: #fff;
    color: #333;
    display: inline-block;
    cursor: pointer;
    /*box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 2px 0.5px;*/
    text-align: center;
    line-height: 1.28;
  font-size: 12px;
    font-weight: normal;
}
.BtnDeco03:hover {
    background: #ddd !important;
}
/*-- Btn-menu -------------------------------*/
.Btn-menu {
  display: block;
  border: 1px solid #001f4a ; 
  box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 4px 1px;
  border-radius: 3px;
  -webkit-transition: all cubic-bezier(0.52, 0.04, 0.17, 0.22) .7s;
    transition: all cubic-bezier(0.52, 0.04, 0.17, 0.22) .7s;
  /* gradient */
  background: #f4f8f9; /* Old browsers */
  background: -moz-linear-gradient(-78deg, #f4f8f9 13%, #c1c7cc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-78deg, #f4f8f9 13%,#c1c7cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(168deg, #f4f8f9 13%,#c1c7cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#c1c7cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.Btn-menu:hover {
  box-shadow: none;
    /*border: 1px solid #d70334;*/
}
.Btn-menu .btn-body-wrap {
    display: table;
  width: 100%;
  /* border: 1px solid #001f4a !important; */
  border: 3px solid #FFF;
    /* box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 4px 1px; */
  -webkit-transition: all cubic-bezier(0.52, 0.04, 0.17, 0.22) .25s;
    transition: all cubic-bezier(0.52, 0.04, 0.17, 0.22) .25s;
  padding: 6px;
  color: #00132d;
  background: rgba(255,255,255,0);
  border-radius: 3px;
    text-align: center;
    line-height: 1.28;
    font-weight: normal;
}
.Btn-menu:hover .btn-body-wrap {
  /*box-shadow: none;
  color: #000 !important;*/
  background: rgba(255,255,255,1) !important;
  /*color: #d70334 !important;*/
}
.Btn-menu .btn-body-wrap .btn-body {
  display: table-cell;
  height: 92px;
  text-align: center;
  vertical-align: middle;
  /*background: #efefef;*/
}
.Btn-menu .btn-body > span {
  display: inline-block;
}
.Btn-menu .btn-body > span p,
.Btn-menu .btn-body > span img {
    vertical-align: middle;
}
.Btn-menu .btn-body > span p {
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
    letter-spacing: 0.18em;
  text-shadow: 2px 2px 0.7px #ffffff;
}
.Btn-menu .btn-body > span img {
    height: 46px;
}


/*-- Bottom-btn-wrap -------------------------------*/
.Bottom-btn-wrap,
.modal-content .modal-main-content .bottom-btn {
    text-align: center;
    margin-bottom: 40px;
}
.Bottom-btn-wrap li,
.modal-content .modal-main-content .bottom-btn p {
    display: inline-block;
    margin: 0 10px;
}
.Bottom-btn li a,
.modal-content .modal-main-content .bottom-btn a {
    padding: 10px 40px;
    font-size: 16px;
    min-width: 160px;
}
/* left-right-btn */
.Bottom-btn-wrap.left-right-btn .left-wrap {
    float: left;
}
.Bottom-btn-wrap.left-right-btn .right-wrap {
    float: right;
}
/* --------------------------------- 
------------------------------------
Title
------------------------------------
------------------------------------*/
.Title01 {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 5px 7px 1px;
    border-left: 6px solid #333;
    line-height: 1.2;
}
.Title02 {
    margin-bottom: 20px;
    padding: 17px 0 7px;
    background: #001C58;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    position: relative;
  font-weight: bold;
}
.Title02 .BtnDeco03 {
    font-size: 15px;
}
.Title03 {
    padding: 8px 0 6px;
    background: #001C58;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

/* --------------------------------- 
------------------------------------
Logo
------------------------------------
------------------------------------*/
.Header .Logo a,
.loginHeader .logo a {
    font-size: 30px;
    background: url(../img/japan_touwa_logo_h.png) no-repeat left center;
    background-size: 160px auto;
    padding-left: 170px;
    text-decoration: none;
    color: #1a1a1a;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    line-height: 1;
    text-decoration: none;
}
.Header .Logo .company-name,
.loginHeader .logo .company-name {
    font-weight: bold;
    padding-right: 3px;
}
.Header .Logo .system-name,
.loginHeader .logo .system-name {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.06em;
}
/* --------------------------------- 
------------------------------------
Top
------------------------------------
------------------------------------*/
.Top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 9000;
  height: 120px;
}
.Header {
    padding: 13px 2% 8px;
    color: #000;
    /*height: 54px;*/
    overflow: hidden;
}
.Header .Logo {
  float: left;
}
/* -- Header-utilitymenu --------------------------------*/
.Header-utilitymenu {
  float: right;
}

.Header-utilitymenu .Logout,
.LoginStatus {
  display: inline-block;
  vertical-align: top;
}

/* Logout */
.Header-utilitymenu .Logout a {
    display: block;
    padding: 6px 4px 4px 6px;
    color: #FFF;
}
.Header-utilitymenu .Logout a span:after {
    display: block;
    content: ' ';
    background-image: url(../img/icon/icon_logout_32.png);
    background-size: 32px 32px;
    height: 32px;
    width: 32px;
}
/* LoginStatus */

.LoginStatus {
    font-size: 11px;
    line-height: 1.28;
    margin-right: 6px;
    padding-top: 2px;
    letter-spacing: 0;
    max-width: 312px;
}
.LoginStatus .M_plan_reg, .LoginStatus .M_plan_set, .LoginStatus .Admin, .LoginStatus .Customer {
  display: inline-block;
  vertical-align: top;
}
.LoginStatus .client_name .Admin,
.LoginStatus .client_plan .M_plan_reg {
    margin-right: 1em;
}
/* -- Menu-tab --------------------------------*/
.Menu-tab {
    /*background: #001C58;*/
    border-bottom: 3px solid #000;
    /*box-shadow: inset rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;*/
    padding: 0 2%;
}
.Menu-tab .Menu-list li {
  float: left;
    width: calc(100%/6);
}
.Menu-tab .Menu-list li a {
    display: block;
    /*padding: 10px 2px 6px;
    font-size: 17px;*/
    padding: 16px 2px 6px;
    font-size: 19px;
    height: 50px;
    letter-spacing: 0.3em;
    text-align: center;
    line-height: 1;
    color: #000;
    /*box-shadow: inset rgba(0, 0, 0, 0.8) 0px 1px 2.5px 0.5px;*/
}
.Menu-tab .Menu-list li a:hover,
.Menu-tab .Menu-list li a.on {
    background: #001C58;
    box-shadow: none;
    color: #FFF;
}
/* --------------------------------- 
------------------------------------
Contents
------------------------------------
------------------------------------*/
.Contents {
    padding: 20px 1.5% 40px;
}
.Contents .content-wrap {
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0.8px 1px 4px 0.8px;
    padding: 1.5%;
}

.Contents .content-wrap.content-wrap02,
.Contents .content-wrap.stock-content-wrap {
  padding: 0;
}
.Contents .content-wrap.stock-content-wrap .stock-content {
    padding: 20px;
}
.Contents .content-wrap.content-wrap02 .content-wrap02-content {
    padding: 1.5%;
}

/* --------------------------------- 
------------------------------------
フローチャート
------------------------------------
------------------------------------*/
.msr_flow02 {
  color: #000000;
  list-style: none;
  overflow: hidden;
  padding-bottom: 20px;
}
.msr_flow02 li span {
    font-size: 30px;
    margin-right: 10px;
    display: block;
    line-height: 50px;
    margin: 0 auto;
}
.msr_flow02 li {
  background-color: #CCC;
  line-height: 30px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 16px;
  min-width: 100px;
  padding: 0 20px 0 45px;
  text-align: center;
  text-decoration: none;
}
.msr_flow02 li:first-child {
  padding-left: 20px;
}

/* 三角形下部 */
.msr_flow02 li::after {
  background-color: #CCC;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  height: 43px;
  margin-left: auto;
  margin-right: -32px;
  margin-top: -38px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
}

/* 三角形上部 */
.msr_flow02 li::before {
  background-color: #CCC;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  float: right;
  height: 43px;
  margin-bottom: -40px;
  margin-left: auto;
  margin-right: -32px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.msr_flow02 .active {
  background-color: #001C58;
  color: #FFFFFF;
  font-weight: bold;
}
.msr_flow02 .active::before, .msr_flow02 .active::after {
  background-color: #001C58;
}

/* --------------------------------- 
------------------------------------
Search-wrap
------------------------------------
------------------------------------*/

/*-- Search-wrap -------------------------------*/
.Search-wrap {
    text-align: center;
    background: #ebebeb;
    padding: 16px;
    margin-bottom: 20px;
}
.Search-wrap h2 {
  display: none;
}
.Search-wrap .search-content-wrap {
    margin-bottom: 15px;
}
.Search-wrap .search-content {
    display: inline-block;
    text-align: left;
}
.Search-wrap .search-content li {
    margin-bottom: 15px;
}
.Search-wrap .search-content li:last-child {
  margin-bottom:0;
}
.Search-wrap .search-content .search-name {
  line-height: 1.28;
  margin-bottom: 4px;
}
.Search-wrap input[type='submit'],
.Search-wrap  input[type='button'] {
    font-size: 15px;
    padding: 7px 30px;
}

/* --------------------------------- 
------------------------------------
Footer
------------------------------------
------------------------------------*/
.Footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width:100%;
  background: #001C58;
  z-index: 10;
}
.Footer p.copyright {
    height: 20px;
    padding: 3px 0;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
}