html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*background: transparent;
  color: #333333;*/
}
body {
  /*-moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;*/
}
html,
body {
  width: 100%;
  height: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
.logo {
    position: relative;
}

    .logo a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: normal;
  vertical-align: top;
}
td {
  font-weight: normal;
  vertical-align: top;
}
li {
  list-style: none;
}
/* global variables
----------------------------------*/
/*�V���j���[(�X���C�h��)�@�\�lj�*/
/*���j���[����*/
/*���j���[�w�i�F*/
/*�q���胁�j���[�@�����F*/
/*�q�Ȃ����j���[�@�����F*/
/*�J�ƒA�C�R���C���f���g*/
/*���j���[�^�C�g���C���f���g*/
/*hover���̕����F*/
/*hover���̔w�i�F*/
/*@control-background-color: #f6f6f6;*/
/*@control-label-background-color: #dfdfdf;*/
/*@control-label-background-color: #428bca;*/
/*@control-label-background-color: #004186;*/
/*@control-label-background-color: #B22222;*/
/*@control-label-background-color: #C0C0C0;*/
/* Typography (Bootstrap のオーバ�Eライド！E
-------------------------------------*/
h1,
h2,
h3,
h4,
h5 {
  font-family: Segoe UI, Meiryo, MS PGothic;
}
/* navbar (Bootstrap のオーバ�Eライド！E
-------------------------------------*/
.navbar {
  min-height: 40px;
  background-color: #FFFFFF;
}
.navbar-brand {
  height: 40px;
  /*padding-top: 10px;*/
}
.navbar .navbar-nav a {
  height: 40px;
  padding-top: 5px;
}

/*.navbar-brand {
  padding-top: 10px;
}*/
/* panel (Bootstrap のオーバ�Eライド！E
-------------------------------------*/
.panel-heading {
  padding-top: 3px;
  padding-bottom: 3px;
}
.panel-title {
  font-size: 14px;
}
/*.panel-default > .panel-heading {　　　　Y.NODA_コメントアウト
  cursor: pointer;
}*/
.panel-body {
  padding: 5px;
}
/* global タグのスタイル定義
-------------------------------------*/
* {
  font-family: Segoe UI, Meiryo, MS PGothic;
}
body {
  height: 100%;
  font-size: 11.5px;
}
.wrap {
  min-height: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
}
/* ヘッダーのスタイル定義
-------------------------------------*/
.logo {
  height: 30px;
  width: 200px;
  margin-top: 5px;
  margin-left: 10px;
  float: left;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(images/logo_bridgestone.gif);
  background-size: contain;
}
/* ヘッダーのスタイル定義
-------------------------------------*/
.menu-container {
  position: absolute;
  margin-top: -20px;
  width: 100%;
  z-index: 1000;
}
/* 新メニューのスタイル定義
-------------------------------------*/
.newmenu {
  height: 30px;
  width: 25px;
  margin: 10px 5px 5px 10px;
  float: left;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url(images/newmenu-icon.png);
  background-size: contain;
}
.slidemenu-container {
  position: fixed;
  left: 0px;
  top: 45px;
  bottom: 45px;
  z-index: 1000;
}
.slidemenu-container .sidebar {
  width: 300px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
}
.slidemenu-container .sidebar .sidebar-nav {
  margin-top: 0;
  margin-left: 20px;
}
.page-title {
  max-width: 500px;
  text-overflow: ellipsis;
  white-space: nowrap;
/*  overflow: hidden;*/
  padding-top:18px;
}

@media (min-width: 1050px) {
  .page-title {
    width: 400px;
  }
}
@media (min-width: 900px) and (max-width: 1050px) {
  .page-title {
    width: 250px;
  }
}
@media (min-width: 800px) and (max-width: 900px) {
  .page-title {
    width: 150px;
  }
}
@media (min-width: 350px) and (max-width: 800px) {
  .page-title {
    width: 100px;
  }
}
/* footer クラスのスタイル定義
-------------------------------------*/
.footer {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
}
.footer .footer-container {
  background-color: #efefef;
  z-index: 2;
}
.footer .footer-content {
  height: 45px;
  position: relative;
}
.footer .footer-content .command {
  text-align: right;
  position: absolute;
  right: 15px;
  top: 5px;
}
.footer .footer-content .command button {
  margin-left: 6px;
  min-width: 80px;
}
/* table
----------------------------------*/
table.datatable {
  border-collapse: collapse;
  width: 100%;
  margin-right: 10px;
  max-width: 2000px;
}
table.datatable thead {
  background-color: #777777;
}
table.datatable th,
table.datatable td {
  border-collapse: collapse;
  padding: 1px;
  vertical-align: middle;
}
table.datatable th {
  border: 1px solid #dfdfdf;
  background-color: #777777;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}
table.datatable th i {
  margin-left: 5px;
}
table.datatable td {
  border: 1px solid #dfdfdf;
  color: #000000;
}
table.datatable td button {
  padding: 0 2px 0 2px;
  min-width: 0;
}
table.datatable td label {
  min-width: 0;
}
table.datatable td input[type="checkbox"] {
  vertical-align: middle;
}
table.datatable td.center {
  text-align: center;
}
table.datatable tbody {
  background-color: #ffffff;
}
table.datatable input[type="text"],
table.datatable select,
table.datatable textarea {
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  box-sizing: border-box;
}
table.datatable button {
  margin-bottom: 3px;
}
table.datatable .select-tab {
  border-left-width: 7px;
  border-left-style: solid;
  min-width: 0px;
  display: block;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
table.datatable .select-tab-2lines {
  border-left-width: 7px;
  border-left-style: solid;
  min-width: 0px;
  display: block;
  height: 55px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
table.datatable .selected {
  /*border-left-color:rgb(92, 184, 92);*/
  border-left-color: #777777;
}
table.datatable .unselected {
  border-left-color: #dfdfdf;
}
table.datatable .unselected-hover {
  border-left-color: #c1c1c1;
}
table.datatable .has-error {
  background-color: #fcf2f2;
}
/* form コントロールのスタイル定義
----------------------------------*/
label {
  display: inline-block;
  padding: 2px;
  min-width: 80px;
  font-weight: normal;
}
.text {
  border: 1px solid #cccccc;
  margin: 0px;
  padding: 2px;
  /* min-width: 100px; */
  display: inline-block;
}
input[type="text"],
select,
textarea {
  border: 1px solid #cccccc;
  margin: 0px;
  padding: 2px;
  /* min-width: 100px; */
  display: inline-block;
  font-family: Segoe UI, Meiryo, MS PGothic;
  ime-mode: inactive;
}
select {
  padding-top: 1px;
  padding-bottom: 1px;
}
button,
input[type="button"],
input[type="submit"],
a.btn {
  min-width: 60px;
}
.control-common {
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-common input[type="text"],
.control-common select {
  margin-bottom: 3px;
}
.control-common button,
.control-common input[type="button"],
.control-common input[type="submit"],
.control-common a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-common input[type="checkbox"],
.control-common input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-end {
  border-right: 5px solid #ffffff;
}
.control {
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control input[type="text"],
.control select {
  margin-bottom: 3px;
}
.control button,
.control input[type="button"],
.control input[type="submit"],
.control a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control input[type="checkbox"],
.control input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-label {
  border-left: 5px solid #777777;
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-label input[type="text"],
.control-label select {
  margin-bottom: 3px;
}
.control-label button,
.control-label input[type="button"],
.control-label input[type="submit"],
.control-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-label input[type="checkbox"],
.control-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-success {
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-success input[type="text"],
.control-success select {
  margin-bottom: 3px;
}
.control-success button,
.control-success input[type="button"],
.control-success input[type="submit"],
.control-success a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-success input[type="checkbox"],
.control-success input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-success-label {
  border-left: 5px solid #777777;
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-success-label input[type="text"],
.control-success-label select {
  margin-bottom: 3px;
}
.control-success-label button,
.control-success-label input[type="button"],
.control-success-label input[type="submit"],
.control-success-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-success-label input[type="checkbox"],
.control-success-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-required {
  background-color: #fcf2f2;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-required input[type="text"],
.control-required select {
  margin-bottom: 3px;
}
.control-required button,
.control-required input[type="button"],
.control-required input[type="submit"],
.control-required a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-required input[type="checkbox"],
.control-required input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-required-label {
  border-left: 5px solid #dfb5b4;
  background-color: #fcf2f2;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-required-label input[type="text"],
.control-required-label select {
  margin-bottom: 3px;
}
.control-required-label button,
.control-required-label input[type="button"],
.control-required-label input[type="submit"],
.control-required-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-required-label input[type="checkbox"],
.control-required-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-warn {
  background-color: #fefbed;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-warn input[type="text"],
.control-warn select {
  margin-bottom: 3px;
}
.control-warn button,
.control-warn input[type="button"],
.control-warn input[type="submit"],
.control-warn a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-warn input[type="checkbox"],
.control-warn input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.control-warn-label {
  border-left: 5px solid #f1e7bc;
  background-color: #fefbed;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.control-warn-label input[type="text"],
.control-warn-label select {
  margin-bottom: 3px;
}
.control-warn-label button,
.control-warn-label input[type="button"],
.control-warn-label input[type="submit"],
.control-warn-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.control-warn-label input[type="checkbox"],
.control-warn-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
/* メニュー用のコントロール */
.menu-control {
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
}
.menu-control input[type="text"],
.menu-control select {
  margin-bottom: 3px;
}
.menu-control button,
.menu-control input[type="button"],
.menu-control input[type="submit"],
.menu-control a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-control input[type="checkbox"],
.menu-control input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.height-break {
  min-height: 30px;
  height: auto;
}
.menu-control-label {
  /*border-left: 5px solid #a4a2a2;*/
  border-left: 5px solid #777777;
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
  min-height: 30px;
  height: auto;
}
.menu-control-label input[type="text"],
.menu-control-label select {
  margin-bottom: 3px;
}
.menu-control-label button,
.menu-control-label input[type="button"],
.menu-control-label input[type="submit"],
.menu-control-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-control-label input[type="checkbox"],
.menu-control-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.menu-control-success {
  background-color: #b0c4de;
  border-right: 5px solid white;
  border-left: 5px solid #004186;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
  min-height: 30px;
  height: auto;
}
.menu-control-success input[type="text"],
.menu-control-success select {
  margin-bottom: 3px;
}
.menu-control-success button,
.menu-control-success input[type="button"],
.menu-control-success input[type="submit"],
.menu-control-success a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-control-success input[type="checkbox"],
.menu-control-success input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.menu-child-control-success {
  background-color: #b0c4de;
  border-right: 5px solid white;
  border-left: 5px solid #004186;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
  border-right-width: 0px;
  min-height: 30px;
  height: auto;
}
.menu-child-control-success input[type="text"],
.menu-child-control-success select {
  margin-bottom: 3px;
}
.menu-child-control-success button,
.menu-child-control-success input[type="button"],
.menu-child-control-success input[type="submit"],
.menu-child-control-success a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-child-control-success input[type="checkbox"],
.menu-child-control-success input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.menu-control-success-label {
  border-left: 5px solid #6d6d6d;
  background-color: #f5f5f5;
  background-color: #ffffff;
  padding: 2px;
  margin-bottom: 2px;
  height: 25px;
  min-height: 30px;
  height: auto;
}
.menu-control-success-label input[type="text"],
.menu-control-success-label select {
  margin-bottom: 3px;
}
.menu-control-success-label button,
.menu-control-success-label input[type="button"],
.menu-control-success-label input[type="submit"],
.menu-control-success-label a.btn {
  margin-top: 0px;
  margin-bottom: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-control-success-label input[type="checkbox"],
.menu-control-success-label input[type="radio"] {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 5px;
  margin-right: 5px;
}
.menu-item {
  text-align: left;
  width: 100%;
  font-size: 11pt;
  color: #555555;
}
.menu-child-row {
  /*padding-left: 15px;*/
  padding-right: 5px;
}
.menu-child-item .menu-item {
  color: #555555;
}
.menu-child-item:hover {
  color: #555555;
  background-color: #dfdfdf;
  border-left: 7px solid #777777;
  /*#d0e3f0;*/
}
.slidemenu-container .sidebar-nav li {
  margin: 2px 2px 2px 2px;
  display: block;
  width: 100%;
}
.slidemenu-container .sidebar-nav li .glyphicon {
  margin-right: 5px;
}
.slidemenu-container .sidebar-nav li a {
  padding-left: 5px;
  color: #808080;
}
.slidemenu-container .sidebar-nav li a.nochild {
  color: #000000;
}
.slidemenu-container .sidebar-nav li a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
/* メチE��ージ表示領域のクラス定義
----------------------------------*/
.message-area {
  margin-left: auto;
  margin-right: auto;
}
.message-area span {
  float: left;
  margin: 8px;
}
.message-area .notify-title-holder {
  height: 32px;
  cursor: pointer;
  margin-top: 5px;
}
.message-area .notify-title-message-length {
  margin-right: 5px;
}
.message-area .notify-title-open,
.message-area .notify-title-close {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -5px;
}
.message-area .alert-message,
.message-area .alert-message-dialog {
  color: #FF0000;
  background-color: #fafafa;
  border-top: 2px solid #ff6666;
  max-height: 200px;
  overflow: auto;
}
.message-area .alert-message ul,
.message-area .alert-message-dialog ul {
  margin: 0px;
  list-style: none;
  padding: 0px;
}
.message-area .alert-message ul pre,
.message-area .alert-message-dialog ul pre {
  font-family: Segoe UI, Meiryo, MS PGothic;
  display: block;
  padding: 4px;
  padding-left: 40px;
}
.message-area .alert-message ul pre:hover,
.message-area .alert-message-dialog ul pre:hover {
  background-color: #fcf2f2;
}
.message-area .info-message,
.message-area .info-message-dialog {
  border-top: 2px solid #6666ff;
  color: #0000FF;
  background-color: #ffffff;
  max-height: 200px;
  overflow: auto;
}
.message-area .info-message ul,
.message-area .info-message-dialog ul {
  margin-top: 5px;
  list-style: none;
}
.message-area .info-message ul pre,
.message-area .info-message-dialog ul pre {
  font-family: Segoe UI, Meiryo, MS PGothic;
  display: block;
  padding: 4px;
  padding-left: 10px;
}
.message-area .info-message ul pre:hover,
.message-area .info-message-dialog ul pre:hover {
  background-color: #f0f7fd;
}
.message-area .warn-message,
.message-area .warn-message-dialog {
  border-top: 2px solid #f0ad4e;
  color: #eea236;
  background-color: #ffffff;
  max-height: 200px;
  overflow: auto;
}
.message-area .warn-message ul,
.message-area .warn-message-dialog ul {
  margin-top: 5px;
  list-style: none;
}
.message-area .warn-message ul pre,
.message-area .warn-message-dialog ul pre {
  font-family: Segoe UI, Meiryo, MS PGothic;
  display: block;
  padding: 4px;
  padding-left: 10px;
}
.message-area .warn-message ul pre:hover,
.message-area .warn-message-dialog ul pre:hover {
  background-color: #f0f7fd;
}
/*loading*/
.loading .loading-overlay {
  background-color: #999999;
  opacity: .3;
  filter: alpha(opacity=30);
}
.loading .loading-holder {
  width: 100%;
}
.loading .loading-image {
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/loading.gif);
}
.loading .loading-message {
  margin-top: 1em;
  font-size: 1.5em;
  text-align: center;
}
.label-right {
  text-align: right;
  padding-right: 10px;
}
.number-right {
  text-align: right;
  display: block;
  float: left;
  width: 100%;
  white-space: nowrap;
}
.data-count {
  margin-top: 5px;
  margin-right: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #777777;
}
input[type="text"].ime-active,
select.ime-active,
textarea.ime-active {
  ime-mode: active;
}
.navbar-text {
  margin-top: 7px;
/*  margin-bottom: 7px;Y.NODA*/
  margin-bottom:1px;
  padding-top:10px;
}
/*ボタンのスタイル*/
button.btn[disabled] {
  border-color: #cccccc;
  background-color: #ffffff;
  color: #666;
}
/*ペ�Eジング検索のボタンCSS定義*/
.glyphicon-fast-backward,
.glyphicon-backward,
.glyphicon-forward,
.glyphicon-fast-forward {
  height: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
  border-style: none;
}
/* 列幁E��趁E��る長さ�E斁E���Eの場合に点線表示にする定義
.datatable td{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
} */
.box1 {
    padding: 1em 1em;
    margin: 2em 0;
/*    font-weight: bold;*/
    /*color: #6091d3;*/ /*文字色*/
    background: #FFF;
    border: solid 1px ; /*線*/
    border-radius: 10px; /*角の丸み*/
}
    .box1 p {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-family: 'BIZ UDPGothic',Meiryo,'ヒラギノ角ゴシック';
    }