@charset "Shift_JIS";

@media screen and (min-width: 769px) {
    /* STYLES HERE */
	.top-img{max-width:40%;float:left;margin:0 5px 5px 0;}
}
  @media (min-width: 481px) and (max-width: 768px) {
    /* STYLES HERE */
	.top-img{max-width:60%;float:left;margin:0 5px 5px 0;}
}
@media (max-width: 480px){
	/* STYLES HERE */
	.dt-xs  {  width: 100%;
	}
}

.box-title{font-size:24px;margin-top: 20px;
  margin-bottom: 10px;font-family: inherit;
  font-weight: 700;
  line-height: 1.1;  
  }
#title{margin-bottom:20px;}
.footer{margin-top:20px;}
.navbar-default .navbar-nav>li>a:hover{
  color: #555;
  background-color: #e7e7e7;}
.container h1 a{
	color:#009688;
}
.container .container-fluid a{
	color:#009688;
}
.container .footer a{
	color:#009688;
}
img {
    box-shadow: 1px 1px 3px;
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {
  color: #FFF;
  background-color: #009688;
}