@charset 'utf-8';
/* CSS Document */
.bluetitle{
	color:#FFF;
	padding:15px 15px 15px 20px;
	background-color: #0C92CC;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}

.top
{
	float:right;
	font-size:10px;
}





#textarea{  
    width:600px;  
    margin-left:auto;  
    margin-right:auto;  
    }  
          
.textarea{  
    width:600px;  
    margin-left:auto;  
    margin-right:auto;  
    }  
  
.photo-show {   
 height: 700px; /*表示したい大きさ*/  
    /*margin: 30px auto; /*縦余白は任意*/  
    position: relative;  
    width: 600px; /*表示したい大きさ、height と合わせる*/  
}  
  
/*各画像のアニメーションの合計秒数*/  
.photo-show img {   
    animation: show 36s infinite;  
    -webkit-animation: show 36s infinite;  
    height: auto;  
    max-width: 100%;  
    opacity: 0;  
    position: absolute; /*画像を全て重ねる*/  
}  
  
/*アニメーション*/  
  
@keyframes show {  
    0% {opacity:0}  
    10% {opacity:1}  
    20% {opacity:1}  
    40% {opacity:0}  
 }  
  
@-webkit-keyframes show {  
    0% {opacity:0}  
    10% {opacity:1}  
    20% {opacity:1}  
    40% {opacity:0}  
}  
  
/*各画像のアニメーションの開始時間をずらす*/  
  
/*1枚目*/  
.photo-show img:nth-of-type(1) {  
    animation-delay: 0s;  
    -webkit-animation-delay: 0s;  
}  
/*2枚目*/  
.photo-show img:nth-of-type(2) {  
    animation-delay: 6s;  
    -webkit-animation-delay: 6s;  
}  
/*3枚目*/  
.photo-show img:nth-of-type(3) {  
    animation-delay: 12s;  
    -webkit-animation-delay: 12s;  
}  
/*4枚目*/  
.photo-show img:nth-of-type(4) {  
    animation-delay: 18s;  
    -webkit-animation-delay: 18s;

}  
/*5枚目*/  
.photo-show img:nth-of-type(5) {  
    animation-delay: 24s;  
    -webkit-animation-delay: 24s;

}  
/*6枚目*/  
.photo-show img:nth-of-type(6) {  
    animation-delay: 30s;  
    -webkit-animation-delay: 30s;
}