html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.headerlogo {
  margin: 15px 0 15px 7px;
  height: 36px;
}
.wr-trainheaderlogo {
  margin: 8px 0 8px 9px;
  height: 52px;
}
.usericon {
  margin: 15px 0 15px 0;
  height: 36px;
  width: 1px;
}
.container {
}
.row {
	margin-bottom: 20px;
}
.content {
	margin-bottom: 60px;}
@media (min-width: 768px) {
  .container {
    width: 1170px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1170px;
  }
}

.navbar-nav>li>a{padding-top:0;padding-bottom:0;
text-decoration: underline;}
.navbar-nav>li>a.dropdown-toggle {
    border: 1px solid #ddd;
    padding: 15px 15px 10px;
    margin-top: 5px;}

#navbar-main .btn-group{
	margin: 15px 0 0 15px;
}
#navbar-main .btn-group .btn{
	padding:6px 17px;
}
header {
  width: 100%;
}

.headermargin {
  margin-top: 100px;
}

.margin-top5 {
  margin-top: 5px;
}

.margin-top7 {
  margin-top: 7px;
}

.margin-top15 {
    margin-top: 15px !important;
}


.margin-top30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: -40px;
}
.margin-top-20 {
  margin-top: -20px;
}
.margin-bottom10 {
  margin-bottom: 10px;
}

.margin-bottom20 {
  margin-bottom: 20px;
}
.margin-bottom30 {
  margin-bottom: 30px;
}
.margin-bottom40 {
  margin-bottom: 40px;
}

.padding-bottom10 {
  padding-bottom: 10px;
}
.first-pass {
	font-size: 1.4em;}
 span.b{
	font-weight: bold;}
 span.brown {
	color: brown;}
.label-bold {
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
}
.label {
	display: inline-block;
}

.content_terms {
  padding: 5px 20px;
}

.content_terms_detail {
  overflow: auto;
  width: 100%;
  height: 7.5em;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 5px 0;
  padding: 5px;
}

.item_deleted {
  background-color: #eee;
}

html{
  min-height: 100%;
  position: relative;
}

body {
  margin-bottom: 200px;
}

div.footerwrap {
	position: absolute;
	bottom: 0;
	width: 100%;
}
footer{
  padding: 10px 0 20px 0;
  background-color:#000;
  color: #FFF;
}

footer p{
  padding: 0 0 15px 0;
  font-size: 12px;
  margin-bottom: 0;
}
footer ul {
	font-size: 16px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 30px;
	padding: 10px 0 15px;}
footer ul li {
    color: #FFF;
    display: inline-block;
	margin-right: .5em;}
footer ul li a{
    color: #FFF;
	text-decoration: underline;}
footer ul li a:hover{
	text-decoration: none;}

.link_support_page {
  font-size: 120%;
}

/* 20161104 追加 トップニュース欄
--------------------------------------*/
div.news p {
	margin-bottom: 15px;}
div.news dt.news-message {
	cursor: pointer;}
div.news dd span {
	font-size: 1.2em;
	font-weight: bold;
	}
div.news dt.news-message:hover {
	background: #CDCDCD;}
div.news dd{
	display: none;}
span.red {
	color: red;
	font-weight: bold;}
.f08em {
	font-size: 0.8em;
}
.f09em {
	font-size: 0.9em;}

/* 20161128 追加 購入確認画面
--------------------------------------*/
.last-form-check {
	font-size: 1.2em;}

.last-form-agency{
	margin-bottom: 0;}

.last-form-agency,
.last-form-privilege {}

.last-form-agency .attention,
.last-form-privilege .attention{
	margin-top: -5px;
	 font-size: 0.9em;
	 color: #46A246;}

/* 20170131 追加 代理店特典
--------------------------------------*/
p.help-block span.toggle-click {
    text-decoration: underline;
    cursor: pointer;}
p.help-block span.toggle-click:hover {
    text-decoration: none;}
ul.toggle {
    display: none;}

/* 20170301 特典注意ページ
--------------------------------------*/
.special h3 {
    border-bottom: 1px  solid #DEDEDE;
    padding-bottom: 10px;
    margin-top: 45px;
    margin-bottom: 20px;}
.special p {
    margin-bottom: 10px;}
.special ol,.special ul {
    line-height: 1.6;}
/* 20170307 インフォトップ登録フォーム、動画販売フォームのログインフォーム
--------------------------------------*/
p.login-open-toggle a{
    display: block;
    margin: .8em auto 1.2em;
    cursor: pointer;
    padding: .5em .8em;
    text-align: center;
    background-color: #5cb85c;
    border: 4px solid #4cae4c;
    color: #fff;}
 div.hide-from {
     display: none;}
table.item-summary tr.active th:nth-of-type(3){
    width: 19%;}

.section-title{
	position: relative;
	line-height: 1.2;

	padding: 0 0 5px;
	border: none;
	border-bottom: 4px solid #ccc;
	background: transparent;
	color: #333;
	font-size: 1.725em;
}

.section-title:before{
	position: absolute;
	content: " ";
	bottom: -4px;
	width: 2em;
	border-bottom: 4px solid #b81c22;
}

.seminar-lp_title{
	margin-top: 30px;
	margin-bottom: 30px;
}

.info-board{
    background-color: #f5f5f5;
    padding: 20px;
}

.btn__dl{
	font-size: 1.3em;
}

.btn__dl a{
	text-decoration: underline;
}

.section-title__sub{
	margin: 60px 0 30px;
    padding: 10px 10px 8px 10px;
    border-bottom: 0;
    background-color: #555;
    color: #fff;
    font-size: 1.375em;
}

#register_form input.btn.btn-success.btn-lg {
	margin-left: 10px;
}

.cancel-body{
  display:none;
  background-color: #fafad2;
}

.cancel-body .cancel_message{

  padding: 10px;
}
.cancel-body .form-group{
  padding: 10px;
}
.cancel-body h4{
  margin:20px 0px;
}

.cancel-body textarea{
  width:100%;
}

.cancel-body .red{
  margin-top: 10px;
}

.cancel-body #cancel_button{
  margin-top: 20px;
  margin-bottom: 20px;
}

#cancel_form{
    background: #ffffff;
    margin:  5px;
}
#cancel_form .checkbox {
    padding-left: 20px;
}
#cancel_form .checkbox label {
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}
#cancel_form .form-group {
    margin-bottom: 0px;
}

#wr_train_cancel_form{
   background: #ffffff;
   margin:  5px;
   min-height: 405px;
}
.my-expired-text {
    font-size: 100%;
    background: #fceb4e;
    color: #000;
}
.lnk_ask_issuing_invoice {
    color: #58b659;
    text-decoration: underline;
}
.lnk_ask_issuing_invoice:hover {
    text-decoration: none;
}

/* 20181205 賢威汎用クラス追記
--------------------------------------*/
.red {color:#FC0000;}
.b {font-weight: bold;}
.f12em {font-size: 1.2em}
.f14em {font-size: 1.4em}
.f16em {font-size: 1.6em}
.f18em {font-size: 1.8em}
.f20em {font-size: 2.0em}
.f22em {font-size: 2.2em}
.f24em {font-size: 2.4em}
.f26em {font-size: 2.6em}
.f28em {font-size: 2.8em}
.al-c {text-align: center;}
.al-l{text-align: left;}
.al-r{text-align: right;}


.m0{ margin: 0px!important; }
.m0-t{ margin-top: 0px!important; }
.m0-r{ margin-right: 0px!important; }
.m0-b{ margin-bottom: 0px!important; }
.m0-l{ margin-left: 0px!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }


.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }


.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.lh14 {line-height: 1.4!important; }
.lh16 {line-height: 1.6!important; }
.lh18 {line-height: 1.8!important; }
.lh20 {line-height: 2.0!important; }

 /***お問い合わせフォーム用*/
#contactForm input[name=approval]{
  margin-right:6px;
  margin-top:2px;
}

/**未入金一覧の自動生成注文用**/
tr.auto_order div.attention {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 4px;
    padding:5px;
    font-size: 0.8em;
}

.table-fixed {
  table-layout: fixed;
  word-break: break-all ;
}
.table-cell-memo {
  width: 200px;
}

.payment-creditcard-warning {
  font-size: 0.7em;
}

.payment-creditcard-alert {
  display: none;
}