/*!
 *
 * CSSカスタマイズ
 *
 */

h1, .h1 { font-size: 28px;}

.width-40 { width: 40px !important;}
.width-50 { width: 50px !important;}
.width-60 { width: 60px !important;}
.width-70 { width: 70px !important;}
.width-80 { width: 80px !important;}
.width-90 { width: 90px !important;}
.width-100 { width: 100px !important;}
.width-110 { width: 110px !important;}
.width-120 { width: 120px !important;}
.width-140 { width: 140px !important;}
.width-160 { width: 160px !important;}
.width-180 { width: 180px !important;}
.width-200 { width: 200px !important;}
.width-220 { width: 220px !important;}
.width-240 { width: 240px !important;}
.width-480 { width: 480px !important;}

textarea.form-control { height: 100%;}
textarea.form-control.height-90 { height: 90px;}
textarea.form-control.height-100 { height: 100px;}
textarea.form-control.height-120 { height: 120px;}
textarea.form-control.height-140 { height: 140px;}
textarea.form-control.height-160 { height: 160px;}
textarea.form-control.height-180 { height: 180px;}

.margin-top-0 { margin-top: 0 !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-bttom-0 { margin-bottom: 0 !important; }
.margin-bttom-10 { margin-bottom: 10px !important; }
.margin-bttom-15 { margin-bottom: 15px !important; }
.margin-bttom-20 { margin-bottom: 20px !important; }
.margin-bttom-30 { margin-bottom: 30px !important; }
.margin-bttom-40 { margin-bottom: 40px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-20 { margin-right: 20px !important; }

.vertical-align-middle { vertical-align: middle;}

.site-logo { margin-top: 8%;}
.login-panel { margin-top: 40px;}

.site-logo-navbar { padding: 11px 15px;}

.menu-title { display: block; padding: 10px 15px;}

.page-header { position: relative;}
.page-header h1 { margin-bottom: 5px;}
.page-header .btn-box { position: absolute; top: 0; right: 15px;}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px 15px;
	vertical-align: middle;
}

.form-inline .form-control {
	vertical-align: baseline;
}

#page-wrapper { padding: 0 30px 60px;}

input[type="file"] {
	display: inline-block;
}

.none { display: none; }

.layout-adjust01 { padding: 7px 0 0;}
.layout-adjust02 { padding-left: 0;}

#ui-datepicker-div { width: 260px;}

.table-hover > tbody > tr.primary { background-color: #E9F1FE;}
.table-hover > tbody > tr.primary:hover { background-color: #DDE9FD;}
.table-hover > tbody > tr.open {}
.table-hover > tbody > tr.open:hover {}
.table-hover > tbody > tr.closed { background-color: #FFF0F0;}
.table-hover > tbody > tr.closed:hover { background-color: #FFE6E6;}

.pager-box {}
.pager-box div:first-child { padding-top: 6px;}
.pager-box div:last-child { text-align: right;}
.pager-box .total { font-size: 16px; font-weight: bold;}
.pager-box .pagination { margin: 0 !important;}

.pict-wrap { padding: 10px 0;}
.pict-frame { display: table-cell; width: 160px; height: 160px; margin: 0; text-align: center; vertical-align: middle;}
.pict-frame img { max-width: 160px; max-height: 160px;}

.alert_area .error,
.emergency { color: #ff0000; font-style: bold;}

.annotation_border {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
}
.annotation_txt {
  color: #ff0000;
}

.branch_type textarea.check-textarea,
.branch_type_confirm textarea.check-textarea{
    resize: vertical;
    margin-bottom: 5px;
}
.branch_type .textarea-div div,
.branch_type_confirm .textarea-div div{
    padding-right: 5px;
    padding-left: 5px;
}
.branch_type .branch-form-group,
.branch_type_confirm .branch-form-group {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.user_table {border-collapse: separate;word-break: break-all;}
.user_list_title{width: 65%;}

img.thumbnail-100 { max-width: 100px; max-height: 100px; border-radius: 0;}
img.thumbnail-160 {
    display: inline-block;
    max-width: 158px;
    max-height: 158px;
    border-radius: 0;
    border: none;
    margin: 0px;
    padding: 1px;
}
p[id^="preview"] {
    display: table-cell;
    width: 160px;
    height: 160px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}

.file {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.file input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 100px;
  cursor: pointer;
}
.area_title {
  background-color: #bfbfbf;
  color: #ffffff;
  font-size: 16px;
}
.padding-left58 { padding-left: 58px;}
.float-right { float: right;}
.btn_add_cate{
  margin-right:310px; 
  margin-top:10px;
}
.msg_area {
  padding: 10px 20px;
  color: #ff0000;
}

.table-self_pr {
  border-top: none !important;
}

.table-license div {
  overflow: hidden;
  width: 11em;
}

.table-license div.td-license,
.table-license div.td-speciality {
  overflow: visible;
  position: relative;
}

.table-license div p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.table-license div span {
  display: none;
  padding: 5px;
  color: #FFF;
  background: #70a6ff;
  border-radius: 10px;
  box-sizing: border-box;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 0;
  z-index: 999;
}

.table-license div span:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 9;
}

.pre-space {
  white-space: pre-wrap;
}


