@charset "utf-8";


#bbg {
	background: white;
}
#wrap {
	position: center;

}
#sampleBox {
    width: 300px;
    height: 200px;
    overflow: hidden;
    text-align: left;
    line-height: 1.5em;
    font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.carousel-inner{
	width: 207px;
	height: 156px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
    
#sampleText {
    margin: 200px 0;
}
.since {
	float: none;
}
#box2 {
	width: 100%;
	color: black;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	max-width: auto;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: -60px;
}

.menu{
	min-width: 160px;
	text-align: center;
	border: 0 solid silver;
	margin-right: auto;
	margin-left: auto;
}
.menu a:hover{
	opacity: 0.7;
}
.footer{
	background-color: gray;
	height: 350px;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	width: 100%;
	top: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#border1{
	border: 1px solid silver;
}
.togetherimg {
	max-width: 500px;
	min-width: 320px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption  p{
	color: red;
	top: 60px;
	position: relative;
}
.turn {
	animation: move 15s linear infinite;
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.turncopy {

	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

 
@keyframes move {
	  0%   { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }

}
.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
 
/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */