body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	margin: 0px;
}

#container{
	width:100%;
	height:100%;
	margin:0 auto;
}

#mainAll{
	width: 100%;
    height: 100%;
	min-width:1200px;
	min-height:680px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#imgMain{
	background: #000000 url(../images/top/img_main.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.dam{
	background:url(../images/top/dam.png);
	width:100%;
	height:100%;
}

#logoAll{
	background: url(../images/top/logo.png) no-repeat center bottom;
	background-size: contain;
	width:50%;
	height:35%;
	position: absolute;
	bottom:50px;
	left:22%;
	z-index:20;
}

/*
#logoAll2{
	background: url(../images/top/logo2.png) no-repeat center bottom;
	background-size: contain;
	width:54%;
	height:37%;
	position: absolute;
	bottom:30px;
	left:20%;
	z-index:9;
}*/

#logoAll2{
	background: url(../images/top/logo2.png) no-repeat center bottom;
	background-size: contain;
	width:50%;
	height:37%;
	position: absolute;
	bottom:30px;
	left:22%;
	z-index:9;
}

#roadshow{
	background:url(../images/top/roadshow.png) no-repeat center;
	background-size:contain;
	width:165px;
	height:140px;
	position:absolute;
	bottom:40px;
	left:10px;
	z-index:10;
}

#roadshow2{
	background:url(../images/top/roadshow2b.png) no-repeat center bottom;
	background-size:contain;
	width:165px;
	height:130px;
	position:absolute;
	bottom:45px;
	left:10px;
	z-index:10;
}

#roadshow3{
	background:url(../images/top/roadshow2b.png) no-repeat center bottom;
	background-size:contain;
	width:165px;
	height:130px;
	position:absolute;
	bottom:70px;
	left:10px;
	z-index:10;
}

#roadshow4{
	background:url(../images/top/roadshow3.png) no-repeat center bottom;
	background-size:contain;
	width:165px;
	height:130px;
	position:absolute;
	bottom:70px;
	left:10px;
	z-index:10;
}

#roadshow5{
	width:240px;
	height:160px;
	position:absolute;
	bottom:70px;
	left:10px;
	z-index:10;
}



/* bnr */

#bnrAll{
	width:450px;
	height:160px;
	text-align:right;
	position:absolute;
	bottom:55px;
	right: 0;
	z-index:10;
}

#imgCastmainDam{
	background: url(../images/top/dam.png);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

#bnrAll2{
	width:200px;
	height:200px;
	text-align:right;
	position:absolute;
	bottom:55px;
	right: 20px;
	z-index:10;
}


/*

cloud

*/

#cloud{
	background: url(../images/top/kumo0.png) no-repeat center;
	background-size: 100% 100%;
	width: 100%;
	height: 70%;
	position: absolute;
	bottom: -35px;
	left: 0;
	z-index: 3;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#cloudanm{
	background:url(../images/top/kumo.png)  repeat-x left bottom;
	background-size: 1068px 250px;
	width:100%;
	height:250px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:7;
	-webkit-background-size: auto 100%;
    -webkit-animation: cloudscroll 50s linear infinite;
	-ms-animation: cloudscroll 50s linear infinite;
    animation: cloudscroll 50s linear infinite;
}

@-webkit-keyframes cloudscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1068px 0;}
}

@-ms-keyframes cloudscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1068px 0;}
}

@keyframes cloudscroll {
 0% {background-position: 0 0;}
 100% {background-position: -1068px 0;}
}


/* side cast */



@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -1190px;}
}

@-ms-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -1190px;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: 0 -1190px;}
}


#imgCastmain {
	background: url(../images/top/img_face.jpg) repeat-y center;
	background-size:100% auto;
	width:170px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
    -webkit-background-size: 100% auto;
    -webkit-animation: bgscroll 30s linear infinite;
	-ms-animation: bgscroll 30s linear infinite;
    animation: bgscroll 30s linear infinite;
}


/*

about

*/

#aboutAll{
	background:url(../images/top/bg_contents.jpg) no-repeat center;
	background-size:cover;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:50;
	display:none;
}

#aboutImg{
	background:url(../images/top/img_about.png) no-repeat center;
	background-size:contain;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}

#aboutClose,#sokanzuClose{
	width:60px;
	height:60px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
}


/*

sokanzu

*/

#sokanzuAll{
	background:url(../images/top/bg_contents.jpg) no-repeat center;
	background-size:cover;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:50;
	display:none;
}

#sokanzuImg{
	background:url(../images/top/img_sokanzu.png) no-repeat center;
	background-size:contain;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}







/*

credit

*/

#creditAll{
	width:100%;
	height:300px;
	position: absolute;
	bottom:0;
	left:0;
	z-index:40;
	display:none;
}

#creditBg{
	background:url(../images/credit/bg2.png);
	background-size:100% auto;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:1;
}

#credit{
	background: url(../images/credit/img_credit3.png) no-repeat center;
	background-size:contain;
	width:1100px;
	height:250px;
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-550px;
	z-index:5;
}

#creditClose{
	width:60px;
	height:60px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
}

/*

sns

*/

#footer{
	background-color:#000000;
	width:100%;
	height:40px;
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:0;
	z-index:15;
}

#copyright{
	background: url(../images/top/copyright.png) no-repeat;
	background-size: contain;
	width:250px;
	height:11px;
	position:absolute;
	bottom:43px;
	right:10px;
	z-index:20;
}


#snsall2{
	width:240px;
	height:20px;
	position:absolute;
	bottom:45px;
	left:10px;
	z-index:50;
}

#snsall{
	width:240px;
	height:20px;
	position:absolute;
	bottom:10px;
	left:255px;
	z-index:20;
}

#snsall #sns,#snsall2 #sns{
	display:inline;
}

#snsall #sns li,#snsall2 #sns li{
	width:80px;
	height:20px;
	float:left;
	padding:0;
	line-height:0;
}

#shareAll{
	width:250px;
	height:40px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:22;
}

#creditBtn{
	width:113px;
	height:40px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:22;
}


#bnrSall{
	width:500px;
	height:38px;
	text-align:right;
	position:absolute;
	bottom:1px;
	right:113px;
	z-index:20;
}

#bnrSall img{
	margin:0 1px;
}


/*

bnr

*/


#bnrUdcast{
	width: 270px;
	height: 36px;
	position:absolute;
	bottom:2px;
	left:245px;
	z-index:20;
}

#bnrUdcast img{ margin:0 3px 0 0;}


#idMediaWrap2{
	width: 506px;
	height: 40px;
	margin:10px auto 0;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:113px;
	z-index:20;
}

#lineupItem{
	width:486px;
	/*width:462px;*/
	float:left;
	text-align:left;
}

#lineupItem li{
	float:left;
	display:inline;
	margin:0 0px;
	width:162px;
	height:40px;
	text-align:center;
}
.prevBtn{
	float:left;
	width:10px;
	height:40px;
	text-align:center;
}
.prevBtn a:hover{
	width:10px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:10px;
	height:40px;
	text-align:center;
}
.nextBtn a:hover{
	width:10px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}

#lineupItem li a:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
}