@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:200');
@import url('https://fonts.googleapis.com/css?family=Staatliches');
body 
{
     font-family: 'Noto Sans JP', sans-serif;
}
a 
{
    font-family: 'Noto Sans JP', sans-serif;
}
p
{
    text-align: justify;
  
}
h2 
{
font-family: 'Staatliches', cursive;
}
h3
{
font-family: 'Staatliches', cursive;
}
ul 
{
    list-style: none;
}
#header
{
    min-height: 100px;
    box-shadow: 0px 2px 10px grey;

}
#top_menu
{
    padding-top: 10px;
}
#social ul 
{
    list-style: none;
    margin-top: 10px;
}
#social ul li 
{
    float: left;
    padding: 5px 10px;
    border: 1px solid black;
    margin-left:  10px;
}
#menu .col-md-12
{
    padding: 0px;
}
#menu .col-md-12 .navbar-inverse 
{
    border-radius: 0px;
    background: #05559a;
    border:0px;
    width: 100%;
}
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }
#myCarousel
{
    margin-top: -20px;
}
#myCarousel img 
{
    width: 100%;
    height: 480px;
}
#slider .col-md-12 
{
    padding: 0px;
}
#aboutus 
{
    min-height: 80vh;
    padding-top: 50px;
}
#aboutus .panel-body
{
   height: 250px;
}
#aboutus #first
{
    background: #9c3838;
    color: white;
    
}
#aboutus #first .btn 
{
    background: #9c3838;
    color: white;
}
#aboutus #second 
{
    background: #5090c7;
    color: white;

}
#aboutus #second .btn 
{
    background: #5090c7;
    color: white;
}
#aboutus #third
{
    background: #588e64;
    color: white;

}
#aboutus #third .btn 
{
    background: #588e64;
    color: white;
}
#aboutus .btn 
{
    position: relative;
    top: 20px;
}
#projects
{
    min-height: 100vh;
    background:linear-gradient(0deg,rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url('../img/bg.jpg');
    background-size: cover;
    padding-top: 80px;
    background-attachment: fixed;
}
#projects .panel-heading img 
{
    height: 50px;
}
#projects .panel-body
{
    min-height: 150px;
}
#projects .panel-body p 
{
    text-align: center;
}
#projects .btn 
{
    position: relative;
    top: 20px;
}
#projects .panel-footer
{
    background:white;
}
#operation
{
    min-height: 30vh;
    padding-top: 50px;
}
#operation .col-md-5
{
    height: 50px;
    background:linear-gradient(#05559a,#5090c7);
    color: white;
    margin-top: 10px;
    line-height: 50px;
    border-radius: 10px;
    
}
#operation .col-md-5 a 
{
    text-decoration: none;
    color: white;
}
#operation .badge 
{
    background: #000000;
    color: white;

}
#operation #left .badge 
{
    float: right;
    position: relative;
    right: -20px;
    top: 15px;
} 
#operation #right .badge 
{
    float: left;
    position: relative;
    left: -20px;
    top: 15px;
} 


#photogallery
{
    min-height: 80vh;
    padding-top: 50px;
    
}
#photogallery .col-md-3 
{
    margin-top: 10px;
    box-shadow:0px 2px 10px grey;
}
#photogallery img 
{
    width: 100%;
    height: 150px;
}


.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened
{
    position: absolute;
    top: 80px !important;
    
}

#videogallery
{
    min-height: 60vh;
    padding-top: 50px;
    background:linear-gradient(0deg,rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url('../img/bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}
#videgallery .panel 
{
    border:none !important;
}
#videogallery .panel-heading 
{
    padding: 0px;
    border: none;
}
#videogallery .panel-footer 
{
    background:#05559a;
    color: white;
}

#news
{
    min-height: 90vh;
    padding-top: 50px;
}
#news .panel-heading 
{
    background: #05559a;
    color: white;
}
#news .panel-body 
{
    height: 300px;
}
#news .panel
{
    
    box-shadow: 0px 2px 10px grey;
}
#news #first 
{
    background: #9c3838;
}
#news #second 
{
    background: #5090c7;
}
#news #third 
{
    background: #588e64;
}
#news #date 
{
    background: #588e64;
    color: white;
    text-align: center !important;
    border-radius: 10px;
    padding: 0px;
}
#news #date p 
{
    text-align: center;
}
#news .panel .col-md-12
{
    padding:0px;
}
#newhighlight 
{
    border-bottom: 1px solid grey;
    margin-bottom: 10px;
}
#map 
{
    min-height: 400px;
    padding-top: 50px;
}
#map .col-md-4 
{
    padding: 1px;
}
#partners
{
    min-height: 300px;
    padding-top: 50px;
}
#partners .carousel-control.left
{
    background: none;
}
#partners .carousel-control.right
{
    background: none;
}

#footer
{
    min-height: 200px;
    background-color: #05559a;
    color: white;
}
#footer ul li a 
{
    text-decoration: none;
    color: white;
}
.btn-training
{
    padding: 6px 20px;
}
.fa-facebook 
{
    color: #5090c7;
}
.fa-twitter 
{
    color: cyan;
}
.fa-youtube
{
    color: red;
}
#menu .dropdown-menu
{
  left: 0px !important;
  min-width: 178px !important;
  background: none;
  
}
#menu .dropdown-menu > li > a 
{
    padding: 6px 14px;
    color: white;
}
#menu .dropdown-menu > li
{
  background:rgba(0,51,102,0.8);
  
}
#menu .dropdown-menu > li >a:hover 
{
    background: rgb(0,51,102);
    border-bottom: 1px dotted white;
}
#menu .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus
{
    background: rgb(0,51,102);
}
#heighlight
{
    width: 100%; 
    min-height: 50px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0px;
}
#heighlight h4 
{
    color: white;
    text-align: center;
    padding-top: 5px;
}

.carousel-indicators 
{
    bottom: 42px !important;
}
.carousel-caption
{
    bottom:185px !important;
}
.carousel-control.left
{
    background: none;
}
.carousel-control.right 
{
    background: none;
}
#menu .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{
   background:#042d58;
}
#footer_menu
{
    min-height: 50px;
    background: #042d58;
    line-height: 50px;
    color:white;
}

#content
{
    min-height: 100vh;
}
#annual-report
{
    min-height:300px;
    padding-top: 50px;
    background:url('../img/bg.jpg');
    background-size:cover;
    background-attachment: fixed;
}
#annual-report img 
{
    width:100px; 
    height:100px;
}

.pic-shadow-1
{
    margin-right: 12px;
    margin-top: 3px;
    display: block;
    border: 1px solid #ffffff;
    box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7);
    z-index: -100000000;
}

.pic-shadow-2
{
    margin-left: 12px;
    margin-top: 3px;
    display: block;
    border: 1px solid #ffffff;
    box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7);
    z-index: -100000000;
}

blockquote.type_5 
{
    padding:15px 25px 20px 20px; 
    overflow:hidden; 
    background-color:#13859f; 
    border-left:0px solid #ffffff; 
    font-family:'arial'; 
    font-size:15px; 
    color:#fffefe; 
    font-style:normal; 
    line-height:20px;
    text-align: justify;
}

.color_white
{
    color:#FFFFFF;
}

.list_7 li 
{
    padding: 5px 0px 1px 35px;
    display: block;
    background: url("../img/icon_get_code.png") no-repeat scroll 0px 5px transparent;
    font-size: 14px;
    color: #FFF;
    text-transform: none;
    text-align: justify;
}

.bullet li 
{
    padding: 5px 0px 1px 35px;
    display: block;
    background: url("../img/icon_get_code.png") no-repeat scroll 0px 5px transparent;
    text-transform: none;
    text-align: justify;
}
#profile-photo
{
    width: 150px;
    height: 180px;
    border: 2px solid skyblue;
    border-radius: 20px;
    
}
#profile-photo:hover
{
    filter: grayscale();
}
#governing-body .p1:hover {
    content: url('../img/1.png');
}

#core-team-box
{
    background-color: #05559a ;
    margin : 15px;
    border: 1px solid #05559a ;
    text-align: center;
    color: white;
}

#core-team-photo
{
    width: 80px;
    height: 100px;
    border: 1px solid skyblue;
    border-radius: 10px;
    margin-right: 10px;
}

#executive-body
{
    background: whitesmoke;
    padding: 10px;
    box-shadow: 5px 5px 10px grey;
}


/*** PANEL PRIMARY ***/
.with-shiv-tabs.panel-primary .nav-tabs > li > a,
.with-shiv-tabs.panel-primary .nav-tabs > li > a:hover,
.with-shiv-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-shiv-tabs.panel-primary .nav-tabs > .open > a,
.with-shiv-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-shiv-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-shiv-tabs.panel-primary .nav-tabs > li > a:hover,
.with-shiv-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}
.with-shiv-tabs.panel-primary .nav-tabs > li.active > a,
.with-shiv-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-shiv-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}
.with-shiv-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}

/*** END OF PANEL PRIMARY ***/

#current-initiatives
{
    background: whitesmoke;
    padding: 10px;
    box-shadow: 5px 5px 5px grey;
}

#key-panel-heading
{
    padding: 5px 5px !important;
}

#key-panel-heading img
{
   width: 100%;
   height: 180px;
}

#key-panel-body
{
    padding: 5px 5px !important;
    text-align: center;
    color: blue;
    font-weight: bold;
    height: 50px;
}

#key-panel-footer
{
    padding: 0px 0px !important;
}


/* Gallery CSS */
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    
    min-height:320px;
}