/*!
 * Start Bootstrap - Logo Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html,
body {
    height: 100%;
}
body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */

font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #474747;
	background:#ffffff;
	line-height:1.8em;
-webkit-text-size-adjust: 100%;

	
}

.mt100 {
	margin-top:100px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.table{
	border:none;
}
#home-slider {
	position: relative;
	overflow: hidden;
	 width:100%;
	height: 100%;
}

#home-layer{
	position: absolute;
	bottom:0px;
	z-index:2;
	background:#fff;
	width:100%;
}


.navbar-inverse {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.navbar-fixed-top .nav {
    padding: 15px 0;
	font-size:14px;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

h2.page-header {
	color:#001949;
	font-family: Georgia, "Times New Roman", Times, serif
}
.carousel {
    height: 100%;
	position:relative;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.carousel-indicators {
  position: absolute;
  bottom: 90px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.logo_wht{
	position:absolute;
	top:20%;
	z-index:2;
	left:37%;
}
.scl{
	position:absolute;
	bottom:130px;
	z-index:2;
	left:48.0%;
}

/* customize nav style */
.navbar-inverse {
    background-color: #ffffff;
    text-transform:uppercase;
    border-width:0;
		      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.navbar-inverse  .navbar-nav>li>a {
	color: #3b3b3b;
	margin-left:2px;
}
.navbar-inverse  .dropdown-menu li>a:hover {
	color: #eee;
}
.navbar-inverse  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #fff;
	color:#ccc;
}
.navbar-inverse  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a:hover  {
	background-color: #fff;
	color:#001849;
}
ul.navbar-nav li.dropdown ul.dropdown-menu a   {
	background-color: #fff;
}
ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover  {
	background-color: #fff;
	color:#001849;
}

ul.navbar-nav li.dropdown ul.dropdown-menu li.active a  {
	background-color: #fff;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}

.divider {
	clear:both;
	height:50px;
}

dl.result {
	clear:both;
	width:100%;
	margin:0 auto;
	margin-top:15px;
}


.result dt{
	width:20%;
	text-align:left;
	margin-bottom:4px;
}
.result dd{
	width:80%;
	margin-left:25%;
	text-align:left;
	margin-bottom:4px;
}

.customer-img {
	margin-bottom:15px;
}

/*  copy
/*--------------------------------- */
.copy{
    margin: 10px;
	font-size:12px;
	line-height:1.2em;
}

.copy span{
    color: #333;
}

/* ========backtotop======== */
.backtotop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
	width: 50px;
	height: 50px;
	background-color: #254FA0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	-webkit-border-top-left-radius: 25px;  
    -webkit-border-top-right-radius: 25px;  
    -webkit-border-bottom-right-radius: 25px;  
    -webkit-border-bottom-left-radius: 25px;  
    -moz-border-radius-topleft: 25px;  
    -moz-border-radius-topright: 25px;  
    -moz-border-radius-bottomright: 25px;  
    -moz-border-radius-bottomleft: 25px;
}

.backtotop a:hover {
    background: #2288CC;
    color: #FFFFFF;
}
	


@media(min-width:768px) {
    body {
        padding-top: 0px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 25px 0;
    }
		.navbar-brand img{
		width:85%;
		height:auto;
		margin-top:-8px;
}
  .navbar {
  min-height: 80px;
  }
    .navbar-nav {
    /* margin-top: 0px;*/
	position:absolute;
	top:22px;
	right:20px;
  }
}
@media (max-width: 767px) {
    body {
        padding-top: 50px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }
	.navbar-fixed-top .navbar-brand {
        padding: 18px 0;
    }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 20px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
	
.navbar-inverse  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a:hover  {
	background-color: #fff;
	color:#001849;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color:#001849;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #f0f0f0;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #f0f0f0;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}
 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
  }
  
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 440px;
}

  
  .logo_wht img{
	  width:50%;
	  height:auto;
}
.scl{
	position:absolute;
	bottom:90px;
	z-index:2;
	left:44.3%;
}

h2.page-header {
	font-size: large;
	color:#001949;
	font-family: Georgia, "Times New Roman", Times, serif

}


}

@media (max-width : 480px) {
body {
    padding-top: 0px;
}
.mt100 {
	margin-top:50px;
}
dl.result{
	margin-top:15px;
}
.result dt{
	width:100%;
	text-align:left;
	border:solid 0px  #3399FF;
	background-color:#ededed;
	padding:5px;
}
.result dd{
	width:100%;
	margin-left:0%;
	text-align:left;
	margin-bottom:4px;
	padding-left:1em;
	border-bottom:solid 1px  #f0f0f0;
}

.customer-img {
	margin-bottom:15px;
}
.carousel-indicators {
  position: absolute;
  bottom: 55px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.scl{
	position:absolute;
	bottom:110px;
	z-index:2;
	left:44.3%;
}





	

}

/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
/*@media only screen and (min-width : 320px) {
    
}*/

/* XSサイズ : Extra Small Devices, Phones */ 
/*@media only screen and (min-width : 480px) {

}*/

/* Sサイズ、タブレット : Small Devices, Tablets */
/*@media only screen and (min-width : 768px) {

}*/

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
/*@media only screen and (min-width : 992px) {

}*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {

}*/


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
/*@media only screen and (max-width : 1200px) {

}*/

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
/*@media only screen and (max-width : 992px) {

}*/

/* Sサイズ、タブレット : Small Devices, Tablets */
/*@media only screen and (max-width : 768px) {

}*/

/* XSサイズ : Extra Small Devices, Phones */  
/*@media only screen and (max-width : 480px) {

}*/

/* カスタム, iPhone Retinaディスプレイ */ 
/*@media only screen and (max-width : 320px) {
    
}*/