@charset "UTF-8";

/*  common
-----------------------------------------------------------------------------*/
/* AngularJS用 */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
[ng-click], [data-ng-click], [x-ng-click] {
    cursor: pointer;
}

img { vertical-align: middle; }
a { text-decoration: none; }
* { box-sizing: border-box; }

body, textarea {
  /*font-family: 'HiraginoKakuGothic ProN', 'ヒラギノ角ゴProNW3', Meiryo, メイリオ, sans-serif;*/
  /*font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo UI, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
  font-family: "Meiryo UI",Meiryo,"MS PGothic",Osaka,"Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Light","Helvetica Neue",Arial,sans-serif;
}

body {
  /*font-size: 86%;*/ /* 14px */
  font-size: 82%; /* 13px */
  /*font-size: 76%;*/ /* 12px */
  line-height: 1.4em;
  /*letter-spacing: 1px;*/
  width: 100%;
  height: 100%; /* PC */
  /* overflow: hidden; */
  /* jqgridで改行されてしまうので、コメントアウト */
  /*word-wrap: break-word;*/
  word-break: break-all;
}

textarea { font-size: 100%; }

label { cursor: pointer; }

/*  font
-----------------------------------------------------------------------------*/
.txt16 {
  font-size: 16px;
  line-height: 22px;
}

.txt14 {
  font-size: 14px;
  line-height: 18px;
}

.txt14 .button {
  font-size: 14px !important;
  line-height: 18px !important;
}

.txt12 {
  font-size: 12px;
  line-height: 18px;
}

.txt12 .button {
  font-size: 12px !important;
  line-height: 18px !important;
}

.txt10 {
  font-size: 10px;
  line-height: 13px;
}

.txt10 .button {
  font-size: 10px;
  line-height: 13px;
}

.txt_b { font-weight: bold; }

.small { font-size: 10px; }

th { text-align: left; }

/*  align
-----------------------------------------------------------------------------*/
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_l { text-align: left; }
.valign_t { vertical-align: top; }
.valign_m { vertical-align: middle; }
.valign_b { vertical-align: bottom; }


/*  float
-----------------------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.clearfix:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

input, select, textarea {
  border-style: solid;
  border-width: 1px;
  /*margin: 3px;*/
  font-family: inherit;
  font-size: 100%;
}

input[type=file] {
  border: 0 none;
  width: 100%;
}

input, textarea { padding: 3px; }
select { padding: 2px; }

.tablet input { padding: 4px; }
.tablet select { padding: 3px 4px; }

img:not([width]) {
  max-width: 100%;
  height: auto;
}