@charset "utf-8";
/* CSS Document */
/************************************************************************************
/*--container nav--*/
.nav-head-navi {
	margin-top:auto;
}
.nav-head-navi ul{
background:#fc6c5e 0 0 repeat-x;
/*margin-top:-4%;*/
/*margin-left:-0.3%;*/	
border-top-left-radius:1em;
border-top-right-radius:1em;

}
.nav-head-navi ul li {
	padding:0px 15px;
	list-style:none;
	line-height:40px;
	margin-left:3%;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.selected a{
  color:white;
  text-decoration:none;
  font-size:16px; 
}
.navselected{
  background-color: white;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.nav-head-navi li a.navselected {
	color:#F03;
  font-size: 16px;
	display:block;
}
.wrap{
  margin-top:-14px;
  background-color: #fc6c5e;
}
.navbar-bg ul li{
  margin-left: 0px;
  height: 35px;
  margin-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
ul .navbar-bg li:hover{
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.navbar-bg ul li:hover a{
  color: #F03;
  font-size: 16px;
}
.selected:hover a{
  color: #F03;
}
.nav-head-navi ul li:hover{
  background-color: white;
}
.shown:hover .tab{
  color: #F03;
}
.tab{
  color: white;
  font-size: 16px;
  text-decoration: none;
}
.subbarhover{
  background-color: white;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.shown{
  margin-top: 4px;
}
.tab{
  margin-top: -4px;
}
.tabactive{
  color: #F03;
  font-size: 16px;
}
.menu-hover{
  margin-top: 4px;
}
.tab-hover{
  margin-top: -4px;
}
.tab-color{
  color: #F03;
  font-size: 16px;
}

/*--*/
/**************************************
 * common style
 *************************************/
.flex-bar-clearfix
{
  zoom: 1;
}

.flex-bar-clearfix::after
{
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.flex-bar-clearfix:after
{
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.flex-bar-lf
{
  float: left;
}

/**************************************
 * jquery.flexbar.js style
 *************************************/
.flex-bar, .flex-bar .notonly, .flex-bar .only
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.flex-bar>li>a, .flex-bar .notonly>li>a, .flex-bar .only>li>a
{
  display: block;
  white-space: nowrap;
  text-decoration: none;
  padding: 2px 3px;
}

.flex-bar .subbar
{
  display: none;
  position: relative;
}

.flex-bar-h .shown
{
  display: inline-block;
}

.flex-bar-v .shown
{
  display: block;
}

.flex-bar .subbar .wrap
{
  position: absolute;
}

.flex-bar .subbar .wrap
{
  z-index: 2;
}

.flex-bar .notonly, .flex-bar .only
{
  display: none;
}

.flex-bar-v
{
  position: absolute;
  top: 0;
  bottom: 0;
}

.flex-bar-h .notonly
{
  /* width: 150px; */ /* custom */
}

.flex-bar-v .notonly
{
  /* width: 150px; */ /* custom */
}

.flex-bar-h .only
{
  /* width: 150px; */ /* custom */
}

.flex-bar-v .only
{
  /* width: 150px; */ /* custom */
}

.flex-bar .notonly>li, .flex-bar .only>li
{
  /* float: left; */ /* custom */
}

.flex-bar .subbar.subbarhover .notonly,
.flex-bar .subbar.subbarhover .only
{
  display: inline;
}

.flex-bar .subbar:hover .notonly, 
.flex-bar .subbar:hover .only
{
  /* display: block; */
}
/**************************************
 * custom style
 *************************************/
.navbar-fixed-top,
.navbar-fixed-bottom
{
  z-index: 1030;
}

.navbar-fixed-left,
.navbar-fixed-right
{
  z-index: 1030;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus
{
    color: #fff;
    background-color: transparent
}