@charset "UTF-8";
/* CSS Document */

/*====================================================

FileName:common.css

====================================================== */

/*
===== CONTENTS ===========================================

0: BASE BODY
1: HEADER
2: BASIC
3: FOOTER
4: セクションタイトル
5: バナー広告

==========================================================
*/

/* ------------------------------
　0: BASE BODY
------------------------------ */

body{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #000;
}


/* ------------------------------
　1: HEADER
------------------------------ */

#header{
	width: 100%;
	height: 120px;
	margin: 0 auto;
	text-align: center;
	border-top: solid 10px #666;
	background-color: #000;
}

.head_nav{
	width: 1000px;
	height: 120px;
	margin: 0 auto;
	background-color: #000;
}

.img_logo{
	margin: 0;
	padding: 0;
}

.img_nav{
	margin: 0 0 15px 10px;
	padding: 0;
	vertical-align: bottom;
}

.img_navhome{
	margin: 0 0 15px 22px;
	padding: 0;
	vertical-align: bottom;
}

.img_url{
	margin: 0 0 15px 0;
	padding: 0;
	vertical-align: bottom;
}


/* ------------------------------
　2: BASIC
------------------------------ */

#my-slider{
	display:none;
}

#basic{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/basic_bgimg.jpg);
	background-repeat: repeat-x;
}

#main{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.content{
	width: 700px;
	height: 100%;
	margin: 10px 10px 10px 0;
	float: left;
}

.side{
	width: 290px;
	height: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
}

.side1{
	width: 290px;
	height: 300px;
	margin: 0;
}

.side2{
	width: 290px;
	height: 100%;
	margin: 10px 0 0 0;
}

.side25{
	width: 290px;
	height: 100%;
	margin: 0;
}

.side3{
	width: 290px;
	height: 100%;
	margin: 10px 0 0 0;
}


.player1{
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}

.player2{
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.player1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cal_area{
	width: 700px;
	height: 325px;
}

.cal_areaside{
	width: 290px;
	height: 300px;
}

.script_info{
	width: 700px;
	height: 100%;
	margin-bottom: 10px;
	background-color: #fff;
}

.content2{
	width: 700px;
	background-color: #ddd;
}

.content25{
	width: 700px;
	margin: 0 0 10px 0;
	float: left;
	background-color: #fff;
}

.content3{
	width: 250px;
	margin: 0 10px 0 0;
	float: left;
	background-color: #000;
}

.top_news{
	width: 440px;
	height: 440px;
	margin: 0 0 10px 0;
	float: left;
	background-color: #fff;
}

.news_overf{
	width: 440px;
	height: 415px;
	/*overflow-y: auto;*/
	background-color: #fff;	
}

.news{
	width: 400px;
	margin: 10px 20px;
}

.news_con{
	margin-bottom: 10px;
	padding: 20px;
	text-align: left;
	}

.up_info{
	width: 250px;
	height: 260px;
	margin: 0 0 10px 0;
	text-align: center;
	background-color: #fff;	
}

.up_overf{
	width: 250px;
	height: 225px;
	margin: 0 0 10px 0;
	overflow-y: auto;
	background-color: #fff;
}

.up_overf2{
	width: 250px;
	height: 225px;
	margin: 0 0 10px 0;
	background-color: #fff;
}

.up_date{
	margin: 15px 10px 0 20px;
	text-align: left;
	font-size: 11.5px;
}

#blpblog{
	width: 800px;
	height: 2000px;
	text-align: center;
	overflow-y: auto;
}



/* ------------------------------
　3: FOOTER
------------------------------ */

#footer{
	display: table;
	width: 100%;/* 元は1000pxだった */
	height: 25px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #666;
}

.foot_cap{
	display: table-cell;
	color: #fff;
	font-size: x-small;
	vertical-align: middle;	
}

/* ------------------------------
　4: セクションタイトル
------------------------------ */

/* NEW RELEASES ---------------------- */

.sec_title_nr{
	display: table;
	width: 680px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: center;
	background: #cacaca;
}

.sec_title_nr1{
	display: table-cell;
	width: 300px;
	height: 25px;
	text-align: left;
	float: left;
	background: #cacaca;
}

.sec_title_nr2{
	display: table-cell;
	width: 200px;
	height: 22px;
	padding: 0 0 3px 0;
	text-align: right;
	vertical-align: bottom;
	background: #cacaca;
	color: #000;
	font-size: xx-small;
}



/* UPDATE ---------------------- */

.sec_title_ud{
	display: table;
	width: 230px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: center;
	background: #cacaca;
}

.sec_title_ud1{
	display: table-cell;
	width: 115px;
	height: 25px;
	float: left;
	background: #cacaca;
}

.sec_title_ud2{
	display: table-cell;
	width: 115px;
	height: 22px;
	padding: 0 0 3px 0;
	text-align: right;
	vertical-align: bottom;
	background: #cacaca;
	color: #000;
	font-size: xx-small;
}

/* NEWS ---------------------- */

.sec_title_news{
	display: table;
	width: 420px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: center;
	background: #cacaca;
}

.sec_title_news1{
	display: table-cell;
	width: 150px;
	height: 25px;
	text-align: left;
	float: left;
	background: #cacaca;
}

.sec_title_news2{
	display: table-cell;
	width: 250px;
	height: 22px;
	padding: 0 0 3px 0;
	text-align: right;
	vertical-align: bottom;
	background: #cacaca;
	color: #000;
	font-size: xx-small;
}

/* cal ---------------------- */

.sec_title_cal{
	display: table;
	width: 680px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: #cacaca;
}

.sec_title_cal1{
	display: table-cell;
	width: 119px;
	height: 25px;
	float: left;
	background: #cacaca;
}

.sec_title_calside{
	display: table;
	width: 270px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: #cacaca;
}

.sec_title_cal1side{
	display: table-cell;
	width: 119px;
	height: 25px;
	float: left;
	background: #cacaca;
}

/* tw ---------------------- */

.sec_title_tw{
	display: table;
	width: 270px;
	height: 25px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: #cacaca;
}

.sec_title_tw1{
	display: table-cell;
	width: 76px;
	height: 25px;
	float: left;
	background: #cacaca;
}

/* ARTISTS ---------------------- */

.sec_title_artists{
	display: table;
	width: 790px;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	text-align: center;
	background: #cacaca;
}

.sec_title_artists1{
	display: table-cell;
	width: 300px;
	height: 25px;
	text-align: left;
	float: left;
	background: #cacaca;
}


/* ------------------------------
　5: バナー広告
------------------------------ */

.add_bnr{
	width: 248px;
	height: 78px;
	margin: 0 0 10px 0;
	border: solid #666 1px;
}