a:focus{outline: none;}
img{vertical-align: bottom;}


body{
	position: relative;
	width: 100%; min-width: 1200px;
	font-size: 0; line-height: 0;
	overflow-y: scroll;
	background: #fff;
}

/*
LOADING-------------------*/
.loading{
	position: fixed;
	width: 100%; height: 100%;
	top: 0; left: 0;
	z-index: 1000;
	background: #39d70a;
}
	.loadingBox{
		position: absolute;
		width: 600px; height: 600px;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: auto;
		overflow: hidden;
	}
		.loadingBox img{
			position: absolute;
			width: 3600px; height: 600px;
			top: 0; left: 0;
		}

/*
HEADER -------------------*/
header{
	position: fixed;
	width: 100%; height: 56px;
	top: 0; left: 0;
	background: #39d70a;
	z-index: 999;
}
header:after{
	display: block;
	content: "";
	clear: both;
	height: 0;
}
	.localNavi{
		position: relative;
		float: left;
		width: 225px; height: 297px;
	}
		.localNavi > h1{
			position: relative;
			width: 225px; height: 118px;
			z-index: 3;
		}
		.menuBtn{
			cursor: pointer;
		}
		.localmenu{
			position: absolute;
			width: 106px; height: 577px;
			top: -270px; left: 0;
			z-index: 2;
		}
			.lm{
				display: none;
				position: absolute;
				width: 183px; height: 300px;
				top: 94px; left: 60px;
				opacity: 0;
				z-index: 10;
			}
				.lm li{
					margin: 0 0 18px;
				}
				.off{
					opacity: 0.5;
				}

		.tsuri{
			position: absolute;
			width: 50px; height: 52px;
			top: 0; right: 0;
			overflow: hidden;
			z-index: 3;
		}
			.tsuri > img{
				position: absolute;
				width: 50px; height: 104px;
				top: -52px; left: 0;
			}
	.rightMav{
		float: right;
		width: 660px;
		margin: 0 0 0 auto;
		overflow: hidden;
	}
		.gloabalNavi{
			float: left;
		}
		.gloabalNavi li{
			display: inline-block;
			margin: 0 52px 0 0;
		}
		.sns{
			float: right;
			margin: 0 46px 0 0;
		}
		.sns li{
			display: inline-block;
			margin: 0 33px 0 0;
		}
		.sns li:last-child{
			margin: 0;
		}
		.sBtn{
			cursor: pointer;
		}

/*
footer------------------------*/
footer{
	/*position: absolute;*/
	width: 100%; height: 248px;
	bottom: 0; left: 0;
	padding: 20px 0 0;
	background: url(../img/footerBg.jpg) repeat-x;
	overflow: hidden;
	z-index: 999;
}
	footer p{
		width: 100%;
		margin: 0 0 15px;
		padding: 0 0 0 50px;
	}

	.share{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
		.share article{
			display: inline-block;
			margin: 0 5px;
		}
		.mixi-share div{
			width: 70px; height: 20px;
			margin: 3px 0 0;
			overflow: hidden;
		}

/*
TOP ---------------------------*/
.topVideo{
	position: relative;
	width: 100%;
}
	.headBox{
		position: absolute;
		width: 100%; height: 121px;
		bottom: 0; left: 0;
		background: #fff;
	}
		.headBox > h1{
			width: 1006px; height: 328px;
			margin: -207px auto 0;
		}
		.roadshow{
			position: absolute;
			width: 283px; height: 61px;
			top: -75px; left: 30px;
		}
	.top-banner{
		position: absolute;
		width: 203px;
		top: 56px; right: 23px;
	}
		.top-banner > p{
			margin: 5px 0 0;
		}
	.bg{
		position: absolute;
		width: 100%; height: 100%;
		top: 0; left: 0;
		overflow: hidden;
		z-index: -1;
	}
		.dotto{
			position: absolute;
			width: 100%; height: 100%;
			top: 0; left: 0;
			background: url(../img/dotto.png);
			z-index: 2;
		}
		.topBgVideo{
			position: absolute;
			width: 768px; height: 400px;
			top: 0; left: 50%;
			margin: 0 0 0 -384px;
			z-index: 1;
		}


/*
middleBlock-----------------*/
.middleBlock{
	position: relative;
	width: 100%;
	margin: 80px 0 0;
}

	.banner2{
		position: relative;
		width: 952px;
		margin: 0 auto;
		z-index: 6;
	}
		.banner2 li{
			display: inline-block;
			margin: 0 5px 10px;
		}
	.kv{
		position: relative;
		width: 100%;
		margin: -129px 0 0;
		overflow: hidden;
		z-index: 5;
	}

/*
bottomBlock----------------*/
.bottomBlock{
	width: 100%;
}
	.bottomBlock ul{
		width: 100%;
		border-top: 10px solid #000;
	}
	.bottomBlock li:nth-child(odd){
		display: inline-block;
		border-bottom: 10px solid #000;
		border-left: 10px solid #000;
		border-right: 5px solid #000;
		background: #000;
	}
	.bottomBlock li:nth-child(even){
		display: inline-block;
		border-bottom: 10px solid #000;
		border-left: 5px solid #000;
		border-right: 10px solid #000;
		background: #000;
	}
		.bottomBlock li > img{
			opacity: 0.3;
		}


.gtBtn{
	position: fixed;
	display: none;
	width: 72px; height: 82px;
	bottom: 14px; right: 100px;
	cursor: pointer;
	z-index: 100;
}


/*
Trailer 
------------------------------------------------*/
#tr_btn li {
  display: inline-block;
}
#tr_btn{
  position: absolute;
  width:1000px;
  height:90px;
  margin: 0;
  padding: 0;
  bottom: -90px;
  background:#000;
}
#tr_btn .normal {
  display: block;
  width: 333px;
  height: 23px;
  padding-top: 7px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  font-weight: 200;
  text-decoration: none;
}
#tr_btn .normal2 {
  display: block;
  width: 250px;
  height: 23px;
  padding-top: 7px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  font-weight: 200;
  text-decoration: none;
}
#tr_btn .onair {
  color: #000;
  background: #39d70a;
}
#tr_btn a:hover{
  color: #000;
  background:#39d70a;
}