html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: middle;}
ul, ol, dl, li, dt, dd { list-style: none; padding: 0; margin: 0;}
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline : 0 ;text-decoration: none; }
a { color: #000; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #666; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
a:hover img {opacity: 0.9; filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";}
.flLeft {float:left;}
.flRight {float:right;}
.flClear {clear:both;}
.clearfix:after {content: '';  display: block;  clear: both;}
.clearfix {/zoom : 1;}

html { background: #000;}
body { font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; -webkit-text-size-adjust: 100%; width: 100%;}
#wrapper { margin: 0 auto; width: 100%;}

.drawer_header{height:25px; padding: 10px; margin: 0 auto; text-align: center;}
.drawer_header .btn_cloce{ position: absolute; right: 12px; top: 10px;}
.drawer_header .btn_cloce img{width: 25px;}
.drawer-toggle p{ text-align: center; background: #e4007e; height: 44px; line-height: 44px; font-weight: bold;}
.drawer-toggle a{ color: #eee; }

#header {
	width: 100%;
	background: #000;
	z-index: 10;
}
#header .header_menu{
	padding:10px;
	height: 25px;
	position: relative;
}
#header .header_menu .logo{
	float: left;
	position: absolute;
	z-index: 100;
}
#header .header_menu .logo a img{
	margin: -5px 0 0 0;
}
#header .header_menu .sound{
	position: absolute;
	top: 9px;
	right: 50px;
}

#footer {clear:both; margin: 0 auto; background-color: #e4007e;}
#footer .bnr{margin: 10px 0 20px; text-align:center;}
#footer .bnr li{margin:10px 0;}
#footer .heiwa{margin: 10px 0 0; text-align:center;}
#footer .copy{color: #fff; font-size: 12px; text-align:center; padding: 10px 0 15px 0;}

.menu{
	background:#000;
	background: linear-gradient(to bottom, #666, #000 5%, #000 95%, #666 100%);
	padding: 5px 0;
}
.menu li{ 
	position: relative;
	background:url(../img/menu_line.png) no-repeat center bottom;
}
.menu li:last-child{
	background:none;
}
.menu li:after {
	content: url(../img/menu_arrow.png);
	position: absolute;
	right: 15px;
	top:0px;
	-webkit-transform: scale(0.5); -moz-transform: scale(0.5); 
	 z-index: 1;
}
.menu li a {  
	display:block;
	height: 40px;
} 
.menu img{
	width: 170px;
	padding:9px 0 0 40px;
}
.menu li:before {
	content: url(../img/menu_icon.png);
	position: absolute;
	top: -7px;
	-webkit-transform: scale(0.5); -moz-transform: scale(0.5); 
	 z-index: 1;
}

.container_index{
 
    background: #000;
}

.container_sound{
margin: 0 auto;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin: -195px 0 0 -133px;
}
.container_sound .img{
margin-bottom: 27px;
}
.container_sound .btn img{ 
margin: 0 20px;
}

.push{
	position: relative;
}
.push .count{
	position: absolute;
	left: 0;
	top: 8px;
	background: url("../img/index/push_count.png") no-repeat top center;
	background-size: 165px;
	height:75px;
	width:165px;
	padding: 34px 0 0 20px;
}
.push .count_{
	position: absolute;
	left: 0;
	top: 8px;
	background: url("../img/index/push_count_.png") no-repeat top center;
	background-size: 165px;
	height:75px;
	width:165px;
	padding: 34px 0 0 20px;
}
.numb span {
text-indent: -9999px;
height: 47px;
padding: 0 3px;
float: left;
display: block;
}
.numb span.num1 {
background: url(../img/index/push_1.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num2 {
background: url(../img/index/push_2.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num3 {
background: url(../img/index/push_3.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num4 {
background: url(../img/index/push_4.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num5 {
background: url(../img/index/push_5.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num6 {
background: url(../img/index/push_6.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num7 {
background: url(../img/index/push_7.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num8 {
background: url(../img/index/push_8.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num9 {
background: url(../img/index/push_9.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.numb span.num0 {
background: url(../img/index/push_0.png) no-repeat left top;
width: 15px;
background-size: 20px;
}
.push .txt{
	position: absolute;
	right: 10px;
	top: 18px;
	background: url("../img/index/push_txt_bg.png") no-repeat top center;
	background-size: 140px;
	color: #fff100;
	text-align: center;
	font-size: 10px;
	height:60px;
	width:140px;
	font-weight: bold;
}
.push .meter{
	position: absolute;
	left: 50%;
	bottom: 10px;
	background: url("../img/index/push_meter.png") no-repeat bottom center;
	background-size: 222px;
	color: #fff100;
	text-align: center;
	height:98px;
	width:222px;
	margin-left: -111px;
}
.push .meter .bar{
	float: left;
	margin: 22px 0 0 14px;
}
.push .meter .btn{
	float: right;
	margin: -5px 10px 0 0;
}

.marquee{
	color: #fff100;
	background: url("../img/index/push_marquee.png") repeat-x top center;
	background-size: 5px;
	height:35px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	
}

.container{
	background: #000;
}
.team_tab{
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	background:#000;
	background: linear-gradient(to bottom, #666, #000 10%, #000 90%, #666 100%);
	padding: 5px 0 0;
}
.team_tab li{
	display: table-cell;
	border-left:1px solid #666;
	padding: 5px 0;
}
.team_tab li:hover, .team_tab li.hover{
	background:#d10087;
	background: linear-gradient(to bottom, #d10087, #d10087 85%, #bf599b 100%);
}
.team_list{
	display: table;
	margin: 20px auto ;
	border-collapse: collapse;
	background-color: #e4007e;
	box-shadow:0 0 5px #333, 0 0 5px #666, 0 0 1px #999;
	-webkit-box-shadow:0 0 5px #333, 0 0 5px #666, 0 0 1px #999;
	-moz-box-shadow:0 0 5px #333, 0 0 5px #666, 0 0 1px #999;
}
.team_list li{
	display: table-cell;
	border: 2px #e4007e solid;
}

.container .main{
	background: #bc0f68;
	display: table;
	width: 100%;
}
.container .main p{
	color: #fff;
	padding: 10px 10px 0 10px;
	font-size: 13px;
}
.container .white{
	background-color: rgba(255,255,255,0.8);
	margin:10px;
	padding:10px;
	text-align: center;
}
.container .white .name{
	margin:10px;
}
.team_a{
	background: url("../img/team_a/bg_.png");
	background-size: 10px;
	overflow: hidden;
}
.team_b{
	background: url("../img/team_b/bg_.png");
	background-size: 10px;
	overflow: hidden;
}
.team_c{
	background: url("../img/team_c/bg_.png");
	background-size: 10px;
	overflow: hidden;
}
.team_d{
	background: url("../img/team_d/bg_.png");
	background-size: 10px;
	overflow: hidden;
}
.team_e{
	background: url("../img/team_e/bg_.png");
	background-size: 10px;
	overflow: hidden;
}
.team_a p{ color: #f79f00; font-size: 13px;font-weight: bold; text-align: left; }
.team_b p{ color: #f089c0; font-size: 13px;font-weight: bold; text-align: left; }
.team_c p{ color: #58147f; font-size: 13px;font-weight: bold; text-align: left; }
.team_d p{ color: #6dc996; font-size: 13px;font-weight: bold; text-align: left; }
.team_e p{ color: #8959a4; font-size: 13px;font-weight: bold; text-align: left; }

#a1{background-image: url(../img/team_a/11.png);}
#a2{background-image: url(../img/team_a/21.png);}
#a3{background-image: url(../img/team_a/31.png);}
#a4{background-image: url(../img/team_a/41.png);}
#a5{background-image: url(../img/team_a/51.png);}
#b1{background-image: url(../img/team_b/11.png);}
#b2{background-image: url(../img/team_b/21.png);}
#b3{background-image: url(../img/team_b/31.png);}
#b4{background-image: url(../img/team_b/41.png);}
#b5{background-image: url(../img/team_b/51.png);}
#c1{background-image: url(../img/team_c/11.png);}
#c2{background-image: url(../img/team_c/21.png);}
#c3{background-image: url(../img/team_c/31.png);}
#c4{background-image: url(../img/team_c/41.png);}
#c5{background-image: url(../img/team_c/51.png);}
#d1{background-image: url(../img/team_d/11.png);}
#d2{background-image: url(../img/team_d/21.png);}
#d3{background-image: url(../img/team_d/31.png);}
#d4{background-image: url(../img/team_d/41.png);}
#d5{background-image: url(../img/team_d/51.png);}
#e1{background-image: url(../img/team_e/11.png);}
#e2{background-image: url(../img/team_e/21.png);}
#e3{background-image: url(../img/team_e/31.png);}
#e4{background-image: url(../img/team_e/41.png);}
#e5{background-image: url(../img/team_e/51.png);}

.content{
display: block;
width: 220px;
height:250px;
margin:0 auto;
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: 220px;
}

.content ul{
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.content li{
	display: table-cell;
	padding:225px 0 0;
}
.content .voice{
	position: absolute;
	left: 20px;
}
.container .sub{ text-align: center;}
.container .sub .btn{ margin: 20px;}
.container .movie{padding:0 10px 20px;}
.container .movie img{margin:10px 0 0;}
.container .movie p{margin:-5px -10px 0;}
.container .download{padding:20px 0px; text-align: center;}
.container .wallpaper{width:320px; margin: 10px auto 40px; display: table;}
.container .wallpaper li{float: left; height: 150px;}
.container .wallpaper img{padding:10px 1px 0 12px;}
.container .wallpaper p{margin:-7px -10px 0 2px; width: 142px; font-size: 11px;}
.container .wallpaper_{width:320px; margin: 10px auto 20px; text-align: center;}
.container .wallpaper_ img{margin:5px 20px;}
.container .main .ttl{width:320px; margin: 10px auto 5px; padding: 0 0 0 10px;}
.container .sns{width:320px; margin: 0 auto 15px; display: table;}
.container .sns li{float: left; margin: 0 0 8px 8px;}