@charset "utf-8";

#INFOMATIONAREA{
	width:650px;
	bottom:4px;
	margin:0 0 0 50px;
	padding:0;
	color:#fff;
	background:rgba(25,25,112,0.4);
	position:absolute;
}

#CONTENTSTITLE{
	font-size: 17px;
	margin: 5px 0 0 10px;
	font-family: 'Audiowide', cursive;
/*	text-align:center;*/
}

/*更新情報エリア*/
/* 各要素の外見の定義 */
dl#CONTENTSNAKAMI{
    width:620px;
    margin:0 0 0 30px;
    font-size:12px;
}
 
dl#CONTENTSNAKAMI dt{
    clear:left;
    float:left;
    margin:0;
    padding:0;
/*    padding:10px 0 10px 0.5em;*/
    width:7em;
    line-height:1.5em;
}
 
dl#CONTENTSNAKAMI dd{
    margin:0;
    padding:0;

/*    padding:10px 0.5em 10px 7em;*/
/*    border-bottom:1px solid #CCC;*/
    line-height:1.5em;
}

dl#CONTENTSNAKAMI a{
    padding: 5px 20px 5px 0;
    color:#fff;
    text-decoration:none;}
 
/*dl#CONTENTSNAKAMI a:hover{
    text-decoration:none;
}*/

/*トップ画像を動かす*/
#topimage_area {
	position: relative;
	width: 1260px;
	height:500px;
	margin: 0 auto;
	overflow: hidden;
	background: #191970;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 1260px;
    height: 500px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
    opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img{
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#photo5 img {
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
#frame {
    width: 1260px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}