@charset "UTF-8";
/* CSS Document */
.sp {
	display: none;	
}
.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}


html, body {
	font-size: 14px;
	line-height: 150%;
	height: 100%;
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;

}
body {
	background:#003;
	background-attachment: fixed;
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	display:none;
	
}

#wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background:rgba(0,0,51,0.8);
	

}
.inner {
	width:920px;
	margin-right: auto;
	margin-left: auto;
}

.clearText {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/*************************
*social
*************************/
#social{
	text-align: center;
	height:30px;
	width:960px;

	
}
#social li{ display:inline-block; vertical-align:middle;}
#twt{ width:68px; display:inline-block; overflow:hidden;}

/*************************
*ヘッダー
*************************/
#logo {
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 241px;
	width: 960px;
}


/*************************
*イベントバナー
*************************/
.evnt_bnr {
	width: 640px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../img/bnr_event.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
}



/*************************
*ラインナップ
*************************/
.newArea {
	padding: 10px;
	margin-bottom : 10px;
	background:#FFF;
	color:#000;
	position: relative;
	box-sizing: border-box;
	text-align: left
}
.newArea .item {
	position: absolute;
	width: 80px;
	height:24px;
	right:10px;
	top:10px;
	margin-bottom:5px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	font-size: 16px;
	line-height:100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top:4px;
	box-sizing:border-box;
}
.newArea .jkt_area {
	width: 280px;
	height: 280px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:auto 100%;
	margin-bottom:10px;
	float: left;
}
.newArea .data_area {
float: right;
width: 600px;
/*background: #cccccc;*/
text-align: left;

}
.newArea h3 {
border-top:1px solid #000000;
padding-top: 10px;
font-size: 18px;
line-height: 180%;
}

.newArea .data_area .sub {
font-size: 16px;
}
.newArea .data_area .date {
font-size: 18px;
color:#cc0000;
}
.newArea .data_area p {
padding: 5px 15px 5px 5px;
}
.newArea .data_area .title_area2 {
width: 580px;
padding: 0 !important;
margin-bottom:10px;
margin-top:10px;
}
.newArea .data_area .newTitle {
margin-left: 60px;
}
.newArea .data_area .detail_link {
	width:600px;
	height:30px;
	background:#C00;
	text-align:right;
	padding-right:10px;
	box-sizing:border-box;
	font-weight:bold;
	font-size:16px;
	padding-top:7px;
	bottom: 18px;
	position: absolute;
}

.detail_link a {
	color: #FFF;
	text-decoration: none;
}

.list {
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
	margin-bottom : 15px;
}
.list ul li {
	float:left;
	width:300px;
	margin-right:10px;
	margin-bottom:10px;
	background:#FFF;
	color:#000;
}
.list ul li:nth-child(3n) { 
margin-right:0px;
}

.list ul li .item {
	width: 80px;
	height:24px;
	margin-right:10px;
	margin-left: 210px;
	margin-top:10px;
	margin-bottom:5px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	font-size: 16px;
	line-height:100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top:4px;
	box-sizing:border-box;
}



.CD {
	background:#C00;
}

.DVD {
	background:#039;
}
.new {
	width: 60px;
	height: 60px;
/*	margin-right: 10px;*/
	margin-left: -5px;
/*	margin-top: -20px;*/
	box-sizing: border-box;
	position: absolute;
	background-image: url(../img/new.png);
	background-repeat: no-repeat;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.jkt_area {
	width: 280px;
	height: 280px;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size:auto 100%;
	margin-bottom:10px;
}
.title_area {
	width:280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	font-weight:bold;
}
.detail_link {
	width:300px;
	height:30px;
	background:#C00;
	text-align:right;
	padding-right:10px;
	box-sizing:border-box;
	font-weight:bold;
	font-size:16px;
	padding-top:7px;
}
.detail_link a {
	color: #FFF;
	text-decoration: none;
}
/*************************
*カラオケバトルとは
*************************/
.explanation {
	background:#FFF;
	padding:10px;
	box-sizing:border-box;
}
#ph01 {
	background-image: url(../img/ph01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 208px;
	width: 293px;
}
#ph02 {
	background-image: url(../cd_5th_anniversary/img/ph00.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 208px;
	width: 293px;
	background-size: cover;
}
.explanation #text {
	padding-left:315px;
	width:585px;
	color:#000;
	margin-top:-208px;
}
.explanation .item {
	width: 130px;
	height: 24px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	box-sizing: border-box;
	background-color: #000;
}
.explanation #text ul li {
	display: inline-block;
	margin-right:10px;
}
#OA_info {
	font-size:18px;
	color:#C00;
	font-weight:bold;
}
.explanation h3 {
	background-image: url(../img/h3_battle.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	/*width: 480px;*/
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/*************************
*フッター
*************************/
footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding-bottom:30px;
	text-align:center;
	font-size:13px;
	line-height:150%;
	color:#FFF;
}