body,
dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
input,
label,
li,
ol,
p,
select,
table,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-size: 100%;
  font-weight: 400;
}
table {
  border: 0;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
}
dl,
ol,
ul {
  list-style-type: none;
}
select,
textarea {
  font-size: 1em;
}
body {
  min-width: 960px;
  color: #333;
  line-height: 1.6;
  text-align: left;
  word-break: break-all;
}
.displayNone {
  display: none;
}
.schoolBox {
  width: 900px;
  margin: 0 auto;
  background: #f8f6dc;
  padding: 30px;
  zoom: 1;
}
.schoolBox:after,
.schoolBox:before {
  content: "";
  display: table;
}
.schoolBox:after {
  clear: both;
}
.schoolBox__text {
  width: 900px;
}
.schoolBox__text__heading {
  font-size: 32px;
  font-weight: 700;
  color: #333;
}
.schoolBox__text__detail {
  margin-top: 15px;
}
.schoolBox__text__action {
  width: 405px;
  float: right;
  margin-top: -30px;
}
.schoolBox__text__action a {
  display: block;
}
.schoolBox__text__action__addList {
  position: relative;
  top: 0;
  left: 0;
  height: 35px;
  margin-left: 209px;
}
.schoolBox__text__action .bothSidesBox div {
  float: right;
}
.schoolBox__text__info {
  margin-top: 10px;
}
.schoolBox__text__info .inlineList {
  padding: 0;
}
.schoolBox__text__info .inlineList li {
  margin-right: 20px;
}
.schoolBox__text__info .tertiaryButton--arrow {
  padding: 4px;
}
.colsBox {
  width: 740px;
  overflow: hidden;
  zoom: 1;
}
.colsBox:after,
.colsBox:before {
  content: "";
  display: table;
}
.colsBox:after {
  clear: both;
}
.colsBox__container {
  width: 772px;
}
.colsBox__1of3 {
  width: 226px;
  float: left;
  margin-right: 31px;
}
.colsBox__1of3__heading {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin: 10px 0 5px;
}
.colsBox__1of2 {
  width: 355px;
  float: left;
  margin-right: 30px;
}
.mediaBox,
.mediaBox--clickableLink {
  zoom: 1;
}
.mediaBox--clickableLink:after,
.mediaBox--clickableLink:before,
.mediaBox:after,
.mediaBox:before {
  content: "";
  display: table;
}
.mediaBox--clickableLink:after,
.mediaBox:after {
  clear: both;
}
.mediaBox--clickableLink--primary,
.mediaBox--primary {
  padding: 20px;
  background: #e2f6cc;
  margin-top: 20px;
  margin-top: 0;
  zoom: 1;
}
.mediaBox--clickableLink--primary:after,
.mediaBox--clickableLink--primary:before,
.mediaBox--primary:after,
.mediaBox--primary:before {
  content: "";
  display: table;
}
.mediaBox--clickableLink--primary:after,
.mediaBox--primary:after {
  clear: both;
}
.mediaBox--clickableLink__media,
.mediaBox__media {
  margin-right: 15px;
  float: left;
}
.mediaBox--clickableLink__media--movie,
.mediaBox__media--movie {
  position: relative;
  margin-right: 15px;
  float: left;
}
.mediaBox--clickableLink__media--movie .playBtn,
.mediaBox__media--movie .playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.mediaBox--clickableLink,
.mediaBox--clickableLink--clickableLink {
  display: block;
  width: 100%;
  height: 100%;
}
.mediaBox--clickableLink--clickableLink:hover,
.mediaBox--clickableLink:hover {
  text-decoration: none;
  background-color: #fff600;
}
.mediaBox--clickableLink p,
.mediaBox--clickableLink--clickableLink p {
  color: #333;
}
.mediaBox--clickableLink .mediaBox__text__heading,
.mediaBox--clickableLink--clickableLink .mediaBox__text__heading {
  color: #0066cf;
}
.mediaBox--clickableLink .mediaBox__text__right,
.mediaBox--clickableLink--clickableLink .mediaBox__text__right {
  color: #0066cf;
}
.mediaBox--clickableLink__text,
.mediaBox__text {
  overflow: hidden;
}
.mediaBox--clickableLink__text__heading,
.mediaBox__text__heading {
  font-weight: 700;
}
.mediaBox--clickableLink__text__heading--large,
.mediaBox__text__heading--large {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}
.mediaBox--clickableLink__text__heading--primary,
.mediaBox__text__heading--primary {
  font-size: 18px;
  font-weight: 700;
  color: #00a30a;
}
.mediaBox--clickableLink__text__list,
.mediaBox__text__list {
  margin-top: 10px;
}
.mediaBox--clickableLink__text__list li,
.mediaBox__text__list li {
  margin-top: 5px;
}
.mediaBox--clickableLink__text__list li:first-child,
.mediaBox__text__list li:first-child {
  margin-top: 0;
}
.mediaBox--clickableLink__text__right,
.mediaBox__text__right {
  text-align: right;
}
.mediaBox--clickableLink__text p,
.mediaBox__text p {
  margin-top: 5px;
}
.mediaBox--clickableLink__text p:first-child,
.mediaBox__text p:first-child {
  margin-top: 0;
}
.listBox--extra {
  padding: 20px;
  background: #f0f0f0;
  margin-top: 20px;
}
.listBox--unite {
  padding: 20px;
  background: #fff;
  margin-top: 20px;
}
.listBox--balloon {
  padding: 20px;
  background: #fff;
  margin-top: 20px;
  position: relative;
}
.listBox--balloon:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -15px;
  left: 40px;
}
.listBox__heading {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.listBox__heading--extra {
  padding: 20px;
  background: #f0f0f0;
  margin-top: 20px;
}
.listBox__heading--primary {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  color: #00a30a;
}
.listBox__list {
  margin-top: 10px;
}
.listBox__list li {
  margin-top: 5px;
}
.listBox__list li:first-child {
  margin-top: 0;
}
.primaryBox,
.primaryBox--inline {
  padding: 20px;
  background: #e2f6cc;
  margin-top: 20px;
}
.primaryBox--inline__heading,
.primaryBox__heading {
  font-size: 18px;
  font-weight: 700;
  color: #00a30a;
}
.primaryBox--inline__heading__moreText,
.primaryBox__heading__moreText {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333 !important;
}
.primaryBox--inline__heading__moreText:hover,
.primaryBox__heading__moreText:hover {
  color: #333;
  text-decoration: none;
}
.primaryBox--inline__contents p,
.primaryBox__contents p {
  margin-top: 20px;
}
.primaryBox--inline__contents dt,
.primaryBox__contents dt {
  margin-top: 15px;
}
.primaryBox--inline__contents dt:first-child,
.primaryBox__contents dt:first-child {
  margin-top: 0;
}
.primaryBox--inline,
.primaryBox--inline--inline {
  display: inline-block;
  padding: 2px;
}
.secondaryBox {
  margin: 20px 0 10px;
  padding: 30px 60px 40px;
  background: #f8f6dc;
  text-align: center;
}
.secondaryBox__heading,
.secondaryBox__heading--balloon {
  font-size: 21px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  margin-bottom: 20px;
}
.secondaryBox__heading--balloon,
.secondaryBox__heading--balloon--balloon {
  position: relative;
}
.secondaryBox__heading--balloon img,
.secondaryBox__heading--balloon--balloon img {
  position: absolute;
  top: -52px;
  left: -106px;
}
.inlineList,
.inlineList--reverse {
  padding: 10px;
}
.inlineList li,
.inlineList--reverse li {
  display: inline-block;
  margin-right: 30px;
}
.inlineList li:last-child,
.inlineList--reverse li:last-child {
  margin-right: 0;
}
.inlineList--reverse,
.inlineList--reverse--reverse {
  text-align: right;
}
.tableBox {
  width: 100%;
  border-collapse: collapse;
  border-top: #d9d9d9 1px solid;
  border-left: #d9d9d9 1px solid;
}
.tableBox th {
  padding: 10px 0;
  background: #f0f0f0;
  border-right: #d9d9d9 1px solid;
  border-bottom: #d9d9d9 1px solid;
  text-align: center;
}
.tableBox td {
  padding: 20px;
  border-right: #d9d9d9 1px solid;
  border-bottom: #d9d9d9 1px solid;
}
.tableBox .mapAccess {
  width: 140px;
}
.indentBox {
  margin: 20px 0 30px;
}
.indentBox__contents__main {
  border-bottom: #d9d9d9 1px solid;
}
.indentBox__contents__child {
  margin-left: 30px;
  border-bottom: #d9d9d9 1px solid;
}
.bothSidesBox {
  zoom: 1;
}
.bothSidesBox:after,
.bothSidesBox:before {
  content: "";
  display: table;
}
.bothSidesBox:after {
  clear: both;
}
.bothSidesBox__left {
  float: left;
}
.bothSidesBox__right {
  float: right;
}
.centerBox {
  display: block;
  text-align: center;
}
.checkboxBlock {
  display: table;
  width: 100%;
  padding: 10px 0;
}
.checkboxBlock__check {
  display: table-cell;
  width: 25px;
  vertical-align: top;
}
.checkboxBlock__contents {
  display: table-cell;
  vertical-align: top;
}
.checkboxBlock__contents--buttonBox {
  display: table-cell;
  width: 120px;
  padding-left: 20px;
}
.confirmBox {
  width: 760px;
  margin-top: 20px;
}
.confirmBox p {
  text-align: center;
}
.confirmBox div {
  text-align: center;
}
.confirmBox div p {
  display: block;
  margin-bottom: 10px;
}
.confirmBox .warning {
  font-size: 14px;
}
.confirmBox .primaryButton--large {
  width: 300px;
  margin: 10px auto;
}
.courseBox {
  width: 100%;
}
.courseBox li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-right: 1%;
}
.seikyuAllBox {
  margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: 2px solid #999;
}
.hiddenBox .warning {
  visibility: hidden;
}
.backTopBox .tertiaryButton--arrow {
  width: 100px;
  margin: 10px auto 0;
  padding: 10px;
}
.icon--add {
  background: url(/images/gakko/sprite.png) no-repeat -867px -398px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--brochure {
  background: url(/images/gakko/sprite.png) no-repeat -631px -140px;
  width: 33px;
  height: 39px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--star {
  background: url(/images/gakko/sprite.png) no-repeat -867px -438px;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--mail {
  background: url(/images/gakko/sprite.png) no-repeat -701px -638px;
  width: 25px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_down {
  background: url(/images/gakko/sprite.png) no-repeat -877px -459px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_up {
  background: url(/images/gakko/sprite.png) no-repeat -867px -459px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_right {
  background: url(/images/gakko/sprite.png) no-repeat -867px -420px;
  width: 6px;
  height: 7px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_close {
  background: url(/images/gakko/sprite.png) no-repeat -877px -420px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_header {
  background: url(/images/gakko/sprite.png) no-repeat 0 -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--pamph_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -388px -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_header {
  background: url(/images/gakko/sprite.png) no-repeat -701px -198px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--opencampus_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -78px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_header {
  background: url(/images/gakko/sprite.png) no-repeat -701px -118px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--petition_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -158px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_header {
  background: url(/images/gakko/sprite.png) no-repeat -194px -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px 0;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--add_list {
  background: url(/images/gakko/sprite.png) no-repeat -430px -514px;
  width: 190px;
  height: 28px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--add_list:hover {
  background: url(/images/gakko/sprite.png) no-repeat -236px -514px;
  width: 190px;
  height: 28px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -558px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -518px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -438px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -478px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -398px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -598px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -472px -374px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -472px -444px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_footer {
  background: url(/images/gakko/sprite.png) no-repeat -236px -444px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -514px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_footer {
  background: url(/images/gakko/sprite.png) no-repeat -395px -280px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -374px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_footer {
  background: url(/images/gakko/sprite.png) no-repeat -395px -140px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -444px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_footer {
  background: url(/images/gakko/sprite.png) no-repeat -236px -374px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat -395px -210px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--join {
  background: url(/images/gakko/sprite.png) no-repeat -701px -318px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--join:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -278px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu {
  background: url(/images/gakko/sprite.png) no-repeat 0 -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu:hover {
  background: url(/images/gakko/sprite.png) no-repeat -120px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all {
  background: url(/images/gakko/sprite.png) no-repeat 0 0;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -156px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_disabled {
  background: url(/images/gakko/sprite.png) no-repeat -240px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: default;
}
.btn--seikyu_disabled:hover {
  background: url(/images/gakko/sprite.png) no-repeat -240px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all_disabled {
  background: url(/images/gakko/sprite.png) no-repeat 0 -78px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: default;
}
.btn--seikyu_all_disabled:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -78px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_modal {
  background: url(/images/gakko/sprite.png) no-repeat -701px -238px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_modal:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -358px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--next {
  background: url(/images/gakko/sprite.png) no-repeat -395px -70px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--next:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -234px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--agree {
  background: url(/images/gakko/sprite.png) no-repeat 0 -304px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--agree:hover {
  background: url(/images/gakko/sprite.png) no-repeat -395px 0;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.primaryButton,
.primaryButton--footer,
.primaryButton--large,
.primaryButton--large--footer {
  display: block;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  background: #ffae00;
  background: #ffb70e;
  background: -moz--webkit-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -moz--moz-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -moz--o-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -moz--ms-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -moz-linear-gradient(
    to bottom,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffb70e),
    color-stop(50%, #f70),
    color-stop(51%, #f54a01),
    color-stop(100%, #fd7803)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffb70e),
    color-stop(50%, #f70),
    color-stop(51%, #f54a01),
    color-stop(100%, #fd7803)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffb70e),
    color-stop(50%, #f70),
    color-stop(51%, #f54a01),
    color-stop(100%, #fd7803)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffb70e),
    color-stop(50%, #f70),
    color-stop(51%, #f54a01),
    color-stop(100%, #fd7803)
  );
  background: -webkit-gradient(
    to right bottom,
    left bottom,
    color-stop(0, #ffb70e),
    color-stop(50%, #f70),
    color-stop(51%, #f54a01),
    color-stop(100%, #fd7803)
  );
  background: -webkit--webkit-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit--moz-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit--o-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit--ms-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit-linear-gradient(
    to bottom,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o--webkit-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o--moz-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o--o-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o--ms-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o-linear-gradient(
    to bottom,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms--webkit-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms--moz-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms--o-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms--ms-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms-linear-gradient(
    to bottom,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -moz-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -o-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: -ms-linear-gradient(
    top,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  background: linear-gradient(
    to bottom,
    #ffb70e 0,
    #f70 50%,
    #f54a01 51%,
    #fd7803 100%
  );
  -webkit-border-radius: 5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 5px solid #ff7800;
  -webkit-box-shadow: rgba(150, 150, 150, 0.549) 0 1px 1px 1px;
  box-shadow: rgba(150, 150, 150, 0.549) 0 1px 1px 1px;
  -webkit-box-shadow: rgba(150, 150, 150, 0.549) 0 1px 1px 1px;
  -moz-box-shadow: rgba(150, 150, 150, 0.549) 0 1px 1px 1px;
}
.primaryButton--footer:hover,
.primaryButton--large--footer:hover,
.primaryButton--large:hover,
.primaryButton:hover {
  text-decoration: none;
  background: #ffca1a;
  background: -moz--webkit-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -moz--moz-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -moz--o-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -moz--ms-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -moz-linear-gradient(
    to bottom,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffca1a),
    color-stop(50%, #ffa600),
    color-stop(51%, #f99100),
    color-stop(100%, #fe9000)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffca1a),
    color-stop(50%, #ffa600),
    color-stop(51%, #f99100),
    color-stop(100%, #fe9000)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffca1a),
    color-stop(50%, #ffa600),
    color-stop(51%, #f99100),
    color-stop(100%, #fe9000)
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0, #ffca1a),
    color-stop(50%, #ffa600),
    color-stop(51%, #f99100),
    color-stop(100%, #fe9000)
  );
  background: -webkit-gradient(
    to right bottom,
    left bottom,
    color-stop(0, #ffca1a),
    color-stop(50%, #ffa600),
    color-stop(51%, #f99100),
    color-stop(100%, #fe9000)
  );
  background: -webkit--webkit-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit--moz-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit--o-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit--ms-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit-linear-gradient(
    to bottom,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o--webkit-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o--moz-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o--o-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o--ms-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o-linear-gradient(
    to bottom,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms--webkit-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms--moz-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms--o-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms--ms-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms-linear-gradient(
    to bottom,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -moz-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -o-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: -ms-linear-gradient(
    top,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  background: linear-gradient(
    to bottom,
    #ffca1a 0,
    #ffa600 50%,
    #f99100 51%,
    #fe9000 100%
  );
  border: 5px solid #ec8a00;
}
.primaryButton--footer,
.primaryButton--footer--large,
.primaryButton--large,
.primaryButton--large--footer,
.primaryButton--large--footer--large,
.primaryButton--large--large {
  font-size: 20px;
}
.primaryButton--footer,
.primaryButton--footer--footer,
.primaryButton--large--footer,
.primaryButton--large--footer--footer {
  width: 220px;
  height: 40px;
  line-height: 40px;
}
.secondaryButton {
  background: #00b00b;
  display: block;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  background-image: -webkit--webkit-linear-gradient(top, "#00b00b", "#009209");
  background-image: -webkit--moz-linear-gradient(top, "#00b00b", "#009209");
  background-image: -webkit--o-linear-gradient(top, "#00b00b", "#009209");
  background-image: -webkit--ms-linear-gradient(top, "#00b00b", "#009209");
  background-image: -webkit-linear-gradient(to bottom, "#00b00b", "#009209");
  background-image: -moz--webkit-linear-gradient(top, "#00b00b", "#009209");
  background-image: -moz--moz-linear-gradient(top, "#00b00b", "#009209");
  background-image: -moz--o-linear-gradient(top, "#00b00b", "#009209");
  background-image: -moz--ms-linear-gradient(top, "#00b00b", "#009209");
  background-image: -moz-linear-gradient(to bottom, "#00b00b", "#009209");
  background-image: -ms--webkit-linear-gradient(top, "#00b00b", "#009209");
  background-image: -ms--moz-linear-gradient(top, "#00b00b", "#009209");
  background-image: -ms--o-linear-gradient(top, "#00b00b", "#009209");
  background-image: -ms--ms-linear-gradient(top, "#00b00b", "#009209");
  background-image: -ms-linear-gradient(to bottom, "#00b00b", "#009209");
  background-image: -o--webkit-linear-gradient(top, "#00b00b", "#009209");
  background-image: -o--moz-linear-gradient(top, "#00b00b", "#009209");
  background-image: -o--o-linear-gradient(top, "#00b00b", "#009209");
  background-image: -o--ms-linear-gradient(top, "#00b00b", "#009209");
  background-image: -o-linear-gradient(to bottom, "#00b00b", "#009209");
  background-image: -webkit-linear-gradient(top, #00b00b, #009209);
  background-image: -moz-linear-gradient(top, #00b00b, #009209);
  background-image: -o-linear-gradient(top, #00b00b, #009209);
  background-image: -ms-linear-gradient(top, #00b00b, #009209);
  background-image: linear-gradient(to bottom, #00b00b, #009209);
  -webkit-border-radius: 5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 0;
  -webkit-border-radius: 0 0 5 5;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.tertiaryButton,
.tertiaryButton--arrow {
  display: block;
  color: #00a30a !important;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #00a30a;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  line-height: 1;
  background: #fff;
}
.tertiaryButton--arrow,
.tertiaryButton--arrow--arrow {
  padding: 4px 0;
  border-color: #0066cd;
  color: #0066cd !important;
}
.tertiaryButton--arrow--arrow:before,
.tertiaryButton--arrow:before {
  content: "";
  background: url(/images/gakko/sprite.png) no-repeat -867px -420px;
  width: 6px;
  height: 7px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.primaryHeading {
  margin: 40px 0 20px;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
  color: #00a30a;
  background: url(/images/common/img_titleBorder.png) no-repeat left bottom;
}
.secondaryHeading {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}
.tertiaryHeading {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}
.statusHeading {
  padding-left: 15px;
  border-left: 6px solid #00a30a;
  font-size: 26px;
  font-weight: 700;
}
.statusHeading img {
  vertical-align: middle;
  padding-bottom: 4px;
  margin-left: 10px;
}
.highlightHeading,
.highlightHeading--large,
.highlightHeading--small,
.highlightHeading--small--large {
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
}
.highlightHeading--large--large:hover,
.highlightHeading--large:hover,
.highlightHeading--small--large--large:hover,
.highlightHeading--small--large:hover,
.highlightHeading--small--small:hover,
.highlightHeading--small:hover,
.highlightHeading:hover {
  text-decoration: none;
  background-color: #fff600;
}
.highlightHeading span,
.highlightHeading--large span,
.highlightHeading--large--large span,
.highlightHeading--small span,
.highlightHeading--small--large span,
.highlightHeading--small--large--large span,
.highlightHeading--small--small span {
  margin-left: 10px;
  color: #767676;
  font-size: 12px;
  font-weight: 400;
}
.highlightHeading--large--small,
.highlightHeading--small,
.highlightHeading--small--large--small,
.highlightHeading--small--small {
  font-size: 12px;
  font-weight: 400;
}
.highlightHeading--large,
.highlightHeading--large--large,
.highlightHeading--small--large,
.highlightHeading--small--large--large {
  font-size: 18px;
}
.icon--add {
  background: url(/images/gakko/sprite.png) no-repeat -867px -398px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--brochure {
  background: url(/images/gakko/sprite.png) no-repeat -631px -140px;
  width: 33px;
  height: 39px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--star {
  background: url(/images/gakko/sprite.png) no-repeat -867px -438px;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--mail {
  background: url(/images/gakko/sprite.png) no-repeat -701px -638px;
  width: 25px;
  height: 17px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_down {
  background: url(/images/gakko/sprite.png) no-repeat -877px -459px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_up {
  background: url(/images/gakko/sprite.png) no-repeat -867px -459px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_right {
  background: url(/images/gakko/sprite.png) no-repeat -867px -420px;
  width: 6px;
  height: 7px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.icon--arrow_close {
  background: url(/images/gakko/sprite.png) no-repeat -877px -420px;
  width: 6px;
  height: 5px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_header {
  background: url(/images/gakko/sprite.png) no-repeat 0 -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--pamph_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -388px -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_header {
  background: url(/images/gakko/sprite.png) no-repeat -701px -198px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--opencampus_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -78px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_header {
  background: url(/images/gakko/sprite.png) no-repeat -701px -118px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: 2px;
}
.btn--petition_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -158px;
  width: 190px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_header {
  background: url(/images/gakko/sprite.png) no-repeat -194px -584px;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_header:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px 0;
  width: 190px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--add_list {
  background: url(/images/gakko/sprite.png) no-repeat -430px -514px;
  width: 190px;
  height: 28px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--add_list:hover {
  background: url(/images/gakko/sprite.png) no-repeat -236px -514px;
  width: 190px;
  height: 28px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -558px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -518px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -438px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -478px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -701px -398px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -598px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_s_lock {
  background: url(/images/gakko/sprite.png) no-repeat -472px -374px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_s_lock:hover {
  background: url(/images/gakko/sprite.png) no-repeat -472px -444px;
  width: 162px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_footer {
  background: url(/images/gakko/sprite.png) no-repeat -236px -444px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--pamph_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -514px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_footer {
  background: url(/images/gakko/sprite.png) no-repeat -395px -280px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--opencampus_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -374px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_footer {
  background: url(/images/gakko/sprite.png) no-repeat -395px -140px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -444px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_footer {
  background: url(/images/gakko/sprite.png) no-repeat -236px -374px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--petition_pamph_footer:hover {
  background: url(/images/gakko/sprite.png) no-repeat -395px -210px;
  width: 232px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--join {
  background: url(/images/gakko/sprite.png) no-repeat -701px -318px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--join:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -278px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu {
  background: url(/images/gakko/sprite.png) no-repeat 0 -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu:hover {
  background: url(/images/gakko/sprite.png) no-repeat -120px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all {
  background: url(/images/gakko/sprite.png) no-repeat 0 0;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -156px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_disabled {
  background: url(/images/gakko/sprite.png) no-repeat -240px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: default;
}
.btn--seikyu_disabled:hover {
  background: url(/images/gakko/sprite.png) no-repeat -240px -662px;
  width: 116px;
  height: 45px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_all_disabled {
  background: url(/images/gakko/sprite.png) no-repeat 0 -78px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  cursor: default;
}
.btn--seikyu_all_disabled:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -78px;
  width: 391px;
  height: 74px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_modal {
  background: url(/images/gakko/sprite.png) no-repeat -701px -238px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--seikyu_modal:hover {
  background: url(/images/gakko/sprite.png) no-repeat -701px -358px;
  width: 181px;
  height: 36px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--next {
  background: url(/images/gakko/sprite.png) no-repeat -395px -70px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--next:hover {
  background: url(/images/gakko/sprite.png) no-repeat 0 -234px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--agree {
  background: url(/images/gakko/sprite.png) no-repeat 0 -304px;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--agree:hover {
  background: url(/images/gakko/sprite.png) no-repeat -395px 0;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.primaryLabel {
  line-height: 1;
  padding: 6px 8px;
  border: 2px solid #d9d9d9;
  display: inline-block;
  background-color: #fff;
}
.infoLabel {
  display: inline-block;
  background: #ffae00;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  padding: 0 5px;
  margin-right: 5px;
}
.require {
  display: inline-block;
  background: #ff8000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  padding: 0 5px;
}
.toll {
  display: inline-block;
  background: #fe0000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  padding: 0 5px;
  margin-right: 5px;
}
.free {
  display: inline-block;
  background: #d9d9d9;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #000;
  padding: 0 5px;
  margin-right: 5px;
}
.nextDay {
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #00a30a;
  border: 1px solid #00a30a;
  padding: 1px 5px 0;
  margin-right: 5px;
}
.localNav {
  width: 960px;
  margin: 20px auto 40px;
}
.localNav__contents {
  zoom: 1;
  width: 100%;
  text-align: center;
}
.localNav__contents:after,
.localNav__contents:before {
  content: "";
  display: table;
}
.localNav__contents:after {
  clear: both;
}
.localNav__contents li {
  display: block;
  float: left;
}
.localNav__contents li a {
  display: table-cell;
  width: 79px;
  color: #fff;
}
.localNav__contents .otherTab {
  float: right;
}
.localNav__contents--active,
.localNav__contents--default,
.localNav__contents__other,
.localNav__contents__other--active {
  height: 78px;
  background: url(/images/common/bg_nav.png) 0 0 repeat-x;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  border-right: 1px solid #fff;
}
.localNav__contents--active:hover,
.localNav__contents--default:hover,
.localNav__contents__other--active:hover,
.localNav__contents__other:hover {
  background: url(/images/common/bg_nav--hover.png) 0 0 repeat-x;
  color: #009209;
  text-decoration: none;
}
.localNav__contents--active {
  width: 79px !important;
  background: url(/images/common/bg_nav_active.png) 0 0 no-repeat;
  color: #009209 !important;
}
.localNav__contents--active:hover {
  background: url(/images/common/bg_nav_active.png) 0 0 no-repeat;
  color: #009209;
}
.localNav__contents__other {
  background: url(/images/common/bg_nav--other.png) 0 0 repeat-x;
  color: #fff;
}
.localNav__contents__other:hover {
  background: url(/images/common/bg_nav--hover.png) 0 0 repeat-x;
  color: #26e;
}
.localNav__contents__other--active {
  width: 79px !important;
  background: url(/images/common/bg_nav_active--other.png) 0 0 no-repeat;
  color: #26e !important;
}
.localNav__contents__other--active:hover {
  background: url(/images/common/bg_nav_active--other.png) 0 0 no-repeat;
  color: #26e;
}
.note {
  margin-top: 5px;
  color: #8c8c8c;
}
.warning {
  color: #ff0200;
}
.mediabox--blockOptionLink {
  margin-top: 15px;
  display: block;
}
.fs11 {
  font-size: 11px;
}
.fs18 {
  font-size: 18px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.toTop {
  width: 100% !important;
  margin-top: 20px;
  text-align: right;
}
.toTop a {
  font-size: 10px;
}
.toTop a:before {
  top: 3px;
}
.mainContents {
  width: 740px !important;
}
.flL {
  float: left;
}
.txt-r {
  text-align: right;
}
.txt-c {
  text-align: center;
}
.lhBox {
  line-height: 1.8;
}
.font10 {
  font-size: 10px !important;
}
.font12 {
  font-size: 12px !important;
}
.inputMiddle {
  width: 120px !important;
}
.inputLong {
  width: 220px !important;
}
#ocuniversity2 {
  border: none;
}
#ocuniversity4 {
  width: 760px;
  border: none;
  padding: 0;
  margin: 0;
}
.ocProBox01 {
  border: none;
  margin: 0;
}
.ocProBox01 td {
  font-size: 14px;
}
.ocProBox01 input {
  font-size: 14px;
}
.ocProBox01 select {
  font-size: 14px;
}
.ocProBox01 .tertiaryButton--arrow {
  width: 100px;
  float: right;
  margin-top: 10px;
  padding: 10px;
}
.ocProBox01 .font12 > .tertiaryButton--arrow {
  float: none;
  width: auto;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5px;
  padding: 3px;
  position: relative;
  left: 5px;
  display: inline-block;
}
.ocProBoxTblcg01 {
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #fff;
}
.ocProBoxTblcg02 {
  padding-left: 10px;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #fff;
}
.ocProBoxTblcg11 {
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #fff;
}
.valid_stat {
  width: 50px;
}
#jidoInputAddress {
  width: auto;
  float: none;
  margin-top: 0;
  padding: 4px 0;
  border-color: #0066cd;
  color: #0066cd !important;
}
.addressTblMar {
  margin-top: 5px;
  padding-bottom: 5px;
}
.addressTblMar th {
  width: 60px;
  padding-right: 5px;
}
.addressTblMar .ocForm03 {
  width: 300px !important;
}
.signInBox {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
}
#fixedAction *,
#gakkoFooter *,
#localNav *,
#main *,
#pankuzu *,
.schoolBox * {
  font-family: arial, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
}
#fixedAction {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f8f6dc;
  background: rgba(248, 246, 220, 0.8);
  z-index: 100;
  display: none;
}
#fixedAction .schoolBox {
  background: rgba(248, 246, 220, 0);
  padding: 10px 0;
}
#fixedAction .schoolBox .schoolBox__text__heading {
  font-size: 22px;
}
#fixedAction .inlineList {
  padding: 0;
}
#fixedAction .inlineList li {
  margin-right: 10px;
}
#fixedAction .inlineList li:last-child {
  margin-right: 0;
}
.remodal h1 {
  margin: 10px;
  font-weight: 700;
}
.remodal p {
  text-align: left;
}
.remodal-close:hover {
  text-decoration: none;
}
.remodal__confirmList {
  text-align: left;
}
.remodal__confirmList__school {
  margin-top: 20px;
}
.remodal__confirmList__school b {
  display: block;
  margin-bottom: 5px;
}
.remodal__confirmList__school ul {
  margin: 0;
  padding: 0;
}
.remodal__confirmList__school li {
  list-style: none;
}
.remodal__requestList {
  margin-bottom: 30px;
  text-align: left;
}
.remodal__requestList__school {
  margin-top: 20px;
}
.remodal__requestList__school b {
  display: block;
  margin-bottom: 5px;
}
.remodal .tertiaryButton {
  display: inline-block;
}
.openCampus-popup {
  background: #fff;
  width: 660px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
.openCampus-popup .mfp-close {
  top: -26px;
  right: -26px;
  background: url(/images/common/btn_popup.png) no-repeat 0 0;
  width: 58px;
  height: 58px;
  text-indent: -9999px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.openCampus-popup .mfp-close:active {
  top: -26px;
}
.openCampus-popup .heading {
  padding-bottom: 5px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 700;
  colors: #00a30a;
  background: url(/images/common/img_titleBorder.png) no-repeat left bottom;
}
.openCampus-popup .datewrap {
  overflow-y: scroll;
  max-height: 694px;
}
.openCampus-popup .datetable {
  width: 100%;
  border-collapse: collapse;
  color: #333;
}
.openCampus-popup .datetable th {
  text-align: left;
}
.openCampus-popup .datetable.all td,
.openCampus-popup .datetable.all th {
  border: 1px solid #d9d9d9;
}
.openCampus-popup .datetable.all.nohead > thead {
  display: none;
}
.openCampus-popup .datetable.all.nohead > tbody > tr:first-child td,
.openCampus-popup .datetable.all.nohead > tbody > tr:first-child th {
  border-top-style: none;
}
.openCampus-popup .datetable.all > thead th {
  background: #e2f6cc;
  font-size: 18px;
  padding: 15px 20px;
}
.openCampus-popup .datetable.all > tbody > tr:hover > th {
  background: #f8f6dc;
  cursor: pointer;
}
.openCampus-popup .datetable.all > tbody > tr:hover > td {
  background-color: #fff600;
  cursor: pointer;
}
.openCampus-popup .datetable.all > tbody > tr:hover > td .event,
.openCampus-popup .datetable.all > tbody > tr:hover > td .title {
  text-decoration: underline;
}
.openCampus-popup .datetable.all > tbody > tr > th {
  background: #f0f0f0;
  padding: 15px 20px;
  font-size: 24px;
  vertical-align: middle;
  width: 110px;
}
.openCampus-popup .datetable.all > tbody > tr > th span {
  font-size: 16px;
}
.openCampus-popup .datetable.all > tbody > tr > th.sat {
  color: #0066cf;
}
.openCampus-popup .datetable.all > tbody > tr > th.sun {
  color: red;
}
.openCampus-popup .datetable.all > tbody > tr > td {
  background: #fff url(/images/common/bg_arrow_right_gray.png) no-repeat 98% 50%;
  padding: 15px 20px;
  vertical-align: middle;
}
.openCampus-popup .datetable.all > tbody > tr > td .title {
  font-size: 16px;
}
.openCampus-popup .datetable.all > tbody > tr > td .event {
  font-size: 12px;
}
.openCampus-popup .datetable.events td,
.openCampus-popup .datetable.events th {
  border: 1px solid #d9d9d9;
}
.openCampus-popup .datetable.events.nohead > thead {
  display: none;
}
.openCampus-popup .datetable.events.nohead > tbody > tr:first-child td,
.openCampus-popup .datetable.events.nohead > tbody > tr:first-child th {
  border-top-style: none;
}
.openCampus-popup .datetable.events > thead th {
  background: #e2f6cc;
  font-size: 18px;
  padding: 15px 20px;
}
.openCampus-popup .datetable.events > tbody > tr:hover > th {
  cursor: pointer;
}
.openCampus-popup .datetable.events > tbody > tr:hover > td {
  cursor: pointer;
}
.openCampus-popup .datetable.events > tbody > tr:hover > td.togglebtn a {
  text-decoration: underline;
}
.openCampus-popup .datetable.events > tbody > tr.active > th {
  background: #ccc;
}
.openCampus-popup .datetable.events > tbody > tr.active > td {
  background: #ccc;
}
.openCampus-popup .datetable.events > tbody > tr > th {
  background: #f0f0f0;
  padding: 15px 20px;
  font-size: 24px;
  vertical-align: middle;
  border-right: none;
  width: 110px;
}
.openCampus-popup .datetable.events > tbody > tr > th span {
  font-size: 16px;
}
.openCampus-popup .datetable.events > tbody > tr > th.sat {
  color: #0066cf;
}
.openCampus-popup .datetable.events > tbody > tr > th.sun {
  color: red;
}
.openCampus-popup .datetable.events > tbody > tr > th + td {
  border-right: none;
}
.openCampus-popup .datetable.events > tbody > tr > td {
  padding: 15px 20px;
  vertical-align: middle;
  border-left: none;
}
.openCampus-popup .datetable.events > tbody > tr > td .title {
  font-size: 16px;
}
.openCampus-popup .datetable.events > tbody > tr > td .event {
  font-size: 12px;
}
.openCampus-popup .datetable.events > tbody > tr > td.togglebtn {
  text-align: right;
  width: 85px;
}
.openCampus-popup .datetable.events > tbody > tr.detail:hover th {
  background: #f0f0f0;
}
.openCampus-popup .datetable.events > tbody > tr.detail:hover td {
  background-color: #fff;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td {
  padding: 0;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table {
  width: 100%;
  border-collapse: collapse;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr:first-child
  td,
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr:first-child
  th {
  border-top: none;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table tr:hover th {
  background: #f8f6dc;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table tr:hover td {
  background-color: #fff600;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr.disable
  th
  .time {
  color: #a6a6a6;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr.disable
  td {
  background: #fff;
  color: #a6a6a6;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr.disable:hover
  th {
  background: #f0f0f0;
  cursor: default;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr.disable:hover
  td {
  background-color: #fff;
  text-decoration: none;
  cursor: default;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table tr th {
  font-weight: 700;
  text-align: center;
  width: 104px;
  padding: 15px 20px;
  vertical-align: middle;
  background: #f0f0f0;
  border: none;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  width: 110px;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table tr th .time {
  color: #0066cf;
  font-size: 14px;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr
  th
  .status {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr
  th
  .status.gray {
  background: #a6a6a6;
}
.openCampus-popup
  .datetable.events
  > tbody
  > tr.detail
  > td
  table
  tr
  th
  .status.red {
  background: red;
}
.openCampus-popup .datetable.events > tbody > tr.detail > td table tr td {
  padding: 15px 20px;
  border: none;
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
  background: #fff url(/images/common/bg_arrow_right_gray.png) no-repeat 98% 50%;
}
.openCampus-popup .morebtn {
  padding: 20px;
  background: #e2f6cc;
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  display: block;
  cursor: pointer;
}
.openCampus-popup .detailtitle {
  border: 1px solid #d9d9d9;
  padding: 15px 20px;
  color: #333;
  overflow: hidden;
}
.openCampus-popup .detailtitle .date {
  float: left;
  margin-right: 20px;
  font-size: 14px;
}
.openCampus-popup .detailtitle .date.sat {
  color: #0066cf;
}
.openCampus-popup .detailtitle .date.sun {
  color: red;
}
.openCampus-popup .detailtitle .text {
  overflow: hidden;
  font-size: 14px;
}
.openCampus-popup .detailtitle .text .event {
  font-size: 12px;
}
.openCampus-popup .detailback {
  margin-top: 10px;
  font-size: 14px;
}
.openCampus-popup .detailcols {
  overflow: hidden;
  margin-top: 25px;
}
.openCampus-popup .detailcols > .col1 {
  float: left;
  width: 395px;
  max-height: 420px;
  overflow-y: scroll;
}
.openCampus-popup .detailcols > .col1 > .title {
  color: #00a30a;
  font-size: 18px;
  border-left: 4px solid #00a30a;
  padding-left: 10px;
  line-height: 1.1;
}
.openCampus-popup .detailcols > .col1 .detailtable {
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
  color: #333;
}
.openCampus-popup .detailcols > .col1 .detailtable tr:hover td,
.openCampus-popup .detailcols > .col1 .detailtable tr:hover th {
  cursor: pointer;
}
.openCampus-popup .detailcols > .col1 .detailtable tr:hover th {
  background: #f8f6dc;
}
.openCampus-popup .detailcols > .col1 .detailtable tr:hover td {
  background-color: #fff600;
  text-decoration: underline;
}
.openCampus-popup .detailcols > .col1 .detailtable tr.disable:hover td,
.openCampus-popup .detailcols > .col1 .detailtable tr.disable:hover th {
  cursor: default;
}
.openCampus-popup .detailcols > .col1 .detailtable tr.disable:hover th {
  background: #f0f0f0;
}
.openCampus-popup .detailcols > .col1 .detailtable tr.disable:hover td {
  background-color: #fff;
  text-decoration: none;
}
.openCampus-popup .detailcols > .col1 .detailtable tr.disable th .time {
  color: #a6a6a6;
}
.openCampus-popup .detailcols > .col1 .detailtable tr.disable td {
  background: #fff;
  color: #a6a6a6;
}
.openCampus-popup .detailcols > .col1 .detailtable tr td,
.openCampus-popup .detailcols > .col1 .detailtable tr th {
  border: 1px solid #d9d9d9;
}
.openCampus-popup .detailcols > .col1 .detailtable tr th {
  font-weight: 700;
  text-align: center;
  width: 104px;
  padding: 15px 20px;
  vertical-align: middle;
  background: #f0f0f0;
}
.openCampus-popup .detailcols > .col1 .detailtable tr th .time {
  color: #0066cf;
  font-size: 14px;
}
.openCampus-popup .detailcols > .col1 .detailtable tr th .status {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-top: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.openCampus-popup .detailcols > .col1 .detailtable tr th .status.gray {
  background: #a6a6a6;
}
.openCampus-popup .detailcols > .col1 .detailtable tr th .status.red {
  background: red;
}
.openCampus-popup .detailcols > .col1 .detailtable tr td {
  font-size: 14px;
  padding: 15px 20px;
  vertical-align: middle;
  background: #fff url(/images/common/bg_arrow_right_gray.png) no-repeat 98% 50%;
}
.openCampus-popup .detailcols > .col2 {
  float: right;
  width: 245px;
}
.openCampus-popup .detailcols > .col2 .eventinfo {
  background: #f8f6dc;
  padding: 20px;
  font-size: 12px;
  color: #333;
}
.openCampus-popup .detailcols > .col2 .eventinfo .feature {
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 -5px;
}
.openCampus-popup .detailcols > .col2 .eventinfo .feature li {
  float: left;
  border: 2px solid #d9d9d9;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  padding: 2px 0;
  list-style: none;
  width: 90px;
}
.openCampus-popup .detailcols > .col2 .eventinfo .introduction {
  line-height: 22px;
  margin-top: 10px;
}
.openCampus-popup .detailcols > .col2 .eventinfo .place {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d9d9d9;
}
.openCampus-popup .detailcols > .col2 .eventinfo .place .address {
  margin-top: 5px;
}
.mfp-content {
  padding-top: 23px;
}
.toggleEventInfo .button {
  color: #0066cf;
  text-decoration: underline;
  cursor: pointer;
}
.toggleEventInfo .contents {
  display: none;
  padding: 20px 0;
}
.toggleEventInfo .contents .leadtext {
  font-weight: 700;
}
.toggleEventInfo .contents .text {
  margin-top: 20px;
}
.toggleEventInfo .contents .info {
  margin-top: 20px;
  background: #ff0;
  padding: 10px;
}
.ocProTbl06 a.btn--next {
  margin: 0 !important;
}
.ocProTbl06 a.btn--next:hover {
  margin: 0 !important;
}
.btn--agreereserv {
  background: url(../images/open_campus/btn_agree_reserv.png) no-repeat 0 0;
  width: 302px;
  height: 66px;
  text-indent: -9999px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn--agreereserv:hover {
  background-position: 0 -70px;
}
.openCampusSelect .eventdate {
  display: block;
}