html {font-size: 62.5%;} /* 10px */
body{
  font-size: 12px;
  font-size: 1.2rem;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
label {margin-bottom: 0;}
input,
textarea,
select {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
select {
  padding: 2px 0 3px 0;
  vertical-align: middle;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 0;
}
h2 {
  font-size: 20px;
  font-size: 2rem;
}
h3 {
  font-size: 16px;
  font-size: 1.2rem;
  font-weight: bold;
    color: darkgreen;
}
h4, h5, h6 {
  font-size: 14px;
  font-size: 1.4rem;
}
p {
  font-size: 12px;
  font-size: 1.2rem;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fs-m  {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-sl {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-ml {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-xl {
  font-size: 20px;
  font-size: 2rem;
}

.w4em {
  width: 4rem; 
  display: inline-block; 
  text-align: right;
  white-space: nowrap;
}
.w25 {width: 25px}
.w40 {width: 40px}
.w50 {width: 50px}
.w60 {width: 60px}
.w70 {width: 70px}
.w80 {width: 80px}
.w90 {width: 90px}
.w100 {width: 100px}
.w120 {width: 120px}
.w130 {width: 130px}
.w140 {width: 140px}
.w150 {width: 150px}
.w180 {width: 180px}
.w200 {width: 200px}
.w230 {width: 230px}
.w250 {width: 250px}
.w270 {width: 270px}
.w290 {width: 290px}
.w300 {width: 300px}
.w350 {width: 350px}
.w400 {width: 400px}
.w440 {width: 440px}
.w450 {width: 450px}
.w500 {width: 500px}
.w550 {width: 550px}
.w600 {width: 600px}
.w650 {width: 650px}
.w700 {width: 700px}
.w750 {width: 750px}
.w800 {width: 800px}
.w850 {width: 850px}
.w900 {width: 900px}

.max-w935 {width: 935px}
.max-w1055 {width: 1055px}
.max-w1250 {width: 1250px}

.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.nowrap {white-space:nowrap;}
.fl {float:left;}
.fr {float:right;}

.mla {margin-left: auto !important;}
.mra {margin-right: auto !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mr0 {margin-right: 0 !important;}
.m0 {margin: 0 !important;}

.mt5 {margin-top: 5px !important;}
.ml5 {margin-left: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.mr5 {margin-right: 5px !important;}
.m5 {margin: 5px !important;}

.mt10 {margin-top: 10px !important;}
.ml10 {margin-left: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mr10 {margin-right: 10px !important;}
.m10 {margin: 10px !important;}

.mt20 {margin-top: 20px !important;}
.ml20 {margin-left: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.mr20 {margin-right: 20px !important;}
.m20 {margin: 20px !important;}

.mb50 {margin-bottom: 50px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb100 {margin-bottom: 100px !important;}

.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pr0 {padding-right: 0 !important;}
.p0 {padding: 0 !important;}

.pt5 {padding-top: 5px !important;}
.pl5 {padding-left: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pr5 {padding-right: 5px !important;}
.p5 {padding: 5px !important;}

.pt10 {padding-top: 10px !important;}
.pl10 {padding-left: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pr10 {padding-right: 10px !important;}
.p10 {padding: 10px !important;}

.pt20 {padding-top: 20px !important;}
.pl20 {padding-left: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pr20 {padding-right: 20px !important;}
.p20 {padding: 20px !important;}

.h5 {height: 5px;}
.h10 {height: 10px;}
.h30 {height: 30px;}
.h50 {height: 50px;}

.bt-none {border-top: none !important;}
.br-none {border-right: none !important;}
.bb-none {border-bottom: none !important;}
.bl-none {border-left: none !important;}
.b-none {border: none !important;}

.prev {display: none;}
.next {display: none;}

.bg-gray {background-color: #eeeeee;}
.bg-green {background-color: #d6e9c6;}
.bg-pink {background-color: #f2dede;}
.bg-orange {background-color: #FDE288;}
.bg-sky {background-color: #D7EBFB;}
.bg-beige {background-color: #F8FACF;}
.bg-white {background-color: #ffffff;}
.bg-white-im {background-color: #ffffff !important;}

.font-yellow {color: #FFFF99;}
.font-red {color: #CA0000;}
.font-orenge {color: #FF6600;}
.font-sky {color: #029ce2;}
.font-green {color: #008000;}
.font-green3 {color: #004000;}
.font-gray {color: #888888;}

.form-error {
    border: 2px solid #ff5aad !important;
    background-color: #ffeff7;
    /*-moz-box-shadow:inset 0 0 1px 1px #ff5aad;
    -webkit-box-shadow:inset 0 0 1px 1px #ff5aad;
    box-shadow:inset 0 0 1px 1px #ff5aad;*/
}

.navbar .navbar-brand {margin-top: -7px;}
.navbar .navbar-right .active {background: none !important;}

.contents {
    padding: 0px 20px 20px 20px;
    margin: auto;
    width: 90%;
    //min-width: 1180px;
}

.jumbotron {padding: 10px; margin-bottom: 10px;}
.jumbotron table {background-color: #fff;}

.center-block .block-title {
  margin: 0 0 15px 0;
  font-size: 16px; 
  font-size: 1.6rem;
  text-align: center;
}

.pagination {margin: 0 0 2px 0;}

.table {margin-bottom: 10px;}
.table>tbody>tr>td, 
.table>tfoot>tr>td,
.table>thead>tr>td {

  padding: 4px;
  vertical-align: middle;
}
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>th {
  padding: 4px 4px;
  vertical-align: middle;
}
.table-hover tbody tr:hover > td {
  background-color: #ffc;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f6f6f6;
}

table.th-fill tr th {
  background-color: #E3EDEE;
  color: #333;
  font-weight:normal;
}
table.th-fill tr th.block-fill {background-color: #e2e0d4;}
table.td-sm>tbody>tr>td {padding-top: 7px;}

.fieldset-bordered {
  padding: 0 15px 5px 15px;
  border: 2px solid #777;
  margin-bottom: 15px;
}

table.table-zaiko tr th,
table.table-zaiko tr td {
  padding: 1px 2px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
table.table-zaiko tr th {
  text-align: center;
}
table.table-zaiko tr td {
  text-align: right;
}
table.table-zaiko tr th.bg-white {
 background-color: #fff;
 color: #333;
}
table.table-zaiko tr td.title {
  background-color: #ffc;
}
table.table-zaiko tr th.title-count{
	background-color: #d6e9c6;
	color: #333;
	border-right: solid 1px #aaa;
}
table.table-zaiko .label{
	font-weight: normal !important;
}

.fieldset-bordered legend {
  border: none;
  margin: 0;
  width: auto;
  font-size: 16px; 
  font-size: 1.6rem;
  font-weight: bold;
}
.fieldset-navi {
  margin: -5px 0 5px 0;
  text-align: right;
}

.status-group .btn[disabled] {
  border: solid 1px #666;
  background-color: #fff;
  color: #333;
  filter: alpha(opacity=99);
  opacity: .99;
}
.status-group .active {
  border: solid 1px #333;
  background-color: #F2BA35 !important;
  font-weight: bold;
}

.status-group .success {
  border: solid 1px #333;
  background-color: #BFFF80 !important;
  font-weight: bold;
}

.status-group .danger {
  border: solid 1px #333;
  background-color: #ef5c5c !important;
  font-weight: bold;
}

.h1-select {
  font-size: 18px;
  font-size: 1.8rem;
  height: 33px;
  line-height: 33px;
  padding: 0px;
}

#sum-area {
	position: fixed;
	bottom: 0px;
	right: 0px;
	border-top: 2px solid #333;
	background-color: #fff;
	width: 100%;
}

#sum-area > div {
	padding: 10px 20px;
	width: 760px;
	margin-left: auto;
}

#sum-area .left-area {
	width: 470px;
	margin-bottom: 10px;
	float: right;
}
#sum-area .right-area {
	width: 230px;
	float: right;
	text-align: right;
}

#sum-area table {
	margin-left: auto;
}

#sum-area table tr th,
#sum-area table tr td {
	text-align: right;
	border: 1px solid #666;
	padding: 2px 3px;
}

.popover {max-width: 700px;}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin-top: -6px;
}
/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, 
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px;
  }
}

table.th-fill tr th {
  /*color: #333;*/
}

/*搬入カレンダー表示画面*/

.table.calendar th, .table.calendar td { width: 14.28%; }

.table.calendar td {
	height: 124px;
	vertical-align: top;
}

.table.calendar td.today { background-color: #ffc; }

.table.calendar td div.schedule {
	width: auto;
	height: 1.55em;
	overflow: hidden;
	margin: 1px 0;
	border: 1px solid #bce8f1;
	background-color: #d9edf7;
}