@charset "utf-8";
/* CSS Document */

/**********************************/
/* Max Container                  */
/**********************************/
@media (min-width: 1200px) {
  .container {
    width: 1080px;
  }
}

/**********************************/
/* Navi Color Custamize           */
/**********************************/
.navbar-default {
	background-color: #ffffff;
/*	border-bottom:solid 4px #2e3192;	*/
}
.navbar-default .navbar-brand {
	color: #000000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #ecdbff;
}
.navbar-default .navbar-text {
	color: #000000;
}

.navbar-default .navbar-nav > ul {
    margin-left:100px;
}

.navbar-default .navbar-nav > li > a {
	color: #1b1464;
	font-weight:bold;
    margin-right:2em;   /*  メニュー間の距離    */
    font-size:110%;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ecdbff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
	background-color: #fafbfd;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #ecdbff;
	background-color: #fafbfd;
}
.navbar-default .navbar-toggle {
	border-color: #fafbfd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fafbfd;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #000000;
}
.navbar-default .navbar-link {
	color: #000000;
}
.navbar-default .navbar-link:hover {
	color: #ecdbff;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #000000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ecdbff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ecdbff;
		background-color: #fafbfd;
	}
}

/**********************************/
/* Nav Size & Position Customize  */
/**********************************/
/* header */
.navbar {
	min-height: 80px !important;    /* ヘッダの高さ指定 */
}
.navbar-brand {
	float:left;
	height: 70px;   /* 会社ロゴの高さ指定 */
	padding:0;
	padding-left:15px;
    margin:0;
}

li.navbar-nav {
  margin: 0px -15px; 
}

.navbar-nav > li > a {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  line-height: 15px;
}

body { 
	padding-top: 140px;   /* ヘッダ以下の表示位置指定 */
}

@media (max-width: 991px) {
    body { 
        padding-top: 170px;   /* ヘッダ以下の表示位置指定 */
    }
}

@media (max-width: 767px) {
    body { 
        padding-top: 120px;   /* ヘッダ以下の表示位置指定 */
    }

	.navbar-header .navbar-brand img {
		height: 50px;		/*	会社ロゴのサイズを指定	*/
	}
}

@media (max-width: 414px) {
	.navbar-nav > li > a {
	  padding-top: 10px !important;
	}

	body { 
		padding-top: 120px;  /* ヘッダ以下表示位置指定 */
	}

	.navbar-header .navbar-brand img {
		height: 35px;		/*	会社ロゴのサイズを指定	*/
	}
	
	.navbar-brand {
		height: 50px;
		padding: 0px 0px;
	}
	
	.navbar {
		min-height: 40px !important;    /*  ヘッダの高さ指定    */
	}
	.top_box2 ul li {
		font-size: 12px;
		line-height: 12px;
	}
}

.navbar-default .navbar-toggle {
/*	border-color: #fafbfd;	*/
	border-color: #FFF;	/* ナビボタンの枠線の色	　*/
}
/*
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
*/
.navbar-default .navbar-toggle:hover{
	background-color: #292d96;		/* ナビボタンのマウスオーバー時の背景色	*/
}

.navbar-default .navbar-toggle:focus  .icon-bar{
	background-color: #292d96;	/* ナビボタンのマウスオーバー時の背景色	*/
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;		/* ナビボタンの三本線の色 */
}

.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #FFF;	/* マウスオーバー時のナビボタンの三本線の色 */
}



/**********************************/
/* for auto height                */
/**********************************/
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/**********************************/
/* Page Top Scroll                */
/**********************************/
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}