/************************************** CSS RESET **************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/************************************** GLOBAL **************************************/
html{width: 100%; height: 100%;}
body{ width: 100%; height: 100%;background-color: #FFFFFF; color: #000000; margin: 0; font-size: 14px; font-family: arial,sans-serif; font-weight: 100; font-style: normal; }
a:link, a:visited{ text-decoration: none; color: #000000; }
a:hover, a:active{ text-decoration: none; color: #d5395f; }

#page{
	padding:15px;
}
.centerContainer{
	max-width: 900px;
	width:100%;
	margin:0px auto;
	text-align: center;
}
.outerCell {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.innerCell {
    display: table-cell;
    vertical-align: middle;
}
.logoContainer{
	margin-bottom: 20px;
	width: 100%;
}
.logoContainer img{width:100%;}

#snsContainer{
	text-align: left;
	padding-top:10px;
	padding-bottom:10px;
}

#snsContainer ul {
	display:block;
}

#snsContainer ul li{
	display: inline-block;
	font-size: 2.2em;
	margin-right: 8px;
}

.artworkContainer{
	position:relative;
}
.artworkText{
	position:absolute;
	width:100%;
	max-width:300px;
	top:20px;
	right:20px;
}

.preOrderContainer{
	font-size:1.3em;
}

.releaseDetailsContainer{
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	max-width:600px;
	margin:0px auto;
}

.tourDatesContainer{margin-left:-10px; margin-right:-10px;}

.footerLinks ul {
	display:block;
}

.footerLinks ul li{
	display: inline-block;
	margin-right: 8px;
}

.labelContainer{padding-bottom:5px;}

/************************** RESPONSIVE GLOBAL **************************/


@media screen and (max-width:565px){
	.logoContainer{
		margin-bottom:10px;
	}
	.releaseDetailsContainer{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.artworkText{
		position:relative; 
		top:auto; 
		right:auto;
		max-width:400px;
		padding-top:10px;
		margin:0px auto;
	}
	.releaseDetailsContainer{
		max-width:400px;
	}
}