﻿
.navbar{
	border: 1px solid #b7a077;
	/*padding: 11px 22px;*/
	border-radius: 5px;
	margin-top: 3px;
}
.navbar-inverse .navbar-brand {
    color: #CCFFFF;
}

.container {
  max-width: 1050px;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.btn-btn-dark {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 7px;
  margin-right: 0px;
  margin-left: 4px;
 
}

.Unavbar_button_ {
	padding-top: 7px;
}

.btn-btn-dark {
   display: inline-block;    /* インラインブロック化 */
   background-color: blue;   /* グラデーションが表示できない際の背景色 */
   background-image: linear-gradient( 0deg, #000080, #0080ff );
   color: white;             /* 文字色 */
   border-radius: 0.5em;    /* 角丸 */
   padding: 0.1em 1em;       /* 内側の余白量 */
   text-decoration: none;    /* 下線を消す */
   vertical-align: middle;   /* 縦方向の位置を中心で揃える */
   border: 1px solid #b7a077;
}
.btn-btn-dark a:visited {
	color: #CCFFFF;
	text-decoration: none;
}

.btn-btn-dark a:hover {
	color: #fee32e;
	text-decoration: none;
}

.bg-primary {
  /*background-color: #ae2b52 !important;*/
	background-color: #1d3f8a;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#254EA7), to(#120F64));	/
	background-image: -webkit-linear-gradient(#254EA7, #120F64);	
	background-image: linear-gradient(#254EA7, #120F64);
}

@media screen and (max-width : 768px){    
    .container{
		width: 98%;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		color: #CCFFFF;
	}

}
