.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-top-50 {
	margin-top: 50px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.padding-10 {
	padding: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-right-30 {
	padding-right: 30px;
}

.indent-1em {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.indent-1harfem {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.required-mark {
	color: red;
	font-size: 1.5em;
}
.required-information {
	color: red;
}

.cautions {
	color: red;
}

.error-message {
	color: red;
	display:block !important;
}

.attention-message {
	color: #7F7F7F;
	font-size: small;
}

.column-message {
	color: #000000;
	font-size: small;
}

.badge-red {
	background-color: red;
	font-weight: normal;
}
.badge-green {
	background-color: green;
	font-weight: normal;
}
.badge-orange {
	background-color: orange;
	font-weight: normal;
}

label {
	font-weight: normal;
}

/*-----------------------------------------------------
  table
-----------------------------------------------------*/

.table-bordered > tbody > tr > td.middle {
	vertical-align: middle;
}

/*-----------------------------------------------------
  login
-----------------------------------------------------*/

.form-login {
	background-color: #EDEDED;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 15px;
	border-color: #d2d2d2;
	border-width: 5px;
	/* box-shadow: 0 1px 0 #cfcfcf; */
}

/*-----------------------------------------------------
  header
-----------------------------------------------------*/
.container-fluid {
 padding: 0px;
}

.navbar {
}
.navbar-header {
	height: 98px;
}

.navs {
	background-image: url("../img/header_logo.gif");
	background-repeat: no-repeat;
	background-position: top left;

}
.navbar-default .navbar-nav  {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.navbar-default .navbar-nav li {
	margin: 6px 4px;
}

.navbar-default .navbar-nav li a.btn,
.navbar-default .navbar-nav li a.btn:visited {
	padding: 3px 12px;
	background-color: rgb(204 204 204);
	color: #333;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active {
	background-color: #e7e7e7;
}

@media (max-width: 768px) {
	.container-fluid {
		padding: 0px 15px;
	}

	.navbar-header{
		background-image: url("../img/header_logo.gif");
		background-color: #e7e7e7;
		height: 60px;
		background-size: cover;
	}
	.navs{
		background-image: none;
	}
	.navbar-default .navbar-nav  {
		position: static;
	}
	.navbar-default .navbar-nav li a.btn,
	.navbar-default .navbar-nav li a.btn:visited {
		background-color: #f8f8f8;
		text-align: left;
	}
	.navbar-default .navbar-nav li a.btn:hover,
	.navbar-default .navbar-nav>li>a:active {
		background-color: #e7e7e7;
		text-align: left;
	}

}


/*-----------------------------------------------------
  btn
-----------------------------------------------------*/

.btn-gray {
	background: rgb(204, 204, 204);
	color: #333;
	border: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important; /* !important tags aren't necessarily always bad */
}
.btn-gray:hover, .btn-gray:focus {
	background: rgb(230, 230, 230);
}
.btn-gray:active {
	background: rgb(230, 230, 230);
}



/*-----------------------------------------------------
  編集箇所のハイライト
-----------------------------------------------------*/

.highlight {
	background-color: #FFD;
}


/*-----------------------------------------------------
  印刷時のURL非表示対応
-----------------------------------------------------*/

@media print {
    a[href]:after {
        content: "" !important;
    }

    abbr[title]:after {
        content: "" !important;
    }
}

/*-----------------------------------------------------
  グローバルメニューの英字2行対応
-----------------------------------------------------*/
.en-nav ul.nav span.en-note {
	display: block;
	line-height: 0.9em;
}

/*-----------------------------------------------------
  私費用項目の背景色
-----------------------------------------------------*/
tr.for-informal-consent td.middle.success {
  background: #fff8dc;
}

div.is-danger-information-check-area dd {
  padding-left: 1em;
}




/*-----------------------------------------------------
  SP
-----------------------------------------------------*/

@media (max-width: 768px) {
  table td[class*=col-xs],
  table th[class*=col-xs] {
   display: block;
   width: 100%;

  }
  table td.col-xs-1 {
     display: none;
  }

  table td .col-xs-hidden {
    display: none;
  }
}


hr {
  margin-top: 10px;
}


/*-----------------------------------------------------
  js autocomplete
-----------------------------------------------------*/

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
#jquery-ui-autocomplete label {
    float: left;
    margin-right: 0.5em;
    color: black;
    font-size: 15px;
}


.popover{
    max-width: 80%; /* Max Width of the popover (depending on the container!) */
}



/*-----------------------------------------------------
  news
-----------------------------------------------------*/
.news-area {
  height: 250px;
  overflow: visible scroll;
}


/*-----------------------------------------------------
  modal
-----------------------------------------------------*/

.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content{
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}




table td.stand-out {
background-color: #FFFF99;

}

.table-search>tbody>tr>td, .table-search>tbody>tr>th, .table-search>tfoot>tr>td, .table-search>tfoot>tr>th, .table-search>thead>tr>td, .table-search>thead>tr>th {
  padding: 4px 8px;

}