body{
	background: #1e132a;
	font-size:18px;
	color: #fff;
	}

a{
	color:#cf993c;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

#container{
	width:960px;
	margin:0 auto;
	box-shadow: 0px 0px 25px #000;
	-moz-box-shadow: 0px 0px 25px #000;
	-webkit-box-shadow: 0px 0px 25px #000;
	position:relative;
	background: rgb(25,16,64);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MTA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzQwM2I2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTEwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(25,16,64,1) 0%, rgba(64,59,99,1) 81%, rgba(25,16,64,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(25,16,64,1) 0%,rgba(64,59,99,1) 81%,rgba(25,16,64,1) 100%);
	background: linear-gradient(to right,  rgba(25,16,64,1) 0%,rgba(64,59,99,1) 81%,rgba(25,16,64,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191040', endColorstr='#191040',GradientType=1 );
	}
.content_area {
	background: url(../images/top_bg.jpg) left top no-repeat;
	background-size: 960px auto;
}
#logo{
	padding:20px 45px 0px;
	}

#logo img{
	width:144px;
	height:auto;
	}

#share{
	position:absolute;
	top:20px;
	right:30px;
	background:#fff;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	line-height:1;
	}

#share a{
	display:block;
	padding:10px 40px;
	}

#share img{
	width:84px;
	height:auto;
	}

.top_image{
	background-size: 219px 137px;
	text-align:center;
	padding:40px 0px 30px;
	line-height: 1;
	}

.top_image img{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:auto;
	}

#jacket_image{
	text-align:center;
	margin:10px 0px 60px;
	}

#jacket_image img{
	box-shadow:0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow:0px 0px 15px #000;
}

.info_area{
	margin:20px 30px;
}

.info_area h2{
	color:#fff;
	background-color:#cf993c;
	padding:10px 15px;
	font-size:30px;
	font-style:italic;
	line-height:1;
	}

.information table{
	text-align:left;
	margin:15px auto;
	width:700px;
	line-height:2.2
	}

.information table th{
	width:200px;
	font-weight:normal;
	}

.information table td{
	width:500px;
	}

.shop_link{
	margin:12px;
	font-size:0px;
	}

.shop_link a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0px 25px 15px 0px;
	}

.shop_link a:nth-child(4){
	margin-right:0px;
	}

.center{
	text-align:center;
}
.tracklist p.disc_no {
	margin-top: 27px;
	text-align: center;
	line-height: 1;
}
.tracklist ul{
	width:820px;
	text-align:center;
	margin:20px auto 30px;
	}

.tracklist ul li{
	text-align: left;
	display: table;
	width: 100%;
	height: 40px;
}

.tracklist ul li span{
	display: table-cell;
	vertical-align: middle;
}
.tracklist ul li span.pcview {
	display: inline;
}
.tracklist ul li span.tr_title{
	width:420px;
}

.tracklist ul li span.original{
	font-size:12px;
	text-align: right;
	line-height: 1;
}

.tracklist ul li span.original span.album {
	display: block;
	text-align: right;
}

.tracklist ul li span.original small {
	font-size: 8px;
	line-height: 1;
}

.tracklist ul li span.tr_no{
	width:180px;
}

.stafflist ul{
	width:820px;
	margin:25px auto;
	line-height:1.7;
	}

.stafflist ul#staff_engineers{
	margin-bottom:40px;
}
.stafflist ul li span {
	display: inline-block;
	vertical-align: bottom;
}
.stafflist ul li span.part{
	width:50%;
	box-sizing: border-box;
	padding-left: 35px;
}
.stafflist ul li span.part.solo {
	padding-left: 0;
}

.banner{
	text-align:center;
	line-height:1;
	font-size:15px;
	margin-bottom:80px;
	}

.banner h2{
	text-align:left;
	}

.banner img{
	margin:30px 0px 15px;
	}

.banner p{
	width:728px;
	background-color:#cf993c;
	margin:0 auto;
	padding:5px 0px;
	}

#footer{
	text-align:center;
	color:#fff;
	background:#1e132a;
	height:140px;
	padding-top:5px;
	font-size:15px;
	}

/* responsive */

@media (max-width:550px){
body{
	font-size:12px;
	}
#container {
	overflow: hidden;
}
#container,.stafflist ul,.tracklist ul,.stafflist ul li span.part,.banner p{
	width:100%;
	box-sizing:border-box;
	background-position:left top;
	}
.content_area {
	background-size: contain;
}
#logo{
	padding:20px 20px 10px;
	}

#share{
	right:20px;
	}

#share a{
	padding:10px 20px;
	}

#share img{
	width:60px;
	}
.top_image{
	background-size:170px auto;
	padding:10px 0px;
	}

.top_image img{
	width: 182%;
	height: auto;
	margin-left: -42%;
	}

#jacket_image{
	padding:15px;
	margin-bottom:30px;
	}

#jacket_image img{
	width:100%;
	max-width:700px;
	}

.info_area{
	margin:20px 10px;
	}

.info_area h2{
	font-size:18px;
	}

.information table{
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
	}

.information table tr{
	display:block;
	margin-bottom:10px;
	}

.information table th,.information table td{
	display:block;
	width:auto;
	padding:0px 20px;
	}

.information table td{
	padding-left:30px;
	box-sizing:border-box;
	}

.shop_link{
	margin:10px auto 20px;
	width:300px;
	}

.shop_link img{
	width:140px;
	}

.shop_link a,.shop_link a:nth-child(4){
	margin:5px;
	}

.tracklist ul{
	margin:0;
	padding:10px 5px;
	box-sizing:border-box;
	line-height:1.5
	}

.tracklist ul li{
	box-sizing:border-box;
	margin-bottom:10px;
	font-size:13px;
	}
.tracklist ul li span {
	display: inline-block;
}
.tracklist ul li span.tr_title{
	width:250px;
}

.tracklist ul li span.original{
	display: block;
	font-size:10px;
	text-align: right;
}
.tracklist ul li span.original span.album {
	display: inline-block;
}
.tracklist ul li span.original span.album::before {
	content: "/ ";
	padding-left: 5px;
}
.tracklist ul li span.tr_no{
	width:40px;
	}
.tracklist ul li span.pcview {
	display: none;
}
.stafflist ul{
	padding:0px 20px;
	margin-bottom:50px;
	}

.stafflist ul li{
	margin-bottom:20px;
	}

.stafflist ul li span{
	display:block;
	text-align:right;
	line-height:1.2;
	}

.stafflist ul li span.part{
	text-align:left;
	padding-left: 15px;
	}
.banner img {
	width: 100%;
	height: auto;
}
.banner p{
	font-size:10px;
	line-height:1.2;
	}

#footer{
	height:60px;
	font-size:10px;
	}
}