
/*���C�A�E�g�p
************************************/


#menu nav ul li{
	position:relative;
	float:left;
	margin:0 0px;
	width:68px;
	text-align:center;
	font-size:8px;
	padding:0;
}
#menu nav ul li.funclub{
	float:right;
}
#menu nav ul li.home {
	width:auto;
}
#menu nav ul li.disco {
	width:74px;
}
#menu nav ul li.home .icon-arrow{
	position:absolute;
	bottom:13px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	background:#000 url(../img/icon_home.png) center center no-repeat;
	background-size:40px;
	border-radius:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}

#menu nav ul li.news .icon-arrow{
	position:absolute;
	bottom:13px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	background:url(../img/icon_sm_news.png) center center no-repeat;
	background-size:40px;
	border-radius:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}
#menu nav ul li.disco .icon-arrow{
	position:absolute;
	bottom:13px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	background:url(../img/icon_sm_disco.png) center center no-repeat;
	background-size:40px;
	border-radius:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}
#menu nav ul li.bio .icon-arrow{
	position:absolute;
	bottom:13px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	background:url(../img/icon_sm_bio.png) center center no-repeat;
	background-size:40px;
	border-radius:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}

#menu nav ul li.funclub .icon-arrow{
	position:absolute;
	bottom:13px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	background:url(../img/icon_sm_fun.png) center center no-repeat;
	background-size:40px;
	border-radius:3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}

#menu nav ul li a{
	display:block;
	padding:31px 5px 0px 5px;
	color:#fff;
	text-decoration:none;
}
#menu nav ul li a:hover{
	background:#2da3b8;
}
footer{
	clear:both;
	height:auto;
	text-align:center;
}

#menu small{
	padding-left:10px;
	right:10px;
	bottom:30px;
	font-size:10px;
	color:#fff;
}



#tweet{
	position:absolute;
	top:-152px;
	left:5%;
	width:90%;
	height:150px;
	margin:0;
	padding:0;
	border:#56c3f1 1px solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	background:rgba(0,0,0,0.5);
	z-index:16;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#tweet .icon-tweet{
	cursor:pointer;
	position:absolute;
	top:150px;
	left:50%;
	width:40px; height:40px;
	margin-left:-20px;
	border-radius:0px 0px 3px 3px;
	background:#56c3f1 url(../img/icon_tweet_wt.png) center center no-repeat;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	z-index:20;
}
#tweet .fukidashi{
	position: absolute;
	width:95%;
	height:130px;
	left:2.5%;
	top:8px;
	font-size:10px;
	border-radius:3px;
	background:rgba(255,255,255,0.2);
	padding-bottom:3px;
}

#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{
	clear:both;
	margin:0px;
	white-space: normal;
	height:230px;
	overflow:auto;
	padding:5px;
}

#disco #tweet,
#news #tweet,
#bio #tweet{
	display:none;
}

#whatsnew{
	display:none;
}
#topics{
	font-size:14px;
	z-index:5;
	position:absolute;
	width:80%;
	background:rgba(0,0,0,0.7);
	border:1px solid #333;
	border-radius:5px;
	margin:50px  5% 0 5%;
	padding:5%;
}
/* ���L
----------------------*/
hgroup.head .title{
	width:93%;
}
hgroup.head .title a{
	background:  url(../img/bg_shade_clear.png), -webkit-gradient(linear, left top, left bottom, from(#444444),to(#0a0a0a));
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.75);
}
hgroup h2.alubmu-title{
	clear:both;
	background:rgba(173,0,0,0.8);
	font-size:12px;
	margin:0;
	padding:0;
	height:20px;
	width:100%;
	line-height:20px;
	box-shadow:0px 5px 3px rgba(0,0,0,0.75);
}

/* disco
----------------------*/
#disco .main-warp{
	margin-left:10px;
	margin-top:35px;
	padding-bottom:80px;
}
div.disc-case{
	width:112px;
	height:164px;
	padding:4px 6px;
	margin:7px 13px; 
}

.disc-box{
	position:relative;
	margin-right:10px;
	margin-bottom:100px;
}
.disc-box div.disc-case{
	position:absolute;
	margin:0;
}
.disc-box  .disc-data{
	position:relative;
	left:50%;
	width:50%;
	min-height:172px;
}


 .disc-data .LCD-monitor h3{
	margin-top:3px;
}
.stores li{
	width:130px;
	height:32px;
	float:left;
	background-size:contain;
	margin:0 6px;

}

.disc-case img.video{
	height:75%;
	width:75%;
	margin-left:12.5%;
	
}

.disc-box div.disc-spec .spec-element-with-case{
	margin:15px 0;
}
.disc-box div.disc-spec .spec-element-with-case h5{
	margin:0 0 10px 0;
	font-size:12px;
}
.disc-box div.disc-spec .spec-element-with-case:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.disc-box div.disc-spec .spec-element-with-case .disc-case{
	position:static;
	padding-top:0px;
	height:auto;
	float:left;
}
.disc-box div.disc-spec .spec-element-with-case ol.numbers{
	margin:0;
	padding:0;
	float:right;
	width:45%;
}

/* Bio
--------------------------- */

body#bio hgroup{
	position:relative;
	z-index:10;
}
body#bio hgroup .alubmu-title{
	display:none;
}
body#bio .bg-slide {
/*	display:none;*/
}
body#bio #scroller{
	padding-bottom:200px;
}
body#bio #wrapper{
	top:0;
	padding-top:0px;
	padding-bottom:0px;
}

.bio-menber{
	list-style:none;
	margin:10px 0 0;
	padding:0;
	font-size:12px;
	padding-bottom:20px;
	color:#000;
}
.bio-menber li{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
	padding:5px;
	width:43%;
	background:rgba(0,0,0,0.75);
	color:#fff;
	border-radius:5px;
}

.bio-data{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.bio-data li{
	margin:5px 10px;
	border-radius:5px;
	padding:5px;
}
.bio-data li time{
	display:block;
}
.bio-data li span.bio-text{
	display:block;
}
.old li{
/*	background:rgba(255,0,0,0.75);*/
	background:rgba(255,255,255,0.9);
	color:#000;
	border-left:5px solid red;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.65);
}
.new li{
	background:rgba(255,255,255,0.9);
	color:#000;
	border-left:5px solid #3b90b0;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.65);
}

body#bio .bg-slide li:nth-child(1){background:url(../bio/img/bg_bio_sm_port.jpg) no-repeat;background-size: 100% auto;  }
body#bio .bg-slide li:nth-child(2){background:url(../bio/img/bg_bio_sm_port2.jpg) no-repeat;background-size: 100% auto; }

/* news
--------------------------- */
#news .news-body{
	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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.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{
}
.news-box  .right{
}

.news-box h3.normal-title{
	border:1px solid #999;
	border-radius:5px;
	padding:5px;
}
.news-box h3.big-title{
	border:1px solid #999;
	border-radius:5px;
	padding:5px;
	font-size:24px;
}
.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:90px;
	text-align:right;
	border:1px solid #rgba(0,0,0,0);
	line-height:1.3em;
}
.news-box dl dd{
	margin-left:95px;
	padding:2px;
	border:1px solid #rgba(0,0,0,0);
	line-height:1.3em;
}

ul.bg-slide{
	background:url(../img/v15-sm.jpg) center top;
	background-size:100%;
}

