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

#wrap{
width: 100%;
height: 100%;
min-width:1250px;
min-height:745px;
margin:0 auto;
position:relative;
overflow:hidden;
}

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


@-webkit-keyframes logoscale {
    from { transform: scale(0.9, 0.9); }
    to   { transform: scale(1.0, 1.0); }
}

@keyframes logoscale {
    from { transform: scale(0.9, 0.9); }
    to   { transform: scale(1.0, 1.0); }
}


#logo{
background: url(../images/top2/logo.png) no-repeat right bottom;
background-size: contain;
width:49%;
height:22%;
position:absolute;
top:55%;
right:1%;
z-index:10;
-webkit-animation: logoscale 4s ease-out;
animation: logoscale 4s ease-out;
}


#roadshow{
background: url(../images/top2/roadshow.png) no-repeat left top;
background-size:contain;
width:12%;
height:8%;
position:absolute;
top:78%;
right:10px;
z-index:10;
}

#roadshow2{
background: url(../images/top2/roadshow2.png) no-repeat left top;
background-size:contain;
width:12%;
height:11%;
position:absolute;
top:76%;
right:10px;
z-index:10;
}

#roadshow3{
background: url(../images/top2/roadshow3.png) no-repeat left top;
background-size:contain;
width:22%;
height:12%;
position:absolute;
top:75%;
right:10px;
z-index:25;
}

#roadshow3 a{
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}

#roadshow3:hover{
opacity: 0.7;
filter: alpha(opacity=70);  
}


#billing{
background: url(../images/top2/billing.png) no-repeat left top;
background-size:contain;
width:43%;
height:12%;
max-height: 500px;
position:absolute;
top:63%;
left:20px;
z-index:3;
}

#mainDam{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}


#bnrLall{
width:1000px;
height:70px;
position:absolute;
top:76%;
left:20px;
z-index:20;
}

#bnrSall{
width:900px;
height:35px;
position:absolute;
top:86%;
left:20px;
z-index:21;
}

#bnrLall img{ margin: 0 5px 0 0;}
#bnrSall img{ margin: 0 2px 0 0;}


/*

main

*/

#mainImgAll{
width: 100%;
height: 56%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

@-webkit-keyframes scale {
    from { transform: scale(1.2, 1.2); }
    to   { transform: scale(1.0, 1.0); }
}

@keyframes scale {
    from { transform: scale(1.2, 1.2); }
    to   { transform: scale(1.0, 1.0); }
}


#mainCast01All{
width: 57%;
height: 100%;
position: absolute;
top: 0;
left: 32%;
z-index: 1;
overflow: hidden;
}

#mainCast01{
background: #fff url(../images/top2/img_shinohara.jpg) no-repeat center;
background-size: auto 100%;
width: 100%;
height: 100%;
-webkit-animation: scale 6s;
animation: scale 6s;
}

#mainCast02All{
width: 32%;
height: 55.1%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
overflow: hidden;
}

#mainCast02{
background: #fff url(../images/top2/img_nishijima.jpg) no-repeat center;
background-size: auto 100%;
width: 100%;
height: 100%;
-webkit-animation: scale 6s;
animation: scale 6s;
}

#mainCast03All{
width: 32%;
height: 45%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
overflow: hidden;
}

#mainCast03{
background: #fff url(../images/top2/img_sakaguchi.jpg) no-repeat center;
background-size: auto 100%;
width: 100%;
height: 100%;
-webkit-animation: scale 6s;
animation: scale 6s;
}

#mainCast04All{
width: 11%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
}

#mainCast04{
background: url(../images/top2/img_cast.jpg) no-repeat center;
background-size: auto 100%;
width: 100%;
height: 100%;
}

#catch1All{
width: 9%;
height: 90%;
position: absolute;
top: 0;
left: 33%;
z-index: 5;
}

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

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


@-webkit-keyframes bgscroll {
    from { transform: translateX(50px); }
    to   { transform: translateX(0px); }
}

@keyframes bgscroll {
    from { transform: translateX(50px); }
    to   { transform: translateX(0px); }
}

#catch2{
background: url(../images/top2/catch2.png) no-repeat left top;
background-size:contain;
width:50%;
height:5%;
max-height: 500px;
position:absolute;
top:58%;
left:20px;
z-index:3;
-webkit-animation: bgscroll 2s ease-out;
animation: bgscroll 2s ease-out;
}



/*

bnr

*/

#bnrAll{
	width:160px;
	height:400px;
	text-align:center;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}



/*

sns

*/

#twitterIcon{
	background-color: #1b95e0;
	width:50px;
	height:50px;
	position: fixed;
	bottom:0;
	left:50px;
	z-index:30;
}

#facebookIcon{
	background-color: #4762b1;
	width:50px;
	height:50px;
	position: fixed;
	bottom:0;
	left:0;
	z-index:30;
}

#tiffIcon{
	width:85px;
	height:50px;
	position: fixed;
	bottom:0;
	right:0;
	z-index:30;
}

#fujitv{
background: url(../images/bnr/bnr_fujitv.gif) no-repeat center;
background-size: 60px auto;
	width:70px;
	height:50px;
	position: fixed;
	bottom:0;
	left:100px;
	z-index:30;
	cursor: pointer;
}

#fujitv a{
width: 100%;
height: 100%;
display: block;
}

#fujiLine{
background-color: #E3E3E3;
width: 1px;
height: 50px;
position: fixed;
bottom: 0;
left: 170px;
z-index: 31;
}


/*

share

*/

#snsall{
	width:228px;
	height:20px;
	margin:0;
	position:absolute;
	bottom:55px;
	right:10px;
	z-index:20;
	overflow:hidden;
}

#snsall #sns{
	display:inline;
	margin:0;
	float:left;
}

#snsall #sns li{
	height:20px;
	display:inline;
	float:left;
	padding:0;
	margin-left:5px;
}

#snsall #sns li.fbbtn{ width:72px;}
#snsall #sns li.twitterbtn{ width:75px;}
#snsall #sns li.linebtn{ width:66px;}


/*

about

*/

#aboutAll{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	display:none;
}

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

#aboutBg2{
background: url(../images/top/img_about_dot.png) no-repeat center;
background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
  opacity: 0.5;
  filter: alpha(opacity=50);  
}

#aboutTxt{
	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:3;
	display:none;
}

#aboutClose{
	width:60px;
	height:60px;
	position:absolute;
	top: 10px;
	right:10px;
	z-index:5;
  cursor: pointer;
}



/*

credit

*/

#creditAll{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:100;
display:none;
}

#creditBg{
background-color: #FFFFFF;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
}

#creditImg{
background: url(../images/top2/credit.png) no-repeat center;
background-size: contain;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:2;
display:none;
}

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





#creditBtn{
width:83px;
height:50px;
position: fixed;
bottom:0;
right:86px;
z-index:30;
}

#creditLine{
background-color: #E3E3E3;
width: 1px;
height: 50px;
position: fixed;
bottom: 0;
right: 168px;
z-index: 31;
}

#creditLine2{
background-color: #E3E3E3;
width: 1px;
height: 50px;
position: fixed;
bottom: 0;
right: 85px;
z-index: 31;
}


#copyrigt{
background: url(../images/top2/copyright.png) no-repeat center bottom;
background-size: contain;
width: 140px;
height: 8px;
position: absolute;
bottom: 55px;
right: 240px;
z-index: 10;
}