@charset 'UTF-8';


/*���C�A�E�g�p
************************************/
#sign{
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-188px;
	margin-top:-256px;
	z-index:5;
	width:376px;
	height:512px;
	background:url(../img/Sign.png) no-repeat;
}

#menu{
	height:70px;	
}
#menu nav ul{
	height:42px;
}
#menu nav ul li{
	float:left;
	font-size:16px;
	margin:0 5px;
	line-height:1.5em\9;
}
#menu nav ul li .icon-arrow{
	margin-top:5px;
}
#menu nav ul li.home{
	overflow:hidden;
	text-indent:-9999px;
	width:50px;
}
#menu nav ul li.home .icon-arrow{
	position:absolute;
	top:2px;
	left:10px;
	margin:0;
	width:40px;
	height:40px;
	background:url(../img/icon_home.png) center center no-repeat;
	background-size:40px;
}
#menu nav ul li.funclub{
	float:right;
}
#menu nav ul li a{
	display:block;
	padding:11px;
	color:#fff;
	text-decoration:none;
}
#menu nav ul li a:hover{
	background:#2da3b8;
}
footer{
	height:30px;
}
footer small{
	display:block;
	position:absolute;
	text-align:right;
	padding-left:10px;
	right:10px;
	bottom:5px;
	font-size:10px;
	width:28%;
	color:#bbb;
}

#tweet{
	position: fixed;
	bottom:0;
	width:70%;
	margin:0;
	padding:0;
	z-index:200 !important;
}

#tweet .icon-tweet{
	width:46px; height:46px;
	background:url(../img/icon_tweet.png) center center no-repeat;
	float:left;
}
#tweet .fukidashi{
	position:relative;
	font-size:10px;
	border-radius:3px;
	background:#000;
	background:rgba(255,255,255,0.2);
	width:80%;
	margin:5px 0 5px 60px;
	padding-bottom:3px;
}
#tweet .fukidashi:after{
	position: absolute;
	top:17px;
	left:-5px;
	content: ""; width: 0; height: 0;
	border-right: 5px solid #000;
	border-right: 5px solid rgba(255,255,255,0.2);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
#tweet .fukidashi hgroup{
	margin:0;
	padding:0;
	height:21px;
}

#tweet .fukidashi h3{
	float:left;
	font-size:10px;
	margin:0;
	padding:5px 0 0 5px;
	font-weight:normal;
}
#tweet .fukidashi h3 a{
	text-decoration:none;
}
#tweet .fukidashi h3 a:hover{
	text-decoration:underline;
}
#tweet .fukidashi h4{
	float:right;
	margin:2px 5px 0 0;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#aaa;
}

#tweet .fukidashi p{
	margin:0px;
	white-space: normal;
	height:40px;
	overflow:auto;
	padding:5px;
}
/* �X�V���� */
#topics{
	font-size:14px;
	z-index:5;
	position:absolute;
	width:380px;
	background:rgba(0,0,0,0.7);
	border:1px solid #333;
	border-radius:5px;
	right:5%;
	top:5%;
	padding:10px;
}
#topics h2{
	margin:0 0 10px 0;
	font-family: "�q���M�m���� ProN W6","HiraMinProN-W6","�l�r �o����","MS PMincho";
}
#topics p{
	margin:0 0 10px 0;
	padding:0;
}
#whatsnew{
	font-size:11px;
	z-index:5;
	position:absolute;
	width:400px;
	background:rgba(0,0,0,0.7);
	border:1px solid #333;
	border-radius:5px;
	right:5%;
	top:5%;
}
#whatsnew h2{
	margin:0;
	padding:5px;
	font-size:12px;
	font-weight:normal;
}
#whatsnew table{
    border-collapse: collapse;
    border-spacing: 0;

}
#whatsnew th,
#whatsnew td{
	 padding:3px;
	vertical-align:top;
	border-top:1px solid #666;
}
#whatsnew td.stamp{
	text-align:right;
	width:52px;
	color:#c2ff1d;
}
#whatsnew .more{
	text-align:right;
	border-top:1px solid #666;
	margin:0;
	padding:5px;
}
#whatsnew a:hover{
	text-decoration:underline;
}
/* �X�V������܂� */


#disco .main-warp{
	margin-left:180px;
	margin-top:85px;
	padding-bottom:130px;
}
div.disc-case{
	width:100px;
	height:146px;
	padding:4px 6px;
	margin:7px 9px;
}
div.case-big{
	width:230px;
	height:314px;
}
div.case-video{
	height:185px;
}
div.case-video-big{
	width:230px;
	height:375px;
}

div.case-big h2.album-title{
	margin:7px 0;
	font-size:18px;
}
div.case-big h3.sub-scription{
	position:absolute;
	bottom:5px;
	text-align:center;
	width:100%;
}
.disc-box div.disc-case{
	float:left;
}
.disc-box div.disc-spec{
	float:left;
	margin:7px 9px;
	width:60%;
	font-size:14px;
	line-height:1.6em;
}
.disc-box div.disc-spec h3{
	margin:0;
	padding:7px 0;
	font-size:15px;
	float:left;
	line-height:1.2em;
}
.disc-box div.disc-spec .caption{
	display:block;
	margin:0 0 0 2px;
	font-size:12px;
}
.disc-box div.disc-spec .spec-element{
	width:230px;
	margin-top:5px ;
	margin-right:45px;
	float:left;
	line-height:1.4em;
}
.disc-box div.disc-spec .spec-element:nth-child(3){
	margin-right:0;
}
.disc-box div.disc-spec .spec-element hr{
	margin-top:15px;
	margin-bottom:10px;
	height:1px;
	border: 0;
	border-bottom:1px dashed rgba(255,255,255,0.5);
}
.disc-box div.disc-spec .spec-element-wide,
.disc-box div.disc-spec .spec-element-with-case{
	clear:both;
	margin-top:5px ;
	width:auto;
	margin-bottom:25px ;
	line-height:1.4em;
}
.disc-box div.disc-spec .spec-element h5,
.disc-box div.disc-spec .spec-element-with-case > h5,
.disc-box div.disc-spec .spec-element-wide h5{
	margin:0;
	font-size:12px;
}
.disc-box div.disc-spec .spec-element-with-case > h5{
	padding-top:15px;
}

.spec-element ol.numbers,
.spec-element-with-case ol.numbers,
.spec-element-wide ol.numbers{
	margin-top:3px ;
	padding-left:2.5em;
	line-height:1.4em;
}
.disc-box div.disc-spec .spec-element-with-case .disc-case{
	padding-top:0px;
	height:auto;
}
.disc-box div.disc-spec .spec-element-with-case ol.numbers{
	margin-top:10px;
	float:left;
}
.joint{
	float:left;
	width:200px;
	margin-right:20px	
 }
.disc-box div.disc-spec .other-info{
	margin:5px 0 0 20px;
	padding:0;
	float:left;
	width:250px;
}
.disc-box .stores{
	margin:7px 9px;
	float:right;
}

/* �o�C�I�O���t�B
------------------------*/

body#bio hgroup.head,
body#news hgroup.head,
body#disco hgroup.head{
	position:fixed;
	width:100%;
	z-index:20;
	top:0;
}

/* Bio
--------------------------- */
#bio-list{
	position:absolute;
	padding-bottom:300px;
}
.bio-data,
.bio-menber{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.bio-menber{
	padding-left:150px;
	padding-bottom:20px;
}
.bio-data li{
	padding:2px 2px 2px 150px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	line-height:1.8em;
	margin-bottom:2px;
	opacity:0.75;
	font-size:14px;
}
.bio-menber li{
	float:left;
	text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	margin-right:50px;
}
.bio-data li:hover{
	opacity:1;
}
.bio-data li time{
	display:block;
	width:130px;
	float:left;
}
.bio-data li span.bio-text{
	display:block;
	margin-left:130px;
}

/* news
--------------------------- */
#news .news-body{
	margin-top:50px;
	position:absolute;
	z-index:10;
	padding:4%;
	padding-bottom:200px;
	width:100%;
}
.news-box{
	border:1px solid #777;
	border-radius:10px;
	background:rgba(0,0,0,0.65);
	width:92%;
	font-size:12px;
	margin-bottom:50px;
}
.news-box .news-title {
	padding:10px;
	border-bottom:4px solid #ccc; 
}
.news-box .news-title h2{
	margin:0;
	font-size:14px;
	font-family: "�q���M�m���� ProN W6","HiraMinProN-W6","�l�r �o����","MS PMincho";
}
.news-box .news-title h3{
	margin:0;
	font-size:10px;
}
.news-box .body{
	padding:10px;
}
.news-box .body:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.news-box .key-img img{
	width:100%;
	height:auto;
}
.news-box  .left{
	width:48%;
	float:left;
	margin-right:2%;
}
.news-box  .right{
	width:48%;
	float:right;
	margin-left:2%;
}
.news-box h3.big-title{
	margin-top:0;
	font-size:40px;
	font-family: serif;
}
.news-box p.big{
	font-size:18px;
	line-height:1.8em;
	font-family: serif;
}


.news-box .copy-pad{
	padding-left:10px;
}
.news-box .value-norm{
	font-weight:bold;
	font-size:16px;
/*	color:#ffc600;*/
	color:#fff;
}
.news-box em{
	font-style: normal;
	color:#ffc600;
}
.news-box p.mini-elem{
	padding:0;
	margin:0 0 10px 0;
}
.news-box h4.mini-title{
	margin:0 0 2px 0;
}
.news-box dl{
	margin:0;
	padding:0;
}
.news-box dl dt{
	padding:2px;
	clear:both;
	float:left;
	width:120px;
	text-align:right;
	border:1px solid #rgba(0,0,0,0);
	line-height:1.3em;
}
.news-box dl dd{
	margin-left:125px;
	padding:2px;
	border:1px solid #rgba(0,0,0,0);
	line-height:1.3em;
}

#tweet{
	display:none;
}