@CHARSET "UTF-8";
html {
  font-family:  "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.tooltip {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.popover {
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.input-group-addon:not(.hyphen) {
    width: auto;
}

div.alert i:not(.escape) {
    font-size: 180%;
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.contact-us-container p {
	font-size: 16px;
}

.contact-us-container h3 {
	font-size: 20px;
}


.bs-callout {
    padding:10px 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-warning {
    border-left-color: #F6BB42;
}

.bs-callout-info {
    border-left-color: #37BC9B;
}

.bs-callout-primary {
    border-left-color: #4A89DC;
}

.bs-callout-success {
    border-left-color: #8CC152;
}

.bs-callout-danger {
    border-left-color: #DA4453;
}

.bs-callout-default {
    border-left-color: #AAB2BD;
}

div.required i {
    color: #DA4453;
    transform: rotate(45deg);
    top: 0px;
}

td.required:before {
    font-family: 'Glyphicons Halflings';
    color: #DA4453;
    /*  content:"\e041";*/
    content: "\e251";
    position: absolute;
    margin-top: -14px;
    margin-left: -12px;
    transform: rotate(45deg);
}

div.well {
	padding: 20px 40px;
	line-height: 28px;
}

span.label {
	font-size: 16px;
	vertical-align: middle;
}

.label-many {
	background-color: #8CC152;
	border-color: #8CC152;
}
.label-few {
	background-color: #F6BB42;
	border-color: #F6BB42;
}
.label-full {
	background-color: #DA4453;
	border-color: #DA4453;
}
.exam > thead > tr > th, .exam > tbody > tr > th, .exam > tfoot > tr > th, .exam > thead > tr > td, .exam > tbody > tr > td, .exam > tfoot > tr > td
{
	vertical-align: middle;
}


.navbar-nav > li > a {
	margin-top: 0px;
	margin-bottom: 0px;
}

.dropdown-menu {
	background-color: #fff;
}

html,body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -234px;
	padding: 0 0 234px;
}

.hyphen {
    padding: 6px 6px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;

}

input[type=number].nospin::-webkit-inner-spin-button,
input[type=number].nospin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance:textfield;
  margin: 0;
}

.input-group .form-control {
	padding-right: 12px;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 13px;
}

.progress {
  margin-top: 10px;
  margin-bottom: 0px;
}

.password-verdict {
  padding: 0px 10px;
}

.modal-header {
    border-radius: 5px 5px 0px 0px;
    background-color: #37BC9B;
    color: #eee;
}
.modal-footer {
    border-radius: 0px 0px 5px 5px;
    background-color: #eee;
    color: #666;
}

.modal-body {
	padding: 15px;
	line-height: 22px;
	font-size: 16px;
}


/**
 * breadcrumb
 * --------------------------------------------------
 */
.breadcrumb-arrow-nav {
  padding: 0;
  line-height: 36px;
  list-style: none;
/*  background-color: #e6e9ed;*/

  background-color: transparent;
}

.breadcrumb-arrow-nav li {
	background-color: #CCD1D9;
}

.breadcrumb-arrow-nav li:first-child a {
          border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
}
.breadcrumb-arrow-nav li:last-child a {
  padding-right: 20px;
          border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
}

.breadcrumb-arrow-nav li, .breadcrumb-arrow-nav li a, .breadcrumb-arrow-nav li span {
  display: inline-block;
  vertical-align: top;
}
.breadcrumb-arrow-nav li:not(:first-child) {
  margin-left: -4px;
}
.breadcrumb-arrow-nav li + li:before {
  padding: 0;
  content: "";
}
.breadcrumb-arrow-nav li span {
  padding: 0 10px;
}
.breadcrumb-arrow-nav li a, .breadcrumb-arrow-nav li:not(:first-child) span {
  height: 36px;
  padding: 0 10px 0 25px;
  line-height: 36px;
}
.breadcrumb-arrow-nav li:first-child a {
  padding: 0 10px;
}
.breadcrumb-arrow-nav li a {
  position: relative;
  color: white;
  text-decoration: none;
  border: 1px solid #AAB2BD;
}
.breadcrumb-arrow-nav li:first-child a {
  padding-left: 10px;
}

.breadcrumb-arrow-nav li:not(:last-child) a:before, .breadcrumb-arrow-nav li:not(:last-child) a:after {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: '';
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}
.breadcrumb-arrow-nav li:not(:last-child) a:before {
  right: -10px;
  z-index: 3;
  border-left-color: #3bafda;
  border-left-color: #CCD1D9;
  border-left-style: solid;
  border-left-width: 11px;
}
.breadcrumb-arrow-nav li a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid #AAB2BD;
}

.breadcrumb-arrow-nav li.active {
	background-color: #ED5565;
}
.breadcrumb-arrow-nav li.active a {
  position: relative;
  color: white;
  text-decoration: none;
  border: 1px solid #DA4453;
}
.breadcrumb-arrow-nav li.active:not(:last-child) a:before {
  right: -10px;
  z-index: 3;
  border-left-color: #ED5565;
  border-left-style: solid;
  border-left-width: 11px;
}
.breadcrumb-arrow-nav li.active a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid #DA4453;
}


.breadcrumb-arrow-nav li.visited {
	background-color: #A0D468;
}
.breadcrumb-arrow-nav li.visited a {
  position: relative;
  color: white;
  text-decoration: none;
  border: 1px solid #8CC152;
}
.breadcrumb-arrow-nav li.visited:not(:last-child) a:before {
  right: -10px;
  z-index: 3;
  border-left-color: #A0D468;
  border-left-style: solid;
  border-left-width: 11px;
}
.breadcrumb-arrow-nav li.visited a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid #8CC152;
}

/* add for payment */
#accordion .panel {
    margin-bottom: 5px;
}

#accordion .panel-heading {
    position: relative;
}

#accordion .panel-heading>.panel-title>a::after {
    position: absolute;
    display: block;
    top: 50%;
    right: 20px;
    border-radius: 50%;
    color: #999;
    content: ">";
    font-size: 1.4em;
    font-weight: bold;
    margin-top: -15px;
    text-align: center;
    vertical-align: middle;
    transform: rotate(90deg);
    transition: all 0.4s;
}

#accordion .panel-heading>.panel-title>a[aria-expanded=false]::after {
    transform: rotate(0deg);
}

#accordion .panel-body li{
    list-style-type: none;
}
.input-group .form-control {
	padding-right: 2px;
	padding-left: 6px;
}

.table-responsive {
  overflow-x: initial;
}

.tr-full {
  background-color: #EEE;
  pointer-events: none;
cursor: not-allowed;
box-shadow: none;
}

.color-success {
  color: #3c763d;
}
.color-info {
  color: #31708f;
}
.color-warning {
  color: #8a6d3b;
}
.color-danger {
  color: #a94442;
}

.input-group-btn {
    width: auto;
}

.price {
	font-size: 1.5em;
	font-weight: bold;
}

/*--- #calendar ---*/
table#calendar {
 width: 100%;
}
#calendar th, #calendar td {
 padding: 3px 5px;
 vertical-align:middle;
}
#calendar th {
 line-height: 16px;
 text-align: center;
}
#calendar th.test_center_name {
 text-align: left;
}
#calendar th small {
 font-weight: normal;
}
#calendar td {
 text-align: center;
 height: 50px;
}
#calendar td.test_center_name {
 text-align: left;
 padding: 3px 10px;
 border-left: none;
}
#calendar td.test_center_name span {
 cursor: pointer;
}
#calendar td.test_center_name span.icon-location:before {
 font-size: 11px;
 color: #3bafda;
}
#calendar .open {
 background: #fcf8e3;
 font-size: 18px;
}
#calendar .saturday {
 background: #e3f3fa;
}
#calendar .holiday {
 background: #faebe2;
}
#calendar .open i:before {
 color: #3bafda;
}
#calendar .open.active {
 background: #ea9735;
}
#calendar .open.active i:before {
 color: #fff;
}
#calendar i {
 font-size: 25px;
}
#step3-2 dl {
 margin-bottom: 20px;
}
#step3-2 dt {
 font-weight: 600;
 font-size: 18px;
}
#step3-2 div.blockR {
 margin-top: 20px;
}
@media(max-width:768px) {
 body {
 	font-size: 12px;
 }
 h5, .h5 {
    font-size: 14px;
 }
 .contact-us-container h3 {
 	font-size: 18px;
 }
 .page-title-container {
 	padding: 15px 0 15px 0;
 }
 .contact-us-container {
   margin-top: 10px;
 }
 .page-title-container i {
 	font-size: 32px;
 }
 .page-title-container h1 {
 	font-size: 20px;
 }
 .contact-us-container h3 {
   margin-top: 15px;
 }
 .contact-us-container p {
    line-height: 21px;
    font-size: 12px;
 }
 .breadcrumb-arrow-nav {
 	display: none;
 }
 .navbar>.container .navbar-brand {
 	background-size: 85%;
 	padding: 5px;
 }
 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 3px;
    padding-right: 3px;
 }
 .panel-body {
    padding: 6px;
 }
 .panel-heading {
    padding: 7px 10px;
 }
 .input-group-addon {
   padding: 4px 4px;
   font-size: 11px;
 }
 .input-group-addon.hyphen {
   padding: 0px;
 }
 .input-group-btn .btn {
   font-size: 10px;
   padding: 8px 2px;
 }
 .input-group.picker_date .input-group-addon {
   padding: 4px 10px;
 }
 span.label {
 	font-size: 12px;
 }
 .btn {
 	font-size: 12px;
  padding: 4px 8px;
 }
 #collapse-1 > .panel-body > .bs-callout {
    font-size: 12px !important;
 }
 #collapse-2 > .panel-body > .bs-callout {
    font-size: 12px !important;
 }
 #collapse-1 > .row {
    margin: 0px; !important;
 }
 #collapse-2 > .row {
    margin: 0px; !important;
 }
 #conveni_url:before {
    content: "\304a\652f\6255\3044\65b9\6cd5\306f\3053\3061\3089\304b\3089";
    font-size: 12px;
 }
 #conveni_url {
    font-size: 0px;
 }
 .yearmonth {
    clear: both;
    display: block;
 }
 /*---.table ---*/
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
 }
  td.required:before {
    margin-top: -8px;
    margin-left: -22px;
 }
 /*---..form-control ---*/
 #validity_year.form-control,  #validity_month.form-control {
    padding-right: 0px;
}
 /*--- #calendar ---*/
 #calendar th {
    padding: 0px;
    line-height: 16px;
    font-size: 8px;
 }
 #calendar td {
    padding: 3px;
    height: 45px;
    font-size: 6px;
 }
 #calendar th.test_center_name {
    font-size: 10px;
 }
 #calendar td.test_center_name {
    font-size: 10px;
    padding: 0px;
 }
 #calendar i {
    font-size: 13px;
 }
  /*--- #card_no ---*/
 #card_no1 {
    width:100% !important;
 }
 #card_no2 {
    width:100% !important;
 }
 #card_no3 {
    width:100% !important;
 }
 #card_no4 {
    width:100% !important;
 }
}

.label-xsmall {
    font-size: x-small !important;
}