@charset "utf-8";
a.button {
  text-decoration: none;
  color:#333;
}
.button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.button:focus,
.button:active:focus,
.button.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.button:hover,
.button:focus {
  color: #333;
  text-decoration: none;
}
.button:active,
.button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.button-default,
.button-default:link {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.button-default:hover,
.button-default:focus,
.button-default:active,
.button-default.active,
.open .dropdown-toggle.button-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.button-default:active,
.button-default.active,
.open .dropdown-toggle.button-default {
  background-image: none;
}
.button-default.disabled,
.button-default[disabled],
fieldset[disabled] .button-default,
.button-default.disabled:hover,
.button-default[disabled]:hover,
fieldset[disabled] .button-default:hover,
.button-default.disabled:focus,
.button-default[disabled]:focus,
fieldset[disabled] .button-default:focus,
.button-default.disabled:active,
.button-default[disabled]:active,
fieldset[disabled] .button-default:active,
.button-default.disabled.active,
.button-default[disabled].active,
fieldset[disabled] .button-default.active {
  background-color: #fff;
  border-color: #ccc;
}

/*----primary */
.button-primary,
.button-primary:link {
  color: #FFFFFF !important;
  font-weight:bold;
  background-color: #FF8C00;
  border-color: #ccc;
}
.button-primary:hover,
.button-primary:focus,
.button-primary:active,
.button-primary.active,
.open .dropdown-toggle.button-primary {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #B7771D;
  border-color: #adadad;
}
.button-primary:active,
.button-primary.active,
.open .dropdown-toggle.button-primary {
  background-image: none;
}
.button-primary.disabled,
.button-primary[disabled],
fieldset[disabled] .button-primary,
.button-primary.disabled:hover,
.button-primary[disabled]:hover,
fieldset[disabled] .button-primary:hover,
.button-primary.disabled:focus,
.button-primary[disabled]:focus,
fieldset[disabled] .button-primary:focus,
.button-primary.disabled:active,
.button-primary[disabled]:active,
fieldset[disabled] .button-primary:active,
.button-primary.disabled.active,
.button-primary[disabled].active,
fieldset[disabled] .button-primary.active {
  background-color: #fff;
  border-color: #ccc;
}

/*----temporary */
.button-temporary,
.button-temporary:link {
  color: #FFF;
  font-weight:bold;
  background-color: #A8ADCC;
  border-color: #ccc;
}
.button-temporary:hover,
.button-temporary:focus,
.button-temporary:active,
.button-temporary.active,
.open .dropdown-toggle.button-temporary {
  color: #FFF;
  font-weight:bold;
  background-color: #787FAF;
  border-color: #adadad;
}
.button-temporary:active,
.button-temporary.active,
.open .dropdown-toggle.button-temporary {
  background-image: none;
}
.button-temporary.disabled,
.button-temporary[disabled],
fieldset[disabled] .button-temporary,
.button-temporary.disabled:hover,
.button-temporary[disabled]:hover,
fieldset[disabled] .button-temporary:hover,
.button-temporary.disabled:focus,
.button-temporary[disabled]:focus,
fieldset[disabled] .button-temporary:focus,
.button-temporary.disabled:active,
.button-temporary[disabled]:active,
fieldset[disabled] .button-temporary:active,
.button-temporary.disabled.active,
.button-temporary[disabled].active,
fieldset[disabled] .button-temporary.active {
  background-color: #fff;
  border-color: #ccc;
}

/*----cancel */
.button-cancel,
.button-cancel:link {
  color: #FFF;
  font-weight:bold;
  background-color: #A8ADCC;
  border-color: #ccc;
}
.button-cancel:hover,
.button-cancel:focus,
.button-cancel:active,
.button-cancel.active,
.open .dropdown-toggle.button-cancel {
  color: #FFF;
  font-weight:bold;
  background-color: #787FAF;
  border-color: #adadad;
}
.button-cancel:active,
.button-cancel.active,
.open .dropdown-toggle.button-cancel {
  background-image: none;
}
.button-cancel.disabled,
.button-cancel[disabled],
fieldset[disabled] .button-cancel,
.button-cancel.disabled:hover,
.button-cancel[disabled]:hover,
fieldset[disabled] .button-cancel:hover,
.button-cancel.disabled:focus,
.button-cancel[disabled]:focus,
fieldset[disabled] .button-cancel:focus,
.button-cancel.disabled:active,
.button-cancel[disabled]:active,
fieldset[disabled] .button-cancel:active,
.button-cancel.disabled.active,
.button-cancel[disabled].active,
fieldset[disabled] .button-cancel.active {
  background-color: #fff;
  border-color: #ccc;
}


.button-sm,
.button-group-sm > .button {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.button-xs,
.button-group-xs > .button {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


/* 教室管理ページ用＿追加 */

/*----gray */
.button-gray,
.button-gray:link {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #999;
  border-color: #ccc;
}
.button-gray:hover,
.button-gray:focus,
.button-gray:active,
.button-gray.active,
.open .dropdown-toggle.button-gray {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #FF8C00;
  border-color: #FF8C00;
}
.button-gray:active,
.button-gray.active,
.open .dropdown-toggle.button-gray {
  background-image: none;
}
.button-gray.disabled,
.button-gray[disabled],
fieldset[disabled] .button-gray,
.button-gray.disabled:hover,
.button-gray[disabled]:hover,
fieldset[disabled] .button-gray:hover,
.button-gray.disabled:focus,
.button-gray[disabled]:focus,
fieldset[disabled] .button-gray:focus,
.button-gray.disabled:active,
.button-gray[disabled]:active,
fieldset[disabled] .button-gray:active,
.button-gray.disabled.active,
.button-gray[disabled].active,
fieldset[disabled] .button-gray.active {
  background-color: #fff;
  border-color: #ccc;
}

/* ユーザーサイトログインページ用＿追加 */
.button-brown {
	background: #c49685; /* Old browsers */
	background: -moz-linear-gradient(top,  #c49685 0%, #9e6340 0%, #752201 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c49685), color-stop(0%,#9e6340), color-stop(96%,#752201)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c49685 0%,#9e6340 0%,#752201 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c49685 0%,#9e6340 0%,#752201 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c49685 0%,#9e6340 0%,#752201 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #c49685 0%,#9e6340 0%,#752201 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c49685', endColorstr='#752201',GradientType=0 ); /* IE6-9 */
}

.button-ss,
.button-group-ss > .button {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 5px;
}
.button-m,
.button-group-m > .button {
  padding: 4px 10px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 8px;
}

/*----login */
.button-login,
.button-login:link {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #FF8C00 !important;
  border-radius:3px;
  font-size:14px;
  padding:14px 0px;
  display:block;
  width:145px;
}
.button-login:hover,
.button-login:focus,
.button-login:active,
.button-login.active,
.open .dropdown-toggle.button-login {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #f5a777 !important;
}
.button-login:active,
.button-login.active,
.open .dropdown-toggle.button-login {
  background-image: none;
}
.button-login.disabled,
.button-login[disabled],
fieldset[disabled] .button-login,
.button-login.disabled:hover,
.button-login[disabled]:hover,
fieldset[disabled] .button-login:hover,
.button-login.disabled:focus,
.button-login[disabled]:focus,
fieldset[disabled] .button-login:focus,
.button-login.disabled:active,
.button-login[disabled]:active,
fieldset[disabled] .button-login:active,
.button-login.disabled.active,
.button-login[disabled].active,
fieldset[disabled] .button-login.active {
  background-color: #fff;
  border-color: #ccc;
}
/*----open */
.button-open,
.button-open:link {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #8fb721 !important;
  border-radius:3px;
  font-size:14px;
  padding:14px 0px;
  display:block;
  width:145px;
}
.button-open:hover,
.button-open:focus,
.button-open:active,
.button-open.active,
.open .dropdown-toggle.button-open {
  color: #FFFFFF;
  font-weight:bold;
  background-color: #a6d573 !important;
}
.button-open:active,
.button-open.active,
.open .dropdown-toggle.button-open {
  background-image: none;
}
.button-open.disabled,
.button-open[disabled],
fieldset[disabled] .button-open,
.button-open.disabled:hover,
.button-open[disabled]:hover,
fieldset[disabled] .button-open:hover,
.button-open.disabled:focus,
.button-open[disabled]:focus,
fieldset[disabled] .button-open:focus,
.button-open.disabled:active,
.button-open[disabled]:active,
fieldset[disabled] .button-open:active,
.button-open.disabled.active,
.button-open[disabled].active,
fieldset[disabled] .button-open.active {
  background-color: #fff;
  border-color: #ccc;
}
/*----login_for teacher */
.button-for-teacher,
.button-for-teacher:link {
  color: #542d1c;
  font-weight:bold;
  background-color: #f3eee9 !important;
  border:2px solid #ccbfba;
  border-radius:3px;
  font-size:14px;
  padding:8px 0px;
  display:block;
  width:300px;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
}
.button-for-teacher:hover,
.button-for-teacher:focus,
.button-for-teacher:active,
.button-for-teacher.active,
.open .dropdown-toggle.button-for-teacher {
  color: #7e635a;
  font-weight:bold;
  background-color: #f5f4ed !important;
  border:2px solid #ccbfba;
  box-sizing:border-box;
}
.button-for-teacher:active,
.button-for-teacher.active,
.open .dropdown-toggle.button-for-teacher {
  background-image: none;
}
.button-for-teacher.disabled,
.button-for-teacher[disabled],
fieldset[disabled] .button-for-teacher,
.button-for-teacher.disabled:hover,
.button-for-teacher[disabled]:hover,
fieldset[disabled] .button-for-teacher:hover,
.button-for-teacher.disabled:focus,
.button-for-teacher[disabled]:focus,
fieldset[disabled] .button-for-teacher:focus,
.button-for-teacher.disabled:active,
.button-for-teacher[disabled]:active,
fieldset[disabled] .button-for-teacher:active,
.button-for-teacher.disabled.active,
.button-for-teacher[disabled].active,
fieldset[disabled] .button-for-teacher.active {
  background-color: #fff;
  border-color: #ccc;
}
.photo_close{
  border-radius: 5px;
  border: 1px solid black;
  font-size: 12px;
  padding: 1.5px 10px;
  text-decoration: none!important;
  text-align: center;
  color: black! important;
}

.cw {
	color:#ffffff !important;
}