@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  color: #2e2e2e;
  font-size: 80%;
  font-family: 'Noto Sans JP',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #000; }

img {
  border: 0; }

a:link, a:visited {
  color: #5B80B2;
  text-decoration: none; }

a:hover {
  color: #003366; }

#container {
  margin: 0 auto;
  padding: 0;
  width: 1080px; }

#header {
  margin-bottom: 10px;
  text-align: right;
  font-size: 12px;
  height: 62px; }

#header p {
  padding: 0 5px;
  margin: 0 5px;
  line-height: 62px;
  text-align: right;
  font-size: 12px;
  color: #fff; }

#header p a {
  color: #fff; }

#header p a:hover {
  color: #fff;
  text-decoration: underline; }

#header .logo {
  float: left;
  display: block;
  text-align: left; }

#header .home {
  width: 75px;
  height: 40px;
  float: right;
  display: block;
  text-align: left;
  margin-top: 11px;
  border-left: 2px solid #dddddd; }

#contents {
  margin: 0px 0 0;
  clear: both;
  width: 1080px; }

#menu {
  width: 200px;
  float: left; }

#main {
  width: 860px;
  float: right;
  margin: 0 0 10px; }

#footer {
  clear: both;
  width: 1080px;
  text-align: center;
  margin: 0 auto;
  background: url(/img/bg.png) repeat-x;
  border-top: 1px solid #191919;
  border-bottom: 1px solid #191919;
  color: #222; }

#footer .footer_block {
  border-bottom: 1px solid #fff;
  height: 155px;
  padding: 0; }

#footer .copyright {
  height: 40px;
  line-height: 40px;
  margin: 0; }

#footer .copyright p {
  margin: 0 10px;
  float: right; }

#footer .copyright ul {
  margin: 0;
  float: left; }

#footer .copyright li {
  margin: 0 20px 0 0;
  float: left; }

#footer .copyright li a {
  color: #222222; }

#footer .footer_block ul {
  float: left; }

#footer .footer_block li {
  margin: 10px 0;
  text-align: left; }

#footer .footer_block li a {
  color: #fff; }

#footer .footer_block li a:hover {
  text-decoration: underline;
  color: #fff; }

#menu #login {
  width: 200px;
  background: #bdbdbd;
  margin-bottom: 15px;
  padding: 0 0 20px;
  border: 1px solid #447cc2;
  border-radius: 4px; }

#menu #login h2 {
  margin: 20px auto;
  padding: 0;
  text-align: center; }

#menu #login form {
  margin: 0;
  padding: 0;
  width: 200px; }

#menu #login label {
  font-size: 12px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 170px; }

#menu #login input[type="text"], #menu #login input[type="password"] {
  margin-left: 0;
  margin-bottom: 6px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  width: 164px; }

#menu #login button[type="submit"] {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 1px #FFFFFF inset;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  margin: 20px auto 8px;
  display: block;
  padding: 2px 6px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #447cc2), color-stop(100%, #4455c2));
  background: -webkit-linear-gradient(top center, #447cc2 0%, #4455c2 100%);
  background: -moz-linear-gradient(top center, #447cc2 0%, #4455c2 100%);
  background: linear-gradient(to bottom, #447cc2 0%, #4455c2 100%);
  background-repeat: no-repeat;
  background-position: 0 center;
  border: 1px solid #363636;
  text-shadow: 1px 1px 0 #216091; }

#menu #login p {
  font-size: 10px;
  text-align: center;
  margin: 0;
  padding: 0; }

#menu #login p a {
  font-size: 10px;
  text-align: center;
  height: 12px; }

#menu #social {
  background: url(../img/social_menu.png) no-repeat;
  height: 50px;
  width: 174px;
  padding: 16px 8px 16px 16px; }

#menu #social ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#menu #social li {
  display: block;
  float: left;
  margin: 0 8px 0 0;
  width: 50px;
  height: 50px; }

#menu #social li a {
  display: block;
  width: 50px;
  height: 50px;
  text-indent: -9999px; }

#menu #accordion {
  margin: 0 0 20px; }

#menu #accordion2 {
  margin: 0 0 3px; }

#menu #accordion dt {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0 none; }

#menu #accordion dt span {
  display: none; }

#menu #accordion dt img {
  display: block;
  margin: 0;
  padding: 0; }

#menu #accordion2 .ui-state-active p,
#menu #accordion2 .ui-state-hover p {
  background: #eee; }

#menu #accordion dd, #menu #accordion2 dd {
  margin: 0 0 5px;
  padding: 5px;
  border: 1px solid #ddd;
  width: 188px;
  border-radius: 0;
  background: #fff; }

#menu #accordion ul, #menu #accordion2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  width: 100%; }

#menu #accordion li, #menu #accordion2 li {
  margin: 0 0 5px;
  padding: 0; }

#menu #accordion li a, #menu #accordion2 li a {
  margin: 0 0;
  display: block;
  padding: 3px;
  background-color: #eee;
  color: #333; }

#menu #accordion li a.new {
  background-color: #BCD630;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }

#menu #accordion li span.new {
  background-color: #BCD630;
  color: #fff;
  margin: 0 0;
  display: block;
  padding: 3px; }

#menu #accordion li a.view, #menu #accordion2 li a.view {
  background-image: url(../img/view_arrow.png);
  background-repeat: no-repeat;
  background-position: right center; }

#menu #accordion li a:visited {
  text-decoration: none; }

#menu #accordion2 li a {
  line-height: 3em; }

#menu .bana a {
  padding: 0;
  margin: 0 0 20px;
  display: block; }

#menu .menu {
  margin: 0 0 6px;
  display: inline-block; }

#menu .menu ul {
  padding: 0;
  width: 198px;
  float: left;
  margin: 0 0; }

#menu .menu li,
#menu .menu dt {
  list-style-type: none;
  width: 200px;
  height: 50px;
  display: block;
  color: #fff;
  margin: 0 0 3px;
  text-indent: 0;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cfcfcf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cfcfcf',GradientType=0 ); }

#menu .menu li a {
  color: #fff;
  display: block;
  text-indent: 0;
  width: 200px;
  height: 50px;
  text-align: left;
  position: relative; }

#menu dt p {
  color: #fff;
  display: block;
  text-indent: 0;
  width: 200px;
  height: 50px;
  text-align: left;
  position: relative; }

#menu dl {
  background: #fff; }

#menu .menu li a img,
#menu .menu dl img {
  padding-left: 44px; }

#menu dt img {
  padding-left: 44px; }

#menu .menu_ttl4 {
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, #cfcfcf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cfcfcf',GradientType=0 ); }

#menu .menu_ttl4 p {
  margin: 0;
  padding: 0; }

#menu dt p::after {
  width: 44px;
  height: 50px;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0; }

#menu .menu li a::after {
  width: 44px;
  height: 50px;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0; }

#menu .menu_ttl4 p::after {
  content: url("/img/navi/side_title4.svg"); }

#menu #accordion2 .ui-state-active p::after,
#menu #accordion2 .ui-state-hover p::after {
  content: url("/img/navi/side_title_bg4.svg"); }

#menu .menu li.menu_ttl5 a::after {
  content: url("/img/navi/side_title5.svg"); }

#menu .menu li.menu_ttl6 a::after {
  content: url("/img/navi/side_title6.svg"); }

#menu .menu li.menu_ttl7 a::after {
  content: url("/img/navi/side_title7.svg"); }

#menu .menu li.menu_ttl8 a::after {
  content: url("/img/navi/side_title8.svg"); }

#menu .menu li.menu_ttl9 a::after {
  content: url("/img/navi/side_title9.svg"); }

#menu .menu li.menu_ttl5 a:hover::after,
#menu .menu li.menu_ttl5 a.slct::after {
  content: url("/img/navi/side_title_bg5.svg"); }

#menu .menu li.menu_ttl6 a:hover::after,
#menu .menu li.menu_ttl6 a.slct::after {
  content: url("/img/navi/side_title_bg6.svg"); }

#menu .menu li.menu_ttl7 a:hover::after,
#menu .menu li.menu_ttl7 a.slct::after {
  content: url("/img/navi/side_title_bg7.svg"); }

#menu .menu li.menu_ttl8 a:hover::after,
#menu .menu li.menu_ttl8 a.slct::after {
  content: url(/img/navi/side_title_bg8.svg); }

#menu .menu li.menu_ttl9 a:hover::after,
#menu .menu li.menu_ttl9 a.slct::after {
  content: url("/img/navi/side_title_bg9.svg"); }

#menu .menu li .slct {
  background: #eee; }

#navi {
  width: 1080px;
  display: inline-block;
  margin: 0 0 30px;
  background: url(/img/head.png) no-repeat right center; }

#navi .topimg {
  padding: 0px;
  display: block;
  float: right; }

#navi ul {
  padding: 0;
  width: 200px;
  float: left;
  background: #565656;
  margin: 0 0; }

#navi li {
  list-style-type: none;
  width: 198px;
  height: 50px;
  line-height: 40px;
  display: block;
  color: #fff;
  margin: 0;
  border: 1px solid #565656;
  background: #938a29; }

#navi li.slct {
  background: #746a18; }

#navi ul {
  padding: 0;
  width: 200px;
  float: left;
  border: 1px solid #565656;
  margin: 0 0; }

#navi li a {
  color: #fff;
  display: block;
  width: 198px;
  height: 50px;
  text-align: left; }

.svg #navi li a img {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)); }

#navi li a:hover, #navi li a img.slct {
  background-position: right top; }

#login input {
  display: block; }

#main h2 {
  background: url(/img/bg.png) repeat-x;
  border: 1px solid #e6e6e6;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  margin: 0 0 10px;
  padding: 0;
  line-height: 48px;
  clear: both; }

#main h2:before {
  content: "　";
  display: block;
  float: left;
  width: 50px;
  height: 48px; }

#main h2.new:before {
  content: url(/img/icon/new.png); }

#main h2.basic_knowledge:before {
  content: url(/img/icon/icon_1.png); }

#main h2.basic_beginner:before {
  content: url(/img/icon/icon_2.png); }

#main h2.basic_course:before {
  content: url(/img/icon/icon_3.png); }

#main h2.expert_course:before {
  content: url(/img/icon/icon_4.png); }

#main h2.chart:before {
  content: url(/img/icon/icon_5.png); }

#main h2.q_a:before {
  content: url(/img/icon/icon_6.png); }

#main h2.download:before {
  content: url(/img/icon/icon_7.png); }

#main h2.expert_joining:before {
  content: url(/img/icon/icon_8.png); }

#main h2.seminar:before {
  content: url(/img/icon/icon_9.png); }

#main h2.settlement_information:before {
  content: url(/img/icon/icon_10.png); }

#main h2.vip_off:before {
  content: url(/img/icon/icon_11.png); }

#main h2.contact:before {
  content: url(/img/icon/icon_12.png); }

#main h2.first:before {
  content: url(/img/icon/icon_13.png); }

#main h2.report:before {
  content: url(/img/icon/icon_14.png); }

#main h2.expert_movie:before {
  content: url(/img/icon/icon_15.png); }

#main h2.terms:before {
  content: url(/img/icon/icon_16.png); }

.svg #main h2.basic_knowledge:before {
  content: url(/img/icon/icon_1.svg); }

.svg #main h2.basic_beginner:before {
  content: url(/img/icon/icon_2.svg); }

.svg #main h2.basic_course:before {
  content: url(/img/icon/icon_3.svg); }

.svg #main h2.expert_course:before {
  content: url(/img/icon/icon_4.svg); }

.svg #main h2.chart:before {
  content: url(/img/icon/icon_5.svg); }

.svg #main h2.q_a:before {
  content: url(/img/icon/icon_6.svg); }

.svg #main h2.download:before {
  content: url(/img/icon/icon_7.svg); }

.svg #main h2.seminar:before {
  content: url(/img/icon/icon_8.svg); }

.svg #main h2.expert_joining:before {
  content: url(/img/icon/icon_9.svg); }

.svg #main h2.settlement_information:before {
  content: url(/img/icon/icon_10.svg); }

.svg #main h2.vip_off:before {
  content: url(/img/icon/icon_11.svg); }

.svg #main h2.contact:before {
  content: url(/img/icon/icon_12.svg); }

.svg #main h2.first:before {
  content: url(/img/icon/icon_13.svg); }

.svg #main h2.report:before {
  content: url(/img/icon/icon_14.svg); }

.svg #main h2.expert_movie:before {
  content: url(/img/icon/icon_15.svg); }

.svg #main h2.terms:before {
  content: url(/img/icon/icon_16.svg); }

#main p.discription {
  margin: 0 10px 20px; }

#main h3 {
  border-bottom: 1px solid #CCCCCC;
  border-left: 6px solid #999999;
  font-size: 105%;
  margin: 0 0 10px;
  padding: 5px 10px 5px 5px;
  clear: both; }

#main .seminor {
  height: 300px;
  overflow: auto;
  margin-bottom: 10px;
  clear: both; }

#main .seminor .seminor_left {
  float: left;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  width: 50%; }

#main .seminor .seminor_left img {
  margin-bottom: 5px; }

#main .seminor .seminor_right {
  float: right;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  width: 50%; }

#main .content {
  padding: 10px;
  background: #fff;
  border: 1px solid #447cc2; }

#main .content::after {
  display: block;
  content: "";
  clear: both; }

#main .greet {
  padding: 10px;
  clear: both;
  border: 1px solid #ccc;
  font-size: 1.2em;
  margin: 0 0 10px;
  background: #fff; }

#main .greet p {
  margin: 0 15px 10px;
  line-height: 1.5em; }

#main .greet p.name {
  margin: 0 15px 10px;
  line-height: 1.6em;
  text-align: right; }

#main .category p strong {
  color: #FF3300; }

#side .category {
  margin-bottom: 10px; }

#main .category dt {
  margin: 0 15px 0px;
  line-height: 1.6em; }

#main .category dd {
  margin: 0 15px 10px;
  line-height: 1.6em; }

.entry_body {
  padding: 20px; }

.entry_body p {
  padding: 0px;
  margin: 0 0 15px;
  font-size: 1.2em; }

#main .entry_body p strong {
  color: #000; }

.fade {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

.radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

.shadow {
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  -o-box-shadow: 0 0 5px #999;
  -ms-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999; }

#video_fx, #video_sr {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  height: 0;
  overflow: hidden; }

iframe {
  clear: both;
  position: absolute;
  border: 1px solid #eee;
  margin: 0 auto 20px;
  display: block;
  width: 100%;
  height: 100%; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #746a18;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white; }

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.hvr-sweep-to-right2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.hvr-sweep-to-right2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eee;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-right2:hover, .hvr-sweep-to-right2:focus, .hvr-sweep-to-right2:active {
  color: white; }

.hvr-sweep-to-right2:hover:before, .hvr-sweep-to-right2:focus:before, .hvr-sweep-to-right2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

#modal input[type="submit"],
#modal input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

#modal input[type="submit"]::-webkit-search-decoration,
#modal input[type="button"]::-webkit-search-decoration {
  display: none; }

#modal input[type="submit"]::focus,
#modal input[type="button"]::focus {
  outline-offset: -2px; }

#modal .rewrite {
  margin: 20px 10px;
  padding: 0; }
  #modal .rewrite textarea {
    width: 100%;
    height: 7em; }

#modal .btn {
  border-radius: 100px;
  border: 1px solid #ddd;
  text-align: center;
  display: block;
  padding: 5px 1em;
  margin: 10px auto 0; }

#modal .list {
  background: #fff; }

#modal .btnset {
  display: block;
  text-align: center;
  padding: 5px; }

#modal .btnset form {
  display: inline-block; }

#modal .btnset button,
#modal .btnset form button {
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
  color: #fff;
  text-align: center;
  min-width: 8em;
  margin: 5px; }

.pager_box {
  display: block; }
  .pager_box .pager_num {
    clear: both;
    margin: 10px 0;
    display: inline-flex; }
    .pager_box .pager_num a, .pager_box .pager_num span {
      display: inline-block;
      padding: 0 1px;
      margin: 0 2px 0;
      min-width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      text-decoration: none;
      border-radius: 4px;
      background: #eee;
      color: #098000; }
      .pager_box .pager_num a.current, .pager_box .pager_num a:hover, .pager_box .pager_num span.current, .pager_box .pager_num span:hover {
        color: #eee;
        background: #098000; }