/* CSS Document */
@charset "utf-8";
/* --------------------------------------------------------
	reset
-------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

li{
	list-style:none;
}

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



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

}

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

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

body,td,th {
	color: #fc5f5f;
	font-size: 16px;
}

html{overflow-y:scroll;}


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





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: rgba(79,14,0,0.70)
    color: #fc5f5f;
    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;
    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{
    width: 830px;
    margin: 0 30px 0 auto;
	
}

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

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

.track_number{
    padding-top: 20px;
    font-size: 16pt;
    text-align: center;
    color: #d22b2b;
	
}


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

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

#banner{
	text-align: center;
}

#staff{
	margin: 0 auto;
		width:100%;
	line-height: 2;
}

#staff {
width:500px;
	margin: 0 auto;
	font-size: 14pt;
}

#staff dt{
	display: block;
	 width: 160px;
clear: left;
float: left;


}

#staff dd{
	width: 280px;
	display: block;
	float: left ;
	padding-left:40px;

}


#menu_shop{

}

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

#shop li{
	float:left;
}