@charset "UTF-8";
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 540px) {
  .sp-flex {
    display: -webkit-flex;
    display: flex;
  }
}

.flex-nowrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media screen and (max-width: 540px) {
  .flex-nowrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.inline-flex {
  display: -webkit-inline-flex;
  display: inline-flex;
}

.flex-row {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.flex-column {
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
}

.flex-list,
.flex-justify--between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-justify--center {
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-v-center {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-align-baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}

.flex-grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.flex-shrink--off {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.flex--auto {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}

.align-center {
  -webkit-align-self: center;
  align-self: center;
}

.align-bottom {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.flexbox2 > .item {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc((100% / 2) - 8px);
  flex-basis: calc((100% / 2) - 8px);
  margin-bottom: calc(8px * 2 / 1);
}
.flexbox2::after {
  content: "";
  display: block;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc((100% / 2) - 8px);
  flex-basis: calc((100% / 2) - 8px);
}

.flexbox3 > .item {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: calc((100% / 3) - 8px);
  flex-basis: calc((100% / 3) - 8px);
  margin-bottom: calc(8px * 3 / 2);
}
@media screen and (max-width: 540px) {
  .flexbox3 > .item {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc((100% / 2) - 8px);
    flex-basis: calc((100% / 2) - 8px);
    margin-bottom: calc(8px * 2 / 1);
  }
  .flexbox3::after {
    content: "";
    display: block;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc((100% / 2) - 8px);
    flex-basis: calc((100% / 2) - 8px);
  }
}

.height-calc2 > * {
  width: 50%;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
@media screen and (max-width: 540px) {
  .height-calc2 > * {
    width: auto !important;
  }
}

.height-calc3 > * {
  width: 33%;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
@media screen and (max-width: 540px) {
  .height-calc3 > * {
    width: auto !important;
  }
}

.item__fit {
  width: 100%;
  vertical-align: top;
  height: inherit;
}

.fit {
  object-fit: cover;
  object-position: 50% 50%;
}

.image-container {
  width: 100%;
  height: 150px;
}
.image-container.compat-object-fit {
  background-size: cover;
  background-position: center center;
}
.image-container.compat-object-fit .fit {
  opacity: 0;
}

.no-object-fit .img-object-fit {
  background-size: cover;
  background-position: center center !important;
}
.no-object-fit .img-object-fit img {
  opacity: 0;
}

.list-event {
  list-style-type: none;
}
.list-event li:not(:first-child) {
  margin-top: 25px;
}
.list-event .flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

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

.border-left {
  border-left: 6px solid #668899;
  padding-left: 12px;
}

.border--general {
  border-color: #22AACC;
}
.border--course {
  border-color: #88bb00;
}
.border--junior {
  border-color: #EE7799;
}
.border--research {
  border-color: #8566d1;
}
.border--life {
  border-color: #44BB66;
}
.border--exam {
  border-color: #5599EE;
}
.border--career {
  border-color: #BBBB66;
}

.label {
  color: #fff;
  min-width: 40px;
  max-width: 66px;
  height: 14px;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-feature-settings: "palt" 1;
  background-color: #668899;
  padding: 0 4px;
  font-size: 92%;
  text-align: center;
  line-height: 1.2;
}

.label--general {
  background-color: #66CCDD;
}
.label--course {
  background-color: #98c537;
}
.label--junior {
  background-color: #F78DB0;
}
.label--research {
  background-color: #AA88DD;
}
.label--life {
  background-color: #7acb9a;
}
.label--exam {
  background-color: #8abcec;
}
.label--career {
  background-color: #CCCC99;
}

.flex-date-place {
  display: -webkit-flex;
  display: flex;
}
.flex-date-place__item {
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 540px) {
  .flex-date-place {
    display: block;
  }
}

.flex-date-place__basis-date {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 180px;
  flex-basis: 180px;
}
@media screen and (max-width: 540px) {
  .flex-date-place__basis-date {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
}

.title {
  font-size: 150%;
}

.mb3 {
  margin-bottom: 3px !important;
}

.Meiryo {
  font-family: "メイリオ", Meiryo;
}

.Gothic {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic";
  transform: rotate(0.001deg);
  font-size: 16px;
}

.palt {
  font-feature-settings: "palt" 1;
}

_::-webkit-full-page-media .palt, _:future .palt {
  font-feature-settings: "pkna" 1;
}

h4, h5 {
  font-size: 117%;
  font-weight: bold;
}

em {
  color: #990000;
}

ul.inline.arrow li {
  display: inline;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 150%;
}

.boxBorder {
  border: 1px solid #333;
}

.table {
  display: table;
}

.cell {
  display: table-cell;
}

.inlineBlock {
  display: inline-block;
}

.mincho {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

.overhidden {
  overflow: hidden;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh28 {
  line-height: 2.8 !important;
}

.hidden-pc {
  display: none !important;
}
@media screen and (max-width: 540px) {
  .hidden-pc {
    display: block !important;
  }
}

@media screen and (max-width: 540px) {
  .hidden-sp {
    display: none !important;
  }
}

.w4em {
  width: 4em;
}

.w5em {
  width: 5em;
}

.w6em {
  width: 6em;
}

.w7em {
  width: 7em;
}

.w8em {
  width: 8em;
}

/* コンテンツ用 */
a {
  text-decoration: none;
  color: #39c;
}
a:visited {
  color: #39c;
}
a:hover {
  color: #39c;
}
a:active {
  color: #39c;
}
a .current {
  font-weight: bold;
}

.entryDetail a {
  text-decoration: underline;
  color: #39c;
}

.common #middle a {
  text-decoration: underline;
  color: #8BCC00;
}
.common #middle a:hover {
  text-decoration: none;
  color: #ccff33;
}

a.pdf {
  display: inline;
  padding-right: 17px;
  background: url(/img/common/icon_linkout_main.png) no-repeat right center;
}

a[href$='pdf']:after,
a[href*='pdf?']:after {
  content: ' [PDF]';
}
.boxHalfRadList a[href$='pdf']:after, .boxHalfRadList
a[href*='pdf?']:after {
  content: '';
}

a.no-content:after {
  content: "" !important;
}

.comment {
  font-weight: normal;
  font-size: 14px;
}

.externalLink + .externalIcon {
  display: none;
}

img.externalIcon {
  display: inline-block;
  position: relative;
  left: 4px;
  top: 2px;
  padding-right: 8px;
}

a.c_arrowL {
  background: url(/img/common/arrow_common.png) no-repeat 0 2px;
  padding-left: 11px;
  font-size: 96%;
}

a.arrowS {
  background: url(/img/common/arrow_common_s.png) no-repeat 0 4px;
  padding-left: 6px;
}

a .arrowAfter {
  background: url(/img/common/icon_arrow.png) no-repeat right 0;
  padding-right: 17px;
}
a:hover.arrowAfter {
  background-image: url(/img/common/icon_arrow_r2.png);
}

a.arrowSAfter {
  background: url(/img/common/icon_arrowS.png) no-repeat right 0;
  padding-right: 17px;
}
a.arrowSAfter:hover {
  background-image: url(/img/common/icon_arrowS_r.png);
}

.dot {
  background: url("/img/common/slider_dot.png") repeat;
  height: 230px;
  opacity: 0.2;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 51;
}

#backbg {
  height: 230px;
  position: absolute;
  top: 40px;
  width: 100%;
  background: #DCE6F0 url(/img/common/back_bg.png) no-repeat center top;
  display: block;
  text-align: center;
}
#backbg.general {
  background: #DCE6F0 url(/img/general/back_bg.png) no-repeat center top;
}
#backbg.course {
  background: #DCE6F0 url(/img/course/back_bg.png) no-repeat center top;
}
#backbg.course.letters {
  background: #DCE6F0 url(/img/course/letters/back_bg.png) no-repeat center top;
}
#backbg.course.graduate {
  background: #DCE6F0 url(/img/course/graduate/back_bg.png) no-repeat center top;
}
#backbg.junior {
  background: #FDEEEE url(/img/junior/back_bg.png) no-repeat center top;
}
#backbg.research {
  background: #DCE6F0 url(/img/research/back_bg.png) no-repeat center top;
}
#backbg.life {
  background: #DCE6F0 url(/img/life/back_bg.png) no-repeat center top;
}
#backbg.exam {
  background: #DCE6F0 url(/img/exam/back_bg.png) no-repeat center top;
}
#backbg.career {
  background: #DCE6F0 url(/img/career/back_bg.png) no-repeat center top;
}
#backbg.topics {
  background: #DCE6F0 url(/img/topics/back_bg.png) no-repeat center top;
}
#backbg.event {
  background: #DCE6F0 url(/img/event/back_bg.png) no-repeat center top;
}
#backbg.event.m1 {
  background-image: url(/img/event/back_bg_1.png);
}
#backbg.event.m2 {
  background-image: url(/img/event/back_bg_2.png);
}
#backbg.event.m3 {
  background-image: url(/img/event/back_bg_3.png);
}
#backbg.event.m4 {
  background-image: url(/img/event/back_bg_4.png);
}
#backbg.event.m5 {
  background-image: url(/img/event/back_bg_5.png);
}
#backbg.event.m6 {
  background-image: url(/img/event/back_bg_6.png);
}
#backbg.event.m7 {
  background-image: url(/img/event/back_bg_7.png);
}
#backbg.event.m8 {
  background-image: url(/img/event/back_bg_8.png);
}
#backbg.event.m9 {
  background-image: url(/img/event/back_bg_9.png);
}
#backbg.event.m10 {
  background-image: url(/img/event/back_bg_10.png);
}
#backbg.event.m11 {
  background-image: url(/img/event/back_bg_11.png);
}
#backbg.event.m12 {
  background-image: url(/img/event/back_bg_12.png);
}

#globalNav {
  top: -160px;
}

#contentsWrap {
  margin-top: 180px;
}

h1.pagetitle {
  height: 48px;
  margin-bottom: 25px;
}
h1.pagetitle img {
  padding-bottom: 3px;
  height: 42px;
}
h1.pagetitle:before {
  content: "";
  width: 8px;
  height: 48px;
  margin-right: 10px;
  display: inline-block;
  background-color: #99bbcc;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.lead {
  background: url(/img/common/dot_bottom.png) repeat-x bottom;
  padding-bottom: 12px;
  margin-bottom: 17px;
}
.lead span {
  display: block;
}

.lv2, .topics #entry_area h3,
.topics #entry_area .caption,
.event #entry_area h3,
.event #entry_area .caption,
.etc #entry_area h3,
.etc #entry_area .caption {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lv2 span, .topics #entry_area h3 span,
.topics #entry_area .caption span,
.event #entry_area h3 span,
.event #entry_area .caption span,
.etc #entry_area h3 span,
.etc #entry_area .caption span {
  font-size: 15px;
  height: 15px;
  position: relative;
  top: -4px;
}
.lv2:before, .topics #entry_area h3:before,
.topics #entry_area .caption:before,
.event #entry_area h3:before,
.event #entry_area .caption:before,
.etc #entry_area h3:before,
.etc #entry_area .caption:before {
  content: "";
  width: 6px;
  height: 20px;
  margin-right: 5px;
  display: inline-block;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.lv2 + .boxColumn, .topics #entry_area h3 + .boxColumn,
.topics #entry_area .caption + .boxColumn,
.event #entry_area h3 + .boxColumn,
.event #entry_area .caption + .boxColumn,
.etc #entry_area h3 + .boxColumn,
.etc #entry_area .caption + .boxColumn {
  margin-top: 10px;
}
.lv2.entry, .topics #entry_area h3.entry,
.topics #entry_area .entry.caption,
.event #entry_area h3.entry,
.event #entry_area .entry.caption,
.etc #entry_area h3.entry,
.etc #entry_area .entry.caption {
  margin-top: 40px;
}
.lv2.mt0, .topics #entry_area h3.mt0,
.topics #entry_area .mt0.caption,
.event #entry_area h3.mt0,
.event #entry_area .mt0.caption,
.etc #entry_area h3.mt0,
.etc #entry_area .mt0.caption {
  margin-top: 0 !important;
}

.check {
  position: absolute;
  top: -16px;
  left: -39px;
  width: 57px;
  height: 69px;
}
.check img {
  width: 100%;
}

section > .lv2, .topics #entry_area section > h3,
.topics #entry_area section > .caption,
.event #entry_area section > h3,
.event #entry_area section > .caption,
.etc #entry_area section > h3,
.etc #entry_area section > .caption {
  margin-top: 20px;
}
section h1 + .lv2, section .topics #entry_area h1 + h3, .topics #entry_area section h1 + h3,
section .topics #entry_area h1 + .caption,
.topics #entry_area section h1 + .caption,
section .event #entry_area h1 + h3,
.event #entry_area section h1 + h3,
section .event #entry_area h1 + .caption,
.event #entry_area section h1 + .caption,
section .etc #entry_area h1 + h3,
.etc #entry_area section h1 + h3,
section .etc #entry_area h1 + .caption,
.etc #entry_area section h1 + .caption {
  margin-top: 0;
}

.general .lv2 span, .general .topics #entry_area h3 span, .topics #entry_area .general h3 span,
.general .topics #entry_area .caption span,
.topics #entry_area .general .caption span,
.general .event #entry_area h3 span,
.event #entry_area .general h3 span,
.general .event #entry_area .caption span,
.event #entry_area .general .caption span,
.general .etc #entry_area h3 span,
.etc #entry_area .general h3 span,
.general .etc #entry_area .caption span,
.etc #entry_area .general .caption span, .general .lv2 span a, .general .topics #entry_area h3 span a, .topics #entry_area .general h3 span a,
.general .topics #entry_area .caption span a,
.topics #entry_area .general .caption span a,
.general .event #entry_area h3 span a,
.event #entry_area .general h3 span a,
.general .event #entry_area .caption span a,
.event #entry_area .general .caption span a,
.general .etc #entry_area h3 span a,
.etc #entry_area .general h3 span a,
.general .etc #entry_area .caption span a,
.etc #entry_area .general .caption span a {
  color: #002277;
}
.general .lv2:before, .general .topics #entry_area h3:before, .topics #entry_area .general h3:before,
.general .topics #entry_area .caption:before,
.topics #entry_area .general .caption:before,
.general .event #entry_area h3:before,
.event #entry_area .general h3:before,
.general .event #entry_area .caption:before,
.event #entry_area .general .caption:before,
.general .etc #entry_area h3:before,
.etc #entry_area .general h3:before,
.general .etc #entry_area .caption:before,
.etc #entry_area .general .caption:before {
  background-color: #22AACC;
}

.course .lv2 span, .course .topics #entry_area h3 span, .topics #entry_area .course h3 span,
.course .topics #entry_area .caption span,
.topics #entry_area .course .caption span,
.course .event #entry_area h3 span,
.event #entry_area .course h3 span,
.course .event #entry_area .caption span,
.event #entry_area .course .caption span,
.course .etc #entry_area h3 span,
.etc #entry_area .course h3 span,
.course .etc #entry_area .caption span,
.etc #entry_area .course .caption span, .course .lv2 span a, .course .topics #entry_area h3 span a, .topics #entry_area .course h3 span a,
.course .topics #entry_area .caption span a,
.topics #entry_area .course .caption span a,
.course .event #entry_area h3 span a,
.event #entry_area .course h3 span a,
.course .event #entry_area .caption span a,
.event #entry_area .course .caption span a,
.course .etc #entry_area h3 span a,
.etc #entry_area .course h3 span a,
.course .etc #entry_area .caption span a,
.etc #entry_area .course .caption span a {
  color: #449900;
}
.course .lv2:before, .course .topics #entry_area h3:before, .topics #entry_area .course h3:before,
.course .topics #entry_area .caption:before,
.topics #entry_area .course .caption:before,
.course .event #entry_area h3:before,
.event #entry_area .course h3:before,
.course .event #entry_area .caption:before,
.event #entry_area .course .caption:before,
.course .etc #entry_area h3:before,
.etc #entry_area .course h3:before,
.course .etc #entry_area .caption:before,
.etc #entry_area .course .caption:before {
  background-color: #88bb00;
}

.junior .lv2 span, .junior .topics #entry_area h3 span, .topics #entry_area .junior h3 span,
.junior .topics #entry_area .caption span,
.topics #entry_area .junior .caption span,
.junior .event #entry_area h3 span,
.event #entry_area .junior h3 span,
.junior .event #entry_area .caption span,
.event #entry_area .junior .caption span,
.junior .etc #entry_area h3 span,
.etc #entry_area .junior h3 span,
.junior .etc #entry_area .caption span,
.etc #entry_area .junior .caption span, .junior .lv2 span a, .junior .topics #entry_area h3 span a, .topics #entry_area .junior h3 span a,
.junior .topics #entry_area .caption span a,
.topics #entry_area .junior .caption span a,
.junior .event #entry_area h3 span a,
.event #entry_area .junior h3 span a,
.junior .event #entry_area .caption span a,
.event #entry_area .junior .caption span a,
.junior .etc #entry_area h3 span a,
.etc #entry_area .junior h3 span a,
.junior .etc #entry_area .caption span a,
.etc #entry_area .junior .caption span a {
  color: #CC0000;
}
.junior .lv2:before, .junior .topics #entry_area h3:before, .topics #entry_area .junior h3:before,
.junior .topics #entry_area .caption:before,
.topics #entry_area .junior .caption:before,
.junior .event #entry_area h3:before,
.event #entry_area .junior h3:before,
.junior .event #entry_area .caption:before,
.event #entry_area .junior .caption:before,
.junior .etc #entry_area h3:before,
.etc #entry_area .junior h3:before,
.junior .etc #entry_area .caption:before,
.etc #entry_area .junior .caption:before {
  background-color: #EE7799;
}

.research .lv2 span, .research .topics #entry_area h3 span, .topics #entry_area .research h3 span,
.research .topics #entry_area .caption span,
.topics #entry_area .research .caption span,
.research .event #entry_area h3 span,
.event #entry_area .research h3 span,
.research .event #entry_area .caption span,
.event #entry_area .research .caption span,
.research .etc #entry_area h3 span,
.etc #entry_area .research h3 span,
.research .etc #entry_area .caption span,
.etc #entry_area .research .caption span, .research .lv2 span a, .research .topics #entry_area h3 span a, .topics #entry_area .research h3 span a,
.research .topics #entry_area .caption span a,
.topics #entry_area .research .caption span a,
.research .event #entry_area h3 span a,
.event #entry_area .research h3 span a,
.research .event #entry_area .caption span a,
.event #entry_area .research .caption span a,
.research .etc #entry_area h3 span a,
.etc #entry_area .research h3 span a,
.research .etc #entry_area .caption span a,
.etc #entry_area .research .caption span a {
  color: #5544BB;
}
.research .lv2:before, .research .topics #entry_area h3:before, .topics #entry_area .research h3:before,
.research .topics #entry_area .caption:before,
.topics #entry_area .research .caption:before,
.research .event #entry_area h3:before,
.event #entry_area .research h3:before,
.research .event #entry_area .caption:before,
.event #entry_area .research .caption:before,
.research .etc #entry_area h3:before,
.etc #entry_area .research h3:before,
.research .etc #entry_area .caption:before,
.etc #entry_area .research .caption:before {
  background-color: #8566d1;
}

.life .lv2 span, .life .topics #entry_area h3 span, .topics #entry_area .life h3 span,
.life .topics #entry_area .caption span,
.topics #entry_area .life .caption span,
.life .event #entry_area h3 span,
.event #entry_area .life h3 span,
.life .event #entry_area .caption span,
.event #entry_area .life .caption span,
.life .etc #entry_area h3 span,
.etc #entry_area .life h3 span,
.life .etc #entry_area .caption span,
.etc #entry_area .life .caption span, .life .lv2 span a, .life .topics #entry_area h3 span a, .topics #entry_area .life h3 span a,
.life .topics #entry_area .caption span a,
.topics #entry_area .life .caption span a,
.life .event #entry_area h3 span a,
.event #entry_area .life h3 span a,
.life .event #entry_area .caption span a,
.event #entry_area .life .caption span a,
.life .etc #entry_area h3 span a,
.etc #entry_area .life h3 span a,
.life .etc #entry_area .caption span a,
.etc #entry_area .life .caption span a {
  color: #337744;
}
.life .lv2:before, .life .topics #entry_area h3:before, .topics #entry_area .life h3:before,
.life .topics #entry_area .caption:before,
.topics #entry_area .life .caption:before,
.life .event #entry_area h3:before,
.event #entry_area .life h3:before,
.life .event #entry_area .caption:before,
.event #entry_area .life .caption:before,
.life .etc #entry_area h3:before,
.etc #entry_area .life h3:before,
.life .etc #entry_area .caption:before,
.etc #entry_area .life .caption:before {
  background-color: #44BB66;
}

.exam .lv2 span, .exam .topics #entry_area h3 span, .topics #entry_area .exam h3 span,
.exam .topics #entry_area .caption span,
.topics #entry_area .exam .caption span,
.exam .event #entry_area h3 span,
.event #entry_area .exam h3 span,
.exam .event #entry_area .caption span,
.event #entry_area .exam .caption span,
.exam .etc #entry_area h3 span,
.etc #entry_area .exam h3 span,
.exam .etc #entry_area .caption span,
.etc #entry_area .exam .caption span, .exam .lv2 span a, .exam .topics #entry_area h3 span a, .topics #entry_area .exam h3 span a,
.exam .topics #entry_area .caption span a,
.topics #entry_area .exam .caption span a,
.exam .event #entry_area h3 span a,
.event #entry_area .exam h3 span a,
.exam .event #entry_area .caption span a,
.event #entry_area .exam .caption span a,
.exam .etc #entry_area h3 span a,
.etc #entry_area .exam h3 span a,
.exam .etc #entry_area .caption span a,
.etc #entry_area .exam .caption span a {
  color: #334499;
}
.exam .lv2:before, .exam .topics #entry_area h3:before, .topics #entry_area .exam h3:before,
.exam .topics #entry_area .caption:before,
.topics #entry_area .exam .caption:before,
.exam .event #entry_area h3:before,
.event #entry_area .exam h3:before,
.exam .event #entry_area .caption:before,
.event #entry_area .exam .caption:before,
.exam .etc #entry_area h3:before,
.etc #entry_area .exam h3:before,
.exam .etc #entry_area .caption:before,
.etc #entry_area .exam .caption:before {
  background-color: #5599EE;
}

.career .lv2 span, .career .topics #entry_area h3 span, .topics #entry_area .career h3 span,
.career .topics #entry_area .caption span,
.topics #entry_area .career .caption span,
.career .event #entry_area h3 span,
.event #entry_area .career h3 span,
.career .event #entry_area .caption span,
.event #entry_area .career .caption span,
.career .etc #entry_area h3 span,
.etc #entry_area .career h3 span,
.career .etc #entry_area .caption span,
.etc #entry_area .career .caption span, .career .lv2 span a, .career .topics #entry_area h3 span a, .topics #entry_area .career h3 span a,
.career .topics #entry_area .caption span a,
.topics #entry_area .career .caption span a,
.career .event #entry_area h3 span a,
.event #entry_area .career h3 span a,
.career .event #entry_area .caption span a,
.event #entry_area .career .caption span a,
.career .etc #entry_area h3 span a,
.etc #entry_area .career h3 span a,
.career .etc #entry_area .caption span a,
.etc #entry_area .career .caption span a {
  color: #887722;
}
.career .lv2:before, .career .topics #entry_area h3:before, .topics #entry_area .career h3:before,
.career .topics #entry_area .caption:before,
.topics #entry_area .career .caption:before,
.career .event #entry_area h3:before,
.event #entry_area .career h3:before,
.career .event #entry_area .caption:before,
.event #entry_area .career .caption:before,
.career .etc #entry_area h3:before,
.etc #entry_area .career h3:before,
.career .etc #entry_area .caption:before,
.etc #entry_area .career .caption:before {
  background-color: #BBBB66;
}

.topics .lv2 span, .topics #entry_area h3 span,
.topics #entry_area .caption span,
.event #entry_area .topics h3 span,
.event #entry_area .topics .caption span,
.etc #entry_area .topics h3 span,
.etc #entry_area .topics .caption span, .topics .lv2 span a, .topics #entry_area h3 span a,
.topics #entry_area .caption span a,
.event #entry_area .topics h3 span a,
.event #entry_area .topics .caption span a,
.etc #entry_area .topics h3 span a,
.etc #entry_area .topics .caption span a,
.event .lv2 span,
.topics #entry_area .event h3 span,
.topics #entry_area .event .caption span,
.event #entry_area h3 span,
.event #entry_area .caption span,
.etc #entry_area .event h3 span,
.etc #entry_area .event .caption span,
.event .lv2 span a,
.topics #entry_area .event h3 span a,
.topics #entry_area .event .caption span a,
.event #entry_area h3 span a,
.event #entry_area .caption span a,
.etc #entry_area .event h3 span a,
.etc #entry_area .event .caption span a,
.etc .lv2 span,
.topics #entry_area .etc h3 span,
.topics #entry_area .etc .caption span,
.event #entry_area .etc h3 span,
.event #entry_area .etc .caption span,
.etc #entry_area h3 span,
.etc #entry_area .caption span,
.etc .lv2 span a,
.topics #entry_area .etc h3 span a,
.topics #entry_area .etc .caption span a,
.event #entry_area .etc h3 span a,
.event #entry_area .etc .caption span a,
.etc #entry_area h3 span a,
.etc #entry_area .caption span a,
.for .lv2 span,
.for .topics #entry_area h3 span,
.topics #entry_area .for h3 span,
.for .topics #entry_area .caption span,
.topics #entry_area .for .caption span,
.for .event #entry_area h3 span,
.event #entry_area .for h3 span,
.for .event #entry_area .caption span,
.event #entry_area .for .caption span,
.for .etc #entry_area h3 span,
.etc #entry_area .for h3 span,
.for .etc #entry_area .caption span,
.etc #entry_area .for .caption span,
.for .lv2 span a,
.for .topics #entry_area h3 span a,
.topics #entry_area .for h3 span a,
.for .topics #entry_area .caption span a,
.topics #entry_area .for .caption span a,
.for .event #entry_area h3 span a,
.event #entry_area .for h3 span a,
.for .event #entry_area .caption span a,
.event #entry_area .for .caption span a,
.for .etc #entry_area h3 span a,
.etc #entry_area .for h3 span a,
.for .etc #entry_area .caption span a,
.etc #entry_area .for .caption span a {
  color: #EE7700;
}
.topics .lv2:before, .topics #entry_area h3:before,
.topics #entry_area .caption:before,
.event #entry_area .topics h3:before,
.event #entry_area .topics .caption:before,
.etc #entry_area .topics h3:before,
.etc #entry_area .topics .caption:before,
.event .lv2:before,
.topics #entry_area .event h3:before,
.topics #entry_area .event .caption:before,
.event #entry_area h3:before,
.event #entry_area .caption:before,
.etc #entry_area .event h3:before,
.etc #entry_area .event .caption:before,
.etc .lv2:before,
.topics #entry_area .etc h3:before,
.topics #entry_area .etc .caption:before,
.event #entry_area .etc h3:before,
.event #entry_area .etc .caption:before,
.etc #entry_area h3:before,
.etc #entry_area .caption:before,
.for .lv2:before,
.for .topics #entry_area h3:before,
.topics #entry_area .for h3:before,
.for .topics #entry_area .caption:before,
.topics #entry_area .for .caption:before,
.for .event #entry_area h3:before,
.event #entry_area .for h3:before,
.for .event #entry_area .caption:before,
.event #entry_area .for .caption:before,
.for .etc #entry_area h3:before,
.etc #entry_area .for h3:before,
.for .etc #entry_area .caption:before,
.etc #entry_area .for .caption:before {
  background-color: #FFCC00;
  -moz-box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
  -webkit-box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
  box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
}

.lv3 {
  color: #558899;
  margin: 10px 0 5px 0;
}
.lv3 > a {
  color: #558899;
}
.general .lv3 {
  color: #336666;
}
.publicinformation .lv3 {
  color: #336666;
  font-size: 12px;
}
.publicinformation .lv3 a {
  color: inherit;
}

.solid-circle:before {
  content: "●";
  color: #a1ccd3;
}

h2.lv3 {
  font-size: 117%;
}

.lv4 {
  color: #333;
  font-weight: bold;
}

.lv5 {
  color: #888;
  font-weight: normal;
}

#main .circle {
  display: block;
  font-size: 134%;
  height: auto;
  padding-left: 22px;
  padding-top: 2px;
  margin-left: -3px;
  background: url(/img/common/icon_circle1.png) no-repeat left 1px;
}
#main .circle + .boxShadow, #main .exam .circle + blockquote, .exam #main .circle + blockquote, #main .topics #entry_area .circle + .link_box, .topics #entry_area #main .circle + .link_box,
#main .event #entry_area .circle + .link_box,
.event #entry_area #main .circle + .link_box,
#main .etc #entry_area .circle + .link_box,
.etc #entry_area #main .circle + .link_box, #main .topics #entry_area .circle + blockquote, .topics #entry_area #main .circle + blockquote,
#main .event #entry_area .circle + blockquote,
.event #entry_area #main .circle + blockquote,
#main .etc #entry_area .circle + blockquote,
.etc #entry_area #main .circle + blockquote {
  margin-top: 15px;
}

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

.circle2 {
  font-size: 109%;
  height: 16px;
  margin-left: 2px;
  margin-bottom: 5px;
  padding-left: 16px;
  background: url(/img/common/icon_circle2.png) no-repeat left;
}

.boxList {
  *display: inline-block;
  zoom: 1;
  width: 700px;
  overflow: hidden;
  padding: 5px;
  margin-left: -5px;
}
.boxList :after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}
.boxList .boxColumn {
  width: 221px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
  position: relative;
  font-size: 109%;
}
.boxList .boxColumn .boxShadow, .boxList .boxColumn .exam blockquote, .exam .boxList .boxColumn blockquote, .boxList .boxColumn .topics #entry_area .link_box, .topics #entry_area .boxList .boxColumn .link_box,
.boxList .boxColumn .event #entry_area .link_box,
.event #entry_area .boxList .boxColumn .link_box,
.boxList .boxColumn .etc #entry_area .link_box,
.etc #entry_area .boxList .boxColumn .link_box, .boxList .boxColumn .topics #entry_area blockquote, .topics #entry_area .boxList .boxColumn blockquote,
.boxList .boxColumn .event #entry_area blockquote,
.event #entry_area .boxList .boxColumn blockquote,
.boxList .boxColumn .etc #entry_area blockquote,
.etc #entry_area .boxList .boxColumn blockquote {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url(/img/common/tile_dot.png) repeat;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  position: relative;
  overflow: hidden;
  behavior: url("/css/PIE.htc");
}
.boxList .boxColumn .boxShadow .lv2, .boxList .boxColumn .exam blockquote .lv2, .exam .boxList .boxColumn blockquote .lv2, .boxList .boxColumn .topics #entry_area .link_box .lv2, .topics #entry_area .boxList .boxColumn .link_box .lv2,
.boxList .boxColumn .event #entry_area .link_box .lv2,
.event #entry_area .boxList .boxColumn .link_box .lv2,
.boxList .boxColumn .etc #entry_area .link_box .lv2,
.etc #entry_area .boxList .boxColumn .link_box .lv2, .boxList .boxColumn .topics #entry_area blockquote .lv2, .topics #entry_area .boxList .boxColumn blockquote .lv2,
.boxList .boxColumn .event #entry_area blockquote .lv2,
.event #entry_area .boxList .boxColumn blockquote .lv2,
.boxList .boxColumn .etc #entry_area blockquote .lv2,
.etc #entry_area .boxList .boxColumn blockquote .lv2, .boxList .boxColumn .boxShadow .topics #entry_area h3, .topics #entry_area .boxList .boxColumn .boxShadow h3, .boxList .boxColumn .exam blockquote .topics #entry_area h3, .exam .boxList .boxColumn blockquote .topics #entry_area h3, .boxList .boxColumn .topics #entry_area .link_box h3, .topics #entry_area .boxList .boxColumn .link_box h3, .boxList .boxColumn .topics #entry_area blockquote h3, .topics #entry_area .boxList .boxColumn blockquote h3,
.boxList .boxColumn .boxShadow .topics #entry_area .caption,
.topics #entry_area .boxList .boxColumn .boxShadow .caption,
.boxList .boxColumn .exam blockquote .topics #entry_area .caption,
.exam .boxList .boxColumn blockquote .topics #entry_area .caption,
.boxList .boxColumn .topics #entry_area .link_box .caption,
.topics #entry_area .boxList .boxColumn .link_box .caption,
.boxList .boxColumn .topics #entry_area blockquote .caption,
.topics #entry_area .boxList .boxColumn blockquote .caption,
.boxList .boxColumn .boxShadow .event #entry_area h3,
.event #entry_area .boxList .boxColumn .boxShadow h3,
.boxList .boxColumn .exam blockquote .event #entry_area h3,
.exam .boxList .boxColumn blockquote .event #entry_area h3,
.boxList .boxColumn .event #entry_area .link_box h3,
.event #entry_area .boxList .boxColumn .link_box h3,
.boxList .boxColumn .event #entry_area blockquote h3,
.event #entry_area .boxList .boxColumn blockquote h3,
.boxList .boxColumn .boxShadow .event #entry_area .caption,
.event #entry_area .boxList .boxColumn .boxShadow .caption,
.boxList .boxColumn .exam blockquote .event #entry_area .caption,
.exam .boxList .boxColumn blockquote .event #entry_area .caption,
.boxList .boxColumn .event #entry_area .link_box .caption,
.event #entry_area .boxList .boxColumn .link_box .caption,
.boxList .boxColumn .event #entry_area blockquote .caption,
.event #entry_area .boxList .boxColumn blockquote .caption,
.boxList .boxColumn .boxShadow .etc #entry_area h3,
.etc #entry_area .boxList .boxColumn .boxShadow h3,
.boxList .boxColumn .exam blockquote .etc #entry_area h3,
.exam .boxList .boxColumn blockquote .etc #entry_area h3,
.boxList .boxColumn .etc #entry_area .link_box h3,
.etc #entry_area .boxList .boxColumn .link_box h3,
.boxList .boxColumn .etc #entry_area blockquote h3,
.etc #entry_area .boxList .boxColumn blockquote h3,
.boxList .boxColumn .boxShadow .etc #entry_area .caption,
.etc #entry_area .boxList .boxColumn .boxShadow .caption,
.boxList .boxColumn .exam blockquote .etc #entry_area .caption,
.exam .boxList .boxColumn blockquote .etc #entry_area .caption,
.boxList .boxColumn .etc #entry_area .link_box .caption,
.etc #entry_area .boxList .boxColumn .link_box .caption,
.boxList .boxColumn .etc #entry_area blockquote .caption,
.etc #entry_area .boxList .boxColumn blockquote .caption {
  margin-top: 3px;
  margin-bottom: 0;
}
.boxList .boxColumn .boxShadow .thumbBottom, .boxList .boxColumn .exam blockquote .thumbBottom, .exam .boxList .boxColumn blockquote .thumbBottom, .boxList .boxColumn .topics #entry_area .link_box .thumbBottom, .topics #entry_area .boxList .boxColumn .link_box .thumbBottom,
.boxList .boxColumn .event #entry_area .link_box .thumbBottom,
.event #entry_area .boxList .boxColumn .link_box .thumbBottom,
.boxList .boxColumn .etc #entry_area .link_box .thumbBottom,
.etc #entry_area .boxList .boxColumn .link_box .thumbBottom, .boxList .boxColumn .topics #entry_area blockquote .thumbBottom, .topics #entry_area .boxList .boxColumn blockquote .thumbBottom,
.boxList .boxColumn .event #entry_area blockquote .thumbBottom,
.event #entry_area .boxList .boxColumn blockquote .thumbBottom,
.boxList .boxColumn .etc #entry_area blockquote .thumbBottom,
.etc #entry_area .boxList .boxColumn blockquote .thumbBottom {
  height: 120px;
  overflow: hidden;
}
.boxList .boxColumn .boxShadow .thumbBottom img, .boxList .boxColumn .exam blockquote .thumbBottom img, .exam .boxList .boxColumn blockquote .thumbBottom img, .boxList .boxColumn .topics #entry_area .link_box .thumbBottom img, .topics #entry_area .boxList .boxColumn .link_box .thumbBottom img,
.boxList .boxColumn .event #entry_area .link_box .thumbBottom img,
.event #entry_area .boxList .boxColumn .link_box .thumbBottom img,
.boxList .boxColumn .etc #entry_area .link_box .thumbBottom img,
.etc #entry_area .boxList .boxColumn .link_box .thumbBottom img, .boxList .boxColumn .topics #entry_area blockquote .thumbBottom img, .topics #entry_area .boxList .boxColumn blockquote .thumbBottom img,
.boxList .boxColumn .event #entry_area blockquote .thumbBottom img,
.event #entry_area .boxList .boxColumn blockquote .thumbBottom img,
.boxList .boxColumn .etc #entry_area blockquote .thumbBottom img,
.etc #entry_area .boxList .boxColumn blockquote .thumbBottom img {
  width: 100%;
  height: 100%;
}
.boxList .boxColumn .boxShadow .courseHeight, .boxList .boxColumn .exam blockquote .courseHeight, .exam .boxList .boxColumn blockquote .courseHeight, .boxList .boxColumn .topics #entry_area .link_box .courseHeight, .topics #entry_area .boxList .boxColumn .link_box .courseHeight,
.boxList .boxColumn .event #entry_area .link_box .courseHeight,
.event #entry_area .boxList .boxColumn .link_box .courseHeight,
.boxList .boxColumn .etc #entry_area .link_box .courseHeight,
.etc #entry_area .boxList .boxColumn .link_box .courseHeight, .boxList .boxColumn .topics #entry_area blockquote .courseHeight, .topics #entry_area .boxList .boxColumn blockquote .courseHeight,
.boxList .boxColumn .event #entry_area blockquote .courseHeight,
.event #entry_area .boxList .boxColumn blockquote .courseHeight,
.boxList .boxColumn .etc #entry_area blockquote .courseHeight,
.etc #entry_area .boxList .boxColumn blockquote .courseHeight {
  display: table-cell;
  height: 46px;
  text-align: center;
  vertical-align: middle;
  width: 191px;
}
.boxList .boxColumn .boxShadow .courseHeight + .thumbBottom, .boxList .boxColumn .exam blockquote .courseHeight + .thumbBottom, .exam .boxList .boxColumn blockquote .courseHeight + .thumbBottom, .boxList .boxColumn .topics #entry_area .link_box .courseHeight + .thumbBottom, .topics #entry_area .boxList .boxColumn .link_box .courseHeight + .thumbBottom,
.boxList .boxColumn .event #entry_area .link_box .courseHeight + .thumbBottom,
.event #entry_area .boxList .boxColumn .link_box .courseHeight + .thumbBottom,
.boxList .boxColumn .etc #entry_area .link_box .courseHeight + .thumbBottom,
.etc #entry_area .boxList .boxColumn .link_box .courseHeight + .thumbBottom, .boxList .boxColumn .topics #entry_area blockquote .courseHeight + .thumbBottom, .topics #entry_area .boxList .boxColumn blockquote .courseHeight + .thumbBottom,
.boxList .boxColumn .event #entry_area blockquote .courseHeight + .thumbBottom,
.event #entry_area .boxList .boxColumn blockquote .courseHeight + .thumbBottom,
.boxList .boxColumn .etc #entry_area blockquote .courseHeight + .thumbBottom,
.etc #entry_area .boxList .boxColumn blockquote .courseHeight + .thumbBottom {
  padding-top: 10px;
  padding-bottom: 15px;
}
.boxList .boxColumn .boxShadow .courseHeight .courseHeight__child, .boxList .boxColumn .exam blockquote .courseHeight .courseHeight__child, .exam .boxList .boxColumn blockquote .courseHeight .courseHeight__child, .boxList .boxColumn .topics #entry_area .link_box .courseHeight .courseHeight__child, .topics #entry_area .boxList .boxColumn .link_box .courseHeight .courseHeight__child,
.boxList .boxColumn .event #entry_area .link_box .courseHeight .courseHeight__child,
.event #entry_area .boxList .boxColumn .link_box .courseHeight .courseHeight__child,
.boxList .boxColumn .etc #entry_area .link_box .courseHeight .courseHeight__child,
.etc #entry_area .boxList .boxColumn .link_box .courseHeight .courseHeight__child, .boxList .boxColumn .topics #entry_area blockquote .courseHeight .courseHeight__child, .topics #entry_area .boxList .boxColumn blockquote .courseHeight .courseHeight__child,
.boxList .boxColumn .event #entry_area blockquote .courseHeight .courseHeight__child,
.event #entry_area .boxList .boxColumn blockquote .courseHeight .courseHeight__child,
.boxList .boxColumn .etc #entry_area blockquote .courseHeight .courseHeight__child,
.etc #entry_area .boxList .boxColumn blockquote .courseHeight .courseHeight__child {
  height: 20px;
  width: 100%;
  display: block;
  padding: 11px 0;
}
.boxList .boxColumn .boxbg {
  background-color: #fff;
  padding: 15px 15px 10px 15px;
}
.boxList .boxColumn p {
  color: #666666;
  line-height: 1.4;
  font-size: 100%;
  min-height: 3em;
}
.boxList .boxColumn .btDetail {
  padding-top: 3px;
  padding-bottom: 4px;
  width: inherit;
  text-align: center;
}

.boxListRight {
  width: 700px;
  overflow: hidden;
  padding: 5px;
  margin-left: -5px;
}
.boxListRight .boxColumn {
  width: 304px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
  position: relative;
  list-style-type: none;
}
.boxListRight .boxColumn.boxShadow, .boxListRight .exam blockquote.boxColumn, .exam .boxListRight blockquote.boxColumn, .boxListRight .topics #entry_area .boxColumn.link_box, .topics #entry_area .boxListRight .boxColumn.link_box,
.boxListRight .event #entry_area .boxColumn.link_box,
.event #entry_area .boxListRight .boxColumn.link_box,
.boxListRight .etc #entry_area .boxColumn.link_box,
.etc #entry_area .boxListRight .boxColumn.link_box, .boxListRight .topics #entry_area blockquote.boxColumn, .topics #entry_area .boxListRight blockquote.boxColumn,
.boxListRight .event #entry_area blockquote.boxColumn,
.event #entry_area .boxListRight blockquote.boxColumn,
.boxListRight .etc #entry_area blockquote.boxColumn,
.etc #entry_area .boxListRight blockquote.boxColumn {
  padding: 15px 15px 15px 15px;
  display: block;
  background-color: #fff;
}
.boxListRight .boxColumn.boxShadow .thumbRight, .boxListRight .exam blockquote.boxColumn .thumbRight, .exam .boxListRight blockquote.boxColumn .thumbRight, .boxListRight .topics #entry_area .boxColumn.link_box .thumbRight, .topics #entry_area .boxListRight .boxColumn.link_box .thumbRight,
.boxListRight .event #entry_area .boxColumn.link_box .thumbRight,
.event #entry_area .boxListRight .boxColumn.link_box .thumbRight,
.boxListRight .etc #entry_area .boxColumn.link_box .thumbRight,
.etc #entry_area .boxListRight .boxColumn.link_box .thumbRight, .boxListRight .topics #entry_area blockquote.boxColumn .thumbRight, .topics #entry_area .boxListRight blockquote.boxColumn .thumbRight,
.boxListRight .event #entry_area blockquote.boxColumn .thumbRight,
.event #entry_area .boxListRight blockquote.boxColumn .thumbRight,
.boxListRight .etc #entry_area blockquote.boxColumn .thumbRight,
.etc #entry_area .boxListRight blockquote.boxColumn .thumbRight {
  float: right;
  margin-left: 15px;
  height: 135px;
}
.boxListRight .boxColumn.boxShadow .thumbRight img, .boxListRight .exam blockquote.boxColumn .thumbRight img, .exam .boxListRight blockquote.boxColumn .thumbRight img, .boxListRight .topics #entry_area .boxColumn.link_box .thumbRight img, .topics #entry_area .boxListRight .boxColumn.link_box .thumbRight img,
.boxListRight .event #entry_area .boxColumn.link_box .thumbRight img,
.event #entry_area .boxListRight .boxColumn.link_box .thumbRight img,
.boxListRight .etc #entry_area .boxColumn.link_box .thumbRight img,
.etc #entry_area .boxListRight .boxColumn.link_box .thumbRight img, .boxListRight .topics #entry_area blockquote.boxColumn .thumbRight img, .topics #entry_area .boxListRight blockquote.boxColumn .thumbRight img,
.boxListRight .event #entry_area blockquote.boxColumn .thumbRight img,
.event #entry_area .boxListRight blockquote.boxColumn .thumbRight img,
.boxListRight .etc #entry_area blockquote.boxColumn .thumbRight img,
.etc #entry_area .boxListRight blockquote.boxColumn .thumbRight img {
  line-height: 1;
}
.boxListRight .boxColumn p {
  color: #666666;
  font-size: 117%;
  line-height: 1.5;
}

.boxList.matchHeight {
  width: 720px;
  *display: inline-block;
  zoom: 1;
}
.boxList.matchHeight:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}
.boxList.matchHeight .boxColumn {
  width: 218px;
  margin-right: 16px;
  background-color: #fff;
  padding: 15px 0 0 0;
}
.boxList.matchHeight h2 {
  height: 20px;
  margin-bottom: 13px;
  background: url(/img/course/point_bg.png) repeat-x;
  text-align: center;
  vertical-align: middle;
}
.boxList.matchHeight h2 img {
  width: 73px;
  height: 12px;
  padding: 4px 0;
}
.boxList.matchHeight h3 {
  margin: 0 15px 12px 15px;
  color: #449900;
}
.boxList.matchHeight p {
  margin: 0 15px 15px 15px;
}

.junior .boxList.matchHeight h2 {
  background: url(/img/junior/point_bg.png) repeat-x;
}
.junior .boxList.matchHeight h3 {
  color: #df4573;
}

.dotlist li {
  font-size: 117%;
  list-style-type: none;
  padding-left: 15px;
  margin-top: 5px;
  margin-left: 10px;
  background: url(/img/common/icon_dot1.png) no-repeat left 7px;
  line-height: 1.5;
}
.dotlist li:first-child {
  margin-top: 0;
}
.dotlist.inline {
  display: block;
}
.dotlist.inline li {
  display: inline-block;
  padding-right: 15px;
  margin-top: 5px !important;
  margin-bottom: 5px;
}
.dotlist.border-dot li:not(:first-child) {
  border-top: 1px dotted #cccccc;
  margin-top: 10px;
  padding: 10px 0 0 15px;
  background-position: left 15px;
}

.junior .dotlist li {
  background-image: url(/img/common/icon_dot2.png);
}

.research .dotlist li {
  background-image: url(/img/common/icon_dot5.png);
}

.life .dotlist li {
  background-image: url(/img/common/icon_dot6.png);
}

.career .dotlist li {
  background-image: url(/img/common/icon_dot7.png);
}

.exam .dotlist li {
  background-image: url(/img/common/icon_dot8.png);
}

.etc .dotlist li {
  background-image: url(/img/common/icon_dot9.png);
}

.dl-list {
  font-size: 117%;
  line-height: 1.5;
}
.dl-list dt {
  float: left;
  clear: left;
  text-align-last: justify;
  padding-left: 15px;
  margin-left: 10px;
  background: url(/img/common/icon_dot1.png) no-repeat left 7px;
}
.dl-list dd {
  float: left;
  width: calc(100% - 7em);
  text-indent: -1em;
  padding-left: 1em;
}
.dl-list dd:before {
  content: "：";
}

.junior .dl-list dt {
  background-image: url(/img/common/icon_dot2.png);
}

.research .dl-list dt {
  background-image: url(/img/common/icon_dot5.png);
}

.life .dl-list dt {
  background-image: url(/img/common/icon_dot6.png);
}

.career .dl-list dt {
  background-image: url(/img/common/icon_dot7.png);
}

.exam .dl-list dt {
  background-image: url(/img/common/icon_dot8.png);
}

.etc .dl-list dt {
  background-image: url(/img/common/icon_dot9.png);
}

ol.nolist, .topics #entry_area ol,
.event #entry_area ol,
.etc #entry_area ol {
  counter-reset: number;
  list-style: none;
}
ol.nolist li, .topics #entry_area ol li,
.event #entry_area ol li,
.etc #entry_area ol li {
  font-size: 117%;
  padding-left: 1.8em;
  text-indent: -1.5em;
  margin-top: 10px;
}
ol.nolist li p, .topics #entry_area ol li p,
.event #entry_area ol li p,
.etc #entry_area ol li p {
  font-size: 100%;
  padding-left: 1.5em;
}
ol.nolist li p.paragraph, .topics #entry_area ol li p.paragraph,
.event #entry_area ol li p.paragraph,
.etc #entry_area ol li p.paragraph {
  padding-left: 0;
  text-indent: 0;
  margin-left: -2px;
  margin-top: 4px;
  line-height: 1.5;
}
ol.nolist li .dotlist, .topics #entry_area ol li .dotlist,
.event #entry_area ol li .dotlist,
.etc #entry_area ol li .dotlist {
  line-height: 1;
  margin-left: -0.5em;
  margin-top: 5px;
}
ol.nolist li .dotlist li, .topics #entry_area ol li .dotlist li,
.event #entry_area ol li .dotlist li,
.etc #entry_area ol li .dotlist li {
  font-size: 100%;
  line-height: 1.3em;
  padding-left: 1.1em;
  text-indent: -1em;
}
ol.nolist li .dotlist li:before, .topics #entry_area ol li .dotlist li:before,
.event #entry_area ol li .dotlist li:before,
.etc #entry_area ol li .dotlist li:before {
  content: "";
  background: none;
  margin-right: 0;
}
ol.nolist li:before, .topics #entry_area ol li:before,
.event #entry_area ol li:before,
.etc #entry_area ol li:before {
  font-size: 75%;
  display: inline-block;
  counter-increment: number;
  content: counter(number);
  background-color: #99BBCC;
  border-radius: 50%;
  color: #fff;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5em;
  text-align: center;
  text-indent: 0;
  margin-right: 0.4em;
  vertical-align: top;
  margin-top: 1px;
}
ol.nolist table, .topics #entry_area ol table,
.event #entry_area ol table,
.etc #entry_area ol table {
  font-size: 100%;
}
ol.nolist table td, .topics #entry_area ol table td,
.event #entry_area ol table td,
.etc #entry_area ol table td {
  text-indent: 0;
}

ol.upperAlpha {
  list-style-type: upper-alpha;
  list-style-position: inside;
}
ol.upperAlpha li {
  font-size: 117%;
  padding-left: 1.8em;
  text-indent: -1.5em;
  line-height: 1.5em;
}
ol.upperAlpha li p {
  font-size: 100%;
  padding-left: 1.5em;
}
ol.upperAlpha li li {
  font-size: 100%;
}
ol.upperAlpha li td {
  text-indent: 0;
}

.arrowList li {
  display: inline-block;
  font-size: 117%;
  list-style-type: none;
  padding-left: 25px;
  margin-top: 10px;
  margin-left: -5px;
  background: url(/img/common/icon_arrow8.png) no-repeat left center;
}
.arrowList li:first-child {
  margin-top: 0;
}
.arrowList li.whalf {
  width: 43%;
}
.arrowList li.wLeft {
  width: 38%;
}
.arrowList li.wRight {
  width: 50%;
}
.arrowList.arrowPink li {
  background-image: url(/img/common/icon_arrow9.png);
}

.list li {
  padding-left: 1em;
}
.list li:before {
  content: "・";
  color: #39c;
}

.boxShadow, .exam blockquote, .topics #entry_area .link_box,
.event #entry_area .link_box,
.etc #entry_area .link_box, .topics #entry_area blockquote,
.event #entry_area blockquote,
.etc #entry_area blockquote {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
  margin-bottom: 5px;
}
.boxShadow .dotlist, .exam blockquote .dotlist, .topics #entry_area .link_box .dotlist,
.event #entry_area .link_box .dotlist,
.etc #entry_area .link_box .dotlist, .topics #entry_area blockquote .dotlist,
.event #entry_area blockquote .dotlist,
.etc #entry_area blockquote .dotlist,
.boxShadow .nolist,
.exam blockquote .nolist,
.topics #entry_area .link_box .nolist,
.event #entry_area .link_box .nolist,
.etc #entry_area .link_box .nolist,
.topics #entry_area blockquote .nolist,
.event #entry_area blockquote .nolist,
.etc #entry_area blockquote .nolist,
.boxShadow .topics #entry_area ol,
.topics #entry_area .boxShadow ol,
.exam blockquote .topics #entry_area ol,
.topics #entry_area .link_box ol,
.topics #entry_area blockquote ol,
.boxShadow .event #entry_area ol,
.event #entry_area .boxShadow ol,
.exam blockquote .event #entry_area ol,
.event #entry_area .link_box ol,
.event #entry_area blockquote ol,
.boxShadow .etc #entry_area ol,
.etc #entry_area .boxShadow ol,
.exam blockquote .etc #entry_area ol,
.etc #entry_area .link_box ol,
.etc #entry_area blockquote ol {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.boxShadow .dotlist li, .exam blockquote .dotlist li, .topics #entry_area .link_box .dotlist li,
.event #entry_area .link_box .dotlist li,
.etc #entry_area .link_box .dotlist li, .topics #entry_area blockquote .dotlist li,
.event #entry_area blockquote .dotlist li,
.etc #entry_area blockquote .dotlist li,
.boxShadow .nolist li,
.exam blockquote .nolist li,
.topics #entry_area .link_box .nolist li,
.event #entry_area .link_box .nolist li,
.etc #entry_area .link_box .nolist li,
.topics #entry_area blockquote .nolist li,
.event #entry_area blockquote .nolist li,
.etc #entry_area blockquote .nolist li,
.boxShadow .topics #entry_area ol li,
.topics #entry_area .boxShadow ol li,
.exam blockquote .topics #entry_area ol li,
.topics #entry_area .link_box ol li,
.topics #entry_area blockquote ol li,
.boxShadow .event #entry_area ol li,
.event #entry_area .boxShadow ol li,
.exam blockquote .event #entry_area ol li,
.event #entry_area .link_box ol li,
.event #entry_area blockquote ol li,
.boxShadow .etc #entry_area ol li,
.etc #entry_area .boxShadow ol li,
.exam blockquote .etc #entry_area ol li,
.etc #entry_area .link_box ol li,
.etc #entry_area blockquote ol li {
  margin-left: 0;
}
.boxShadow .dotlist li:first-child, .exam blockquote .dotlist li:first-child, .topics #entry_area .link_box .dotlist li:first-child,
.event #entry_area .link_box .dotlist li:first-child,
.etc #entry_area .link_box .dotlist li:first-child, .topics #entry_area blockquote .dotlist li:first-child,
.event #entry_area blockquote .dotlist li:first-child,
.etc #entry_area blockquote .dotlist li:first-child,
.boxShadow .nolist li:first-child,
.exam blockquote .nolist li:first-child,
.topics #entry_area .link_box .nolist li:first-child,
.event #entry_area .link_box .nolist li:first-child,
.etc #entry_area .link_box .nolist li:first-child,
.topics #entry_area blockquote .nolist li:first-child,
.event #entry_area blockquote .nolist li:first-child,
.etc #entry_area blockquote .nolist li:first-child,
.boxShadow .topics #entry_area ol li:first-child,
.topics #entry_area .boxShadow ol li:first-child,
.exam blockquote .topics #entry_area ol li:first-child,
.topics #entry_area .link_box ol li:first-child,
.topics #entry_area blockquote ol li:first-child,
.boxShadow .event #entry_area ol li:first-child,
.event #entry_area .boxShadow ol li:first-child,
.exam blockquote .event #entry_area ol li:first-child,
.event #entry_area .link_box ol li:first-child,
.event #entry_area blockquote ol li:first-child,
.boxShadow .etc #entry_area ol li:first-child,
.etc #entry_area .boxShadow ol li:first-child,
.exam blockquote .etc #entry_area ol li:first-child,
.etc #entry_area .link_box ol li:first-child,
.etc #entry_area blockquote ol li:first-child {
  margin-top: 0;
}
.boxShadow .arrow li, .exam blockquote .arrow li, .topics #entry_area .link_box .arrow li,
.event #entry_area .link_box .arrow li,
.etc #entry_area .link_box .arrow li, .topics #entry_area blockquote .arrow li,
.event #entry_area blockquote .arrow li,
.etc #entry_area blockquote .arrow li {
  background-position: left 6px;
}
.boxShadow.radiNone, .exam blockquote.radiNone, .topics #entry_area .radiNone.link_box,
.event #entry_area .radiNone.link_box,
.etc #entry_area .radiNone.link_box, .topics #entry_area blockquote.radiNone,
.event #entry_area blockquote.radiNone,
.etc #entry_area blockquote.radiNone {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.boxShadow .blockList, .exam blockquote .blockList, .topics #entry_area .link_box .blockList,
.event #entry_area .link_box .blockList,
.etc #entry_area .link_box .blockList, .topics #entry_area blockquote .blockList,
.event #entry_area blockquote .blockList,
.etc #entry_area blockquote .blockList {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 15px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.boxShadow .blockList li, .exam blockquote .blockList li, .topics #entry_area .link_box .blockList li,
.event #entry_area .link_box .blockList li,
.etc #entry_area .link_box .blockList li, .topics #entry_area blockquote .blockList li,
.event #entry_area blockquote .blockList li,
.etc #entry_area blockquote .blockList li {
  font-size: 117%;
  list-style-type: none;
  padding-left: 25px;
  margin-top: 10px;
  padding-right: 5px;
}
.boxShadow .blockList li ul, .exam blockquote .blockList li ul, .topics #entry_area .link_box .blockList li ul,
.event #entry_area .link_box .blockList li ul,
.etc #entry_area .link_box .blockList li ul, .topics #entry_area blockquote .blockList li ul,
.event #entry_area blockquote .blockList li ul,
.etc #entry_area blockquote .blockList li ul {
  margin-top: 8px;
}
.boxShadow .blockList.inlineBlock li, .exam blockquote .blockList.inlineBlock li, .topics #entry_area .link_box .blockList.inlineBlock li,
.event #entry_area .link_box .blockList.inlineBlock li,
.etc #entry_area .link_box .blockList.inlineBlock li, .topics #entry_area blockquote .blockList.inlineBlock li,
.event #entry_area blockquote .blockList.inlineBlock li,
.etc #entry_area blockquote .blockList.inlineBlock li {
  display: inline-block;
  margin-top: 0;
  white-space: nowrap;
  line-height: 1.8;
}
.boxShadow .blockList .threeColumn, .exam blockquote .blockList .threeColumn, .topics #entry_area .link_box .blockList .threeColumn,
.event #entry_area .link_box .blockList .threeColumn,
.etc #entry_area .link_box .blockList .threeColumn, .topics #entry_area blockquote .blockList .threeColumn,
.event #entry_area blockquote .blockList .threeColumn,
.etc #entry_area blockquote .blockList .threeColumn {
  width: 110%;
}
.boxShadow .blockList .threeColumn li, .exam blockquote .blockList .threeColumn li, .topics #entry_area .link_box .blockList .threeColumn li,
.event #entry_area .link_box .blockList .threeColumn li,
.etc #entry_area .link_box .blockList .threeColumn li, .topics #entry_area blockquote .blockList .threeColumn li,
.event #entry_area blockquote .blockList .threeColumn li,
.etc #entry_area blockquote .blockList .threeColumn li {
  width: 29%;
}
.boxShadow .blockList .twoColumn, .exam blockquote .blockList .twoColumn, .topics #entry_area .link_box .blockList .twoColumn,
.event #entry_area .link_box .blockList .twoColumn,
.etc #entry_area .link_box .blockList .twoColumn, .topics #entry_area blockquote .blockList .twoColumn,
.event #entry_area blockquote .blockList .twoColumn,
.etc #entry_area blockquote .blockList .twoColumn {
  width: 110%;
}
.boxShadow .blockList .twoColumn li, .exam blockquote .blockList .twoColumn li, .topics #entry_area .link_box .blockList .twoColumn li,
.event #entry_area .link_box .blockList .twoColumn li,
.etc #entry_area .link_box .blockList .twoColumn li, .topics #entry_area blockquote .blockList .twoColumn li,
.event #entry_area blockquote .blockList .twoColumn li,
.etc #entry_area blockquote .blockList .twoColumn li {
  width: 46%;
}
.boxShadow .blockList .twoColumn li:nth-of-type(2), .exam blockquote .blockList .twoColumn li:nth-of-type(2), .topics #entry_area .link_box .blockList .twoColumn li:nth-of-type(2),
.event #entry_area .link_box .blockList .twoColumn li:nth-of-type(2),
.etc #entry_area .link_box .blockList .twoColumn li:nth-of-type(2), .topics #entry_area blockquote .blockList .twoColumn li:nth-of-type(2),
.event #entry_area blockquote .blockList .twoColumn li:nth-of-type(2),
.etc #entry_area blockquote .blockList .twoColumn li:nth-of-type(2) {
  margin-top: 0;
}
.boxShadow .blockList .triarrow + .lv3, .exam blockquote .blockList .triarrow + .lv3, .topics #entry_area .link_box .blockList .triarrow + .lv3,
.event #entry_area .link_box .blockList .triarrow + .lv3,
.etc #entry_area .link_box .blockList .triarrow + .lv3, .topics #entry_area blockquote .blockList .triarrow + .lv3,
.event #entry_area blockquote .blockList .triarrow + .lv3,
.etc #entry_area blockquote .blockList .triarrow + .lv3 {
  margin-top: 20px;
}
.boxShadow .blockList .triarrow li, .exam blockquote .blockList .triarrow li, .topics #entry_area .link_box .blockList .triarrow li,
.event #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .link_box .blockList .triarrow li, .topics #entry_area blockquote .blockList .triarrow li,
.event #entry_area blockquote .blockList .triarrow li,
.etc #entry_area blockquote .blockList .triarrow li {
  margin-left: 0;
  padding-left: 10px;
}
.boxShadow .blockList .triarrow li:first-child, .exam blockquote .blockList .triarrow li:first-child, .topics #entry_area .link_box .blockList .triarrow li:first-child,
.event #entry_area .link_box .blockList .triarrow li:first-child,
.etc #entry_area .link_box .blockList .triarrow li:first-child, .topics #entry_area blockquote .blockList .triarrow li:first-child,
.event #entry_area blockquote .blockList .triarrow li:first-child,
.etc #entry_area blockquote .blockList .triarrow li:first-child {
  margin-top: 0;
}
.boxShadow .blockList .triarrow.flex-column, .exam blockquote .blockList .triarrow.flex-column, .topics #entry_area .link_box .blockList .triarrow.flex-column,
.event #entry_area .link_box .blockList .triarrow.flex-column,
.etc #entry_area .link_box .blockList .triarrow.flex-column, .topics #entry_area blockquote .blockList .triarrow.flex-column,
.event #entry_area blockquote .blockList .triarrow.flex-column,
.etc #entry_area blockquote .blockList .triarrow.flex-column {
  margin-bottom: 10px;
}
.boxShadow .blockList .triarrow.flex-column li:first-child, .exam blockquote .blockList .triarrow.flex-column li:first-child, .topics #entry_area .link_box .blockList .triarrow.flex-column li:first-child,
.event #entry_area .link_box .blockList .triarrow.flex-column li:first-child,
.etc #entry_area .link_box .blockList .triarrow.flex-column li:first-child, .topics #entry_area blockquote .blockList .triarrow.flex-column li:first-child,
.event #entry_area blockquote .blockList .triarrow.flex-column li:first-child,
.etc #entry_area blockquote .blockList .triarrow.flex-column li:first-child {
  margin-top: 10px;
}
.boxShadow .blockList .triarrow.inlineBlock li, .exam blockquote .blockList .triarrow.inlineBlock li, .topics #entry_area .link_box .blockList .triarrow.inlineBlock li,
.event #entry_area .link_box .blockList .triarrow.inlineBlock li,
.etc #entry_area .link_box .blockList .triarrow.inlineBlock li, .topics #entry_area blockquote .blockList .triarrow.inlineBlock li,
.event #entry_area blockquote .blockList .triarrow.inlineBlock li,
.etc #entry_area blockquote .blockList .triarrow.inlineBlock li {
  display: inline-block;
  padding-right: 1em;
  margin-top: 0;
  line-height: 2;
  background-position: left 10px !important;
}
.boxShadow .blockList .triarrow h4, .exam blockquote .blockList .triarrow h4, .topics #entry_area .link_box .blockList .triarrow h4,
.event #entry_area .link_box .blockList .triarrow h4,
.etc #entry_area .link_box .blockList .triarrow h4, .topics #entry_area blockquote .blockList .triarrow h4,
.event #entry_area blockquote .blockList .triarrow h4,
.etc #entry_area blockquote .blockList .triarrow h4 {
  font-size: 100%;
  font-weight: normal;
  color: #888888;
  padding-left: 10px;
  padding-top: 10px;
}
.boxShadow .blockList .triarrow h4.indent, .exam blockquote .blockList .triarrow h4.indent, .topics #entry_area .link_box .blockList .triarrow h4.indent,
.event #entry_area .link_box .blockList .triarrow h4.indent,
.etc #entry_area .link_box .blockList .triarrow h4.indent, .topics #entry_area blockquote .blockList .triarrow h4.indent,
.event #entry_area blockquote .blockList .triarrow h4.indent,
.etc #entry_area blockquote .blockList .triarrow h4.indent {
  padding-left: 3.1em;
}
.boxShadow .blockList .triarrow.arrownone li, .exam blockquote .blockList .triarrow.arrownone li, .topics #entry_area .link_box .blockList .triarrow.arrownone li,
.event #entry_area .link_box .blockList .triarrow.arrownone li,
.etc #entry_area .link_box .blockList .triarrow.arrownone li, .topics #entry_area blockquote .blockList .triarrow.arrownone li,
.event #entry_area blockquote .blockList .triarrow.arrownone li,
.etc #entry_area blockquote .blockList .triarrow.arrownone li {
  background: none !important;
}
.boxShadow .blockList .triarrow.arrownone.indent li, .exam blockquote .blockList .triarrow.arrownone.indent li, .topics #entry_area .link_box .blockList .triarrow.arrownone.indent li,
.event #entry_area .link_box .blockList .triarrow.arrownone.indent li,
.etc #entry_area .link_box .blockList .triarrow.arrownone.indent li, .topics #entry_area blockquote .blockList .triarrow.arrownone.indent li,
.event #entry_area blockquote .blockList .triarrow.arrownone.indent li,
.etc #entry_area blockquote .blockList .triarrow.arrownone.indent li {
  padding-left: 1.2em;
}
.boxShadow .blockList .triarrow.arrownone.indent li li, .exam blockquote .blockList .triarrow.arrownone.indent li li, .topics #entry_area .link_box .blockList .triarrow.arrownone.indent li li,
.event #entry_area .link_box .blockList .triarrow.arrownone.indent li li,
.etc #entry_area .link_box .blockList .triarrow.arrownone.indent li li, .topics #entry_area blockquote .blockList .triarrow.arrownone.indent li li,
.event #entry_area blockquote .blockList .triarrow.arrownone.indent li li,
.etc #entry_area blockquote .blockList .triarrow.arrownone.indent li li {
  padding-left: 3em;
}
.boxShadow .blockList .arrownone li, .exam blockquote .blockList .arrownone li, .topics #entry_area .link_box .blockList .arrownone li,
.event #entry_area .link_box .blockList .arrownone li,
.etc #entry_area .link_box .blockList .arrownone li, .topics #entry_area blockquote .blockList .arrownone li,
.event #entry_area blockquote .blockList .arrownone li,
.etc #entry_area blockquote .blockList .arrownone li {
  background: none;
}
.boxShadow .blockList .dotlist, .exam blockquote .blockList .dotlist, .topics #entry_area .link_box .blockList .dotlist,
.event #entry_area .link_box .blockList .dotlist,
.etc #entry_area .link_box .blockList .dotlist, .topics #entry_area blockquote .blockList .dotlist,
.event #entry_area blockquote .blockList .dotlist,
.etc #entry_area blockquote .blockList .dotlist {
  padding: 0 0 0 10px;
}
.boxShadow .blockList .dotlist li, .exam blockquote .blockList .dotlist li, .topics #entry_area .link_box .blockList .dotlist li,
.event #entry_area .link_box .blockList .dotlist li,
.etc #entry_area .link_box .blockList .dotlist li, .topics #entry_area blockquote .blockList .dotlist li,
.event #entry_area blockquote .blockList .dotlist li,
.etc #entry_area blockquote .blockList .dotlist li {
  padding-left: 15px;
}
.boxShadow .blockList .lv3, .exam blockquote .blockList .lv3, .topics #entry_area .link_box .blockList .lv3,
.event #entry_area .link_box .blockList .lv3,
.etc #entry_area .link_box .blockList .lv3, .topics #entry_area blockquote .blockList .lv3,
.event #entry_area blockquote .blockList .lv3,
.etc #entry_area blockquote .blockList .lv3 {
  margin: 0;
}
.boxShadow .lv2, .exam blockquote .lv2, .topics #entry_area .link_box .lv2,
.event #entry_area .link_box .lv2,
.etc #entry_area .link_box .lv2, .topics #entry_area blockquote .lv2,
.event #entry_area blockquote .lv2,
.etc #entry_area blockquote .lv2, .boxShadow .topics #entry_area h3, .topics #entry_area .boxShadow h3, .exam blockquote .topics #entry_area h3, .topics #entry_area .link_box h3, .topics #entry_area blockquote h3,
.boxShadow .topics #entry_area .caption,
.topics #entry_area .boxShadow .caption,
.exam blockquote .topics #entry_area .caption,
.topics #entry_area .link_box .caption,
.topics #entry_area blockquote .caption,
.boxShadow .event #entry_area h3,
.event #entry_area .boxShadow h3,
.exam blockquote .event #entry_area h3,
.event #entry_area .link_box h3,
.event #entry_area blockquote h3,
.boxShadow .event #entry_area .caption,
.event #entry_area .boxShadow .caption,
.exam blockquote .event #entry_area .caption,
.event #entry_area .link_box .caption,
.event #entry_area blockquote .caption,
.boxShadow .etc #entry_area h3,
.etc #entry_area .boxShadow h3,
.exam blockquote .etc #entry_area h3,
.etc #entry_area .link_box h3,
.etc #entry_area blockquote h3,
.boxShadow .etc #entry_area .caption,
.etc #entry_area .boxShadow .caption,
.exam blockquote .etc #entry_area .caption,
.etc #entry_area .link_box .caption,
.etc #entry_area blockquote .caption {
  margin-top: 3px;
  padding-left: 12px;
  text-indent: -12px;
  margin-bottom: 0;
}
.boxShadow .lv3 + .lv3, .exam blockquote .lv3 + .lv3, .topics #entry_area .link_box .lv3 + .lv3,
.event #entry_area .link_box .lv3 + .lv3,
.etc #entry_area .link_box .lv3 + .lv3, .topics #entry_area blockquote .lv3 + .lv3,
.event #entry_area blockquote .lv3 + .lv3,
.etc #entry_area blockquote .lv3 + .lv3 {
  margin-top: 20px;
}

#scNo99 + .boxColumn .boxShadow .blockList li, #scNo99 + .boxColumn .exam blockquote .blockList li, .exam #scNo99 + .boxColumn blockquote .blockList li, #scNo99 + .boxColumn .topics #entry_area .link_box .blockList li, .topics #entry_area #scNo99 + .boxColumn .link_box .blockList li,
#scNo99 + .boxColumn .event #entry_area .link_box .blockList li,
.event #entry_area #scNo99 + .boxColumn .link_box .blockList li,
#scNo99 + .boxColumn .etc #entry_area .link_box .blockList li,
.etc #entry_area #scNo99 + .boxColumn .link_box .blockList li, #scNo99 + .boxColumn .topics #entry_area blockquote .blockList li, .topics #entry_area #scNo99 + .boxColumn blockquote .blockList li,
#scNo99 + .boxColumn .event #entry_area blockquote .blockList li,
.event #entry_area #scNo99 + .boxColumn blockquote .blockList li,
#scNo99 + .boxColumn .etc #entry_area blockquote .blockList li,
.etc #entry_area #scNo99 + .boxColumn blockquote .blockList li {
  background: url(/img/common/icon_arrow8.png) no-repeat left center;
}

.boxShadow.horizon, .exam blockquote.horizon, .topics #entry_area .horizon.link_box,
.event #entry_area .horizon.link_box,
.etc #entry_area .horizon.link_box, .topics #entry_area blockquote.horizon,
.event #entry_area blockquote.horizon,
.etc #entry_area blockquote.horizon {
  margin-bottom: 30px;
}
.boxShadow.horizon .cell, .exam blockquote.horizon .cell, .topics #entry_area .horizon.link_box .cell,
.event #entry_area .horizon.link_box .cell,
.etc #entry_area .horizon.link_box .cell, .topics #entry_area blockquote.horizon .cell,
.event #entry_area blockquote.horizon .cell,
.etc #entry_area blockquote.horizon .cell {
  display: table-cell;
  vertical-align: top;
}
.boxShadow.horizon .cell p, .exam blockquote.horizon .cell p, .topics #entry_area .horizon.link_box .cell p,
.event #entry_area .horizon.link_box .cell p,
.etc #entry_area .horizon.link_box .cell p, .topics #entry_area blockquote.horizon .cell p,
.event #entry_area blockquote.horizon .cell p,
.etc #entry_area blockquote.horizon .cell p {
  padding-right: 15px;
}
.boxShadow.horizon .cell + .cell p, .exam blockquote.horizon .cell + .cell p, .topics #entry_area .horizon.link_box .cell + .cell p,
.event #entry_area .horizon.link_box .cell + .cell p,
.etc #entry_area .horizon.link_box .cell + .cell p, .topics #entry_area blockquote.horizon .cell + .cell p,
.event #entry_area blockquote.horizon .cell + .cell p,
.etc #entry_area blockquote.horizon .cell + .cell p {
  padding: 0 15px;
}
.boxShadow.horizon .cell ul, .exam blockquote.horizon .cell ul, .topics #entry_area .horizon.link_box .cell ul,
.event #entry_area .horizon.link_box .cell ul,
.etc #entry_area .horizon.link_box .cell ul, .topics #entry_area blockquote.horizon .cell ul,
.event #entry_area blockquote.horizon .cell ul,
.etc #entry_area blockquote.horizon .cell ul {
  margin: 10px 15px 0 15px;
}
.boxShadow.horizon .cell.middle, .exam blockquote.horizon .cell.middle, .topics #entry_area .horizon.link_box .cell.middle,
.event #entry_area .horizon.link_box .cell.middle,
.etc #entry_area .horizon.link_box .cell.middle, .topics #entry_area blockquote.horizon .cell.middle,
.event #entry_area blockquote.horizon .cell.middle,
.etc #entry_area blockquote.horizon .cell.middle {
  vertical-align: middle;
}

.junior .boxShadow .blockList li, .junior .exam blockquote .blockList li, .exam .junior blockquote .blockList li, .junior .topics #entry_area .link_box .blockList li, .topics #entry_area .junior .link_box .blockList li,
.junior .event #entry_area .link_box .blockList li,
.event #entry_area .junior .link_box .blockList li,
.junior .etc #entry_area .link_box .blockList li,
.etc #entry_area .junior .link_box .blockList li, .junior .topics #entry_area blockquote .blockList li, .topics #entry_area .junior blockquote .blockList li,
.junior .event #entry_area blockquote .blockList li,
.event #entry_area .junior blockquote .blockList li,
.junior .etc #entry_area blockquote .blockList li,
.etc #entry_area .junior blockquote .blockList li {
  background: url(/img/common/icon_arrow9.png) no-repeat left center;
}

.career .boxShadow .blockList .dotlist li, .career .exam blockquote .blockList .dotlist li, .exam .career blockquote .blockList .dotlist li, .career .topics #entry_area .link_box .blockList .dotlist li, .topics #entry_area .career .link_box .blockList .dotlist li,
.career .event #entry_area .link_box .blockList .dotlist li,
.event #entry_area .career .link_box .blockList .dotlist li,
.career .etc #entry_area .link_box .blockList .dotlist li,
.etc #entry_area .career .link_box .blockList .dotlist li, .career .topics #entry_area blockquote .blockList .dotlist li, .topics #entry_area .career blockquote .blockList .dotlist li,
.career .event #entry_area blockquote .blockList .dotlist li,
.event #entry_area .career blockquote .blockList .dotlist li,
.career .etc #entry_area blockquote .blockList .dotlist li,
.etc #entry_area .career blockquote .blockList .dotlist li {
  background: url(/img/common/icon_dot7.png) no-repeat left 5px;
  padding-left: 15px;
}

.general .boxShadow .blockList .triarrow li, .general .exam blockquote .blockList .triarrow li, .exam .general blockquote .blockList .triarrow li, .general .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .general .link_box .blockList .triarrow li,
.general .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .general .link_box .blockList .triarrow li,
.general .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .general .link_box .blockList .triarrow li, .general .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .general blockquote .blockList .triarrow li,
.general .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .general blockquote .blockList .triarrow li,
.general .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .general blockquote .blockList .triarrow li,
.course .boxShadow .blockList .triarrow li,
.course .exam blockquote .blockList .triarrow li,
.exam .course blockquote .blockList .triarrow li,
.course .topics #entry_area .link_box .blockList .triarrow li,
.topics #entry_area .course .link_box .blockList .triarrow li,
.course .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .course .link_box .blockList .triarrow li,
.course .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .course .link_box .blockList .triarrow li,
.course .topics #entry_area blockquote .blockList .triarrow li,
.topics #entry_area .course blockquote .blockList .triarrow li,
.course .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .course blockquote .blockList .triarrow li,
.course .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .course blockquote .blockList .triarrow li,
.career .boxShadow .blockList .triarrow li,
.career .exam blockquote .blockList .triarrow li,
.exam .career blockquote .blockList .triarrow li,
.career .topics #entry_area .link_box .blockList .triarrow li,
.topics #entry_area .career .link_box .blockList .triarrow li,
.career .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .career .link_box .blockList .triarrow li,
.career .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .career .link_box .blockList .triarrow li,
.career .topics #entry_area blockquote .blockList .triarrow li,
.topics #entry_area .career blockquote .blockList .triarrow li,
.career .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .career blockquote .blockList .triarrow li,
.career .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .career blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow2.png) no-repeat left 5px;
  background-size: 6px 5px;
  background-position: left 5px;
}
.general .boxShadow .blockList .triarrow li b, .general .exam blockquote .blockList .triarrow li b, .exam .general blockquote .blockList .triarrow li b, .general .topics #entry_area .link_box .blockList .triarrow li b, .topics #entry_area .general .link_box .blockList .triarrow li b,
.general .event #entry_area .link_box .blockList .triarrow li b,
.event #entry_area .general .link_box .blockList .triarrow li b,
.general .etc #entry_area .link_box .blockList .triarrow li b,
.etc #entry_area .general .link_box .blockList .triarrow li b, .general .topics #entry_area blockquote .blockList .triarrow li b, .topics #entry_area .general blockquote .blockList .triarrow li b,
.general .event #entry_area blockquote .blockList .triarrow li b,
.event #entry_area .general blockquote .blockList .triarrow li b,
.general .etc #entry_area blockquote .blockList .triarrow li b,
.etc #entry_area .general blockquote .blockList .triarrow li b,
.course .boxShadow .blockList .triarrow li b,
.course .exam blockquote .blockList .triarrow li b,
.exam .course blockquote .blockList .triarrow li b,
.course .topics #entry_area .link_box .blockList .triarrow li b,
.topics #entry_area .course .link_box .blockList .triarrow li b,
.course .event #entry_area .link_box .blockList .triarrow li b,
.event #entry_area .course .link_box .blockList .triarrow li b,
.course .etc #entry_area .link_box .blockList .triarrow li b,
.etc #entry_area .course .link_box .blockList .triarrow li b,
.course .topics #entry_area blockquote .blockList .triarrow li b,
.topics #entry_area .course blockquote .blockList .triarrow li b,
.course .event #entry_area blockquote .blockList .triarrow li b,
.event #entry_area .course blockquote .blockList .triarrow li b,
.course .etc #entry_area blockquote .blockList .triarrow li b,
.etc #entry_area .course blockquote .blockList .triarrow li b,
.career .boxShadow .blockList .triarrow li b,
.career .exam blockquote .blockList .triarrow li b,
.exam .career blockquote .blockList .triarrow li b,
.career .topics #entry_area .link_box .blockList .triarrow li b,
.topics #entry_area .career .link_box .blockList .triarrow li b,
.career .event #entry_area .link_box .blockList .triarrow li b,
.event #entry_area .career .link_box .blockList .triarrow li b,
.career .etc #entry_area .link_box .blockList .triarrow li b,
.etc #entry_area .career .link_box .blockList .triarrow li b,
.career .topics #entry_area blockquote .blockList .triarrow li b,
.topics #entry_area .career blockquote .blockList .triarrow li b,
.career .event #entry_area blockquote .blockList .triarrow li b,
.event #entry_area .career blockquote .blockList .triarrow li b,
.career .etc #entry_area blockquote .blockList .triarrow li b,
.etc #entry_area .career blockquote .blockList .triarrow li b {
  color: #888;
  font-weight: bold;
}
.general .boxShadow .blockList .triarrow li li, .general .exam blockquote .blockList .triarrow li li, .exam .general blockquote .blockList .triarrow li li, .general .topics #entry_area .link_box .blockList .triarrow li li, .topics #entry_area .general .link_box .blockList .triarrow li li,
.general .event #entry_area .link_box .blockList .triarrow li li,
.event #entry_area .general .link_box .blockList .triarrow li li,
.general .etc #entry_area .link_box .blockList .triarrow li li,
.etc #entry_area .general .link_box .blockList .triarrow li li, .general .topics #entry_area blockquote .blockList .triarrow li li, .topics #entry_area .general blockquote .blockList .triarrow li li,
.general .event #entry_area blockquote .blockList .triarrow li li,
.event #entry_area .general blockquote .blockList .triarrow li li,
.general .etc #entry_area blockquote .blockList .triarrow li li,
.etc #entry_area .general blockquote .blockList .triarrow li li,
.course .boxShadow .blockList .triarrow li li,
.course .exam blockquote .blockList .triarrow li li,
.exam .course blockquote .blockList .triarrow li li,
.course .topics #entry_area .link_box .blockList .triarrow li li,
.topics #entry_area .course .link_box .blockList .triarrow li li,
.course .event #entry_area .link_box .blockList .triarrow li li,
.event #entry_area .course .link_box .blockList .triarrow li li,
.course .etc #entry_area .link_box .blockList .triarrow li li,
.etc #entry_area .course .link_box .blockList .triarrow li li,
.course .topics #entry_area blockquote .blockList .triarrow li li,
.topics #entry_area .course blockquote .blockList .triarrow li li,
.course .event #entry_area blockquote .blockList .triarrow li li,
.event #entry_area .course blockquote .blockList .triarrow li li,
.course .etc #entry_area blockquote .blockList .triarrow li li,
.etc #entry_area .course blockquote .blockList .triarrow li li,
.career .boxShadow .blockList .triarrow li li,
.career .exam blockquote .blockList .triarrow li li,
.exam .career blockquote .blockList .triarrow li li,
.career .topics #entry_area .link_box .blockList .triarrow li li,
.topics #entry_area .career .link_box .blockList .triarrow li li,
.career .event #entry_area .link_box .blockList .triarrow li li,
.event #entry_area .career .link_box .blockList .triarrow li li,
.career .etc #entry_area .link_box .blockList .triarrow li li,
.etc #entry_area .career .link_box .blockList .triarrow li li,
.career .topics #entry_area blockquote .blockList .triarrow li li,
.topics #entry_area .career blockquote .blockList .triarrow li li,
.career .event #entry_area blockquote .blockList .triarrow li li,
.event #entry_area .career blockquote .blockList .triarrow li li,
.career .etc #entry_area blockquote .blockList .triarrow li li,
.etc #entry_area .career blockquote .blockList .triarrow li li {
  font-size: 100%;
  font-weight: normal;
  background: none;
}

.general .publicinformation .boxShadow .blockList .triarrow + h3, .general .publicinformation .exam blockquote .blockList .triarrow + h3, .exam .general .publicinformation blockquote .blockList .triarrow + h3, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow + h3, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow + h3,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow + h3,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow + h3,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow + h3,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow + h3, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow + h3, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow + h3,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow + h3,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow + h3,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow + h3,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow + h3 {
  margin-bottom: 10px;
}
.general .publicinformation .boxShadow .blockList .triarrow li, .general .publicinformation .exam blockquote .blockList .triarrow li, .exam .general .publicinformation blockquote .blockList .triarrow li, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li {
  margin-top: 0;
  line-height: 1.7em;
}
.general .publicinformation .boxShadow .blockList .triarrow li a, .general .publicinformation .exam blockquote .blockList .triarrow li a, .exam .general .publicinformation blockquote .blockList .triarrow li a, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li a, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li a,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li a,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li a,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li a,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li a, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li a, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li a,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li a,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li a,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li a,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li a {
  font-size: 12px;
  font-weight: bold;
}
.general .publicinformation .boxShadow .blockList .triarrow li b, .general .publicinformation .exam blockquote .blockList .triarrow li b, .exam .general .publicinformation blockquote .blockList .triarrow li b, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li b, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li b,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li b,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li b,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li b,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li b, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li b, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li b,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li b,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li b,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li b,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li b {
  color: #39c;
  font-size: 12px;
}
.general .publicinformation .boxShadow .blockList .triarrow li li, .general .publicinformation .exam blockquote .blockList .triarrow li li, .exam .general .publicinformation blockquote .blockList .triarrow li li, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li li, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li li,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li li,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li li,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li li,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li li, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li li, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li li,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li li,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li li,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li li,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li li {
  margin-top: 0;
  line-height: inherit;
  padding-left: 2.6em;
}
.general .publicinformation .boxShadow .blockList .triarrow li li a, .general .publicinformation .exam blockquote .blockList .triarrow li li a, .exam .general .publicinformation blockquote .blockList .triarrow li li a, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li li a, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li li a,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li li a,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li li a,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li li a,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li li a, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li li a, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li li a,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li li a,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li li a,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li li a,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li li a {
  font-weight: normal;
  color: #333333;
}
.general .publicinformation .boxShadow .blockList .triarrow li ul, .general .publicinformation .exam blockquote .blockList .triarrow li ul, .exam .general .publicinformation blockquote .blockList .triarrow li ul, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li ul, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li ul,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li ul,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li ul,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li ul,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li ul, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li ul, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li ul,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li ul,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li ul,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li ul,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li ul {
  margin-top: 0;
  margin-bottom: 0.4em;
}
.general .publicinformation .boxShadow .blockList .triarrow li h4, .general .publicinformation .exam blockquote .blockList .triarrow li h4, .exam .general .publicinformation blockquote .blockList .triarrow li h4, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li h4, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li h4,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li h4,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li h4,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li h4,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li h4, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li h4, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li h4,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li h4,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li h4,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li h4,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li h4 {
  padding-top: 0;
  font-size: 12px;
  color: #666;
}
.general .publicinformation .boxShadow .blockList .triarrow li h4 a, .general .publicinformation .exam blockquote .blockList .triarrow li h4 a, .exam .general .publicinformation blockquote .blockList .triarrow li h4 a, .general .publicinformation .topics #entry_area .link_box .blockList .triarrow li h4 a, .topics #entry_area .general .publicinformation .link_box .blockList .triarrow li h4 a,
.general .publicinformation .event #entry_area .link_box .blockList .triarrow li h4 a,
.event #entry_area .general .publicinformation .link_box .blockList .triarrow li h4 a,
.general .publicinformation .etc #entry_area .link_box .blockList .triarrow li h4 a,
.etc #entry_area .general .publicinformation .link_box .blockList .triarrow li h4 a, .general .publicinformation .topics #entry_area blockquote .blockList .triarrow li h4 a, .topics #entry_area .general .publicinformation blockquote .blockList .triarrow li h4 a,
.general .publicinformation .event #entry_area blockquote .blockList .triarrow li h4 a,
.event #entry_area .general .publicinformation blockquote .blockList .triarrow li h4 a,
.general .publicinformation .etc #entry_area blockquote .blockList .triarrow li h4 a,
.etc #entry_area .general .publicinformation blockquote .blockList .triarrow li h4 a {
  font-weight: normal;
  color: #666;
}

.course .boxShadow .blockList .triarrow li, .course .exam blockquote .blockList .triarrow li, .exam .course blockquote .blockList .triarrow li, .course .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .course .link_box .blockList .triarrow li,
.course .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .course .link_box .blockList .triarrow li,
.course .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .course .link_box .blockList .triarrow li, .course .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .course blockquote .blockList .triarrow li,
.course .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .course blockquote .blockList .triarrow li,
.course .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .course blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow1.png) no-repeat;
  background-size: 6px 5px;
  background-position: left 5px;
}

.junior .boxShadow .blockList .triarrow li, .junior .exam blockquote .blockList .triarrow li, .exam .junior blockquote .blockList .triarrow li, .junior .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .junior .link_box .blockList .triarrow li,
.junior .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .junior .link_box .blockList .triarrow li,
.junior .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .junior .link_box .blockList .triarrow li, .junior .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .junior blockquote .blockList .triarrow li,
.junior .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .junior blockquote .blockList .triarrow li,
.junior .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .junior blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow3.png) no-repeat;
  background-size: 6px 5px;
  background-position: left 5px;
}

.research .boxShadow .blockList .triarrow li, .research .exam blockquote .blockList .triarrow li, .exam .research blockquote .blockList .triarrow li, .research .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .research .link_box .blockList .triarrow li,
.research .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .research .link_box .blockList .triarrow li,
.research .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .research .link_box .blockList .triarrow li, .research .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .research blockquote .blockList .triarrow li,
.research .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .research blockquote .blockList .triarrow li,
.research .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .research blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow5.png) no-repeat;
  background-size: 6px 5px;
  background-position: left 5px;
}

.life .boxShadow .blockList .triarrow li, .life .exam blockquote .blockList .triarrow li, .exam .life blockquote .blockList .triarrow li, .life .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .life .link_box .blockList .triarrow li,
.life .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .life .link_box .blockList .triarrow li,
.life .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .life .link_box .blockList .triarrow li, .life .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .life blockquote .blockList .triarrow li,
.life .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .life blockquote .blockList .triarrow li,
.life .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .life blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow6.png) no-repeat;
  background-size: 6px 5px;
  background-position: left 5px;
}

.career .boxShadow .blockList .triarrow li, .career .exam blockquote .blockList .triarrow li, .exam .career blockquote .blockList .triarrow li, .career .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .career .link_box .blockList .triarrow li,
.career .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .career .link_box .blockList .triarrow li,
.career .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .career .link_box .blockList .triarrow li, .career .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .career blockquote .blockList .triarrow li,
.career .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .career blockquote .blockList .triarrow li,
.career .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .career blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow7.png) no-repeat;
  background-size: 6px 5px;
  background-position: left center;
}

.exam .boxShadow .blockList .triarrow li, .exam blockquote .blockList .triarrow li, .exam .topics #entry_area .link_box .blockList .triarrow li, .topics #entry_area .exam .link_box .blockList .triarrow li,
.exam .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .exam .link_box .blockList .triarrow li,
.exam .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .exam .link_box .blockList .triarrow li, .exam .topics #entry_area blockquote .blockList .triarrow li, .topics #entry_area .exam blockquote .blockList .triarrow li,
.exam .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .exam blockquote .blockList .triarrow li,
.exam .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .exam blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow8.png) no-repeat;
  background-size: 6px 5px;
  background-position: left center;
}

.topics .boxShadow .blockList .triarrow li, .topics .exam blockquote .blockList .triarrow li, .exam .topics blockquote .blockList .triarrow li, .topics #entry_area .link_box .blockList .triarrow li,
.event #entry_area .topics .link_box .blockList .triarrow li,
.etc #entry_area .topics .link_box .blockList .triarrow li, .topics #entry_area blockquote .blockList .triarrow li,
.event #entry_area .topics blockquote .blockList .triarrow li,
.etc #entry_area .topics blockquote .blockList .triarrow li,
.event .boxShadow .blockList .triarrow li,
.event .exam blockquote .blockList .triarrow li,
.exam .event blockquote .blockList .triarrow li,
.topics #entry_area .event .link_box .blockList .triarrow li,
.event #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .event .link_box .blockList .triarrow li,
.topics #entry_area .event blockquote .blockList .triarrow li,
.event #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .event blockquote .blockList .triarrow li,
.etc .boxShadow .blockList .triarrow li,
.etc .exam blockquote .blockList .triarrow li,
.exam .etc blockquote .blockList .triarrow li,
.topics #entry_area .etc .link_box .blockList .triarrow li,
.event #entry_area .etc .link_box .blockList .triarrow li,
.etc #entry_area .link_box .blockList .triarrow li,
.topics #entry_area .etc blockquote .blockList .triarrow li,
.event #entry_area .etc blockquote .blockList .triarrow li,
.etc #entry_area blockquote .blockList .triarrow li,
.for .boxShadow .blockList .triarrow li,
.for .exam blockquote .blockList .triarrow li,
.exam .for blockquote .blockList .triarrow li,
.for .topics #entry_area .link_box .blockList .triarrow li,
.topics #entry_area .for .link_box .blockList .triarrow li,
.for .event #entry_area .link_box .blockList .triarrow li,
.event #entry_area .for .link_box .blockList .triarrow li,
.for .etc #entry_area .link_box .blockList .triarrow li,
.etc #entry_area .for .link_box .blockList .triarrow li,
.for .topics #entry_area blockquote .blockList .triarrow li,
.topics #entry_area .for blockquote .blockList .triarrow li,
.for .event #entry_area blockquote .blockList .triarrow li,
.event #entry_area .for blockquote .blockList .triarrow li,
.for .etc #entry_area blockquote .blockList .triarrow li,
.etc #entry_area .for blockquote .blockList .triarrow li {
  background: url(/img/common/icon_sub_arrow4.png) no-repeat;
  background-size: 6px 5px;
  background-position: left center;
}

.radius-triarrow {
  font-size: 12px;
  display: inline-block;
  background-color: #fff;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  border-radius: 100%;
  margin-left: 3px;
}
.radius-triarrow:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #ff6633;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.general .triarrow.closetop a {
  padding-left: 10px;
  background: url(/img/common/icon_sub_arrow2.png) no-repeat left 5px;
  background-size: 6px 5px;
}

.rss.closetop p {
  position: relative;
}
.rss.closetop p a {
  text-decoration: none;
}
.rss.closetop p a img {
  padding-left: 4px;
  position: relative;
  top: 3px;
  width: 16px;
}

table {
  margin: 0 0 10px 0;
}
table caption {
  text-align: left;
  margin-bottom: 5px;
}
table + .notes {
  margin-top: -25px;
}

td {
  border: 1px solid;
  padding: 7px 8px;
}

th {
  padding: 10px 7px;
  border: 1px solid;
  font-weight: normal;
}
th .nospace {
  letter-spacing: 0 !important;
  text-indent: 0 !important;
}

td ul.dotlist td {
  text-align: left;
}
td ul.dotlist li {
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 100%;
  background-position: left 5px;
}

.gray {
  background-color: #ccc !important;
}

table.general,
table.course,
table.junior,
table.research,
table.life,
table.exam,
table.career,
table.etc {
  width: 100%;
  margin-top: 10px;
  font-size: 117%;
  text-align: center;
  margin-bottom: 30px;
}
table.general th,
table.course th,
table.junior th,
table.research th,
table.life th,
table.exam th,
table.career th,
table.etc th {
  color: #fff;
  font-weight: bold;
}
table.general th.wauto,
table.course th.wauto,
table.junior th.wauto,
table.research th.wauto,
table.life th.wauto,
table.exam th.wauto,
table.career th.wauto,
table.etc th.wauto {
  width: auto !important;
}
table.general td,
table.course td,
table.junior td,
table.research td,
table.life td,
table.exam td,
table.career td,
table.etc td {
  line-height: 1.4em;
  background-color: #fff;
}
table.general td.wauto,
table.course td.wauto,
table.junior td.wauto,
table.research td.wauto,
table.life td.wauto,
table.exam td.wauto,
table.career td.wauto,
table.etc td.wauto {
  width: auto !important;
}
table.general td.gray,
table.course td.gray,
table.junior td.gray,
table.research td.gray,
table.life td.gray,
table.exam td.gray,
table.career td.gray,
table.etc td.gray {
  background-color: #ccc;
}
table.general td:last-child,
table.course td:last-child,
table.junior td:last-child,
table.research td:last-child,
table.life td:last-child,
table.exam td:last-child,
table.career td:last-child,
table.etc td:last-child {
  text-align: left;
}
table.general .lv3,
table.course .lv3,
table.junior .lv3,
table.research .lv3,
table.life .lv3,
table.exam .lv3,
table.career .lv3,
table.etc .lv3 {
  font-weight: bold;
}
table.general .lv3:before,
table.course .lv3:before,
table.junior .lv3:before,
table.research .lv3:before,
table.life .lv3:before,
table.exam .lv3:before,
table.career .lv3:before,
table.etc .lv3:before {
  content: "■";
}
table.general + p.annotate,
table.course + p.annotate,
table.junior + p.annotate,
table.research + p.annotate,
table.life + p.annotate,
table.exam + p.annotate,
table.career + p.annotate,
table.etc + p.annotate {
  color: #990000;
  margin-top: -25px;
  text-indent: -1em;
  padding-left: 1em;
}

.partbg,
table.course .partbg {
  color: #225599;
}

table.common-table {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
table.common-table th {
  color: #fff;
  font-weight: bold;
}
table.common-table th.wauto {
  width: auto !important;
}
table.common-table th, table.common-table .total, table.common-table th.head {
  color: #fff;
  font-weight: bold;
  background-color: #5B5151;
}
table.common-table tr + tr th {
  background-color: #88bb00;
}
table.common-table td {
  line-height: 1.4em;
  background-color: #fff;
}
table.common-table td.wauto {
  width: auto !important;
}
table.common-table td.course {
  background-color: #88bb00;
  color: #fff;
  font-weight: bold;
}
table.common-table td.junior {
  background-color: #EE8899;
  color: #fff;
  font-weight: bold;
}
table.common-table td.topics-col {
  background-color: #ffbb66;
}
table.common-table .scholar {
  background-color: #003377;
}

.middle table.common-table p {
  line-height: 1.2;
}

.course th, .course td {
  border: 1px solid #669900;
}

.course .letter-curriculum,
.course .food-curriculum {
  background-color: #88bb00;
  width: 17%;
}

.course .letter-curriculum2,
.course .food-curriculum2 {
  background-color: #559966;
  width: 17%;
}

.course .letter-curriculum3,
.course .food-curriculum3 {
  background-color: #77AA33;
}

.course .letter-major,
.course .food-major {
  background-color: #CCE799;
  width: 17%;
}

.course .letter-major2,
.course .food-major2 {
  background-color: #BBE7BB;
  width: 17%;
}

.course .border-bottom.letter-curriculum2,
.course .border-bottom.letter-major2 {
  border-bottom: 1px solid #8dbc1f;
}

.junior th,
.junior td {
  border: 1px solid #DD6688;
}

.junior .junior-curriculum {
  background-color: #EE8899;
  width: 17%;
}

.junior .junior-curriculum2 {
  background-color: #EE7799;
  width: 17%;
}

.junior .junior-curriculum3 {
  background-color: #EE7788;
}

.junior .junior-major {
  background-color: #F7CCCC;
  width: 19%;
}

.junior .junior .junior-major2 {
  background-color: #F7BBCC;
  width: 19%;
}

.general th,
.general td {
  border: 1px solid #4466BB;
}

.general .general-col {
  background-color: #bcdded;
  width: 17%;
}

.general .general-col2 {
  background-color: #cddded;
  width: 17%;
}

.general .general-col3 {
  background-color: #399aca;
}

.general .general-major {
  background-color: #7abbdb;
  width: 17%;
}

.general .general-major2 {
  background-color: #89abdb;
  width: 17%;
}

.research th,
.research td {
  border: 1px solid #6642BB;
}

.research .research-col {
  background-color: #9977CC;
}

.research .research-col2 {
  background-color: #9977CC;
  color: #fff;
}

.research .research-major {
  background-color: #CCBBDD;
}

.research .letter-major {
  background-color: #CCE799;
}

.research .junior-major {
  background-color: #F7CCCC;
}

.research.funded {
  font-size: 100%;
}
.research.funded .even td {
  background-color: #CCBBDD;
}

.life th,
.life td {
  border: 1px solid #338855;
}

.life .life-col {
  background-color: #44AA66;
}

.life .life-col2 {
  background-color: #44BB66;
}

.life .life-col3 {
  background-color: #33AA66;
}

.life .life-major {
  background-color: #AADDAA;
}

.life .life-major2 {
  background-color: #AADDCC;
  width: 17%;
}

.exam th,
.exam td {
  border: 1px solid #3366BB;
}

.exam th a {
  color: #fff;
  text-decoration: underline;
}

.exam .exam-col {
  background-color: #55BBEE;
}

.exam .exam-col2 {
  background-color: #6699EE;
}

.exam .exam-col3 {
  background-color: #55AAEE;
}

.exam .exam-major {
  background-color: #AADDF7;
}

.exam .exam-major2 {
  background-color: #AACCF7;
}

.career th,
.career td {
  border: 1px solid #887722;
}

.career .career-col {
  background-color: #BBBB66;
}

.career .career-col2 {
  background-color: #99AA55;
}

.career .career-col3 {
  background-color: #AAAA66;
}

.career .career-major {
  background-color: #CCCCAA;
}

.career .career-major2 {
  background-color: #C7CC99;
  width: 17%;
}

.topics #entry_area table {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
.topics #entry_area table th, .topics #entry_area table td {
  line-height: 1.4em;
  border: 1px solid;
}
.topics #entry_area table th {
  font-weight: bold;
}

.etc th,
.etc td {
  border: 1px solid #ec9825;
}

.etc .etc-col {
  background-color: #FFAA00;
}

.etc .etc-col2 {
  background-color: #fec930;
}

.etc .etc-major {
  background-color: #FF9900;
}

table.career.schedule th {
  font-size: 14px;
  padding: 6px 0;
  letter-spacing: 0;
}
table.career.schedule td {
  text-align: center;
  vertical-align: middle;
  padding: 6px 0;
  font-size: 12px;
}
table.career.schedule th.career-col {
  width: 5.6%;
  padding: 6px 0;
}
table.career.schedule th.career-col:first-child {
  width: 75px;
}
table.career.schedule .application {
  color: #fff;
  background-color: #88CCDD;
}
table.career.schedule .exam {
  color: #fff;
  background-color: #EEAABB;
}

.boxHalfRadList {
  margin-left: -5px;
}
.boxHalfRadList ul {
  overflow: hidden;
  width: 770px;
}
.boxHalfRadList ul li {
  float: left;
  height: 60px;
  width: 216px;
  padding: 5px 0 5px 5px;
  margin: 5px;
  list-style-type: none;
  background: #fff url(/img/common/icon_download.png) no-repeat 195px center;
  -moz-border-radius: 0 35px 35px 0;
  -webkit-border-radius: 0;
  border-radius: 0 35px 35px 0;
  -moz-box-shadow: #aaa 0px 0px 5px;
  -webkit-box-shadow: #aaa 0px 0px 5px;
  box-shadow: #aaa 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.boxHalfRadList ul li a {
  display: table;
  width: inherit;
}
.boxHalfRadList ul li img {
  display: table-cell;
}
.boxHalfRadList ul li .cell {
  display: table-cell;
  width: 89%;
  padding-left: 4%;
  padding-right: 7%;
  vertical-align: middle;
}
.boxHalfRadList ul li .cell .filename {
  display: block;
  font-size: 117%;
  font-weight: bold;
  color: #88bb00;
}
.boxHalfRadList ul li .cell .filesize {
  display: block;
  padding-top: 2px;
  color: #999999;
}
.exam .boxHalfRadList a.pdf, .etc .boxHalfRadList a.pdf {
  background: none;
}

.childPage li {
  list-style-type: none;
  background: #3399cc url(/img/common/icon_arrow6.png) 3px center no-repeat;
  text-align: center;
  margin-bottom: 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  -moz-box-shadow: #aaa 0px 0px 5px;
  -webkit-box-shadow: #aaa 0px 0px 5px;
  box-shadow: #aaa 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
  text-indent: 0.5em;
}
.childPage li a {
  text-decoration: none;
  font-size: 14px;
  height: 14px;
  padding: 3px 0 4px 0;
  color: #fff;
  display: block;
  font-feature-settings: "palt" 1;
}
.childPage li a.fS {
  font-size: 12px;
  height: 12px;
  padding: 4px 0 5px 0px;
  text-indent: 16px;
}
.childPage li a.fSS {
  font-size: 11px;
  height: 11px;
  padding: 5px 0 5px 0px;
  text-indent: 11px;
}
.childPage li a.pdf {
  background: none;
}
.childPage li:hover {
  background-color: #47b7e2;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.courseNav ul {
  width: 720px;
}
.courseNav ul li {
  background-color: #fff;
  line-height: 0;
  float: left;
  margin-right: 16px;
  margin-bottom: 14px;
  width: 218px;
  height: 258px;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  -moz-box-shadow: #aaa 0px 0px 5px;
  -webkit-box-shadow: #aaa 0px 0px 5px;
  box-shadow: #aaa 0px 0px 5px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.courseNav ul li h2 {
  display: table-cell;
  vertical-align: middle;
  width: 188px;
  text-align: center;
  height: 50px;
}
.courseNav ul li .arrow {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0 15px 0;
}
.courseNav ul li .arrow img {
  width: 32px;
}

.slideButton {
  cursor: pointer;
  display: block;
  text-align: center;
}

.slidebar {
  position: relative;
}
.slidebar .entry {
  background-color: #EEEEDD;
  padding-right: 1.2em;
}
.slidebar .slideButton {
  position: absolute;
  top: 2px;
  right: 8px;
}
.slidebar .slideButton img {
  width: 17px;
}

.middle li.slidebar p {
  color: #666;
  padding: 0 1em 10px 1em;
}

#speech {
  font-size: 200%;
  letter-spacing: 0.02em;
  margin-top: 40px;
  margin-bottom: 15px;
}
#speech + figure {
  margin-left: 20px;
}
#speech + figure figcaption {
  display: block;
  text-align: center;
  color: #333;
  font-size: 100%;
  padding-top: 10px;
}
#speech + figure figcaption .large {
  display: block;
  font-size: 150%;
  font-weight: bold;
  padding-top: 5px;
}

.general #speech {
  color: #002277;
}

.course #speech {
  color: #88bb00;
}

.junior #speech {
  color: #EE7799;
}

.research #speech {
  color: #8566d1;
}

.middle .message {
  padding: 10px;
  margin: 5px 0 25px 0;
  background-color: #fff;
  overflow: hidden;
  *zoom: 1;
  -moz-border-radius: 0 66px 66px 0;
  -webkit-border-radius: 0;
  border-radius: 0 66px 66px 0;
  -moz-box-shadow: #aaa 0px 0px 5px;
  -webkit-box-shadow: #aaa 0px 0px 5px;
  box-shadow: #aaa 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.middle .message .position {
  padding-top: 8px;
  font-size: 117%;
  font-weight: bold;
  color: #449900;
}
.middle .message .facePhoto {
  float: left;
  margin-right: 15px;
}
.middle .message .leadMessage {
  font-weight: bold;
  letter-spacing: -0.04em;
  color: #88bb00;
  padding-top: 5px;
  font-size: 159%;
  margin-right: 50px;
}
.middle .message .leadMessage span {
  display: block;
  font-size: 67%;
  line-height: 1.1em;
}
.middle .message .name {
  padding-top: 7px;
  letter-spacing: 0.1em;
  font-size: 100%;
  line-height: 1.4;
}
.middle .message .name span {
  padding-top: 2px;
  font-size: 150%;
  font-weight: bold;
  display: block;
}
.middle .message .slideButton {
  position: absolute;
  top: 48px;
  right: 0;
  padding-right: 25px;
}
.middle .message.open .slideButton {
  display: none;
}
.middle .message.open + .toggle {
  display: block;
}
.middle .message.stVoice {
  clear: both;
  margin-top: 15px;
}
.middle .message.stVoice .stVoice {
  display: none;
  padding-top: 11px;
}
.middle .message.stVoice .stVoice img {
  height: 18px;
}
.middle .message.stVoice .affiliation {
  padding-top: 5px;
}
.middle .message.stVoice .stName {
  font-weight: bold;
  padding-top: 7px;
  font-size: 117%;
}
.middle .message.stVoice .stName span {
  font-size: 150%;
}
.middle .message.stVoice .stGraduate {
  padding-top: 3px;
}

.middle .message.stVoice .affiliation {
  display: none;
}

.graduate ~ div .middle .message.stVoice .affiliation,
.graduate ~ div .middle .message.stVoice .stVoice {
  display: block;
}

.graduate ~ div .middle .message.stVoice .leadMessage {
  display: none;
}

.graduate ~ div #messages .toggle {
  font-size: 117%;
  line-height: 2;
  text-align: justify;
  text-justify: distribute;
}

.junior .middle .message .position {
  color: #CC0000;
}
.junior .middle .message .leadMessage {
  color: #EE88AA;
}

.life .middle .message .position {
  color: #337744;
}
.life .middle .message .leadMessage {
  color: #44BB66;
}

.career .middle .message .position {
  color: #887722;
}
.career .middle .message .leadMessage {
  color: #BBBB66;
}

.exam .middle .message .position {
  color: #334499;
}
.exam .middle .message .leadMessage {
  color: #5599EE;
}

.catchcopy, .life .middle .circleCopy,
.middle .catchcopy,
.life .middle .circleCopy {
  color: #449900;
  font-size: 184%;
  font-weight: bold;
  margin: 0.8em 0 0.7em 0;
  line-height: 1.2;
}
.catchcopy span, .life .middle .circleCopy span,
.middle .catchcopy span,
.life .middle .circleCopy span {
  color: #88bb00;
  line-height: 1.2;
  display: block;
}
.catchcopy img, .life .middle .circleCopy img,
.middle .catchcopy img,
.life .middle .circleCopy img {
  height: 20px;
}

.course .catchcopy, .course .life .middle .circleCopy, .life .middle .course .circleCopy,
.course .middle .catchcopy,
.course .life .middle .circleCopy,
.life .course .middle .circleCopy {
  color: #003377;
}

.junior .catchcopy, .junior .life .middle .circleCopy, .life .middle .junior .circleCopy,
.junior .middle .catchcopy,
.junior .life .middle .circleCopy,
.life .junior .middle .circleCopy {
  color: #CC0000;
}

.research .catchcopy, .research .life .middle .circleCopy, .life .middle .research .circleCopy,
.research .middle .catchcopy,
.research .life .middle .circleCopy,
.life .research .middle .circleCopy {
  color: #5544BB;
}

.life .catchcopy, .life .middle .circleCopy,
.life .middle .catchcopy,
.life .middle .circleCopy {
  color: #44BB66;
}

.career .catchcopy, .career .life .middle .circleCopy, .life .middle .career .circleCopy,
.career .middle .catchcopy,
.career .life .middle .circleCopy,
.life .career .middle .circleCopy {
  color: #BBBB66;
}

.career .catchcopy, .career .life .middle .circleCopy, .life .middle .career .circleCopy {
  margin-top: 0;
}

.course .middle .catchcopy.subcatch, .course .life .middle .subcatch.circleCopy, .life .course .middle .subcatch.circleCopy {
  color: #449900;
}

.course .middle .catchcopy.tworow img, .course .life .middle .tworow.circleCopy img, .life .course .middle .tworow.circleCopy img {
  height: 48px;
}

.toggle {
  display: none;
  clear: both;
}
.toggle .lv3 {
  margin-top: 0;
}
.toggle p {
  margin-top: 10px;
  margin-bottom: 20px;
}
.toggle p:last-of-type {
  margin-bottom: 0;
}

#spirit {
  margin-top: 220px;
  margin-left: 30px;
}

#badge {
  position: absolute;
  right: 45px;
  top: -18px;
  z-index: 30;
}
#badge img {
  position: relative;
  z-index: 31;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

table.db-teacher {
  width: 100%;
  margin-top: 10px;
  font-size: 117%;
  text-align: center;
  margin-bottom: 30px;
}
table.db-teacher th {
  color: #fff;
  font-weight: bold;
  border: 1px solid #669900;
  background-color: #77AA33;
}
table.db-teacher td {
  border: 1px solid #669900;
  line-height: 1.4em;
}

#cooperationMap {
  padding-left: 20px;
}
#cooperationMap img {
  width: 300px;
}

#bxsliderExamWrap {
  width: 685px;
  -moz-box-shadow: #aaa 0px 0px 5px;
  -webkit-box-shadow: #aaa 0px 0px 5px;
  box-shadow: #aaa 0px 0px 5px;
}
#bxsliderExamWrap .bxslider {
  width: 685px;
  line-height: 0;
}
#bxsliderExamWrap .bxslider li {
  list-style-type: none;
}
#bxsliderExamWrap .bxslider a {
  line-height: 0;
}
#bxsliderExamWrap .bxslider img {
  width: 100%;
}
#bxsliderExamWrap .bx-wrapper {
  margin-bottom: 40px;
}
#bxsliderExamWrap .bx-controls {
  display: none;
}

.exam blockquote {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 15px 15px 15px;
  position: relative;
  behavior: url("/css/PIE.htc");
}

.middle #staffdata {
  width: 685px;
  margin-top: 20px;
}
.middle #staffdata h1.circle {
  clear: both;
}
.middle #staffdata ul {
  width: 705px;
}
.middle #staffdata li {
  list-style-type: none;
  float: left;
  width: 47%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
}
.middle #staffdata li .toggle {
  margin-bottom: 30px;
}
.middle #staffdata .leadMessage {
  font-weight: normal;
  color: #5544BB;
  width: 100%;
  padding-bottom: 7px;
}
.middle #staffdata .leadMessage span {
  display: table-cell;
  font-size: 13px;
  width: 18%;
}
.middle #staffdata .leadMessage p {
  display: table-cell;
  font-size: 13px;
  letter-spacing: -0.1em;
  line-height: 1.2;
}
.middle #staffdata a {
  text-decoration: none;
}
.middle #staffdata .boxbg {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url(/img/common/tile_dot.png) repeat;
  margin: 0;
  box-shadow: 0 0 5px #AAAAAA;
  overflow: hidden;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.middle #staffdata .boxbg .boxcontent {
  background-color: #FFFFFF;
  padding: 15px;
  display: table;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url("/css/PIE.htc");
}
.middle #staffdata .boxbg .facePhoto {
  float: none;
  width: 90px;
  margin-right: 0;
}
.middle #staffdata .boxbg .position {
  font-size: 84%;
  font-weight: bold;
  color: #5544BB;
  display: inline-block;
  padding: 2px 7px 1px 7px;
  color: #fff;
  text-align: center;
  background-color: #9977CC;
  margin-bottom: 3px;
}
.middle #staffdata .boxbg .cellBlock {
  display: table-cell;
  vertical-align: top;
  background: none;
}
.middle #staffdata .boxbg .cellBlock + .cellBlock {
  padding-left: 18px;
  width: 100%;
}
.middle #staffdata .boxbg .entry {
  font-size: 100%;
  line-height: 1.4;
  color: #666;
  margin-top: 0;
}
.middle #staffdata .name {
  color: #333;
  padding: 7px 3em 7px 0;
  line-height: 1;
  font-size: 100%;
  font-weight: bold;
}
.middle #staffdata .name span {
  color: #333;
  font-size: 142%;
  display: inline-block;
}
.middle #staffdata .childPage {
  margin-top: 10px;
  width: 100%;
}
.middle #staffdata .childPage ul {
  width: inherit;
}
.middle #staffdata .childPage li {
  width: 94px;
  margin: 0 0 0 5px;
}
.middle #staffdata .childPage li:first-child {
  margin-left: 0;
}
.middle #staffdata .childPage li.off {
  background-color: #888;
}
.middle #staffdata .childPage li a {
  font-size: 12px;
  text-indent: 13px;
  line-height: 1.4;
}
.middle #staffdata .childPage li + li a {
  text-indent: 13px;
  letter-spacing: 0.3em;
}

.course .middle #staffdata .boxbg .position {
  background-color: #88BB00;
}

.course .middle #staffdata .leadMessage {
  color: #449900;
}

#calendar {
  background-color: #fff;
  padding: 25px;
}
#calendar .month {
  padding-top: 20px;
}
#calendar .month:first-child {
  padding-top: 0;
}
#calendar .cell {
  font-size: 117%;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
}
#calendar .cell + .cell {
  padding-left: 12px;
  padding-right: 20px;
}
#calendar img {
  width: 86px;
}

.JAN span {
  color: #48B1DF;
}

.FEB span {
  color: #FFCC00;
}

.MAR span {
  color: #66CC66;
}

.APR span {
  color: #FF6688;
}

.MAY span {
  color: #99CC33;
}

.JUN span {
  color: #9988CC;
}

.JULY span {
  color: #66CCCC;
}

.AUG span {
  color: #66CCEE;
}

.SEPT span {
  color: #FF9900;
}

.OCT span {
  color: #BBBB33;
}

.NOV span {
  color: #6699CC;
}

.DEC span {
  color: #DD5555;
}

img[src$="/residence/p1.png"] {
  width: 149px;
  padding-left: 10px;
}

.life .middle .circleCopy {
  color: #337744;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.topicsList {
  background-color: #fff;
  margin-bottom: 20px;
}
.topicsList a {
  text-decoration: none;
  color: #666;
}
.topicsList .lv2, .topicsList .topics #entry_area h3, .topics #entry_area .topicsList h3,
.topicsList .topics #entry_area .caption,
.topics #entry_area .topicsList .caption,
.topicsList .event #entry_area h3,
.event #entry_area .topicsList h3,
.topicsList .event #entry_area .caption,
.event #entry_area .topicsList .caption,
.topicsList .etc #entry_area h3,
.etc #entry_area .topicsList h3,
.topicsList .etc #entry_area .caption,
.etc #entry_area .topicsList .caption {
  padding-right: 40px;
}
.topicsList .blockList {
  background: #fff url(/img/common/arrow.png) no-repeat 97% center;
}
.topicsList .blockList .tableUnit {
  display: table;
  margin-top: 6px;
}
.topicsList .blockList .cellBlock {
  display: table-cell;
  vertical-align: top;
}
.topicsList .blockList .cellBlock img {
  padding-right: 20px;
}
.topicsList .blockList .cellBlock p {
  padding-right: 50px;
}
.topicsList .blockList .category {
  display: inline-block;
  background-color: #55AADD;
  color: #fff;
  font-size: 84%;
  padding: 2px 7px;
}
.topicsList .blockList p {
  line-height: 1.6;
  margin-top: 5px;
}
.topicsList .blockList .block {
  margin-bottom: 5px;
}

.arrow-hidden .blockList,
.arrow-hidden.blockList {
  background-image: none !important;
}

.topicsList .blockList .category.general {
  background-color: #22AACC;
}

.topicsList .blockList .category.course {
  background-color: #88bb00;
}

.topicsList .blockList .category.junior {
  background-color: #EE7799;
}

.topicsList .blockList .category.research {
  background-color: #8566d1;
}

.topicsList .blockList .category.life {
  background-color: #44BB66;
}

.topicsList .blockList .category.exam {
  background-color: #5599EE;
}

.topicsList .blockList .category.career {
  background-color: #BBBB66;
}

.topicsList .blockList .category.event,
.topicsList .blockList .category.place {
  background-color: #FFAA00;
}

.pageNation {
  display: table;
  margin: 0 auto;
}
.pageNation .next, .pageNation .prev, .pageNation .list {
  display: table-cell;
  padding: 0 5px;
}
.pageNation .next a, .pageNation .prev a, .pageNation .list a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 130px;
  height: 30px;
  color: #fff;
  font-size: 125%;
  background-color: #99BBCC;
}
.pageNation .next a:hover, .pageNation .prev a:hover, .pageNation .list a:hover {
  text-decoration: none;
  background-color: #a9ccdb;
}
.pageNation .list a {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.topics #entry_area,
.event #entry_area,
.etc #entry_area {
  font-size: 117% !important;
  line-height: 1.8 !important;
  text-align: justify;
  margin-bottom: 30px;
  margin-top: 20px;
}
.topics #entry_area p,
.event #entry_area p,
.etc #entry_area p {
  font-size: 100% !important;
  line-height: 1.8;
  margin-bottom: 1em;
  background: none !important;
}
.topics #entry_area p span,
.event #entry_area p span,
.etc #entry_area p span {
  background: none !important;
  font-size: inherit !important;
}
.topics #entry_area p:empty,
.event #entry_area p:empty,
.etc #entry_area p:empty {
  display: none;
}
.topics #entry_area span[style*=background-color],
.event #entry_area span[style*=background-color],
.etc #entry_area span[style*=background-color] {
  background: none !important;
}
.topics #entry_area .topics_photo,
.event #entry_area .topics_photo,
.etc #entry_area .topics_photo {
  margin: 0px 0 15px 0;
  padding: 5px;
  background-color: #fff;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  display: block;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.topics #entry_area .topics_photo.imgR,
.event #entry_area .topics_photo.imgR,
.etc #entry_area .topics_photo.imgR {
  margin-left: 20px;
}
.topics #entry_area .mt-image-none,
.topics #entry_area .mt-image-left, .topics #entry_area .mt-image-right,
.topics #entry_area .imgL, .topics #entry_area .imgR,
.event #entry_area .mt-image-none,
.event #entry_area .mt-image-left,
.event #entry_area .mt-image-right,
.event #entry_area .imgL,
.event #entry_area .imgR,
.etc #entry_area .mt-image-none,
.etc #entry_area .mt-image-left,
.etc #entry_area .mt-image-right,
.etc #entry_area .imgL,
.etc #entry_area .imgR {
  padding: 6px;
  background-color: #fff;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.topics #entry_area .mt-image-left,
.event #entry_area .mt-image-left,
.etc #entry_area .mt-image-left {
  float: left !important;
}
.topics #entry_area .mt-image-right,
.event #entry_area .mt-image-right,
.etc #entry_area .mt-image-right {
  float: right !important;
}
.topics #entry_area img + img,
.event #entry_area img + img,
.etc #entry_area img + img {
  margin-left: 15px;
}
.topics #entry_area a[href*="itunes.apple.com"] img,
.topics #entry_area a[href*="play.google.com"] img,
.topics #entry_area a[href*="line.naver.jp"] img,
.event #entry_area a[href*="itunes.apple.com"] img,
.event #entry_area a[href*="play.google.com"] img,
.event #entry_area a[href*="line.naver.jp"] img,
.etc #entry_area a[href*="itunes.apple.com"] img,
.etc #entry_area a[href*="play.google.com"] img,
.etc #entry_area a[href*="line.naver.jp"] img {
  background: none !important;
  box-shadow: none;
}
.topics #entry_area .link_box,
.event #entry_area .link_box,
.etc #entry_area .link_box {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 15px 15px 15px 15px;
  position: relative;
  behavior: url("/css/PIE.htc");
}
.topics #entry_area .link_box li,
.event #entry_area .link_box li,
.etc #entry_area .link_box li {
  list-style-type: none;
  background: url(/img/common/icon_sub_arrow4.png) no-repeat left center;
  background-size: 6px 5px;
  font-size: 100%;
  padding-left: 11px;
}
.topics #entry_area ol li,
.event #entry_area ol li,
.etc #entry_area ol li {
  font-size: 100%;
  line-height: 1.3em;
}
.topics #entry_area ol li p,
.event #entry_area ol li p,
.etc #entry_area ol li p {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.topics #entry_area ol li ul li:before,
.event #entry_area ol li ul li:before,
.etc #entry_area ol li ul li:before {
  background: none;
  content: "";
}
.topics #entry_area ul li,
.event #entry_area ul li,
.etc #entry_area ul li {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style-type: none;
  padding-left: 15px;
  margin-top: 5px;
  margin-left: 10px;
  background: url(/img/common/icon_dot9.png) no-repeat left 7px;
  line-height: 1.5;
}
.topics #entry_area .thumbnail ul li,
.event #entry_area .thumbnail ul li,
.etc #entry_area .thumbnail ul li {
  background: none;
}
.topics #entry_area .thumbnail ul li:first-child,
.event #entry_area .thumbnail ul li:first-child,
.etc #entry_area .thumbnail ul li:first-child {
  padding-left: 0;
}
.topics #entry_area dl dt,
.event #entry_area dl dt,
.etc #entry_area dl dt {
  background-color: #ffaa00;
  color: #fff;
  float: left;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
  padding: 0px 7px;
  line-height: 1.3;
}
.topics #entry_area dl dd,
.event #entry_area dl dd,
.etc #entry_area dl dd {
  line-height: 1.3;
  margin-bottom: 7px;
  overflow: hidden;
}
.topics #entry_area h3,
.topics #entry_area .caption,
.event #entry_area h3,
.event #entry_area .caption,
.etc #entry_area h3,
.etc #entry_area .caption {
  color: #EE7700;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.topics #entry_area h3 .lv3wrap, .topics #entry_area h3 .lv3wrap span, .topics #entry_area h3 .lv3wrap strong,
.topics #entry_area .caption .lv3wrap,
.topics #entry_area .caption .lv3wrap span,
.topics #entry_area .caption .lv3wrap strong,
.event #entry_area h3 .lv3wrap,
.event #entry_area h3 .lv3wrap span,
.event #entry_area h3 .lv3wrap strong,
.event #entry_area .caption .lv3wrap,
.event #entry_area .caption .lv3wrap span,
.event #entry_area .caption .lv3wrap strong,
.etc #entry_area h3 .lv3wrap,
.etc #entry_area h3 .lv3wrap span,
.etc #entry_area h3 .lv3wrap strong,
.etc #entry_area .caption .lv3wrap,
.etc #entry_area .caption .lv3wrap span,
.etc #entry_area .caption .lv3wrap strong {
  color: inherit !important;
  font-size: 15px !important;
  height: 15px !important;
  position: relative;
  top: -4px !important;
}
.topics #entry_area h3 .lv3wrap:before, .topics #entry_area h3 .lv3wrap span:before, .topics #entry_area h3 .lv3wrap strong:before,
.topics #entry_area .caption .lv3wrap:before,
.topics #entry_area .caption .lv3wrap span:before,
.topics #entry_area .caption .lv3wrap strong:before,
.event #entry_area h3 .lv3wrap:before,
.event #entry_area h3 .lv3wrap span:before,
.event #entry_area h3 .lv3wrap strong:before,
.event #entry_area .caption .lv3wrap:before,
.event #entry_area .caption .lv3wrap span:before,
.event #entry_area .caption .lv3wrap strong:before,
.etc #entry_area h3 .lv3wrap:before,
.etc #entry_area h3 .lv3wrap span:before,
.etc #entry_area h3 .lv3wrap strong:before,
.etc #entry_area .caption .lv3wrap:before,
.etc #entry_area .caption .lv3wrap span:before,
.etc #entry_area .caption .lv3wrap strong:before {
  background-color: #FFCC00;
  -moz-box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
  -webkit-box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
  box-shadow: 0 0 3px rgba(239, 149, 37, 0.9) inset;
}
.topics #entry_area h3 .lv3wrap span, .topics #entry_area h3 .lv3wrap strong,
.topics #entry_area .caption .lv3wrap span,
.topics #entry_area .caption .lv3wrap strong,
.event #entry_area h3 .lv3wrap span,
.event #entry_area h3 .lv3wrap strong,
.event #entry_area .caption .lv3wrap span,
.event #entry_area .caption .lv3wrap strong,
.etc #entry_area h3 .lv3wrap span,
.etc #entry_area h3 .lv3wrap strong,
.etc #entry_area .caption .lv3wrap span,
.etc #entry_area .caption .lv3wrap strong {
  line-height: inherit !important;
  top: 0 !important;
}
.topics #entry_area h5, .topics #entry_area h6,
.event #entry_area h5,
.event #entry_area h6,
.etc #entry_area h5,
.etc #entry_area h6 {
  font-size: 100%;
  color: #558899;
  margin: 10px 0 5px 0;
}
.topics #entry_area blockquote,
.event #entry_area blockquote,
.etc #entry_area blockquote {
  padding: 15px;
  background-color: #fff;
}
.topics #entry_area wbr,
.event #entry_area wbr,
.etc #entry_area wbr {
  display: none;
}

.topics .mt-image-none {
  width: 205px;
  height: auto;
}

.topics .circle {
  margin-bottom: 1.4em;
}

.sns-box {
  margin-bottom: 40px;
  margin-right: -10px;
}
.sns-box:after {
  content: "";
  clear: both;
  display: block;
}
.sns-box .table {
  float: right;
  clear: right;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
}
.sns-box h2 {
  float: right;
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 0;
  text-align: left;
  margin-right: 10px;
}
.sns-box .share {
  width: 82px;
  display: table-cell;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}
.sns-box .share a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  height: 13px;
  font-family: Arial, sans-serif;
  line-height: 1;
  padding: 7px 0 6px 0;
}
.sns-box .share-facebook {
  background-color: #164d85;
}
.sns-box .share-facebook:hover {
  background-color: #305097;
}
.sns-box .share-twitter {
  background-color: #1fa0fe;
}
.sns-box .share-twitter:hover {
  background-color: #00aced;
}
.sns-box .share-line {
  background-color: #3ec21f;
}
.sns-box .share-line:hover {
  background-color: #5ae628;
}
.sns-box .share-ical {
  background-color: #BA3050;
}
.sns-box .share-ical:hover {
  background-color: #BA3050;
}

#pageInnnerLink {
  width: 685px;
  height: 48px;
  position: relative;
  z-index: 500;
}
#pageInnnerLink #pageInnnerLinkNav {
  position: relative;
  width: inherit;
  background: url(/img/common/white_bg_80.png) repeat;
  padding: 4px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
}
#pageInnnerLink #pageInnnerLinkNav .cell {
  display: table-cell;
  width: 87px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-color: #99BBCC;
  padding: 0px 9px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#pageInnnerLink #pageInnnerLinkNav .row {
  display: table-row;
}
#pageInnnerLink #pageInnnerLinkNav ul {
  padding-left: 5px;
  display: table-cell;
  vertical-align: middle;
  list-style: none;
}
#pageInnnerLink #pageInnnerLinkNav ul li {
  display: inline-block;
  font-size: 13px;
  padding: 1px 0;
}
#pageInnnerLink #pageInnnerLinkNav ul li:before {
  content: "|";
}
#pageInnnerLink #pageInnnerLinkNav ul li:first-child:before {
  content: "";
}
#pageInnnerLink #pageInnnerLinkNav ul li a {
  padding: 0px 3px;
}

.movieList {
  width: 102%;
}

.middle .movieBlock {
  float: left;
  width: 42%;
  margin-right: 2%;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 3%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  position: relative;
  overflow: hidden;
  behavior: url("/css/PIE.htc");
}
.middle .movieBlock a {
  text-decoration: none;
  color: #666;
}
.middle .movieBlock h3 {
  border-left: 6px solid #55AADD;
  line-height: 1.4;
  margin-bottom: 6px;
  padding-left: 6px;
  font-size: 100%;
}
.middle .movieBlock .date {
  display: block;
  text-align: right;
  margin-bottom: 5px;
}
.middle .movieBlock .cnt p {
  padding-top: 10px;
  font-size: 100%;
  line-height: 1.4;
}
.middle .movieBlock .linkmovie {
  bottom: 10px;
  position: absolute;
  right: 20px;
}

.middle p {
  font-size: 117%;
  line-height: 2;
  text-align: justify;
  text-justify: distribute;
}
.middle p small {
  display: inline-block;
  line-height: 1.3;
}
.middle section + section > h1 {
  margin-top: 40px;
}
.middle li p {
  font-size: 100%;
}

p.entry {
  margin-top: 5px;
}

p.annotate {
  line-height: 1.4;
}

.newline {
  padding-bottom: 1em;
}

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

.letter-space {
  display: inline-block;
  letter-spacing: 1em;
  text-indent: 1em;
}

.notes {
  font-weight: bold;
  color: #003377;
}
.notes.thin {
  font-weight: normal;
}

.alert-color {
  color: #EE7700;
}

.alert-color-circle {
  line-height: 1 !important;
}
.alert-color-circle:before {
  content: "";
  border: 2px solid #EE7700;
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.alert-color-circle span {
  display: none;
}

.alert-color-circle.small-circle:before {
  width: 7px;
  height: 7px;
}

.closetop {
  margin-top: -2.3em;
}

.border {
  padding: 2px;
  border: 1px solid #eee;
  background-color: #fff;
}

.frameShadow, .thumbnail.two li img, .thumbnail.three li img {
  display: block;
  background-color: #fff;
  line-height: 0;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
}
.frameShadow img, .thumbnail.two li img img, .thumbnail.three li img img {
  padding: 6px;
}
.frameShadow.imgR, .thumbnail.two li img.imgR, .thumbnail.three li img.imgR {
  margin-left: 20px;
  margin-bottom: 20px;
}
.frameShadow + figcaption, .thumbnail.two li img + figcaption, .thumbnail.three li img + figcaption {
  color: #333;
  padding-top: 10px;
}

.firstLarge, .graduate ~ div #messages .toggle {
  line-height: 2em;
}

.firstLarge:first-letter, .graduate ~ div #messages .toggle:first-letter {
  float: left;
  width: 28px;
  font-size: 28px;
  height: 28px;
  padding: 11px 13px 15px 9px;
  margin-right: 6px;
  margin-top: 2px;
  color: #fff;
  line-height: 1;
  position: relative;
  background: url(/img/course/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.general .firstLarge:first-letter, .general .graduate ~ div #messages .toggle:first-letter, .graduate ~ div #messages .general .toggle:first-letter {
  background: url(/img/general/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.junior .firstLarge:first-letter, .junior .graduate ~ div #messages .toggle:first-letter, .graduate ~ div #messages .junior .toggle:first-letter {
  background: url(/img/junior/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.life .firstLarge:first-letter, .life .graduate ~ div #messages .toggle:first-letter, .graduate ~ div #messages .life .toggle:first-letter {
  background: url(/img/life/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.career .firstLarge:first-letter, .career .graduate ~ div #messages .toggle:first-letter, .graduate ~ div #messages .career .toggle:first-letter {
  background: url(/img/career/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.exam .firstLarge:first-letter, .exam .graduate ~ div #messages .toggle:first-letter, .graduate ~ div #messages .exam .toggle:first-letter {
  background: url(/img/exam/fl_bg.png) no-repeat;
  background-size: 45px 45px;
}

.entry.firstLarge:first-letter, .graduate ~ div #messages .entry.toggle:first-letter {
  padding: 11px 13px 16px 9px;
}

.entry2.firstLarge:first-letter, .graduate ~ div #messages .entry2.toggle:first-letter {
  padding: 21px 13px 16px 9px;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .entry2.firstLarge:first-letter, .graduate ~ div #messages .entry2.toggle:first-letter {
    padding-top: 13px;
  }

  .entry2.firstLarge:first-letter, .graduate ~ div #messages .entry2.toggle:first-letter {
    padding-top: 13px;
  }
}
.entry2.firstLarge:not(:target):first-letter, .graduate ~ div #messages .entry2.toggle:not(:target):first-letter {
  padding-top: 13px\9;
}

.firstletter {
  float: left;
  width: 28px;
  height: 28px;
  font-size: 28px;
  padding: 11px 13px 11px 9px;
  line-height: 1;
  margin-right: 6px;
  margin-top: 2px;
  position: relative;
  background: url(/img/course/fl_bg.png) no-repeat;
  background-size: 45px 45px;
  color: #fff;
}
.firstletter span {
  position: relative;
}

.thumbnail {
  width: 700px;
  overflow: hidden;
  margin-bottom: 35px;
}
.thumbnail ul {
  width: 712px;
}
.thumbnail ul li {
  float: left;
  margin-right: 13px;
  padding-bottom: 6px;
  width: 165px;
  height: 120px;
  overflow: hidden;
  list-style: none;
  text-align: center;
}
.thumbnail.two {
  overflow: visible;
  width: inherit;
  display: table;
  margin: 0 auto;
}
.thumbnail.two ul {
  width: inherit;
}
.thumbnail.two li {
  float: none;
  display: table-cell;
  padding-left: 15px;
  width: auto;
  height: auto;
  overflow: visible;
}
.thumbnail.two li img {
  padding: 2%;
}
.thumbnail.two li:first-child {
  padding-left: 0;
}
.thumbnail.three {
  overflow: visible;
  width: inherit;
  display: table;
}
.thumbnail.three ul {
  width: inherit;
}
.thumbnail.three li {
  float: none;
  display: table-cell;
  padding-left: 15px;
  width: auto;
  height: auto;
  overflow: visible;
}
.thumbnail.three li img {
  padding: 6px;
}
.thumbnail.three li:first-child {
  padding-left: 0;
}

.thumbnail_list.boxShadow .blockList, .exam blockquote.thumbnail_list .blockList, .topics #entry_area .thumbnail_list.link_box .blockList,
.event #entry_area .thumbnail_list.link_box .blockList,
.etc #entry_area .thumbnail_list.link_box .blockList, .topics #entry_area blockquote.thumbnail_list .blockList,
.event #entry_area blockquote.thumbnail_list .blockList,
.etc #entry_area blockquote.thumbnail_list .blockList {
  margin-top: 10px;
  padding: 10px 20px;
}
.thumbnail_list.boxShadow .blockList ul, .exam blockquote.thumbnail_list .blockList ul, .topics #entry_area .thumbnail_list.link_box .blockList ul,
.event #entry_area .thumbnail_list.link_box .blockList ul,
.etc #entry_area .thumbnail_list.link_box .blockList ul, .topics #entry_area blockquote.thumbnail_list .blockList ul,
.event #entry_area blockquote.thumbnail_list .blockList ul,
.etc #entry_area blockquote.thumbnail_list .blockList ul {
  width: 660px;
  padding: 10px 5px 10px 5px;
  margin-bottom: -15px;
}
.thumbnail_list.boxShadow .blockList ul li, .exam blockquote.thumbnail_list .blockList ul li, .topics #entry_area .thumbnail_list.link_box .blockList ul li,
.event #entry_area .thumbnail_list.link_box .blockList ul li,
.etc #entry_area .thumbnail_list.link_box .blockList ul li, .topics #entry_area blockquote.thumbnail_list .blockList ul li,
.event #entry_area blockquote.thumbnail_list .blockList ul li,
.etc #entry_area blockquote.thumbnail_list .blockList ul li {
  width: 107px;
  background: none !important;
  float: left;
  margin: 0;
  padding: 0 25px 20px 0;
}
.thumbnail_list.boxShadow .blockList ul li img, .exam blockquote.thumbnail_list .blockList ul li img, .topics #entry_area .thumbnail_list.link_box .blockList ul li img,
.event #entry_area .thumbnail_list.link_box .blockList ul li img,
.etc #entry_area .thumbnail_list.link_box .blockList ul li img, .topics #entry_area blockquote.thumbnail_list .blockList ul li img,
.event #entry_area blockquote.thumbnail_list .blockList ul li img,
.etc #entry_area blockquote.thumbnail_list .blockList ul li img {
  border: 1px solid #e5e5e5;
  width: 107px;
}
.thumbnail_list.boxShadow .blockList ul li a.pdf, .exam blockquote.thumbnail_list .blockList ul li a.pdf, .topics #entry_area .thumbnail_list.link_box .blockList ul li a.pdf,
.event #entry_area .thumbnail_list.link_box .blockList ul li a.pdf,
.etc #entry_area .thumbnail_list.link_box .blockList ul li a.pdf, .topics #entry_area blockquote.thumbnail_list .blockList ul li a.pdf,
.event #entry_area blockquote.thumbnail_list .blockList ul li a.pdf,
.etc #entry_area blockquote.thumbnail_list .blockList ul li a.pdf {
  background: none;
  padding-right: 0;
}
.thumbnail_list.boxShadow .blockList ul li a[href$='pdf']:after, .exam blockquote.thumbnail_list .blockList ul li a[href$='pdf']:after, .topics #entry_area .thumbnail_list.link_box .blockList ul li a[href$='pdf']:after,
.event #entry_area .thumbnail_list.link_box .blockList ul li a[href$='pdf']:after,
.etc #entry_area .thumbnail_list.link_box .blockList ul li a[href$='pdf']:after, .topics #entry_area blockquote.thumbnail_list .blockList ul li a[href$='pdf']:after,
.event #entry_area blockquote.thumbnail_list .blockList ul li a[href$='pdf']:after,
.etc #entry_area blockquote.thumbnail_list .blockList ul li a[href$='pdf']:after {
  content: '';
}
.thumbnail_list.boxShadow .blockList ul li .center, .exam blockquote.thumbnail_list .blockList ul li .center, .topics #entry_area .thumbnail_list.link_box .blockList ul li .center,
.event #entry_area .thumbnail_list.link_box .blockList ul li .center,
.etc #entry_area .thumbnail_list.link_box .blockList ul li .center, .topics #entry_area blockquote.thumbnail_list .blockList ul li .center,
.event #entry_area blockquote.thumbnail_list .blockList ul li .center,
.etc #entry_area blockquote.thumbnail_list .blockList ul li .center {
  color: #3399CC;
  font-size: 92%;
  line-height: 1.2;
}
.thumbnail_list.boxShadow .blockList ul li .center .externalLink + img, .exam blockquote.thumbnail_list .blockList ul li .center .externalLink + img, .topics #entry_area .thumbnail_list.link_box .blockList ul li .center .externalLink + img,
.event #entry_area .thumbnail_list.link_box .blockList ul li .center .externalLink + img,
.etc #entry_area .thumbnail_list.link_box .blockList ul li .center .externalLink + img, .topics #entry_area blockquote.thumbnail_list .blockList ul li .center .externalLink + img,
.event #entry_area blockquote.thumbnail_list .blockList ul li .center .externalLink + img,
.etc #entry_area blockquote.thumbnail_list .blockList ul li .center .externalLink + img {
  display: none;
}

#pageNav {
  background-color: #FFFFFF;
  border-top: 1px solid #777C77;
  padding-top: 20px;
  text-align: center;
}
#pageNav ul {
  height: 18px;
}
#pageNav ul li {
  display: inline;
  font-size: 117%;
  border-left: 1px solid #777C77;
}
#pageNav ul li .next {
  padding-left: 0;
}
#pageNav ul li .prev a {
  padding: 3px 20px 1px 23px;
  background: url(/img/common/icon_prev.png) no-repeat left 0;
}
#pageNav ul li .prev a:hover {
  background-image: url(/img/common/icon_prev_r.png);
}
#pageNav ul li + li {
  padding-left: 15px;
}
#pageNav ul li:first-child {
  border: none;
}
#pageNav ul li a, #pageNav ul li span {
  font-size: 84%;
  width: 75px;
  padding: 2px 15px 0px 0px;
}

#common-topics {
  width: inherit;
  padding: 5px;
  margin-top: 30px;
  margin-right: 40px;
  margin-left: -5px;
  position: relative;
}
.middle #common-topics {
  margin-right: 0;
}
#common-topics .boxShadow, #common-topics .exam blockquote, .exam #common-topics blockquote, #common-topics .topics #entry_area .link_box, .topics #entry_area #common-topics .link_box,
#common-topics .event #entry_area .link_box,
.event #entry_area #common-topics .link_box,
#common-topics .etc #entry_area .link_box,
.etc #entry_area #common-topics .link_box, #common-topics .topics #entry_area blockquote, .topics #entry_area #common-topics blockquote,
#common-topics .event #entry_area blockquote,
.event #entry_area #common-topics blockquote,
#common-topics .etc #entry_area blockquote,
.etc #entry_area #common-topics blockquote {
  padding: 10px 14px;
  background-color: #fff;
}
#common-topics .linklist {
  position: absolute;
  right: -20px;
  bottom: 0;
}
#common-topics header {
  display: table;
  width: 100%;
  border-top: 1px dotted #cccccc;
}
#common-topics header time {
  display: table-cell;
  color: #666;
  width: 19%;
  padding: 10px 0 10px 0;
  font-size: 117%;
  text-justify: inter-ideograph;
  text-align: justify;
  vertical-align: top;
}
#common-topics header .new {
  display: inline;
  padding-right: 5px;
}
#common-topics header h1 {
  display: table-cell;
  width: 80%;
  padding: 10px 0 10px 0;
  font-weight: normal;
  font-size: 117%;
}
#common-topics header h1 a {
  display: inline;
  color: #3399cc;
}
#common-topics article:first-child header {
  border: none;
}

.feed-topics {
  width: inherit;
  padding: 5px;
  margin-top: 30px;
  margin-right: 40px;
  margin-left: -5px;
  position: relative;
}
.feed-topics .boxShadow, .feed-topics .exam blockquote, .exam .feed-topics blockquote, .feed-topics .topics #entry_area .link_box, .topics #entry_area .feed-topics .link_box,
.feed-topics .event #entry_area .link_box,
.event #entry_area .feed-topics .link_box,
.feed-topics .etc #entry_area .link_box,
.etc #entry_area .feed-topics .link_box, .feed-topics .topics #entry_area blockquote, .topics #entry_area .feed-topics blockquote,
.feed-topics .event #entry_area blockquote,
.event #entry_area .feed-topics blockquote,
.feed-topics .etc #entry_area blockquote,
.etc #entry_area .feed-topics blockquote {
  padding: 10px 14px;
  background-color: #fff;
}
.feed-topics .linklist {
  position: absolute;
  right: -20px;
  bottom: 0;
}
.feed-topics header {
  display: table;
  width: 100%;
  border-top: 1px dotted #cccccc;
}
.feed-topics header time {
  display: table-cell;
  color: #666;
  width: 19%;
  padding: 10px 0 10px 0;
  font-size: 117%;
  text-justify: inter-ideograph;
  text-align: justify;
  vertical-align: top;
}
.feed-topics header .new {
  display: inline;
  padding-right: 5px;
}
.feed-topics header h1 {
  display: table-cell;
  width: 80%;
  padding: 10px 0 10px 0;
  font-weight: normal;
  font-size: 117%;
}
.feed-topics header h1 a {
  display: inline;
  color: #3399cc;
}
.feed-topics article:first-child header {
  border: none;
}

table.top {
  border: none;
  width: 465px;
  float: left;
}
table.top tr {
  background: url(/img/common/hr_dot.png) repeat-x top;
}
table.top tr:first-child {
  background: none;
}
table.top th {
  font-size: 109%;
  border: none;
  width: 62px;
  vertical-align: top;
  line-height: 1.6;
  padding: 14px 0px 10px 0;
}
table.top td {
  font-size: 109%;
  border: none;
  line-height: 1.6;
  padding: 14px 0px 10px 0;
}

.topics_photo_position {
  float: right;
  width: 195px;
}
.topics_photo_position figcaption {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.boxList.column3 {
  *display: inline-block;
  zoom: 1;
}
.boxList.column3:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}
.boxList.column3 .other {
  position: relative;
}
.boxList.column3 .other .lv2 span, .boxList.column3 .other .topics #entry_area h3 span, .topics #entry_area .boxList.column3 .other h3 span,
.boxList.column3 .other .topics #entry_area .caption span,
.topics #entry_area .boxList.column3 .other .caption span,
.boxList.column3 .other .event #entry_area h3 span,
.event #entry_area .boxList.column3 .other h3 span,
.boxList.column3 .other .event #entry_area .caption span,
.event #entry_area .boxList.column3 .other .caption span,
.boxList.column3 .other .etc #entry_area h3 span,
.etc #entry_area .boxList.column3 .other h3 span,
.boxList.column3 .other .etc #entry_area .caption span,
.etc #entry_area .boxList.column3 .other .caption span, .boxList.column3 .other .lv2 span a, .boxList.column3 .other .topics #entry_area h3 span a, .topics #entry_area .boxList.column3 .other h3 span a,
.boxList.column3 .other .topics #entry_area .caption span a,
.topics #entry_area .boxList.column3 .other .caption span a,
.boxList.column3 .other .event #entry_area h3 span a,
.event #entry_area .boxList.column3 .other h3 span a,
.boxList.column3 .other .event #entry_area .caption span a,
.event #entry_area .boxList.column3 .other .caption span a,
.boxList.column3 .other .etc #entry_area h3 span a,
.etc #entry_area .boxList.column3 .other h3 span a,
.boxList.column3 .other .etc #entry_area .caption span a,
.etc #entry_area .boxList.column3 .other .caption span a {
  color: #007744;
}
.boxList.column3 .other .lv2:before, .boxList.column3 .other .topics #entry_area h3:before, .topics #entry_area .boxList.column3 .other h3:before,
.boxList.column3 .other .topics #entry_area .caption:before,
.topics #entry_area .boxList.column3 .other .caption:before,
.boxList.column3 .other .event #entry_area h3:before,
.event #entry_area .boxList.column3 .other h3:before,
.boxList.column3 .other .event #entry_area .caption:before,
.event #entry_area .boxList.column3 .other .caption:before,
.boxList.column3 .other .etc #entry_area h3:before,
.etc #entry_area .boxList.column3 .other h3:before,
.boxList.column3 .other .etc #entry_area .caption:before,
.etc #entry_area .boxList.column3 .other .caption:before {
  background-color: #55BB77;
}
.boxList.column3 .other .other_curriculum {
  position: absolute;
  right: 0;
  top: 0;
}
.boxList.column3 .other.junior .lv2 span, .boxList.column3 .other.junior .topics #entry_area h3 span, .topics #entry_area .boxList.column3 .other.junior h3 span,
.boxList.column3 .other.junior .topics #entry_area .caption span,
.topics #entry_area .boxList.column3 .other.junior .caption span,
.boxList.column3 .other.junior .event #entry_area h3 span,
.event #entry_area .boxList.column3 .other.junior h3 span,
.boxList.column3 .other.junior .event #entry_area .caption span,
.event #entry_area .boxList.column3 .other.junior .caption span,
.boxList.column3 .other.junior .etc #entry_area h3 span,
.etc #entry_area .boxList.column3 .other.junior h3 span,
.boxList.column3 .other.junior .etc #entry_area .caption span,
.etc #entry_area .boxList.column3 .other.junior .caption span, .boxList.column3 .other.junior .lv2 span a, .boxList.column3 .other.junior .topics #entry_area h3 span a, .topics #entry_area .boxList.column3 .other.junior h3 span a,
.boxList.column3 .other.junior .topics #entry_area .caption span a,
.topics #entry_area .boxList.column3 .other.junior .caption span a,
.boxList.column3 .other.junior .event #entry_area h3 span a,
.event #entry_area .boxList.column3 .other.junior h3 span a,
.boxList.column3 .other.junior .event #entry_area .caption span a,
.event #entry_area .boxList.column3 .other.junior .caption span a,
.boxList.column3 .other.junior .etc #entry_area h3 span a,
.etc #entry_area .boxList.column3 .other.junior h3 span a,
.boxList.column3 .other.junior .etc #entry_area .caption span a,
.etc #entry_area .boxList.column3 .other.junior .caption span a {
  color: #DD3377;
}
.boxList.column3 .other.junior .lv2:before, .boxList.column3 .other.junior .topics #entry_area h3:before, .topics #entry_area .boxList.column3 .other.junior h3:before,
.boxList.column3 .other.junior .topics #entry_area .caption:before,
.topics #entry_area .boxList.column3 .other.junior .caption:before,
.boxList.column3 .other.junior .event #entry_area h3:before,
.event #entry_area .boxList.column3 .other.junior h3:before,
.boxList.column3 .other.junior .event #entry_area .caption:before,
.event #entry_area .boxList.column3 .other.junior .caption:before,
.boxList.column3 .other.junior .etc #entry_area h3:before,
.etc #entry_area .boxList.column3 .other.junior h3:before,
.boxList.column3 .other.junior .etc #entry_area .caption:before,
.etc #entry_area .boxList.column3 .other.junior .caption:before {
  background-color: #EE77AA;
}
.boxList.column3 .other.exemption .lv2 span, .boxList.column3 .other.exemption .topics #entry_area h3 span, .topics #entry_area .boxList.column3 .other.exemption h3 span,
.boxList.column3 .other.exemption .topics #entry_area .caption span,
.topics #entry_area .boxList.column3 .other.exemption .caption span,
.boxList.column3 .other.exemption .event #entry_area h3 span,
.event #entry_area .boxList.column3 .other.exemption h3 span,
.boxList.column3 .other.exemption .event #entry_area .caption span,
.event #entry_area .boxList.column3 .other.exemption .caption span,
.boxList.column3 .other.exemption .etc #entry_area h3 span,
.etc #entry_area .boxList.column3 .other.exemption h3 span,
.boxList.column3 .other.exemption .etc #entry_area .caption span,
.etc #entry_area .boxList.column3 .other.exemption .caption span, .boxList.column3 .other.exemption .lv2 span a, .boxList.column3 .other.exemption .topics #entry_area h3 span a, .topics #entry_area .boxList.column3 .other.exemption h3 span a,
.boxList.column3 .other.exemption .topics #entry_area .caption span a,
.topics #entry_area .boxList.column3 .other.exemption .caption span a,
.boxList.column3 .other.exemption .event #entry_area h3 span a,
.event #entry_area .boxList.column3 .other.exemption h3 span a,
.boxList.column3 .other.exemption .event #entry_area .caption span a,
.event #entry_area .boxList.column3 .other.exemption .caption span a,
.boxList.column3 .other.exemption .etc #entry_area h3 span a,
.etc #entry_area .boxList.column3 .other.exemption h3 span a,
.boxList.column3 .other.exemption .etc #entry_area .caption span a,
.etc #entry_area .boxList.column3 .other.exemption .caption span a {
  color: #4477CC;
}
.boxList.column3 .other.exemption .lv2:before, .boxList.column3 .other.exemption .topics #entry_area h3:before, .topics #entry_area .boxList.column3 .other.exemption h3:before,
.boxList.column3 .other.exemption .topics #entry_area .caption:before,
.topics #entry_area .boxList.column3 .other.exemption .caption:before,
.boxList.column3 .other.exemption .event #entry_area h3:before,
.event #entry_area .boxList.column3 .other.exemption h3:before,
.boxList.column3 .other.exemption .event #entry_area .caption:before,
.event #entry_area .boxList.column3 .other.exemption .caption:before,
.boxList.column3 .other.exemption .etc #entry_area h3:before,
.etc #entry_area .boxList.column3 .other.exemption h3:before,
.boxList.column3 .other.exemption .etc #entry_area .caption:before,
.etc #entry_area .boxList.column3 .other.exemption .caption:before {
  background-color: #66BFEE;
}
.boxList.column3 .other.forcompany .lv2 span, .boxList.column3 .other.forcompany .topics #entry_area h3 span, .topics #entry_area .boxList.column3 .other.forcompany h3 span,
.boxList.column3 .other.forcompany .topics #entry_area .caption span,
.topics #entry_area .boxList.column3 .other.forcompany .caption span,
.boxList.column3 .other.forcompany .event #entry_area h3 span,
.event #entry_area .boxList.column3 .other.forcompany h3 span,
.boxList.column3 .other.forcompany .event #entry_area .caption span,
.event #entry_area .boxList.column3 .other.forcompany .caption span,
.boxList.column3 .other.forcompany .etc #entry_area h3 span,
.etc #entry_area .boxList.column3 .other.forcompany h3 span,
.boxList.column3 .other.forcompany .etc #entry_area .caption span,
.etc #entry_area .boxList.column3 .other.forcompany .caption span, .boxList.column3 .other.forcompany .lv2 span a, .boxList.column3 .other.forcompany .topics #entry_area h3 span a, .topics #entry_area .boxList.column3 .other.forcompany h3 span a,
.boxList.column3 .other.forcompany .topics #entry_area .caption span a,
.topics #entry_area .boxList.column3 .other.forcompany .caption span a,
.boxList.column3 .other.forcompany .event #entry_area h3 span a,
.event #entry_area .boxList.column3 .other.forcompany h3 span a,
.boxList.column3 .other.forcompany .event #entry_area .caption span a,
.event #entry_area .boxList.column3 .other.forcompany .caption span a,
.boxList.column3 .other.forcompany .etc #entry_area h3 span a,
.etc #entry_area .boxList.column3 .other.forcompany h3 span a,
.boxList.column3 .other.forcompany .etc #entry_area .caption span a,
.etc #entry_area .boxList.column3 .other.forcompany .caption span a {
  color: #889955;
}
.boxList.column3 .other.forcompany .lv2:before, .boxList.column3 .other.forcompany .topics #entry_area h3:before, .topics #entry_area .boxList.column3 .other.forcompany h3:before,
.boxList.column3 .other.forcompany .topics #entry_area .caption:before,
.topics #entry_area .boxList.column3 .other.forcompany .caption:before,
.boxList.column3 .other.forcompany .event #entry_area h3:before,
.event #entry_area .boxList.column3 .other.forcompany h3:before,
.boxList.column3 .other.forcompany .event #entry_area .caption:before,
.event #entry_area .boxList.column3 .other.forcompany .caption:before,
.boxList.column3 .other.forcompany .etc #entry_area h3:before,
.etc #entry_area .boxList.column3 .other.forcompany h3:before,
.boxList.column3 .other.forcompany .etc #entry_area .caption:before,
.etc #entry_area .boxList.column3 .other.forcompany .caption:before {
  background-color: #aa9955;
}
.boxList.column3 .other.forcompany .other_badge {
  position: absolute;
  right: 0;
  top: 0;
}
.boxList.column3.hMiddle .mWidth {
  width: 450px;
  margin-right: 16px;
}
.boxList.column3.hMiddle .mWidth .boxShadow, .boxList.column3.hMiddle .mWidth .exam blockquote, .exam .boxList.column3.hMiddle .mWidth blockquote, .boxList.column3.hMiddle .mWidth .topics #entry_area .link_box, .topics #entry_area .boxList.column3.hMiddle .mWidth .link_box,
.boxList.column3.hMiddle .mWidth .event #entry_area .link_box,
.event #entry_area .boxList.column3.hMiddle .mWidth .link_box,
.boxList.column3.hMiddle .mWidth .etc #entry_area .link_box,
.etc #entry_area .boxList.column3.hMiddle .mWidth .link_box, .boxList.column3.hMiddle .mWidth .topics #entry_area blockquote, .topics #entry_area .boxList.column3.hMiddle .mWidth blockquote,
.boxList.column3.hMiddle .mWidth .event #entry_area blockquote,
.event #entry_area .boxList.column3.hMiddle .mWidth blockquote,
.boxList.column3.hMiddle .mWidth .etc #entry_area blockquote,
.etc #entry_area .boxList.column3.hMiddle .mWidth blockquote {
  width: 454px;
}
.boxList.column3.hMiddle .mWidth .boxShadow .lv2, .boxList.column3.hMiddle .mWidth .exam blockquote .lv2, .exam .boxList.column3.hMiddle .mWidth blockquote .lv2, .boxList.column3.hMiddle .mWidth .topics #entry_area .link_box .lv2, .topics #entry_area .boxList.column3.hMiddle .mWidth .link_box .lv2,
.boxList.column3.hMiddle .mWidth .event #entry_area .link_box .lv2,
.event #entry_area .boxList.column3.hMiddle .mWidth .link_box .lv2,
.boxList.column3.hMiddle .mWidth .etc #entry_area .link_box .lv2,
.etc #entry_area .boxList.column3.hMiddle .mWidth .link_box .lv2, .boxList.column3.hMiddle .mWidth .topics #entry_area blockquote .lv2, .topics #entry_area .boxList.column3.hMiddle .mWidth blockquote .lv2,
.boxList.column3.hMiddle .mWidth .event #entry_area blockquote .lv2,
.event #entry_area .boxList.column3.hMiddle .mWidth blockquote .lv2,
.boxList.column3.hMiddle .mWidth .etc #entry_area blockquote .lv2,
.etc #entry_area .boxList.column3.hMiddle .mWidth blockquote .lv2, .boxList.column3.hMiddle .mWidth .boxShadow .topics #entry_area h3, .topics #entry_area .boxList.column3.hMiddle .mWidth .boxShadow h3, .boxList.column3.hMiddle .mWidth .exam blockquote .topics #entry_area h3, .exam .boxList.column3.hMiddle .mWidth blockquote .topics #entry_area h3, .boxList.column3.hMiddle .mWidth .topics #entry_area .link_box h3, .topics #entry_area .boxList.column3.hMiddle .mWidth .link_box h3, .boxList.column3.hMiddle .mWidth .topics #entry_area blockquote h3, .topics #entry_area .boxList.column3.hMiddle .mWidth blockquote h3,
.boxList.column3.hMiddle .mWidth .boxShadow .topics #entry_area .caption,
.topics #entry_area .boxList.column3.hMiddle .mWidth .boxShadow .caption,
.boxList.column3.hMiddle .mWidth .exam blockquote .topics #entry_area .caption,
.exam .boxList.column3.hMiddle .mWidth blockquote .topics #entry_area .caption,
.boxList.column3.hMiddle .mWidth .topics #entry_area .link_box .caption,
.topics #entry_area .boxList.column3.hMiddle .mWidth .link_box .caption,
.boxList.column3.hMiddle .mWidth .topics #entry_area blockquote .caption,
.topics #entry_area .boxList.column3.hMiddle .mWidth blockquote .caption,
.boxList.column3.hMiddle .mWidth .boxShadow .event #entry_area h3,
.event #entry_area .boxList.column3.hMiddle .mWidth .boxShadow h3,
.boxList.column3.hMiddle .mWidth .exam blockquote .event #entry_area h3,
.exam .boxList.column3.hMiddle .mWidth blockquote .event #entry_area h3,
.boxList.column3.hMiddle .mWidth .event #entry_area .link_box h3,
.event #entry_area .boxList.column3.hMiddle .mWidth .link_box h3,
.boxList.column3.hMiddle .mWidth .event #entry_area blockquote h3,
.event #entry_area .boxList.column3.hMiddle .mWidth blockquote h3,
.boxList.column3.hMiddle .mWidth .boxShadow .event #entry_area .caption,
.event #entry_area .boxList.column3.hMiddle .mWidth .boxShadow .caption,
.boxList.column3.hMiddle .mWidth .exam blockquote .event #entry_area .caption,
.exam .boxList.column3.hMiddle .mWidth blockquote .event #entry_area .caption,
.boxList.column3.hMiddle .mWidth .event #entry_area .link_box .caption,
.event #entry_area .boxList.column3.hMiddle .mWidth .link_box .caption,
.boxList.column3.hMiddle .mWidth .event #entry_area blockquote .caption,
.event #entry_area .boxList.column3.hMiddle .mWidth blockquote .caption,
.boxList.column3.hMiddle .mWidth .boxShadow .etc #entry_area h3,
.etc #entry_area .boxList.column3.hMiddle .mWidth .boxShadow h3,
.boxList.column3.hMiddle .mWidth .exam blockquote .etc #entry_area h3,
.exam .boxList.column3.hMiddle .mWidth blockquote .etc #entry_area h3,
.boxList.column3.hMiddle .mWidth .etc #entry_area .link_box h3,
.etc #entry_area .boxList.column3.hMiddle .mWidth .link_box h3,
.boxList.column3.hMiddle .mWidth .etc #entry_area blockquote h3,
.etc #entry_area .boxList.column3.hMiddle .mWidth blockquote h3,
.boxList.column3.hMiddle .mWidth .boxShadow .etc #entry_area .caption,
.etc #entry_area .boxList.column3.hMiddle .mWidth .boxShadow .caption,
.boxList.column3.hMiddle .mWidth .exam blockquote .etc #entry_area .caption,
.exam .boxList.column3.hMiddle .mWidth blockquote .etc #entry_area .caption,
.boxList.column3.hMiddle .mWidth .etc #entry_area .link_box .caption,
.etc #entry_area .boxList.column3.hMiddle .mWidth .link_box .caption,
.boxList.column3.hMiddle .mWidth .etc #entry_area blockquote .caption,
.etc #entry_area .boxList.column3.hMiddle .mWidth blockquote .caption {
  margin-top: 0;
}
.boxList.column3.hMiddle .boxNormal .boxShadow, .boxList.column3.hMiddle .boxNormal .exam blockquote, .exam .boxList.column3.hMiddle .boxNormal blockquote, .boxList.column3.hMiddle .boxNormal .topics #entry_area .link_box, .topics #entry_area .boxList.column3.hMiddle .boxNormal .link_box,
.boxList.column3.hMiddle .boxNormal .event #entry_area .link_box,
.event #entry_area .boxList.column3.hMiddle .boxNormal .link_box,
.boxList.column3.hMiddle .boxNormal .etc #entry_area .link_box,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .link_box, .boxList.column3.hMiddle .boxNormal .topics #entry_area blockquote, .topics #entry_area .boxList.column3.hMiddle .boxNormal blockquote,
.boxList.column3.hMiddle .boxNormal .event #entry_area blockquote,
.event #entry_area .boxList.column3.hMiddle .boxNormal blockquote,
.boxList.column3.hMiddle .boxNormal .etc #entry_area blockquote,
.etc #entry_area .boxList.column3.hMiddle .boxNormal blockquote {
  margin-right: 0;
}
.boxList.column3.hMiddle .boxNormal .boxShadow .boxbg, .boxList.column3.hMiddle .boxNormal .exam blockquote .boxbg, .exam .boxList.column3.hMiddle .boxNormal blockquote .boxbg, .boxList.column3.hMiddle .boxNormal .topics #entry_area .link_box .boxbg, .topics #entry_area .boxList.column3.hMiddle .boxNormal .link_box .boxbg,
.boxList.column3.hMiddle .boxNormal .event #entry_area .link_box .boxbg,
.event #entry_area .boxList.column3.hMiddle .boxNormal .link_box .boxbg,
.boxList.column3.hMiddle .boxNormal .etc #entry_area .link_box .boxbg,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .link_box .boxbg, .boxList.column3.hMiddle .boxNormal .topics #entry_area blockquote .boxbg, .topics #entry_area .boxList.column3.hMiddle .boxNormal blockquote .boxbg,
.boxList.column3.hMiddle .boxNormal .event #entry_area blockquote .boxbg,
.event #entry_area .boxList.column3.hMiddle .boxNormal blockquote .boxbg,
.boxList.column3.hMiddle .boxNormal .etc #entry_area blockquote .boxbg,
.etc #entry_area .boxList.column3.hMiddle .boxNormal blockquote .boxbg {
  height: 100%;
}
.boxList.column3.hMiddle .boxNormal .boxShadow .lv2, .boxList.column3.hMiddle .boxNormal .exam blockquote .lv2, .exam .boxList.column3.hMiddle .boxNormal blockquote .lv2, .boxList.column3.hMiddle .boxNormal .topics #entry_area .link_box .lv2, .topics #entry_area .boxList.column3.hMiddle .boxNormal .link_box .lv2,
.boxList.column3.hMiddle .boxNormal .event #entry_area .link_box .lv2,
.event #entry_area .boxList.column3.hMiddle .boxNormal .link_box .lv2,
.boxList.column3.hMiddle .boxNormal .etc #entry_area .link_box .lv2,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .link_box .lv2, .boxList.column3.hMiddle .boxNormal .topics #entry_area blockquote .lv2, .topics #entry_area .boxList.column3.hMiddle .boxNormal blockquote .lv2,
.boxList.column3.hMiddle .boxNormal .event #entry_area blockquote .lv2,
.event #entry_area .boxList.column3.hMiddle .boxNormal blockquote .lv2,
.boxList.column3.hMiddle .boxNormal .etc #entry_area blockquote .lv2,
.etc #entry_area .boxList.column3.hMiddle .boxNormal blockquote .lv2, .boxList.column3.hMiddle .boxNormal .boxShadow .topics #entry_area h3, .topics #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow h3, .boxList.column3.hMiddle .boxNormal .exam blockquote .topics #entry_area h3, .exam .boxList.column3.hMiddle .boxNormal blockquote .topics #entry_area h3, .boxList.column3.hMiddle .boxNormal .topics #entry_area .link_box h3, .topics #entry_area .boxList.column3.hMiddle .boxNormal .link_box h3, .boxList.column3.hMiddle .boxNormal .topics #entry_area blockquote h3, .topics #entry_area .boxList.column3.hMiddle .boxNormal blockquote h3,
.boxList.column3.hMiddle .boxNormal .boxShadow .topics #entry_area .caption,
.topics #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow .caption,
.boxList.column3.hMiddle .boxNormal .exam blockquote .topics #entry_area .caption,
.exam .boxList.column3.hMiddle .boxNormal blockquote .topics #entry_area .caption,
.boxList.column3.hMiddle .boxNormal .topics #entry_area .link_box .caption,
.topics #entry_area .boxList.column3.hMiddle .boxNormal .link_box .caption,
.boxList.column3.hMiddle .boxNormal .topics #entry_area blockquote .caption,
.topics #entry_area .boxList.column3.hMiddle .boxNormal blockquote .caption,
.boxList.column3.hMiddle .boxNormal .boxShadow .event #entry_area h3,
.event #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow h3,
.boxList.column3.hMiddle .boxNormal .exam blockquote .event #entry_area h3,
.exam .boxList.column3.hMiddle .boxNormal blockquote .event #entry_area h3,
.boxList.column3.hMiddle .boxNormal .event #entry_area .link_box h3,
.event #entry_area .boxList.column3.hMiddle .boxNormal .link_box h3,
.boxList.column3.hMiddle .boxNormal .event #entry_area blockquote h3,
.event #entry_area .boxList.column3.hMiddle .boxNormal blockquote h3,
.boxList.column3.hMiddle .boxNormal .boxShadow .event #entry_area .caption,
.event #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow .caption,
.boxList.column3.hMiddle .boxNormal .exam blockquote .event #entry_area .caption,
.exam .boxList.column3.hMiddle .boxNormal blockquote .event #entry_area .caption,
.boxList.column3.hMiddle .boxNormal .event #entry_area .link_box .caption,
.event #entry_area .boxList.column3.hMiddle .boxNormal .link_box .caption,
.boxList.column3.hMiddle .boxNormal .event #entry_area blockquote .caption,
.event #entry_area .boxList.column3.hMiddle .boxNormal blockquote .caption,
.boxList.column3.hMiddle .boxNormal .boxShadow .etc #entry_area h3,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow h3,
.boxList.column3.hMiddle .boxNormal .exam blockquote .etc #entry_area h3,
.exam .boxList.column3.hMiddle .boxNormal blockquote .etc #entry_area h3,
.boxList.column3.hMiddle .boxNormal .etc #entry_area .link_box h3,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .link_box h3,
.boxList.column3.hMiddle .boxNormal .etc #entry_area blockquote h3,
.etc #entry_area .boxList.column3.hMiddle .boxNormal blockquote h3,
.boxList.column3.hMiddle .boxNormal .boxShadow .etc #entry_area .caption,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .boxShadow .caption,
.boxList.column3.hMiddle .boxNormal .exam blockquote .etc #entry_area .caption,
.exam .boxList.column3.hMiddle .boxNormal blockquote .etc #entry_area .caption,
.boxList.column3.hMiddle .boxNormal .etc #entry_area .link_box .caption,
.etc #entry_area .boxList.column3.hMiddle .boxNormal .link_box .caption,
.boxList.column3.hMiddle .boxNormal .etc #entry_area blockquote .caption,
.etc #entry_area .boxList.column3.hMiddle .boxNormal blockquote .caption {
  margin-top: 0;
}

.passrate {
  margin-top: -8px;
  margin-bottom: 15px;
}

.arial {
  font-size: 30px;
  font-family: arial;
  line-height: 1;
  color: #77aa33;
  margin-left: -5px;
  margin-right: 4px;
}

.mapframeShadow {
  width: 96%;
  height: 480px;
  margin: 0 auto 30px auto;
  padding: 2%;
  background-color: #fff;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  position: relative;
  behavior: url("/css/PIE.htc");
}

#maparea {
  width: 100%;
  height: 480px;
}

address {
  padding-top: 5px;
  font-size: 117%;
  line-height: 1.6;
}

.map {
  display: block;
  margin-top: 15px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  border: 15px solid #fff;
}
.map img {
  width: 100%;
}

.map-box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.i-map {
  width: 280px;
  -ms-flex: 0 0 280px;
  height: 202px;
  display: block;
  margin-top: 15px;
  margin-right: 15px;
}

#flow {
  position: relative;
  margin-top: 17px;
}
#flow ul {
  position: absolute;
  top: 145px;
  left: 197px;
}
#flow ul li {
  list-style-type: none;
  background: url(/img/course/letters/linguistics/flow_border.png) top repeat-x;
  width: 290px;
  padding-left: 10px;
}
#flow ul li a {
  display: block;
  height: 14px;
  padding: 7px 0;
  background: url(/img/common/icon_arrow7.png) no-repeat right 2px;
}
#flow ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#flow.ferment ul {
  top: 104px;
}

table.career.chart-graph {
  width: auto;
  float: left;
  margin-top: 0;
}

.piechart {
  margin-left: 45px;
}
.piechart canvas {
  float: left;
  width: 125px;
  height: 125px;
}

.graph-data {
  float: left;
  margin-left: 30px;
}
.graph-data .mark {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 10px;
  height: 10px;
  float: left;
  margin-top: 3px;
}
.graph-data .data {
  width: 30px;
}
.graph-data li {
  list-style: none;
  color: #666;
  margin-bottom: 5px;
}
.graph-data li span {
  display: table-cell;
}
.graph-data .pie-data1 .mark {
  background-color: #EE7799;
}
.graph-data .pie-data2 .mark {
  background-color: #6699DD;
}
.graph-data .pie-data3 .mark {
  background-color: #EEAA44;
}
.graph-data .pie-data4 .mark {
  background-color: #88CC44;
}
.graph-data .pie-data5 .mark {
  background-color: #BB77BC;
}
.graph-data .pie-data6 .mark {
  background-color: #66BBDD;
}
.graph-data .pie-data7 .mark {
  background-color: #EE7711;
}
.graph-data .pie-data8 .mark {
  background-color: #66cc66;
}
.graph-data .pie-data9 .mark {
  background-color: #996633;
}
.graph-data .pie-data10 .mark {
  background-color: #ff99cc;
}
.graph-data .pie-data11 .mark {
  background-color: #BBBB88;
}
.graph-data .pie-data12 .mark {
  background-color: #EE7711;
}
.graph-data .data {
  text-align: right;
}
.graph-data .data-name {
  padding-left: 7px;
  width: 144px;
}

.grid {
  position: relative;
}
.grid h2 {
  width: 184px;
  height: 184px;
  float: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  margin-left: 0;
  margin-top: 5px;
  background-color: #3399CC;
  text-align: center;
  position: relative;
}
.grid h2 img {
  position: relative;
  top: 44%;
}
.grid h3 {
  font-size: 100%;
  font-weight: normal;
}
.grid .carousel {
  width: 776px;
  float: left;
}
.grid .carousel li {
  list-style-type: none;
}
.grid .carousel .carouselChild {
  position: relative;
  float: left;
  height: 184px;
  margin: 6px;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: #999 0px 0px 5px;
  -webkit-box-shadow: #999 0px 0px 5px;
  box-shadow: #999 0px 0px 5px;
  background: url(/img/common/w_bg.png) repeat;
}
.grid .carousel .carouselChild.end:before {
  position: absolute;
  line-height: 11;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.5);
  content: "受付は終了しました";
  color: #fff;
  font-weight: bold;
  font-size: 134%;
  z-index: 410;
  text-align: center;
}
.grid .carousel .carouselChild a {
  width: inherit;
  height: inherit;
  display: block;
}
.grid .carousel .carouselChild a:hover {
  text-decoration: none;
}
.grid .carousel .carouselChild .new {
  position: absolute;
  right: 0;
  bottom: 0px;
}

#examtop {
  width: 693px;
  margin-top: 40px;
  position: relative;
}
#examtop .grid {
  margin-left: -6px;
}
#examtop .grid .carouselChild {
  width: 221px;
  text-align: center;
  position: relative;
}
#examtop .grid .carouselChild h3 {
  color: #3366CC;
  margin-top: 16px;
}
#examtop .grid .carouselChild h3 span {
  font-size: 109%;
  font-weight: normal;
  display: block;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  padding-bottom: 12px;
}
#examtop .grid .carouselChild h3 b {
  font-size: 142%;
}
#examtop .grid .carouselChild h3 b.small {
  font-size: 117%;
}
#examtop .grid .carouselChild.junior h3 {
  color: #dd5588;
}
#examtop .grid .carouselChild p {
  color: #666666;
  padding-bottom: 10px;
}
#examtop .grid .carouselChild p span {
  display: block;
  font-size: 100%;
  padding-top: 7px;
  padding-bottom: 6px;
}
#examtop .grid .carouselChild p b {
  font-size: 117%;
}
#examtop .grid .carouselChild img[src$="arrow.png"] {
  position: absolute;
  bottom: 5px;
  left: 42%;
}
#examtop .pageNation {
  width: inherit;
  height: inherit;
  display: block;
  clear: both;
}
#examtop .pageNation .carouPrev1, #examtop .pageNation .carouPrev2, #examtop .pageNation .carouPrev3 {
  position: absolute;
  left: -25px;
  top: 45%;
}
#examtop .pageNation .carouNext1, #examtop .pageNation .carouNext2, #examtop .pageNation .carouNext3 {
  position: absolute;
  right: -19px;
  top: 45%;
}

.emergency-box {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 3px solid #c30d23;
  margin-top: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 540px) {
  .emergency-box {
    display: block;
  }
}
.emergency-box ul {
  list-style-type: none;
  margin-left: 16px;
  padding: 8px 0;
}
.emergency-box li {
  color: #c30d23;
  line-height: 1.7;
}
.emergency-box a {
  color: #c30d23;
  font-size: 117%;
}
@media screen and (max-width: 540px) {
  .emergency-box a {
    font-size: 117%;
  }
}
.emergency-box a:hover {
  text-decoration: underline;
}
.emergency-box a:visited {
  color: #c30d23;
}

.emergency-title {
  width: 168px;
  min-height: 62px;
  background-color: #c30d23;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .emergency-title {
    display: block;
    width: auto;
    min-height: inherit;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.emergency-title span {
  display: inline-block;
  width: 115px;
  height: 14px;
  padding-left: 27px;
}
.emergency-title span img {
  display: inline-block;
  width: 115px;
  height: 14px;
  object-fit: contain;
}

img[src*="line@beppu-u.png"] {
  display: inline-block;
  width: 80px;
  height: 80px;
}

img[src$="LINEat_logotype_Green.png"] {
  width: 150px;
}

img[src$="google-o_300-104.jpg"],
img[src$="app-o_300-89.jpg"] {
  width: 150px;
}

#search-results .boxShadow, #search-results .exam blockquote, .exam #search-results blockquote, #search-results .topics #entry_area .link_box, .topics #entry_area #search-results .link_box,
#search-results .event #entry_area .link_box,
.event #entry_area #search-results .link_box,
#search-results .etc #entry_area .link_box,
.etc #entry_area #search-results .link_box, #search-results .topics #entry_area blockquote, .topics #entry_area #search-results blockquote,
#search-results .event #entry_area blockquote,
.event #entry_area #search-results blockquote,
#search-results .etc #entry_area blockquote,
.etc #entry_area #search-results blockquote {
  margin-bottom: 20px;
}
#search-results mark {
  font-style: normal;
}
#search-results .lv2 a, #search-results .topics #entry_area h3 a, .topics #entry_area #search-results h3 a,
#search-results .topics #entry_area .caption a,
.topics #entry_area #search-results .caption a,
#search-results .event #entry_area h3 a,
.event #entry_area #search-results h3 a,
#search-results .event #entry_area .caption a,
.event #entry_area #search-results .caption a,
#search-results .etc #entry_area h3 a,
.etc #entry_area #search-results h3 a,
#search-results .etc #entry_area .caption a,
.etc #entry_area #search-results .caption a {
  font-size: 15px;
  height: 15px;
  position: relative;
  top: -4px;
}