@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
.menu-item, .dropdown-toggle, .dropdown {font-size:8pt;text-align:left;letter-spacing:1px;}
.hidden_pc {display: none;}
.hidden_sp {display: block;}
/*.nav {font-size:8pt;}
.nav a:active{font-size:8pt;}*/
.navbar-default{border-color:#ccc;}
.navbar-default a {text-decoration: none; font-weight:bold; color:#333;}
.navbar-nav>li>.dropdown-menu{ margin-top:0; border-top-right-radius:0; border-top-left-radius:0; }

.navbar-default .navbar-nav>li>a{ color:#fff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:#ccc;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#333333;background-color:#ccc;}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent;}
/*.navbar-default .navbar-toggle {  width:100%; height:48px; color:#fff; font-size:9pt; letter-spacing:2px; line-height:40px; font-weight:bold;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{width:100%; height:48px;}*/
.navbar-default .navbar-toggle {  width:48px; height:38px; color:#fff;margin-left:20px ;margin-top:6px;font-size:36px; font-weight:normal; cursor:pointer;float:left}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{width:48px; margin-top:6px;height:38px;border:none}
.btn-open:after {color:#fff;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s; display:block;}
.btn-open:hover:after {opacity: 0.5;}
#aplink{position:absolute; top:104px; right:20px; z-index:1010}
.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#cccccc;color:#333333;}
.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#333333;border-bottom-color:#333333;}

.nav .caret{border-top-color:#fff;border-bottom-color:#fff;}
.nav a:hover .caret{border-top-color:#ff9933;border-bottom-color:#ff9933;}

.nav{margin-bottom:0; padding-left:0;list-style:none;}.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav:before,.nav:after{content:" ";display:table;}
.nav:after{clear:both;}
.nav>li{ position:relative; border-bottom: none; display:block; }.nav>li>a{position:relative;display:block;padding:10px 12px;}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eeeeee;}

.navbar{ float:left; margin-top:0px; margin-left:0px; width:660px; color: #fff; position:relative; z-index:1000; min-height:34px; margin-bottom:0px; border:solid 1px transparent; }.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{clear:both;}
.navbar:before,.navbar:after{content:" ";display:table;}
.navbar:after{ clear:both; }

.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}
.navbar-header:before,.navbar-header:after{content:" ";display:table;}
.navbar-header:after{clear:both;}

.navbar-collapse{float:left; width:100%; max-height:620px;overflow-x:visible;/*border-top:1px solid transparent;*/box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling:touch;}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table;}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{ overflow-y:340px; }
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px;}

.navbar-nav{margin:0 -15px;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;content:"";}
.dropdown{position:relative;}
.dropdown-toggle:focus{outline:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:0px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #cccccc;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#333333;white-space:nowrap;}

.collapse{display:none;}
.collapse.in{display:block;}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease;}

/* 2nd menu color*/
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#fff;background-color:#00a0e2;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:none 0;background-color:#ff9933;}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#333333;}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;}
.open>.dropdown-menu{display:block;}
.open>a{outline:0;}


@media (min-width:768px){
.navbar-default .navbar-collapse,.navbar-default .navbar-form{  padding-right: 5px; margin-top: 2px; /*padding-left: 5px;*/  border-color:#ccc; backgroung-color:#00a0e2; }
.navbar{border-radius:2px 2px;}
.navbar-collapse.collapse{ height: auto; display:block !important; padding-bottom:0; overflow:visible !important; }
.navbar-collapse{width:auto;border-top:0;box-shadow:none;}
.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0;}
.navbar-collapse.in{ overflow-y:visible; }
.navbar-nav{float:left;margin:0;}
.navbar-nav>li{float:left;}
.navbar-nav>li>a{padding-top:4.5px;padding-bottom:4.5px;}
}

/* Navi CSS */
@media (max-width:767px){
.menu-item, .dropdown-toggle, .dropdown {font-size:14px;}
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0; background-color:#fff;border:0;box-shadow:none;}
.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#00a0e2;border-bottom-color:#00a0e2;}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:10px 15px 10px 20px;} 
.navbar-nav .open .dropdown-menu>li>a{line-height:20px;}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}
.navbar{margin-top:0px;margin-left:0px;width:100%;color: #99ccff;position:relative;z-index:1000;min-height:38px;margin-bottom:0px;border:none !important;}
.navbar-default .navbar-nav>li>a{ color:#00a0e2; }
.nav>li{ position:relative; display:block; background-color:#ffffff; margin-left:0px; border-bottom: solid 2px #00a0e2;}
.nav>li>a{padding:12px;}
.navbar-nav {width:100%; margin:0px 0px;}
.navbar-nav>li {float:none;}
.navbar-header {height:50px;width:100%;}
.navbar-menu{clear:left;float:left;}
button {align-items: flex-start;text-align: center;cursor: pointer;color: buttontext;padding: 2px 6px 3px;border: none;background-color: #00a0e2;box-sizing: border-box;}
.hidden_pc {display: block;}
.hidden_sp {display:none;}
}