.a_right {text-align: right;}
.a_left {text-align: left;}
.a_center {text-align: center;}
.title {color: #ffffff; font-size: 2em;}

li.clear-list {clear: both; border: none; padding: 0px; float: none;}

.form-control {width: 98%;}

.w-5{ width: 5%;}
.w-10{ width: 10%;}
.w-18{ width: 18%;}
.w-15{ width: 15%;}
.w-15-xs{ width: 15%;}
.w-20{ width: 20%;}
.w-22{ width: 22%;}
.w-25{ width: 25%;}
.w-30{ width: 30%;}
.w-32{ width: 32%;}
.w-35{ width: 35%;}
.w-40{ width: 40%;}
.w-45{ width: 45%;}
.w-47{ width: 47%;}
.w-50{ width: 50%;}
.w-55{ width: 55%;}
.w-60{ width: 60%;}
.w-65{ width: 65%;}
.w-70{ width: 70%;}
.w-75{ width: 75%;}
.w-80{ width: 80%;}
.w-85{ width: 85%;}
.w-90{ width: 90%;}
.w-95{ width: 95%;}

.pad-all-5{ padding: 5px;}
.pad-all-10{ padding: 10px;}
.pad-all-15{ padding: 15px;}

.mg-left-5 {margin-left: 5px}
.mg-left-10 {margin-left: 10px}
.mg-left-15 {margin-left: 15px}
.mg-left-20 {margin-left: 20px}



.to-left {float: left;}
.to-right{float: right;}

/* Based on bootstrap for ftw */
.hikari-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family:"メイリオ" , "Meiryo" , arial, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック" , "MS PGothic" , Sans-Serif;
}
.hikari-btn:focus, .hikari-btn:active:focus, .hikari-btn.active:focus, .hikari-btn.focus, .hikari-btn:active.focus, .hikari-btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.hikari-btn:hover, .hikari-btn:focus, .hikari-btn.focus {
	color: #333333;
	text-decoration: none;
}
.hikari-btn:active, .hikari-btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.hikari-btn.disabled, .hikari-btn[disabled], fieldset[disabled] .hikari-btn {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}


/* COLOR SCHEME
 * IF YOU DONT KNOW ABOUT THIS ONE!
 * PLEASE DO NOT EDIT IT BECAUSE IT CAN CHANGE YOUR WHOLE SITE
 */ 
 /*
.bg-orange {background-color: #F68B1F; color: #ffffff;}
.bg-mamtom {background-color: #484848; color: #ffffff;}
.bg-thitcho {background-color: #2C3E4F; color: #ffffff; }
.bg-cuxa {background-color: #96C950; color: #ffffff;}
.bg-xaomang {background-color: #62C2CC; color: #ffffff;}
*/
.bg-orange {background:url(../images/bgorange.png) repeat 0px 0px; color: #ffffff;}
.bg-mamtom {background:url(../images/bgmamtom.png) repeat 0px 0px; color: #ffffff;}
.bg-thitcho {background:url(../images/bgthitcho.png) repeat 0px 0px; color: #ffffff; }
.bg-cuxa {background:url(../images/bgcuxa.png) repeat 0px 0px;color: #ffffff;}
.bg-xaomang {background:url(../images/bgxaomang.png) repeat 0px 0px; color: #ffffff;}
.bg-skyblue {background-color: #1e90ff; color: #fff;}
.bg-pink {background-color: #da70d6; color: #fff;}

.font-16 {font-size: 16px;}
.font-bold {font-weight: bold}
.cl-red{color: red}
.bd-lf-white {border-left: 1px solid #ffffff}
.course-single {display: none;}
.course-single.active {display: block}
.course-land li {margin-left: 5px; cursor: pointer}
.course-land li.active {background-color: #009ddc; color: #fff}