* { margin: 0; padding: 0; }
body { margin: 0 0 10px; text-align: center; }
a img,img { border: none; }

#warapper {
	margin: 0 auto;
	padding: 0;
}

/* タイトル設定 */
#contents_hd {
	background: url(../img/bg_top.jpg) no-repeat top center;
	width: 960px;
	height: 340px;
	margin: 0 auto;
	padding-top: 50px;
}

#contents_hd h1.title {
	padding: 15px 0 0 0;
}


/* 詳細設定 */
/*
#contents {
	background: url(../img/bg_mdl.jpg) repeat-y center;	
}
*/
/*
#contents .inner {
	background: url(../img/bg_btm.jpg) no-repeat bottom center;
}
*/

#container {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 48px 0; 
	font-size: 11px;
	font-family:verdana, Helvetica, Arial, sans-serif, 'ＭＳ Ｐゴシック';
	color:#000;
}

#container h2 {
	padding-bottom: 18px;
	margin: 0 auto;
}

#albumList ul li {
	display: inline;
	margin: 0 6px 0 0;
}

#albumList ul li img {
	margin-bottom: 10px;
}


#albumList ul li.last {
	margin: 0;
}

#albumList {
	width: 960px;
	padding: 0;
	margin: 0 auto 35px auto;
}

#listBox {
	clear: both;
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

#listBox h3 {
	margin: 0;
	padding: 0;
}

table {
	font-size: 100%;	
	border-collapse:collapse;
	width: 100%;
	border: 1px solid #937eb8;
}

th {
	border: 1px solid #937eb8;
	background-color: #e1d1fc;
	padding: 8px;
	color: #937eb8;
	text-align: center;
	font-size: 13px;
}

td {
	border: 1px solid #937eb8;
	padding: 8px 10px;
	color: #000;
	text-align: left;
	font-size: 12px;
	line-height: 1.2;
}

td.p_title {
	width: 40%;
}

td.title {
	width: 30%;
}

td.singer {
	width: 30%;
}
img.ico_track {
	margin: 0 10px 0 0;
}

.txt_sml {
	font-size: 84%;
}

.attText {
	text-align: left;
	margin: 10px;
	color: #888;
}

span {
	display:inline-block;
}

/* spacer */
.pb19 { padding-bottom: 19px; }
.pb14 { padding-bottom: 14px; }
.mb40 { margin-bottom: 40px; }

.clearfix:after  { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix        { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix        { display:block; }  

p.bnr_area {
	margin-top: 20px;
}

@media screen and (max-width: 640px){
#warapper {
	width: 100%;
	height: auto;
}

#contents_hd {
	width: 100%;
	height: auto;
}

#contents_hd h1.title img { width: 375px; height: auto; margin: 0 auto; }

#container {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 28px 0 18px 0; 
	font-size: 11px;
	font-family:verdana, Helvetica, Arial, sans-serif, 'ＭＳ Ｐゴシック';
	color:#000;
	}

#contents_hd {
	background: url(../img/bg_topsp.jpg) no-repeat top center;
	width: 375px;
	height: auto;
}

#contents { background: none; }
#contents .inner { background: none; }


#container h2 img { width: 100%; height: auto; margin: 0 auto; }
#container .sp_txtimg { width: 90%; height: auto; margin: 0 auto; }

#albumList {
	width: 98%;
	padding: 0;
}

#albumList ul {
	width: 100%;
	margin: 0 auto;
}

#albumList ul li {
	margin: 0 auto 10px auto;
}

#listBox {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#listBox h3 img { width: 100%; height: auto; margin: 0 auto; }

}


#listBox p{
	padding: 8px 10px;
	font-size: 12px;
	text-align: left;
}

.cdimg ul {
	display: flex;
}