@charset "UTF-8";
/*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

.hide-text, .loginMenu li.login {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.mainBox .linkBtn a, .mainBox .linkBtnL a {
  border-radius: 3px;
  background: #2267a2;
  padding: 5px 10px;
  padding-right: 30px;
  color: #fff;
  position: relative;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .mainBox .linkBtn a, .mainBox .linkBtnL a {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.mainBox .linkBtn a:after, .mainBox .linkBtnL a:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  content: "\e911";
  color: #F7F3E6;
}
.mainBox .linkBtn a:hover, .mainBox .linkBtnL a:hover {
  background: #2267a2;
}
@media screen and (max-width: 480px) {
  .mainBox .linkBtn a, .mainBox .linkBtnL a {
    display: block;
  }
}

.balloon_h2 {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloon_h2::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  bottom: -26px;
}

.balloonhg {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #fff;
  text-align: left;
}
.balloonhg::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-bottom-color: #47853d;
  margin-left: -13px;
  left: 22%;
  top: -26px;
}

.balloonh2, .loginMenu li .msg span {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloonh2::before, .loginMenu li .msg span::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  bottom: -26px;
}

.balloon_h {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloon_h::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-bottom-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  top: -26px;
}

.btnWhite li {
  background: #fff;
  margin: 0.5rem 0;
  font-size: .9rem;
  text-align: left;
  height: 3rem;
  display: table;
  width: 160px;
  line-height: 1.2rem;
}
.btnWhite li a {
  display: table-cell;
  padding: .2rem .5rem;
  vertical-align: middle;
  color: #232323;
  text-decoration: none;
}
.btnWhite li a:hover {
  background: rgba(233, 230, 223, 0.6);
}

.side .localNav li {
  border-bottom: dotted #2267a2 1px;
  padding: 0.5em;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  text-decoration: none;
  color: #2267a2;
}
.side .localNav li:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  color: #2267a2;
}
.side .localNav li:hover {
  background: #dae9f5;
}

.side .localNav li {
  border-bottom: dotted #594b46 1px;
  padding: 0.5em;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  text-decoration: none;
  color: #594b46;
}
.side .localNav li:before {
  font-family: "icomoon",sans-serif;
  content: "\e907";
  color: #cf3f3f;
  color: #594b46;
  content: "\e913";
}
.side .localNav li:hover {
  background: #FDE8E3;
}
.side .localNav li:after {
  display: none;
}

/* Icon Font CSS */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?65k4mw");
  src: url("../fonts/icomoon.eot?65k4mw#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?65k4mw") format("truetype"), url("../fonts/icomoon.woff?65k4mw") format("woff"), url("../fonts/icomoon.svg?65k4mw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?6hoinw');
src:url('../fonts/icomoon.eot?#iefix6hoinw') format('embedded-opentype'),
url('../../fonts/icomoon.woff?6hoinw') format('woff'),
url('../fonts/icomoon.ttf?6hoinw') format('truetype'),
url('../fonts/icomoon.svg?6hoinw#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}*/
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-stars:before {
  content: "\e8d0";
}

.icon-home:before {
  content: "\e600";
}

.icon-headphones:before {
  content: "\e601";
}

.icon-book:before {
  content: "\e602";
}

.icon-location:before {
  content: "\e603";
}

.icon-clock:before {
  content: "\e604";
}

.icon-clock2:before {
  content: "\e605";
}

.icon-calendar:before {
  content: "\e606";
}

.icon-user:after {
  content: "\e607";
}

.icon-search:before {
  content: "\e608";
}

.icon-notification:before {
  content: "\e609";
}

.icon-cart:before {
  content: "\e900";
}

.icon-key:before {
  content: "\e901";
}

.icon-lock:before {
  content: "\e902";
}

.icon-unlocked:before {
  content: "\e903";
}

.icon-tree:before {
  content: "\e904";
}

.icon-flag:before {
  content: "\e905";
}

.icon-heart:before {
  content: "\e906";
}

.icon-warning:before {
  content: "\e907";
}

.icon-question:before {
  content: "\e908";
}

.icon-printer:before {
  content: "\e909";
}

.icon-list:before {
  content: "\e90a";
}

.icon-ctrl:before {
  content: "\e90b";
}

.icon-spinner11:before {
  content: "\e90c";
}

.icon-cross:before {
  content: "\e90d";
}

.icon-question2:before {
  content: "\e90e";
}

.icon-question-circle:before {
  content: "\e90f";
}

.icon-question-circle2:before {
  content: "\e90f";
}

.icon-star:before {
  content: "\e910";
}

.icon-circle-right:before {
  content: "\e911";
}

.icon-circle:before {
  content: "\e912";
}

.icon-ctrl2:before {
  content: "\e913";
}

.icon-music:before {
  content: "\e914";
}

.icon-books:after {
  content: "\e920";
}

.icon-mobile2:before {
  content: "\e959";
}

.icon-bubbles:before {
  content: "\e96c";
}

.icon-earth:before {
  content: "\e9ca";
}

.icon-info:before {
  content: "\ea0c";
}

.icon-circle-up:before {
  content: "\ea41";
}

.icon-circle-right2:before {
  content: "\ea42";
}

.icon-circle-down:before {
  content: "\ea43";
}

.icon-table2:before {
  content: "\ea71";
}

.icon-share2:before {
  content: "\ea82";
}

.icon-envelop:before {
  content: "\e945";
}

html {
  height: 100%;
  width: 100%;
  min-width: 980px;
}
@media screen and (max-width: 480px) {
  html {
    font-size: 1rem;
    min-width: 100%;
  }
}

body {
  color: #330000;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  body {
    width: auto;
    font-size: 1rem;
  }
}

.blockSkip {
  right: 2rem;
  margin-top: 1rem;
}
@media screen and (max-width: 480px) {
  .blockSkip {
    display: none;
  }
}

.warrper {
  position: relative;
  margin: 0px;
  height: auto !important;
  height: 100%;
  *height: auto;
  min-height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 980px;
  width: expression(document.body.clientWidth < 981? "980px " : "auto");
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .warrper {
    min-width: 100%;
    width: auto;
    background-position: left 0;
  }
}

body > .warrper {
  height: auto;
}

.header .title_in {
  width: 100%;
  margin: auto;
  padding-top: 1.5rem;
  position: relative;
  height: 90px;
  background-image: url("../images/Header_bk_01.png"), url("../images/Header_bk_02.png");
  background-position: left bottom;
  background-repeat: no-repeat, repeat-x;
}
@media screen and (max-width: 480px) {
  .header .title_in {
    position: inherit;
    padding: 1.5rem 0 0;
    top: inherit;
    text-align: center;
    height: auto;
    padding-bottom: 0;
    background-image: url("../images/Header_bk_02.png");
    background-repeat: repeat-x;
    padding-top: 50px;
  }
}
.header .title_in .title {
  width: 980px;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .header .title_in .title {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .header .title_in img {
    margin: auto;
  }
}
.header .headtop {
  margin: auto;
  position: relative;
}

/*.mylib,.search {
  .header{
    padding-bottom: 1.5rem;
  }
}*/
@media screen and (max-width: 480px) {
  .contents {
    width: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.contentsMain {
  min-height: calc(100vh - 260px);
  zoom: 1;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: 3rem;
}
.contentsMain:before, .contentsMain:after {
  content: "";
  display: table;
}
.contentsMain:after {
  clear: both;
}
@media screen and (min-width: 1200px) {
  .contentsMain {
    width: 1200px;
  }
}

.main {
  float: left;
}
@media screen and (max-width: 480px) {
  .main {
    width: auto;
    float: none;
  }
}

.column1 {
  float: none;
  width: 100%;
  text-align: left;
}

.column2 {
  width: 100%;
  float: right;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .column2 {
    float: none;
  }
}
.column2 .mainMargin {
  margin-left: 225px;
  border: 1px solid #9C8B7B;
  background: #fff;
}
@media screen and (max-width: 480px) {
  .column2 .mainMargin {
    margin: 0;
  }
}

.column1 .mainMargin {
  margin-left: auto;
  border: 1px solid #9C8B7B;
  margin-bottom: 3rem;
}

.mainBox {
  background: #fff;
  margin-top: 0;
  padding: 0 1.5rem;
  margin-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .mainBox {
    padding: 0 .5rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainBox .spBlock {
    display: none;
  }
}

.side {
  float: left;
  width: 210px;
  margin: 0;
  margin-right: -210px;
}
@media screen and (max-width: 480px) {
  .side {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}
.side .localNav {
  line-height: 1.7rem;
  font-size: .95rem;
  text-align: left;
  background: #fff;
  border: #9C8B7B solid 1px;
}
@media screen and (max-width: 480px) {
  .side .localNav {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.side .localNav ul {
  margin-top: 0;
}
.side .localNav li {
  position: relative;
}
.side .localNav li::before {
  position: absolute;
  top: .8rem;
  left: 2%;
}
@media screen and (max-width: 480px) {
  .side .localNav li::before {
    top: 1.3rem;
  }
}
.side .localNav li a {
  color: #330000;
  font-size: 0.95rem;
  text-decoration: none;
  display: block;
  padding: .5rem .5rem .5rem 1rem;
  line-height: 1.3rem;
}
@media screen and (max-width: 480px) {
  .side .localNav li a {
    padding: 1rem .5rem 1rem 2rem;
  }
}
.side .localNav li:last-child {
  border-bottom: none;
}
.side h2 {
  padding: 1.5rem 1rem 1rem;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 15px;
  background: #594b46;
  color: #fff;
}
.side h2 span {
  display: block;
  font-size: 0.8rem;
}
@media screen and (max-width: 480px) {
  .side h2 {
    border-radius: 0;
  }
}
.side h3.blog {
  border-bottom: 2px dotted;
  font-weight: bold;
}
.side h3.blog::before {
  font-family: "icomoon", sans-serif;
  content: "\e910";
  vertical-align: middle;
  padding-right: .5rem;
  font-size: 1.5rem;
}

.footer {
  background-image: url("../images/footer.png");
  background-repeat: repeat-x;
  background-position: 50% 20%;
  padding-top: 0px;
  height: 200px;
  background-color: #f1c8bc;
  zoom: 1;
  position: relative;
}
.footer:before, .footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .footer {
    height: auto;
    position: static;
  }
}
.footer p.linktop {
  display: none;
  position: relative;
  width: 81px;
  max-width: 900px;
  height: 0;
  left: 90%;
  margin-top: 0 !important;
}
@media screen and (max-width: 480px) {
  .footer p.linktop {
    bottom: 50px;
    left: 70%;
  }
}
.footer p.linktop a {
  position: fixed;
  bottom: 0;
  left: auto;
  display: block;
  margin: auto;
}
.footer p.linktop a img {
  width: 90%;
  opacity: 0.7;
}
.footer p.linktop a img:hover {
  opacity: 1.0;
}
@media screen and (max-width: 480px) {
  .footer p.linktop a img {
    width: 80%;
  }
}
.footer .footerMenu {
  text-align: center;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 100px;
}
@media screen and (max-width: 480px) {
  .footer .footerMenu {
    position: static;
    margin: 50px auto 0;
    text-align: right;
  }
}
.footer .footerMenu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 1rem;
  font-size: .9rem;
}
@media screen and (max-width: 480px) {
  .footer .footerMenu li {
    margin: 0 .5rem;
  }
}
.footer .footerMenu li a {
  position: relative;
  color: #1d0303;
}
.footer .footerMenu li a::after {
  content: url("../images/ico_tsm.png");
  position: absolute;
  right: -1.2rem;
}
@media screen and (max-width: 480px) {
  .footer .footerMenu li a::after {
    right: -.1rem;
  }
}
@media screen and (max-width: 480px) {
  .footer .footerMenu li a {
    line-height: 1.7rem;
    padding-right: 1.2rem;
  }
}
.footer p {
  text-align: center;
  padding-right: .8rem;
  line-height: 1.6em;
  margin-top: 1rem;
}
@media screen and (max-width: 480px) {
  .footer p {
    font-size: 85%;
    position: static;
    padding: 1rem 0;
    text-align: center;
  }
}
.footer small {
  font-size: .9rem;
  color: #330000;
  position: absolute;
  margin: auto;
  padding: 0;
  left: 25%;
  right: 25%;
  top: 130px;
}
@media screen and (max-width: 480px) {
  .footer small {
    position: static;
  }
}

.permanentLink {
  display: none;
  left: 2rem;
  bottom: 2rem;
  text-align: right;
  border: 1px solid #fff;
  padding: 0.5rem;
  position: absolute;
}
.permanentLink p {
  line-height: 1rem;
}
.permanentLink a {
  text-decoration: none;
  border: soild 1px;
  pointer-events: none;
  color: #fff;
  font-size: .9rem;
}
.permanentLink a::before {
  content: "このページのURL：";
}
@media screen and (max-width: 480px) {
  .permanentLink {
    display: none;
  }
}

video {
  width: 650px;
}
@media screen and (max-width: 480px) {
  video {
    width: 100%;
  }
}

/* CSS Document */
a {
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  color: #2f4b85;
}
a:visited {
  color: #460358;
}
a:focus {
  color: #2f4b85;
}
a:hover {
  color: #2f4b85;
}
a:active {
  color: #2f4b85;
}
a:hover {
  text-decoration: none;
}

.main ul.localMenu {
  text-align: center;
  margin: 2rem auto;
  width: 65%;
}
@media screen and (max-width: 480px) {
  .main ul.localMenu {
    margin: 2rem auto;
    width: auto;
  }
}
.main ul.localMenu li {
  list-style: none;
  margin: 1rem auto;
}
.main ul.localMenu li a {
  display: block;
  padding: 0.8em 2em;
  text-align: left;
  border-radius: 5px;
  border: solid 1px #594b46;
}
@media screen and (max-width: 480px) {
  .main ul.localMenu li a {
    margin: .8em 1rem;
  }
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a[target="_blank"]::after {
  content: "\ea7e";
  font-family: "icomoon", sans-serif;
  color: #330000;
  content: "\ea7e";
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  font-weight: normal !important;
}

a[href$=".png"]::after,
a[href$=".jpg"]::after,
a[href$=".jpeg"]::after,
a[href$=".JPG"]::after,
a[href$=".JPEG"]::after {
  margin: auto;
  content: '';
}

ol li a[target="_blank"]::after {
  display: inherit;
}

body {
  font-size: 16px;
  font-size: 1rem;
}

.main h1 {
  padding: 1.5rem 1rem 1rem 1rem;
  font-weight: bold;
  position: relative;
  text-align: left;
  margin: 15px -8px 15px -40px;
  margin-left: -40px;
  background: #f1c8bc;
  border-top: #cb4c4c solid 1px;
  border-left: #cb4c4c solid 1rem;
  border-right: #cb4c4c solid 1rem;
  border-bottom: #cb4c4c solid 1px;
  margin-left: -8px;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .main h1 {
    padding: .5rem;
    margin: 1rem 0 0;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
.main h1::before {
  content: ' ';
  position: absolute;
  right: -1rem;
  bottom: -9px;
  border-top: 4px solid #912B2B;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #912B2B;
}
@media screen and (max-width: 480px) {
  .main h1::before {
    content: none;
  }
}
.main h1::after {
  content: ' ';
  position: absolute;
  left: -1rem;
  bottom: -9px;
  border-top: 4px solid #912B2B;
  border-right: 4px solid #912B2B;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}
@media screen and (max-width: 480px) {
  .main h1::after {
    content: none;
  }
}

.main p {
  line-height: 1.7rem;
  margin: 1rem 1rem 0rem;
}
.main p.kome {
  text-indent: -1em;
  font-size: 95%;
  margin-top: 0rem;
  margin-left: 3rem;
}
.main p.center {
  text-align: center;
}
.main p.right {
  text-align: right;
}
.main h2 {
  font-weight: bold;
  font-size: 1.4rem;
  border-bottom: solid #594b46 3px;
  line-height: 1.7rem;
  margin: .5rem 0rem 1rem;
  padding: 2.5rem .5rem .5rem .8rem;
  border-bottom: 5px solid #594b46;
}
@media screen and (max-width: 480px) {
  .main h2 {
    padding-top: 1.5rem;
    font-size: 1.2rem;
  }
}
.main h3 {
  font-weight: bold;
  padding: .5rem 1rem;
  font-size: 1.1rem !important;
  background: #f2e9df;
  border-left: solid #e57777 15px;
  line-height: 1.7rem;
  margin: 1.5rem 0 1rem;
  text-align: left;
  border-radius: 4px;
}
.main h4 {
  margin: 1rem 0.5rem 0.5rem 1rem;
  background: url(../images/h4ico.png) no-repeat left 10px;
  border-bottom: 1px solid #E7967E;
  padding: 1rem 0 0.5rem 2rem;
}
.main h5 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 1rem 1rem 0;
  padding: .5rem;
  color: #A04406;
}
.main li {
  line-height: 1.7rem;
  list-style: disc;
  margin-bottom: 0.5rem;
}
.main li li {
  list-style: circle;
}
.main li.typenone {
  list-style-type: none;
}
.main ul {
  margin-top: 1rem;
  margin-left: 3rem;
}
.main ul.nolist li {
  list-style-type: none;
}
@media screen and (max-width: 480px) {
  .main ul {
    margin-left: 1.5rem;
  }
}
.main ol {
  margin-top: 1rem;
  counter-reset: li;
  list-style: none;
  text-indent: -1.7rem;
  margin-left: 3rem;
  counter-reset: item;
}
.main ol ul {
  counter-reset: item;
}
.main ol li {
  list-style: none;
}
.main ol li:before {
  color: #330000;
  font-size: 1.3rem;
  font-weight: bold;
  counter-increment: item;
  content: counter(item) "．";
}
.main ol li ul,
.main ol li ol {
  margin-left: 1.8rem;
}
.main ol li ol li:before {
  font-weight: normal;
  font-size: 1.1rem;
}
.main ol li ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.main ol li ul li:before {
  content: '';
}
.main ol li dt:before {
  content: '';
}
.main ol li dl {
  text-indent: 0;
  margin-left: 0;
}
.main ol li dl dd {
  margin-left: 2.5rem;
}
.main dl {
  margin: 1rem 0 1rem 3rem;
  line-height: 1.6rem;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .main dl {
    margin-left: 1.5rem;
  }
}
.main dd {
  margin: .3rem 1rem;
  margin-left: 1rem;
}
.main dt {
  padding: .1rem 1rem;
  font-weight: bold;
  color: #330000;
  position: relative;
}
.main table {
  margin: 1rem;
  width: auto;
  border-collapse: separate;
  border-spacing: 3px;
}
@media screen and (max-width: 480px) {
  .main table {
    width: 98% !important;
    margin: auto;
  }
}
.main caption,
.main th {
  text-align: left;
}
.main caption {
  color: #3F3127;
  padding-left: 0rem;
  line-height: 1.4rem;
}
.main caption.right {
  text-align: right;
}
.main th {
  text-align: left;
  font-weight: bold;
  padding: .7rem;
  background: #E4CFC0;
  border: solid 1px #846b6b;
  border-radius: 5px;
  line-height: 1.2rem;
}
.main td {
  text-align: left;
  padding: .5rem;
  color: #330000;
  line-height: 1.2rem;
  background: #F3F0E9;
  border: solid 1px #846b6b;
  border-radius: 5px;
}
.main td.right {
  text-align: right;
  background-image: none;
}
.main td.cent {
  text-align: center;
  padding-top: 3px;
}
.main td ul,
.main td ol {
  margin: 0 1rem;
}

hr {
  border: none;
  height: 1px;
  border-top: 1px dotted #594b46;
  color: #594b46;
}

.red {
  color: #CC0000;
  font-weight: bold;
}

.blue {
  color: #039;
  font-weight: bold;
}

.right {
  text-align: right;
}

.cent {
  text-align: center;
  margin: auto;
}

.small {
  font-size: .8rem;
  font-weight: normal;
}

.ex {
  font-weight: bold;
  color: #003333;
  padding-left: 0.5rem;
  margin-right: 0.5rem;
}

.hidden {
  display: none;
}

.hiddenSp {
  display: none;
}

.left {
  text-align: left;
}

.pdfbox {
  text-indent: 0rem;
  padding: 0.7rem;
  margin-bottom: 1.5rem;
  border: 1px dotted #009;
  font-size: 0.8rem;
}

.none {
  display: none;
}

.mark-text {
  background: #F7F388 none repeat scroll 0% 0%;
}

.floatBox {
  zoom: 1;
  margin: 1rem;
}
.floatBox:before, .floatBox:after {
  content: "";
  display: table;
}
.floatBox:after {
  clear: both;
}
.floatBox .fright {
  float: right;
}
.floatBox .fleft {
  float: left;
}
@media screen and (max-width: 480px) {
  .floatBox .fright,
  .floatBox .fleft {
    float: none;
  }
}

.gNav {
  width: 100%;
  background: #e57777;
  clear: both;
}
@media screen and (max-width: 480px) {
  .gNav {
    width: 100%;
    background: none;
    margin-top: 1rem;
  }
}

.globalNav {
  width: 980px;
  text-align: center;
  margin: auto;
  display: table;
}
@media screen and (max-width: 480px) {
  .globalNav {
    display: table;
    width: auto;
    padding: .5rem 0px;
    border-spacing: 2px 0px;
    table-layout: fixed;
    border-left: none;
    background: #f2ebe1;
  }
}
.globalNav li {
  display: table-cell;
  table-layout: fixed;
  font-weight: bold;
  font-size: 1rem;
  padding-right: 15px;
  text-indent: 1rem;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  /*&.nav01:lang(en),&.nav01:lang(zh-cn),&.nav01:lang(zh-tw),&.nav01:lang(ko){
    display: none;
  }*/
}
@media screen and (max-width: 480px) {
  .globalNav li {
    text-indent: inherit;
    padding: 0px;
    font-size: .8rem;
    width: 20%;
    border: solid 1px #594b46;
    background-color: #f1c8bc;
    cursor: pointer;
    transform: none;
  }
  .globalNav li:hover {
    background-color: #594b46;
    color: #f2e9df;
  }
}
.globalNav li a {
  display: block;
  background-color: #f1c8bc;
  text-decoration: none;
  padding: 1.5rem 0;
  color: #330000;
  position: relative;
  width: 11.5rem;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
}
.globalNav li a:hover {
  background-color: #594b46;
  color: #f2e9df;
}
@media screen and (max-width: 480px) {
  .globalNav li a {
    width: auto;
    padding: 0px;
    height: 1rem;
    background: none;
    color: inherit;
    transform: none;
  }
}
.globalNav li.nav01 {
  padding-left: 0px;
}
.globalNav li.nav01 a {
  background-image: url(../images/Gmenu_icon01.png);
  background-repeat: no-repeat;
  background-position: 8% 45%;
}
@media screen and (max-width: 480px) {
  .globalNav li.nav01 a {
    background-image: none;
  }
}
.globalNav li.nav02 a {
  background-image: url(../images/Gmenu_icon02.png);
  background-repeat: no-repeat;
  background-position: 8% 45%;
}
@media screen and (max-width: 480px) {
  .globalNav li.nav02 a {
    background-image: none;
  }
}
.globalNav li.nav03 a {
  background-image: url(../images/Gmenu_icon03.png);
  background-repeat: no-repeat;
  background-position: 8% 45%;
}
@media screen and (max-width: 480px) {
  .globalNav li.nav03 a {
    background-image: none;
  }
}
.globalNav li.nav04 a {
  background-image: url(../images/Gmenu_icon04.png);
  background-repeat: no-repeat;
  background-position: 6% 45%;
  padding-left: 5px;
}
@media screen and (max-width: 480px) {
  .globalNav li.nav04 a {
    background-image: none;
    padding: 1.5rem 0;
  }
}
.globalNav li.nav05 {
  padding-right: 0;
}
.globalNav li.nav05 a {
  background-image: url(../images/Gmenu_icon05.png);
  background-repeat: no-repeat;
  background-position: 8% 45%;
  margin-left: auto;
  margin-right: 0;
}
.globalNav li.nav05 a::after {
  content: none;
}
@media screen and (max-width: 480px) {
  .globalNav li.nav05 a {
    background-image: none;
  }
}
.globalNav li ul {
  display: none;
}

@media screen and (max-width: 480px) {
  .search .globalNav li.nav01, .guide .globalNav li.nav02, .libguide .globalNav li.nav03, .mylib .globalNav li.nav04 {
    background-color: #594b46;
  }
}
.search .globalNav li.nav01 a, .guide .globalNav li.nav02 a, .libguide .globalNav li.nav03 a, .mylib .globalNav li.nav04 a {
  background-color: #594b46;
  color: #f2e9df;
}

.fontSize, .cssChange {
  font-size: 14px;
  z-index: 2;
  margin-bottom: .5rem;
  top: .5rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.fontSize dt, .cssChange dt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: .8rem;
  font-weight: bold;
}
.fontSize dt::after, .cssChange dt::after {
  content: ":";
  margin: 0.2rem;
}
.fontSize dd, .cssChange dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: .8rem;
  vertical-align: middle;
  padding-top: 0;
}
.fontSize dd.pt01 a, .cssChange dd.pt01 a {
  color: #000;
  background-color: #fff;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
}
.fontSize dd.pt01 a:hover, .cssChange dd.pt01 a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
.fontSize dd.pt01 a:hover, .cssChange dd.pt01 a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
}
.fontSize dd.pt02 a, .cssChange dd.pt02 a {
  color: #ffff00;
  background-color: #0000ff;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
}
.fontSize dd.pt02 a:hover, .cssChange dd.pt02 a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
.fontSize dd.pt02 a:hover, .cssChange dd.pt02 a:hover {
  background-color: rgba(0, 0, 255, 0.5);
  color: #ffff00;
}
.fontSize dd.pt03 a, .cssChange dd.pt03 a {
  color: #ffff00;
  background-color: #000;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
}
.fontSize dd.pt03 a:hover, .cssChange dd.pt03 a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
.fontSize dd.pt03 a:hover, .cssChange dd.pt03 a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffff00;
}
.fontSize dd.pt01 a, .fontSize dd.pt02 a, .fontSize dd.pt03 a, .cssChange dd.pt01 a, .cssChange dd.pt02 a, .cssChange dd.pt03 a {
  padding: .4rem .4rem;
  margin: 0.1rem;
  display: block;
  text-decoration: none !important;
}
.fontSize dd.pt01 a:hover, .fontSize dd.pt02 a:hover, .fontSize dd.pt03 a:hover, .cssChange dd.pt01 a:hover, .cssChange dd.pt02 a:hover, .cssChange dd.pt03 a:hover {
  padding: .4rem .4rem;
  margin: 0.1rem;
}
.fontSize dd input, .cssChange dd input {
  padding: .1rem .3rem;
  margin: 0.1rem;
  display: block;
  font-size: 0.95rem;
  font-weight: bold;
  background: none;
  box-shadow: none;
  color: #594b46;
}
.fontSize dd input:hover, .cssChange dd input:hover {
  padding: .1rem .3rem;
  margin: 0 .1rem;
  background: #cb4c4c;
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  border-radius: 5px;
}
.fontSize dd.on input, .cssChange dd.on input {
  background: #cb4c4c;
  color: #fff;
  border-radius: 0;
  border-radius: 5px;
}

.cssChange {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .cssChange {
    right: auto;
    margin-left: .5rem;
    float: inherit;
    display: block;
    right: 5px;
    top: 60px;
    position: absolute;
  }
}

.fontSize {
  right: 11rem;
}

@media screen and (max-width: 480px) {
  .header .headtop {
    position: relative;
  }

  .fontSize {
    display: none;
  }
}
.headNav {
  text-align: right;
  font-size: .9rem;
  padding: .2rem .2rem .5rem;
}
.headNav ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.headNav ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .headNav ul li {
    margin-right: auto;
    line-height: 1.3rem;
  }
}
.headNav ul li a {
  text-decoration: none;
}
.headNav ul li a:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  content: "\e911";
  color: #04599c;
  margin-left: 0.2rem;
  vertical-align: middle;
}
.headNav ul li:last-child {
  margin-right: 0;
}

.loginMenu {
  float: right;
  position: absolute;
  z-index: 8888;
  top: 7rem;
  right: 1rem;
}
@media screen and (max-width: 480px) {
  .loginMenu {
    position: static;
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
    padding-top: .5rem;
  }
}
.loginMenu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  list-style-type: none;
  margin-right: 5px;
}
@media screen and (max-width: 480px) {
  .loginMenu li {
    border: none;
    float: none;
  }
}
.loginMenu li a {
  display: block;
  color: #fff;
  background-color: #594b46;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
  padding: .5rem;
}
.loginMenu li a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
@media screen and (max-width: 480px) {
  .loginMenu li a {
    display: table-cell;
    height: 2rem;
    padding: 3px 1rem;
  }
}
.loginMenu li a span {
  margin-right: 5px;
}
.loginMenu li a:hover {
  background: #eea53e;
  color: #330000;
}
@media screen and (max-width: 480px) {
  .loginMenu li.log_in, .loginMenu lilog_out {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: .1rem;
  }
}
@media screen and (max-width: 480px) {
  .loginMenu li.kago {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-top: .1rem;
  }
}
.loginMenu li.log_in a {
  background-color: #f7ae00;
  color: #330000;
}
.loginMenu li.login {
  background: url(../images/nu-02.png) no-repeat right top;
  width: 302px;
  height: 34px;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .loginMenu li.login {
    display: block;
    margin: 0 auto .2rem;
    background: url();
    text-indent: 0px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .loginMenu {
    top: 2px;
    right: 5px;
    font-size: 70%;
  }
}

.loginMenu li {
  position: relative;
}
.loginMenu li .msg {
  position: absolute;
  display: block;
  width: 18rem;
  top: -2rem;
  right: 0rem;
}
.loginMenu li .msg span {
  display: block;
  position: relative;
  color: base_sub_color;
  font-weight: bold;
  border-radius: 5px;
  padding: 0.5rem 0.2rem;
  font-size: 0.9rem;
  background: rgba(154, 117, 105, 0.61);
  text-align: center;
}
.loginMenu li .msg span::before {
  border-top-color: rgba(154, 117, 105, 0.61);
}
.loginMenu li.kago a .r-num {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 3px;
  border-radius: 4px;
  background-color: base_sub_color;
  color: #594b46;
  margin: 0rem 0.4rem;
}

.acceBtn {
  padding-top: .5rem;
  background: #f2ebe1;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .acceBtn {
    padding: .5rem 0;
  }
}
.acceBtn div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.acceBtn form {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.acceBtn .header_Language {
  border: solid 1px #330000;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 10rem;
  padding: 0rem;
  margin: 0px 1rem 0px auto;
  position: relative;
  border-radius: 5px;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .acceBtn .header_Language {
    margin-right: .5rem;
    width: 9rem;
  }
}
.acceBtn .header_Language dl dt {
  padding: .5rem 1rem;
  text-align: center;
  font-size: .9rem;
  cursor: pointer;
  z-index: 9999;
}
@media screen and (max-width: 480px) {
  .acceBtn .header_Language dl dt {
    padding: 0.5rem 0rem;
    font-size: .75rem;
  }
}
.acceBtn .header_Language dl dd ul {
  position: absolute;
  list-style: none;
  background: #f2ebe1;
  z-index: 9999;
  width: 10rem;
  padding: 1rem 0;
  top: 1.5rem;
  border: 1px solid;
  border-top: 0;
  left: -1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 480px) {
  .acceBtn .header_Language dl dd ul {
    width: 9rem;
  }
}
.acceBtn .header_Language dl dd ul li {
  font-size: .9rem;
  padding-left: .5rem;
  line-height: 1.5rem;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .acceBtn .header_Language dl dd ul li {
    font-size: .75rem;
  }
}
.acceBtn .blockSkip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  /*
   right: 2.5rem;
   margin-top: 1rem;
   position: absolute;
   top:2.5rem;
   right: 2rem;
   z-index: 99999;
   a{
     color: $font_color;
     &::after{
       content: url("../images/ico_tsm.png");
       position: absolute;
       right: -1.2rem;
     }
   }*/
}

.topicPath {
  position: relative;
  top: 0;
  padding: .6rem;
  margin-top: 0px;
  margin-bottom: 1.5rem;
  background: #594b46;
}
@media screen and (max-width: 480px) {
  .topicPath {
    display: none;
  }
}
.topicPath ol {
  text-align: left;
  position: relative;
  margin-left: 2rem;
  position: relative;
}
.topicPath ol::after {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #594b46;
  margin-left: -13px;
  left: 1%;
  bottom: -26px;
}
@media screen and (max-width: 480px) {
  .topicPath ol {
    margin-right: 0;
  }
}
.topicPath ol:after {
  bottom: -35px;
}
.topicPath ol:before {
  font-family: "icomoon",sans-serif;
  content: "\e907";
  color: #cf3f3f;
  content: "\e600";
  color: #f2e9df;
  left: 0;
}
.topicPath ol li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #f2e9df;
  font-weight: bold;
  line-height: 1.4rem;
  font-size: .9rem;
}
.topicPath ol li a {
  display: block;
  padding-right: .8rem;
  color: #f2e9df;
  position: relative;
  font-weight: normal;
}
.topicPath ol li a:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  content: "\e913";
  color: #f2e9df;
  right: 0;
  margin-top: -10px;
}
.topicPath ol li a:hover {
  color: #f2e9df;
}

.mainBox ul.list {
  text-align: center;
  margin: 1.5rem auto;
  width: 65%;
}
@media screen and (max-width: 480px) {
  .mainBox ul.list {
    width: 100%;
  }
}
.mainBox ul.list li {
  list-style-type: none;
  margin: 10px;
}
.mainBox ul.list li a {
  display: block;
  padding: 0.8rem 2rem;
  text-align: left;
  border-radius: 4px;
  border: solid 1px #594b46;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  text-decoration: none;
}
.mainBox ul.list li a:hover {
  background: #dae9f5;
}
.mainBox ul.pageLink, .mainBox ul.Kids_Recommended_menu, .mainBox .linkBtn, .mainBox ul.pagein_Link {
  padding: 5px;
  behavior: url("../css/PIE.htc");
  position: relative;
  margin: 0 auto;
  margin-left: 0;
}
.mainBox ul.pageLink li, .mainBox ul.Kids_Recommended_menu li, .mainBox .linkBtn li, .mainBox ul.pagein_Link li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 95%;
  word-break: keep-all;
  white-space: nowrap;
  list-style: none;
  margin: 5px 6px 5px 2px;
}
@media screen and (max-width: 480px) {
  .mainBox ul.pageLink li, .mainBox ul.Kids_Recommended_menu li, .mainBox .linkBtn li, .mainBox ul.pagein_Link li {
    word-break: break-all;
    white-space: normal;
  }
}
.mainBox ul.pageLink a, .mainBox ul.Kids_Recommended_menu a, .mainBox .linkBtn a, .mainBox ul.pagein_Link a {
  color: #594b46;
  background: #fff;
  padding: 5px 40px 5px 10px;
  display: block;
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  position: relative;
  border: #594b46 solid 1px;
}
.mainBox ul.pageLink a:after, .mainBox ul.Kids_Recommended_menu a:after, .mainBox .linkBtn a:after, .mainBox ul.pagein_Link a:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  content: "\e911";
  color: #594b46;
  position: absolute;
  right: 5px;
}
.mainBox ul.pageLink a:hover, .mainBox ul.Kids_Recommended_menu a:hover, .mainBox .linkBtn a:hover, .mainBox ul.pagein_Link a:hover {
  background: #594b46;
  color: #fff;
  border: #594b46 solid 1px;
}
.mainBox ul.pageLink a:hover:after, .mainBox ul.Kids_Recommended_menu a:hover:after, .mainBox .linkBtn a:hover:after, .mainBox ul.pagein_Link a:hover:after {
  color: #fff;
}
.mainBox ul.lineList {
  margin: 1.5rem auto;
}
.mainBox ul.lineList li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 30%;
  list-style-type: none;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .mainBox ul.lineList li {
    width: auto;
  }
}
.mainBox ul.lineList.aut li {
  width: auto;
}
.mainBox ul.lineList a {
  border: solid 1px #594b46;
  padding: 5px 10px;
  white-space: nowrap;
  display: block;
  white-space: normal;
}
.mainBox ul.lineList a:hover {
  text-decoration: none;
  background: #EDFBFD;
}
.mainBox .menuBox li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 47%;
  margin: .3rem;
  list-style-type: none;
}
.mainBox .menuBox li a {
  display: block;
  border: 1px solid #aaa;
  padding: 10px;
}
.mainBox .menuBox li a:hover {
  background: #e57777;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
}
@media screen and (max-width: 480px) {
  .mainBox .menuBox ul {
    margin: 0;
  }
  .mainBox .menuBox ul li {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .mainBox .imgBox {
    margin: .8rem;
  }
}
.mainBox .imgBox li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}
.mainBox .guideBox .imgBox li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 70%;
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
}
.mainBox .guideBox .imgBox li img {
  max-width: none;
}
@media screen and (max-width: 480px) {
  .mainBox .guideBox .imgBox li {
    width: auto;
  }
}
.mainBox .guideBox .imgBox li:first-child {
  width: 200px;
}
@media screen and (max-width: 480px) {
  .mainBox .guideBox .imgBox li:first-child {
    width: auto;
  }
}

.acceBtn .rds_positon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.acceBtn .rds_positon .rsbtn.rsexpanded .rsbtn_exp {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  display: inline-block !important;
}
@media screen and (max-width: 480px) {
  .acceBtn .rds_positon * ::before {
    font-size: .75rem !important;
  }
}
@media screen and (max-width: 480px) {
  .acceBtn .rds_positon * span {
    font-size: .75rem !important;
  }
}

@media screen and (max-width: 480px) {
  .mylib .header .acceBtn {
    padding: 1.2rem 0;
  }
  .mylib .header .title_in {
    padding-top: 1rem;
  }
  .mylib .header .cssChange {
    top: 10px;
  }
}

/* CSS Document */
input, option, select, label, textarea {
  vertical-align: middle;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 1em;
}

input {
  border: none;
  padding: auto 10px;
  ime-mode: disabled;
}

input.imeon {
  /* 初期値が日本語入力モード */
  ime-mode: active;
}

input.imeoff {
  /* 初期値が英数字入力モード */
  ime-mode: inactive;
}

input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  -moz-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  margin-left: 1rem;
  margin-right: 0.2rem;
  cursor: pointer;
}

input[type=radio] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  -moz-transform-origin: right bottom;
  -moz-transform: scale(1.3, 1.3);
  -webkit-transform-origin: right bottom;
  -webkit-transform: scale(1.3, 1.3);
  cursor: pointer;
}

input[type="text"], input[type="password"] {
  border: solid 1px #f7ae00;
  width: auto;
  height: 1.7rem;
  padding: 0.1rem;
}
@media screen and (max-width: 480px) {
  input[type="text"], input[type="password"] {
    padding: 0.3rem;
  }
}

input[type="text"]:focus, input[type="password"]:focus, select:focus {
  outline: 0;
}

input[type="submit"], input[type="reset"], input[type="button"] {
  font: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #fff;
  cursor: pointer;
  background-color: #594b46;
  border-radius: 5px;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
  margin: 10px auto;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  margin: 12px auto 8px;
  color: #330000;
  background: #f7ae00;
}
@media screen and (max-width: 480px) {
  input[type="submit"], input[type="reset"], input[type="button"] {
    padding: 7px 15px;
  }
}

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  outline: 0;
}

select {
  border: solid 1px #f7ae00;
  cursor: pointer;
  padding: 0.1rem;
}
@media screen and (max-width: 480px) {
  select {
    margin: 0.1rem;
    margin-left: 0rem;
    padding: 0.3rem;
  }
}

blockquote {
  margin: 1em;
}

.req {
  color: #CC3300;
  font-weight: normal;
  text-align: right;
  font-size: 0.8em;
}

label {
  line-height: 1.4rem;
  margin: 0.5rem 0em;
  margin-right: 1rem;
}

fieldset {
  margin: 0px 0px 0.5rem 1rem;
  padding: 0px;
  border: 0px;
  position: relative;
}
fieldset legend {
  font-weight: bold;
  font-size: 1.1em;
  padding-right: 1rem;
  line-height: 1.8rem;
  color: #594b46;
}
fieldset.floatRight {
  zoom: 1;
}
fieldset.floatRight:before, fieldset.floatRight:after {
  content: "";
  display: table;
}
fieldset.floatRight:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  fieldset.floatRight {
    margin-bottom: 1.3rem;
  }
}
fieldset.floatRight legend {
  float: left;
  width: 7.5rem;
  text-align: right;
}
@media screen and (max-width: 480px) {
  fieldset.floatRight legend {
    float: none;
    width: auto;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
fieldset.floatRight .rightBox {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  fieldset.floatRight .rightBox {
    margin-left: 0rem;
    width: 100%;
  }
}
fieldset.floatRight .cmt {
  margin-left: 9.5rem;
}
fieldset.floatRight .cmt label {
  display: block;
  padding-top: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  fieldset.floatRight .cmt {
    margin-left: 0rem;
  }
}
fieldset.floatRight .cmt p.kome {
  margin-left: 1rem;
}

button {
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.mainBox form li {
  list-style-type: none;
  margin-bottom: 0.3rem;
}
.mainBox form p {
  margin-top: 0em;
  margin-bottom: 0.5rem;
}

.button {
  text-align: center;
  display: block;
  margin: 20px auto 10px;
}

.mainBox .linkBtn {
  margin: 15px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mainBox .linkBtn.block a {
  display: block;
}

.mainBox .linkBtnL {
  margin: 15px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mainBox .linkBtnL a {
  padding: 15px 60px;
}

@media screen and (max-width: 480px) {
  .mform tr, .rform tr {
    display: block;
    margin-bottom: 1rem;
  }
}
.mform th, .rform th {
  vertical-align: middle;
  text-align: right;
}
.mform th label, .rform th label {
  white-space: nowrap;
  margin-right: 0rem;
  display: block;
}
@media screen and (max-width: 480px) {
  .mform th label, .rform th label {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
.mform th span, .rform th span {
  font-size: 0.8rem;
  font-weight: normal;
}
.mform th .req, .rform th .req {
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  .mform th, .rform th {
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7ae00;
    color: #594b46;
    text-align: left;
    font-size: 1.2rem;
  }
}
.mform td, .rform td {
  border: none;
  background-color: #e57777;
}
@media screen and (max-width: 480px) {
  .mform td, .rform td {
    display: block;
    text-align: center;
  }
}
.mform td input[type="text"], .mform td input[type="password"], .rform td input[type="text"], .rform td input[type="password"] {
  margin: 0.1rem;
  border: 1px solid #f7ae00;
  width: 90%;
}
@media screen and (max-width: 480px) {
  .mform td input[type="text"], .mform td input[type="password"], .rform td input[type="text"], .rform td input[type="password"] {
    padding: 0.5rem;
  }
}
.mform td textarea, .rform td textarea {
  height: 12rem;
  width: 90%;
  border: 1px solid #f7ae00;
}
@media screen and (max-width: 480px) {
  .mform td textarea, .rform td textarea {
    width: 98%;
  }
}

div.wicket-aa-container {
  width: auto;
}

div.wicket-aa {
  background-color: white;
  border: 1px solid #594b46;
  padding: 1px;
  margin-top: 1px;
  text-align: left;
}

div.wicket-aa ul {
  list-style: none;
  padding: 1px;
  margin: 1px;
  line-height: 1.4em;
}

div.wicket-aa ul li:hover {
  cursor: pointer;
}

div.wicket-aa ul li.selected {
  background-color: #E6E6FA;
}

/*iphone 16px対応*/
@media screen and (max-device-width: 480px) {
  input[type="text"], input[type="password"], textarea, select {
    font-size: 16px;
  }
}
.mainBox .cardapply {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  text-indent: 0;
  margin: 1rem auto 1.5rem;
  text-align: center;
  width: 90%;
  table-layout: fixed;
}
.mainBox .cardapply li {
  display: table-cell;
  width: 14%;
  padding: .6rem 1%;
  background: #FFF;
  color: #000;
  font-size: 0.9em;
  line-height: 1.4;
  vertical-align: middle;
  position: relative;
  border: 1px solid #594b46;
  text-align: left;
  vertical-align: middle;
  position: relative;
  position: relative;
}
.mainBox .cardapply li::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 8px;
  border-left-color: #37629a;
  margin-top: -8px;
  right: -16px;
  top: 30%;
}
.mainBox .cardapply li::after {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 8px;
  border-left-color: #fff;
  margin-top: -8px;
  right: -16px;
  top: 30%;
}
.mainBox .cardapply li:before, .mainBox .cardapply li:after {
  top: 50%;
}
.mainBox .cardapply li:after {
  margin-top: -8px;
  right: -15px;
}
@media screen and (max-width: 480px) {
  .mainBox .cardapply li {
    position: relative;
    position: relative;
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto 15px;
    padding: .6em;
  }
  .mainBox .cardapply li::before {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 8px;
    border-top-color: #37629a;
    margin-left: -8px;
    left: 50%;
    bottom: -16px;
  }
  .mainBox .cardapply li::after {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 8px;
    border-top-color: #fff;
    margin-left: -8px;
    left: 50%;
    bottom: -16px;
  }
  .mainBox .cardapply li:before, .mainBox .cardapply li:after {
    left: auto;
    top: auto;
    right: 50%;
  }
  .mainBox .cardapply li:before {
    bottom: -17px;
  }
}
@media screen and (max-width: 480px) {
  .mainBox .cardapply li br {
    display: none;
  }
}
.mainBox .cardapply li.now {
  background: #594b46;
  color: #FFF;
}
.mainBox .cardapply li.now:after {
  border-left-color: #594b46;
}
@media screen and (max-width: 480px) {
  .mainBox .cardapply li.now:after {
    border-top-color: #594b46;
    border-left-color: transparent;
  }
}

.addressInput table {
  width: 90%;
}
@media screen and (max-width: 480px) {
  .addressInput table {
    width: auto;
  }
}

.mylib .addressInput td {
  line-height: 1.4rem;
  line-height: 1.4em\9;
}
@media screen and (max-width: 480px) {
  .mylib .addressInput td {
    text-align: left;
  }
}
.mylib .addressInput td input {
  width: auto;
}
@media screen and (max-width: 480px) {
  .mylib .addressInput td input[type="text"] {
    width: 90%;
  }
}
.mylib .addressInput td input[type="checkbox"] {
  width: auto;
  margin-top: 1rem;
}
.mylib .addressInput td input[type="checkbox"] + label {
  margin-right: 0rem;
  vertical-align: bottom;
}
@media screen and (max-width: 480px) {
  .mylib .addressInput td input#year, .mylib .addressInput td input#month, .mylib .addressInput td input#day, .mylib .addressInput td input#posts {
    width: auto;
  }
}
.mylib .addressInput td .colon, .mylib .addressInput td .colon1 {
  margin-right: 0.5rem;
}
.mylib .addressInput td .colon:after, .mylib .addressInput td .colon1:after {
  content: "：";
}
@media screen and (max-width: 480px) {
  .mylib .addressInput td .colon1 {
    display: none;
  }
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {
  -webkit-appearance: none;
}

/* CSS Document */
select {
  border: solid 1px #594b46;
}

input[type="text"], input[type="password"] {
  border: solid 1px #594b46;
}

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