@charset "UTF-8";
@import url(normalize.css);
@import url(bootstrap.min.css);
html { overflow-y: scroll; margin: 0; padding: 0; font-size: 16px; }

body { margin: 0; padding: 0; font-size: 16px; font-family: "Meiryo UI","メイリオ","Hiragino Kaku Gothic ProN",sans-serif; background: #fff; line-height: 1.5em; }

ul, ol { margin: 0; padding: 0; }

h2 { font-size: 22px; background: url(../images/h2_icon.png) no-repeat 8px 15px #e7f6f5; border-top: 2px solid #afe1df; padding: .5em .8em .5em 40px; margin-left: -15px; margin-right: -15px; }
h2 span { font-size: 14px; }
h2 .sub-text { display: inline-block; margin-left: 1em; color: #666; }

h3 { font-size: 20px; border-left: 5px solid #8ad3d1; padding-left: 10px; }

.comment { font-size: 90%; color: #999; display: inline-block; padding: 0 0 0 1em; }

.w30 { width: 30px; }

.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; }

.w240 { width: 240px; }

.w360 { width: 360px; }

.w100p { width: 100%; }

#header { border-top: 3px solid #52bfbb; border-bottom: 2px solid #52bfbb; min-height: 100px; }
#header .imglogo { margin-top: 8px; }
#header .imglogo .img-responsive { margin-left: auto; margin-right: auto; }
#header .emergency-number { margin-top: 0.5em; text-align: center; }
#header .emergency-number:before { display: table; content: " "; }
#header .emergency-number .egc-title { color: #999; font-size: 0.9em; }
#header .emergency-number .egc-value { font-size: 1.25em; color: #3ca19e; font-family: "Arial Black", san-serif; font-weight: bold; }
#header .emergency-number + .userinfo { margin-top: 0.8em; }
#header .userinfo { text-align: center; margin-top: 14px; margin-bottom: 8px; font-size: .8em; }
#header .userinfo .username { font-size: 1.3em; padding-left: 8px; padding-right: 5px; }

.gNavcontainer .nav-pills > li { vertical-align: top; }
.gNavcontainer .nav-pills > li > a { border-top-left-radius: 0; border-top-right-radius: 0; }
.gNavcontainer .nav-justified > li > a { background-image: url(/kuma_shien/images/gnav_bg.png); background-repeat: repeat-x; background-position: 0 0; background-size: contain; border: 1px solid #fff; color: #000; }
.gNavcontainer .nav-justified > li > a:hover { background-image: none; background-color: #afe1df; }
.gNavcontainer .nav-justified > li.active > a { border: 1px solid #52bfbb; color: #fff; }
.gNavcontainer .nav-pills li.active > a { background-image: none; background-color: #52bfbb; }
.gNavcontainer .nav-pills li.active > a:focus, .gNavcontainer .nav-pills li.active > a:hover { background-image: none; background-color: #52bfbb; }
.gNavcontainer .nav-tabs li.active > a { background-image: none; background-color: #52bfbb; }
.gNavcontainer .nav-tabs li.active > a:focus, .gNavcontainer .nav-tabs li.active > a:hover { background-image: none; background-color: #52bfbb; }

#footer { margin-top: 3em; border-top: 1px solid #afe1df; background-color: #d4efee; padding: 1em 0; text-align: center; }
#footer .ul-horizontal { display: inline-block; }
#footer .ul-horizontal li { margin-right: 8px; }
#footer .ul-horizontal li .glyphicon { font-size: .8em; margin-right: 7px; color: #5bb156; }
#footer .ul-horizontal li:after { content: ' |'; }
#footer .ul-horizontal li a { color: #333; }
#footer p { font-size: 14px; }

p.formErrors, p.formError { color: #bf201d; font-weight: bold; }

textarea.message { width: 100%; height: 120px; }

.radio.disabled { color: #bbb; }

ul.supporters { margin-left: 2em; margin-bottom: 2em; }

.formRequired { display: inline-block; width: 35px; height: 15px; background: url(/kuma_shien/images/required.png) 98% 50% no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.radio label, .checkbox label { margin: 0 1.2em 0 .3em; }

dd.checkbox { margin-top: 0; }

input.price { width: 60px; text-align: right; }

label { font-weight: normal; }
label + label { margin-left: 2em; }
label input { margin-left: !important; }

.file-droparea { padding: 2em 1em; background-color: #eee; border: 1px solid #ccc; color: #999; margin-bottom: 1em; }

.navigation .pager { float: left; margin: 1em 0 .5em 1.5em; }
.navigation .pager span { padding: 5px 10px; margin-left: -1em; margin-right: 0.5em; border-radius: 3px; }
.navigation .pager a { padding: 5px 10px; border: 1px solid #ccc; margin-left: -1em; margin-right: 0.5em; border-radius: 3px; background-color: #fff; display: inline-block; margin-bottom: 5px; }
.navigation .pager .current { color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.navigation .range { float: right; margin: 1em 0.5em .5em; }

#SupporterAdminRegist .glyphicon { margin-right: 0.1em; }
#SupporterAdminRegist .glyphicon.glyphicon-ok { color: #008000; }
#SupporterAdminRegist .glyphicon.glyphicon-minus { color: #bbb; }

.ul-horizontal li { display: block; float: left; }

.marker { background: url(/kuma_shien/images/marker.png) repeat-x left bottom; }

.time-range { font-size: 1.2em; font-weight: 600; margin-left: 2.5em; }

.txt-small { font-size: .7em; }

.txt-large { font-size: 1.5em; }

.dateinfo { line-height: 1; float: right; }

.btn-wrapper { margin-bottom: .3em; }

.row .btn-wrapper { margin-bottom: 0; }
.row .btn-wrapper [class*="col-"] { margin-bottom: .3em; }

.tbl-wrapper { overflow-y: scroll; max-height: 300px; border: 1px solid #ddd; }
.tbl-wrapper .table { border: none; margin-bottom: 0; }

.panel nav .pagination, .panel nav .shownumber { margin: 1em 0 .5em; }
.panel nav .pagination { float: left; }
.panel nav .shownumber { float: right; }

.emergency { color: #fa6f00; }

.form-inline + .alert { margin-top: 1.5em; }

.inlinemix { margin-left: -0.8em !important; padding-left: 0 !important; }
.inlinemix input { margin-right: 5px; }
.inlinemix:before { content: "（"; }
.inlinemix:after { content: "）"; }

.table { font-size: 0.9em; }
.table tbody > tr.emergency th, .table tbody > tr.emergency td { background-color: rgba(250, 111, 0, 0.7); color: #333; }
.table tbody > tr th, .table tbody > tr td { padding: 4px; }
.table th { background-color: #eee; text-align: center; font-weight: normal; vertical-align: middle !important; }
.table td { word-wrap: break-word; }
.table td input { margin-left: 0.2em; }
.table td input[type="number"]::-webkit-outer-spin-button, 
.table td input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 
.table td textarea { width: 100%; }
.table td ul { margin-left: 2em; }
.table td.text-date { font-size: .9em; }
.table td.btn-detail, .table td.btn-delete { width: 50px; text-align: center; }
.table td.w50 { max-width: 50px; text-align: center; }

.btnArea { margin-top: 2em; }
.btnArea .btn { width: 100%; display: block; }
.btnArea.tblheader { margin: .5em 0 .5em 0.5em; }
.btnArea.pos-left { margin-top: 1.5em; }

.panel-heading .btnArea { margin-top: -0.3em; }

#maincontents { margin-top: 20px; }

.ui-datepicker-input { width: 120px; }

.ui-timepicker-input { width: 100px; }

.input-number { text-align: right; }

#advancedSearch { display: none; padding: 8px 0; background: #dedede; text-align: center; }

#pickdate { background-image: url(/shien/system/media/calendar.png); background-repeat: no-repeat; background-position-x: right; background-position-y: center; border: 1px solid #777; }

.login .news-area { margin-top: 3.5em; }
.login .news-area p { border: 3px dotted #afe1df; padding: 1em; border-radius: 8px; min-height: 150px; overflow-y: auto; }
.login .intro-text { font-size: .9em; background: url(/kuma_shien/images/univmark_water.png) no-repeat 50% 0; background-size: contain; padding: 2em .4em; }
.login .intro-text p { color: #777; background-color: rgba(255, 255, 255, 0.7); border-top: 2px solid #666; margin: 0; padding: 1em; line-height: 1.3em; }
.login .link-pswreminder { background-color: #eee; margin-top: 2.5em; border-radius: 5px; text-align: center; font-size: .8em; }
.login .link-pswreminder a { display: block; color: #333; padding: 2px 8px; }
.login .kuma-area { height: 200px; padding-bottom: 100px; background: url(/kuma_shien/images/kuma.png) no-repeat 50% bottom; }

.userinfo .table th { width: 180px; }
.userinfo .table tbody > tr th, .userinfo .table tbody > tr td { padding: 8px; }

.faq p.intro-text { text-align: center; margin: 1em 0; }
.faq .q-list { margin-top: 8px; margin-left: 2.5em; }
.faq .q-list > li { padding: 8px 0; border-bottom: 1px dashed #ccc; }
.faq .well p { margin: 1.1em 0; }
.faq .well p:first-of-type { margin-top: 0; }
.faq .well ol { margin-top: 1em; margin-left: 2em; }
.faq .well ul { margin-top: 1em; margin-left: 1em; list-style: square; }
.faq .well .table { font-size: 1em; margin-top: 1em; background-color: #fff; }
.faq .well .table th { background-color: #e7e4cd; }
.faq .well .table td, .faq .well .table th { padding: 8px; }
.faq .well dl { margin-top: 1em; }
.faq .well dl dt { margin-top: 1.2em; border-bottom: 1px solid #aaa; margin-bottom: 5px; }
.faq .well .bgpink { background: #efd4e7; border-radius: 4px; padding: 1em 1em 1em 2em; }
.faq .well .hosoku { background: #e7eaf6; border-radius: 4px; padding: 1em; color: #666; font-size: 0.9em; }
.faq .well .underline { text-decoration: underline; }
.faq .well .text-red { color: #d80005; }

.contact .frame { border: 3px double #43b4b0; padding: 1em; margin: 2em 0; }
.contact .frame dt { color: #358f8c; margin-bottom: 3px; }
.contact .frame dd { margin-bottom: 1em; }

.page-sickchildren #header { border-bottom-color: #ece534; }
.page-sickchildren .gNavcontainer .nav-pills li.active > a { background-color: #f7f4a9; border-color: #f7f4a9; color: #6b3d0e; }
.page-sickchildren h2 { background-color: #f7f4a9; border-top-color: #ece534; }
.page-sickchildren h3 { border-left: 5px solid #d9d214; }

.sick-marker { display: inline-block; position: relative; padding: 0 8px; }
.sick-marker:before { position: absolute; content: ""; display: block; width: 100%; height: 12px; bottom: 2px; left: 0; background-color: rgba(255, 255, 0, 0.5); z-index: -1; }

.admin-sick-bg { background-color: #f7f4a9; }

@media (min-width: 768px) { h2 { margin-left: 0px; margin-right: 0px; }
  .btnArea .btn { width: auto; display: inline-block; }
  .btnArea.pos-right { text-align: right; }
  .btnArea.pos-left { text-align: left; margin-top: -2.8em; } }
@media (min-width: 992px) { #header .imglogo { text-align: left; }
  #header .emergency-number { margin-top: 1em; text-align: right; }
  #header .userinfo { text-align: right; margin-top: 45px; } }
/* Large devices (large desktops, 1200px and up) */

/*# sourceMappingURL=style.css.map */