@charset "utf-8";
/* core	================================================	*/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #ffffff;
	text-align: center;
	background: #252626;
}

a{
	color: #00f7c6;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#wrapper {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

header {
	width:980px;
	height: 250px;
	margin:0 auto;
	position: relative;
	z-index:10;
}

header h1 {
	width: 274px;
	height: 39px;
	position: absolute;
	top: 24px;
	left: -18px;
}

header h1 a {
	display: block;
	width: 274px;
	height:0;
	padding-top: 39px;
	overflow: hidden;
	background-image:url(../img/common/head/logo.png)
}

header .url {
	width: 142px;
	height: 25px;
	position: absolute;
	left: -1px;
	top: 75px;
}

header .sns {
	width: 128px;
	height: 29px;
	position: absolute;
	top: 126px;
	left: -2px;
}

header .sns li {
	width: 29px;
	height: 29px;
	display: inline;
	float:left;
	margin-right: 7px;
	position: relative;
}

header .sns li.en{
	margin-left:20px;
}

header .sns li img{
	position: relative;
}

header .sns li .circle {
	width: 29px;
	height: 29px;
	position: absolute;

	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}

header .sns li:hover .circle {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
}

header nav {
	width: 190px;
	height: 111px;
	overflow: hidden;
	position: absolute;
	left: 296px;
	top: 30px;
}

header nav li{
	width: 75px;
	height: 11px;
	display: inline;
	float: left;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

header nav li.nav04,
header nav li.nav06,
header nav li.nav08{
	width: 97px;
}

header nav li.nav09{
	width: 105px;
}

header nav li.select {background-position: 0 -11px}
header nav li.nav01{background-image: url(../img/common/head/menu/top.png);}
header nav li.nav02{background-image: url(../img/common/head/menu/onair.png);}
header nav li.nav03{background-image: url(../img/common/head/menu/news.png);}
header nav li.nav04{background-image: url(../img/common/head/menu/chara.png);}
header nav li.nav05{background-image: url(../img/common/head/menu/intro.png);}
header nav li.nav06{background-image: url(../img/common/head/menu/staffcast.png);}
header nav li.nav07{background-image: url(../img/common/head/menu/story.png);}
header nav li.nav08{background-image: url(../img/common/head/menu/movie.png);}
header nav li.nav09{background: url(../img/common/head/menu/menu.png) no-repeat -75px -125px;}
header nav li.nav09.select{background: url(../img/common/head/menu/menu.png) no-repeat -75px -136px;}
header nav li.nav10{background: url(../img/common/head/menu/menu.png) no-repeat -75px -75px;}
header nav li.nav10.select{background: url(../img/common/head/menu/menu.png) no-repeat -75px -86px;}

header nav li a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 11px;
	overflow: hidden;
}

header .line {
	width: 1px;
	height: 3px;
	background: #00f7c6;
	position: absolute;
	top: 2px;
}

header .line.line1 {left:-1px;}
header .line.line2 {left:300px;}
header .line.line3 {left:505px;}

header .onair {
	position: absolute;
	top:30px;
	left: 505px;
	text-align: left;
}

header .onair .onair1,
header .onair .onair2 {
	height: 25px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

header .onair p.txt{
	width: 100%;


	position: relative;
	overflow: hidden;
}

header .onair p .cover {
	position: absolute;
	left: 0;
	top: 0;
	height:25px;
	overflow: hidden;
	display: none;
}

header .onair p .cover2 {
	position: absolute;
	left: -5px;
	top: 0;
}
footer{
	width:100%;
	background: #ffffff;
	padding-bottom: 40px;
	background: url(../img/common/foot/slash.png) no-repeat center top #ffffff;
}

.footerMain {
	width: 980px;
	margin: 0 auto;

	padding-top: 39px;
	position: relative;
}

.footerMain .footLeft {
	width: 185px;
	float: left;
	margin-right: 45px;
}

.footerMain .logo {
	margin-bottom: 24px;
}

.footerMain nav {
	width: 180px;
	height: 86px;
	margin-bottom: 26px;
}

.footerMain nav li{
	width: 75px;
	height: 11px;
	display: inline;
	float: left;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.footerMain nav li.nav04,
.footerMain nav li.nav06,
.footerMain nav li.nav08{
	width: 92px;
}
.footerMain nav li.nav09{
	width: 99px;
	height: 16px;
}

.footerMain nav li.nav01{background-image: url(../img/common/foot/menu/top.png);}
.footerMain nav li.nav02{background-image: url(../img/common/foot/menu/onair.png);}
.footerMain nav li.nav03{background-image: url(../img/common/foot/menu/news.png);}
.footerMain nav li.nav04{background-image: url(../img/common/foot/menu/chara.png);}
.footerMain nav li.nav05{background-image: url(../img/common/foot/menu/intro.png);}
.footerMain nav li.nav06{background-image: url(../img/common/foot/menu/staffcast.png);}
.footerMain nav li.nav07{background-image: url(../img/common/foot/menu/story.png);}
.footerMain nav li.nav08{background-image: url(../img/common/foot/menu/movie.png);}
.footerMain nav li.nav09{background-image: url(../img/common/foot/menu/package.png);}
.footerMain nav li.nav10{background-image: url(../img/common/foot/menu/music.png);}

.footerMain nav li a{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 11px;
	overflow: hidden;
}

.footNews {
	width: 400px;
	float:left;
	padding-top: 12px;
	text-align: left;
	color: #252526;
	margin-right: 55px;
}

.footNews h3 {
	padding-left: 21px;
	margin-bottom: 20px;
	line-height: 0;
}

.footNews li {
	padding-left: 21px;
	background: url(../img/common/foot/newsLine.gif) no-repeat 0 3px;
	margin-bottom: 15px;
}

.footNews li p,
.footNews li p a{
	color: #252526;
	font-size: 10px;
	line-height: 14px
}

.footNews li p.title {
	margin-bottom: 5px;
}

.footNews li p.date {
	font-style: italic;
}

.footTweet {
	width: 295px;
	float: left;
	text-align: left;
	position: relative;
}

.footTweet h3 {
	margin-bottom: 24px;
}

.footTweet .tweetNav {
	width: 36px;
	height: 18px;
	position: absolute;
	left: 259px;
	top: 3px;
}

.footTweet .tweetNav p{
	width: 18px;
	height: 18px;
	float: left;

}

.footTweet .tweetNav p:hover{
	cursor: pointer;
}

.footTweet ul {
	width: 295px;
	min-height: 140px;
	position: relative;
	overflow: hidden;
}
.footTweet li{
	width: 295px;
	font-size: 10px;
	color: #252526;
	position: absolute;
	left: 295px;
	top:0;
}

.footTweet li span,
.footTweet li span a{
	color: #252526;
	font-size: 10px;
	line-height: 14px
}

.footTweet li:first-child{
	left:0;
}

.bannerWrap {
	width: 100%;
	padding-bottom: 20px;
	position: absolute;
	left:0;
	top:-103px;
	z-index: 30;
}

.bannerWrap .line{
	width: 100%;
	height: 2px;
	position: absolute;
	left:0;
	bottom: 18px;
	background: #00f7c6;
}

.bannerArea {
	width: 100%;
	height: 103px;
	background: url(../img/common/banner/bg.png)
}

.bannerArea ul {
	width: 980px;
	margin: 0 auto;
}

.bannerArea ul li {
	width: 280px;
	height: 100px;
	display: inline;
	float: right;
}

#floatboxWrapper {
	width: 100%;
	min-width: 980px;
	min-height: 550px;
	height: 100%;
	position: fixed;
	left:0;
	top: 0;
	z-index: 10000;
	display: none;
}

#floatboxWrapper #floatboxBg{
	position: fixed;
	left:0;
	top: 0;
	background: url(../img/common/bgCover.png);
	width: 100%;
	height: 100%;

}

#floatboxWrapper .playerWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 680px;
	height: 440px;
	margin-left: -340px;
	margin-top: -220px;
}

.bgCircleWrap {
	width: 980px;
	height: 1308px;
	position: fixed;
	left: 50%;
	top:0;
	margin-left: -490px;
	z-index: -1
}

.bgCircleWrap #circleL {
	width: 1267px;
	height: 1267px;
	position: absolute;
	left: 150px;
	top: -332px;
}

.bgCircleWrap #circleL p{
	width: 1267px;
	height: 1267px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
}

.bgCircleWrap #circleL p.circle1{background-image:url(../img/common/circle/L/circle01.png)}
.bgCircleWrap #circleL p.circle2{background-image:url(../img/common/circle/L/circle02.png)}
.bgCircleWrap #circleL p.circle3{background-image:url(../img/common/circle/L/circle03.png)}
.bgCircleWrap #circleL p.circle4{background-image:url(../img/common/circle/L/circle04.png)}
.bgCircleWrap #circleL p.circle5{background-image:url(../img/common/circle/L/circle05.png)}

#circleL.round p.circle1, #circleL.round p.circle3, #circleL.round p.circle5,
#circleS.round p.circle2, #circleS.round p.circle4, #circleS.round p.circle6, #circleS.round p.circle8{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
#circleL.round p.circle2, #circleL.round p.circle4,
#circleS.round p.circle1, #circleS.round p.circle3, #circleS.round p.circle5, #circleS.round p.circle7 {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
}


.bgCircleWrap #circleS {
	width: 551px;
	height: 551px;
	position: absolute;
	left: -153px;
	bottom: 0;
}

.bgCircleWrap #circleS p{
	width: 551px;
	height: 551px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
}

.bgCircleWrap #circleS p.circle1{background-image:url(../img/common/circle/S/circle01.png)}
.bgCircleWrap #circleS p.circle2{background-image:url(../img/common/circle/S/circle02.png)}
.bgCircleWrap #circleS p.circle3{background-image:url(../img/common/circle/S/circle03.png)}
.bgCircleWrap #circleS p.circle4{background-image:url(../img/common/circle/S/circle04.png)}
.bgCircleWrap #circleS p.circle5{background-image:url(../img/common/circle/S/circle05.png)}
.bgCircleWrap #circleS p.circle6{background-image:url(../img/common/circle/S/circle06.png)}
.bgCircleWrap #circleS p.circle7{background-image:url(../img/common/circle/S/circle07.png)}
.bgCircleWrap #circleS p.circle8{background-image:url(../img/common/circle/S/circle08.png)}

#mainWrap {
	width: 100%;
	background: url(../img/common/bg_pattern.png) repeat center top;
	position: relative;
	overflow: hidden;
}
#mainWrap .moveLine {
	width: 100%;
	background: #3b3b3b;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#mainWrap .moveLine.line1, #mainWrap .moveLine.line2{
	height:1px;
}
#mainWrap .moveLine.line3{
	height:2px;
}
#mainWrap .moveLine.line4{
	height:6px;
}

#main {
	width: 980px;
	margin: 0 auto;
	min-height: 500px;
	text-align: left;
	padding: 48px 0;
}

footer .linkBanner {
	margin-left: 170px;
    margin-top: 30px;
}

footer .linkBanner h3{
    margin-bottom: 25px;
    text-align:left;
    margin-left:20px;
}

footer .linkBanner li {
	margin-bottom: 15px;
    display: inline;
    float: left;
    margin-right: 20px;
}