@CHARSET "UTF-8";

/********* all **********/
.inline {
    display: inline;
}

/********* header *********/
/* for all width. */
body {
    padding-top: 80px;
}

section {
    padding-bottom: 40px;
}

.corporate_brand {
    padding-top: 15px;
    /*     padding-bottom: auto; */
    position: absolute;
}

.corporate_logo {
    height: 22px;
    margin-left: 15px;
}

.header-title {
    margin-left: 110px;
    padding-top: 6px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
    text-align: center;
}

.page-top {
    font-size: 1.5em;
}

/* for 768px < 992px width. */
@media ( min-width : 768px) { /**/
    .navbar-header {
        float: left;
    }
}

/* for 992px < 1200px width. */
@media ( min-width : 992px) { /**/
    .navbar-header {
        float: left;
    }
}

/* for 1200px < x width.*/
@media ( min-width : 1200px) { /**/
    .navbar-header {
        float: left;
    }
}

/********* footer *********/
/* for all width. */
.footer {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-top-color: #e7e7e7;
}

/* for 768px < 992px width. */
@media ( min-width : 768px) { /**/
.footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
}
}

/* for 992px < 1200px width. */
@media ( min-width : 992px) { /**/
.footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
}
}

/* for 1200px < x width.*/
@media ( min-width : 1200px) { /**/
.footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
}
}

/********* side bar *********/
/* for all width. */
.bs-docs-sidebar.affix {
    position: fixed;
    top: 60px;
    padding-left: 5px;
}

.bs-docs-sidebar .nav>li>a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 4px 20px;
    text-indent: -1em;
}

.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  padding-left: 20px;
  color: #999;
  text-decoration: none;
  background-color: transparent;
  border-left: 0px solid #10218B;
  border-right: 0px solid #10218B;
}

.bs-docs-sidebar .nav > .visited:hover > a,
.bs-docs-sidebar .nav > .visited:focus > a {
  padding-left: 19px;
  font-weight: bold;
  color: #10218B;
  background-color: transparent;
  border-left: 1px solid #10218B;
  border-right: 0px solid #10218B;
}

.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #10218B;
  background-color: transparent;
  border-left: 3px solid #10218B;
  border-right: 0px solid #10218B;
}

/* header collapse bar */
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.navbar-nav > li.active > a {
    font-weight: bold;
}

.navbar-nav > li.visited > a {

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #777;
    background-color: transparent;
}

.navbar-default .navbar-nav > li.visited > a:hover,
.navbar-default .navbar-nav > li.visited > a:focus {
    color: #777;
    font-weight: bold;
    background-color: transparent;
}

.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
    color: #555;
}

/* for 768px < 992px width. */
@media ( min-width : 768px) {
    .bs-docs-sidebar.affix {
        width: 200px;
        top: 60px;
    }
}

/* for 992px < 1200px width. */
@media ( min-width : 992px) {
    .bs-docs-sidebar.affix {
        top: 80px;
    }
}

/* for 1200px < x width.*/
@media ( min-width : 1200px) {
    .bs-docs-sidebar.affix {
        top: 80px;
    }
}

/********* main contents *********/
/* for all width. */
.title {
    margin-top: -80px;
    padding-top: 80px;
}

.btn-primary {
    color: #fff;
    background-color: #10218B;
    border-color: #091468;
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #3399F0;
    background-position: 0 -15px;
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.note {
    
}

.caution tbody>tr>td {
    border: 1px solid #000;
}

.note tbody>tr>td {
    border: 1px solid #000;
}

.images {
    margin-bottom: 10px;
}

.step {
    
}

ul {
    padding-left: 16px;
}

/* for 768px < 992px width. */
@media ( min-width : 768px) { /**/
}

/* for 992px < 1200px width. */
@media ( min-width : 992px) { /**/
}

/* for 1200px < x width.*/
@media ( min-width : 1200px) { /**/
}

.top .list-group-item {
    border: none;
    padding: 10px 0px;
}

.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: 10px;
    padding-right: 10px;
}

.navbar-toggle {
    float: right;
    margin-left: 0px;
    margin-right: 0px;
}

.note-icon {
    margin-right: 2px;
}

/* for < 479px width. */
@media ( max-width : 479px) { /**/
    .navbar-header h4 {
        font-size: 12px;
    }
}