/* CSS Document */

@font-face {
    font-family: 'default';
    src: url(ZPSY-0003.eot) format("eot"), url(ZPSY-0003.woff) format("woff");
}
@font-face {
    font-family: 'space';
    src: url(ZPSY-0003_1.eot) format("eot"), url(ZPSY-0003_1.woff) format("woff");
}


h1,h2,h3,h4,h5{
	padding: 0;
	margin: 0;
	font-weight: 400;

}

body {  
    margin: 0;  
    padding:0;  
    color:#fb8686;
	line-height:1.3;
	 font-family: 'default';
	  
	}
	
html, body {
	height: 100%;
}

/** html body{  
   overflow: hidden; 
}   */

body,td,th {
	color: #fb8686;
	font-size: 14px;
}

html{overflow-y:scroll;}



a:link {
	color: #000033;
}
a:visited {
	color:#000033;
}
a:hover {
	color:#000033;
}
a:active {
	color: #000033;
}



ul,dl,dt
{
	padding: 0px;
}

dd{
margin:0px 0px 0px 10pt;
}

li{
	list-style:none;
}

textarea{
	font-size: 10pt;
}

.clear{
clear:both;
width:100%; /* IE6.7 */
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

.style_red{
color: #FF0000;
}

.font_small{
font-size:8pt;
}

#wrapper {
	margin: auto;
	height: 100%;
}



/*#header{
	width: 100%;
	height: 50px;
	background-color: rgba(3,17,35,1);
	color: #fb8686;
	z-index: 700;
}

#header .box{
	margin:0 auto;
	width:1028px;
	position:relative;
}*/

#footer{
    width: 100%;
    height: 20px;
    background-color: rgba(54,7,19,1);
    color: #79101a;
    z-index: 700;


}

#footer .box{
	width: 764px;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	margin: 0 auto;
	text-align: center;
}


 
#content{
	width: 1200px;
	height: 100%;
	min-height: 100%; /* 最小の高さ */
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	padding-top: 75px;
	padding-bottom: 40px;
	background: #360713;
	position: relative;
}

#wrapper > #content {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}

/*SNS button*/
#socialbuttons div {
	display: inline-block;
		}
		
#socialbuttons{
	  	position: absolute;
		top:45px;
	right: 10px;
}


#logo_circle{
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 12px;
}

#menu_banner,#menu_staff,#menu_track,#menu_shop{
		padding: 12px 0 24px 0;
}

#right_box{
		padding-right: 10px;
}

#title{
	 font-family: 'default';
font-weight: 800;
	font-size: 31pt;
	text-align: right;
	padding-left: 20px;
	
}

#right_box #detail{
	font-size: 18px;
	color: #5C8EC3;
	text-align: right;
	font-family: 'space';
}

#left_box{
	padding-left: 30px;
	padding-bottom: 20px;
}

#demo{
	
	
}

#copy{
	font-size: 16pt;
	text-align: left;
	padding-bottom: 24px;
	padding-top: 15px;
}

#track_list{
	width:600px;
	margin: 0 auto;
	
}

.track_number{
    padding-top: 20px;
    font-size: 15pt;
    text-align: center;
    color: #6B0F18;
	
}


.track_title{
	font-size: 14pt;
	text-align: center;
}

.track_detail{
	font-size:9pt;
	text-align: center;	
	padding-bottom: 18px;
		color: #eaeaea;
}

#banner{
	text-align: center;
}

#staff{
	text-align: center;
}

#menu_shop{

}

#shop{
    width: 710px;
    margin-top: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 24px;
}

#shop li{
	float:left;
}