.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-yoihon {
    background-color: #A12B43;
    position: relative; /* or static */
    z-index: 1000; /* Lower than #suggestions */  
}
.navbar-yoihon .navbar-brand {
  color: #ffffff;
}
.navbar-yoihon .navbar-brand:hover,
.navbar-yoihon .navbar-brand:focus {
  color: #ffffff; /*9d9d9d*/
  background-color: transparent;
}
.navbar-yoihon .navbar-text {
  color: #ffffff;
}
.navbar-yoihon .navbar-nav > li > a {
  color: #ffffff;  
}
.navbar-yoihon .navbar-nav > li > a:hover,
.navbar-yoihon .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-yoihon .navbar-nav > .active > a,
.navbar-yoihon .navbar-nav > .active > a:hover,
.navbar-yoihon .navbar-nav > .active > a:focus {
  color: #fff;  
  background-color: #A8A8A8;
}
.navbar-yoihon .navbar-nav > .disabled > a,
.navbar-yoihon .navbar-nav > .disabled > a:hover,
.navbar-yoihon .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-yoihon .navbar-toggle {
  border-color: #333;
}
.navbar-yoihon .navbar-toggle:hover,
.navbar-yoihon .navbar-toggle:focus {
  background-color: #333;
}
.navbar-yoihon .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-yoihon .navbar-collapse,
.navbar-yoihon .navbar-form {
  border-color: #A12B43; /*101010*/
}
.navbar-yoihon .navbar-nav > .open > a,
.navbar-yoihon .navbar-nav > .open > a:hover,
.navbar-yoihon .navbar-nav > .open > a:focus {
  color: #fff;  
  background-color: #A8A8A8;
}
@media (max-width: 767px) {

   /*1-level*/
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a,
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a:hover,
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu >li > a:focus
   {
       color: #444;
       }
   
   .navbar-yoihon .navbar-nav .dropdown .dropdown-menu
   {
       background-color: #ffffff;
       }
  /*2-level*/
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu > li
  {
      padding-left:20px;
      }

  /*start: 3-level menu;*/  
  
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu
  {
      background-color: #ffffff;
      }

  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu
  {
      background-color: #ffffff;
      }
   
   .navbar-yoihon .navbar-nav .open .dropdown .dropdown-menu > li > a:hover
   {
       background-color: #F5F5F5;
       }
       
  .navbar-yoihon .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu > li > a
  {
      color: #333;
      }       
      
  /*end: 3-level menu;*/
  
}

.navbar-yoihon .navbar-link {
  color: #A8A8A8; /*9d9d9d*/
}
.navbar-yoihon .navbar-link:hover {
  color: #fff;
}
.navbar-yoihon .btn-search-link {
  color: #A8A8A8; /*9d9d9d*/
}
.navbar-yoihon .btn-search-link:hover,
.navbar-yoihon .btn-search-link:focus {
  color: #fff;
}
.navbar-yoihon .btn-search-link[disabled]:hover,
fieldset[disabled] .navbar-yoihon .btn-search-link:hover,
.navbar-yoihon .btn-search-link[disabled]:focus,
fieldset[disabled] .navbar-yoihon .btn-search-link:focus {
  color: #444;
}
.btn-search {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-search:focus,
.btn-search:active:focus,
.btn-search.active:focus,
.btn-search.focus,
.btn-search:active.focus,
.btn-search.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-search:hover,
.btn-search:focus,
.btn-search.focus {
  color: #333;
  text-decoration: none;
}
.btn-search:active,
.btn-search.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-search.disabled,
.btn-search[disabled],
fieldset[disabled] .btn-search {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn-search.disabled,
fieldset[disabled] a.btn-search {
  pointer-events: none;
}
.btn-search-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-search-default:focus,
.btn-search-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-search-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-search-default:active,
.btn-search-default.active,
.open > .dropdown-toggle.btn-search-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-search-default:active:hover,
.btn-search-default.active:hover,
.open > .dropdown-toggle.btn-search-default:hover,
.btn-search-default:active:focus,
.btn-search-default.active:focus,
.open > .dropdown-toggle.btn-search-default:focus,
.btn-search-default:active.focus,
.btn-search-default.active.focus,
.open > .dropdown-toggle.btn-search-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-search-default:active,
.btn-search-default.active,
.open > .dropdown-toggle.btn-search-default {
  background-image: none;
}
.btn-search-default.disabled:hover,
.btn-search-default[disabled]:hover,
fieldset[disabled] .btn-search-default:hover,
.btn-search-default.disabled:focus,
.btn-search-default[disabled]:focus,
fieldset[disabled] .btn-search-default:focus,
.btn-search-default.disabled.focus,
.btn-search-default[disabled].focus,
fieldset[disabled] .btn-search-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-search-default .badge {
  color: #fff;
  background-color: #333;
}
.header-row {
    display: table;
    width:100%;
    margin-right: -15px;
    margin-left: -15px;    
}
.header-row > div {
    float: none;
    display: table-cell;
    vertical-align:bottom;
    /*border: solid 1px #000000;*/
}
.bg-yoihon {
  color: #fff;
  background-color: #A12B43;
}
.horizontal_dotted_line{
  border-bottom: 1px dotted [color];
  width: 100%;
}

/* Enable Layer 2 (Submenu) Positioning */
.dropdown-submenu {
    position: relative;
}

/* Hide Layer 2 by default and position it to the right */
.dropdown-submenu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -1px;
}

/* Reveal Layer 2 when hovering over Layer 1 parent */
.dropdown-submenu:hover > .submenu {
    display: block !important;
}

/* Mobile/Touch support: reveal on active click focus */
.dropdown-submenu:focus-within > .submenu {
    display: block !important;
}