BODY {
	color: #404040;
	background-color: #ffffff;
              font-size : 11pt;
              line-height : 1.6;
              font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
              margin: 0 auto;  
   	background-position:0px -100px; 	
   	background-repeat:no-repeat; 	
   	background-attachment:fixed; 	
	background-image: url(bg_cover_backing_tracks.jpg); 	  
}

p { font-size: 14px; line-height : 1.6; }
@media screen and (min-width:768px) { 
	p { font-size: 14px; line-height : 1.6;  }
}
@media screen and (min-width:1024px) { 
	p { font-size: 16px; line-height : 1.6;  }
}


img	{max-width: 100%;
	height: auto}


.wrapper {
  margin: 5px;  
}

.header {
  background-color: #FFFFFF;
  text-align: left;
  margin: 0px auto;  
  padding: 0px;
}

.footer {
  background-color: #FFFFFF;
  text-align: center;
  margin: 0px auto;  
  padding: 0px;
}


.content {
  background-color: #FFFFFF;
  text-align: left;
  padding: 0px;
  margin: 0px;  
}

.content:after {content: "";
  display: block;
  clear: both;
}


.center-box {
          padding: 0px;
          margin: 0px;  
}

.right-box {
          padding: 0px;
          margin: 0px;  
}


.float_left_box {
          padding: 0px;
          margin: 0px;  
}




/* サイト名 */
.header h1 a {color: #000000;
	text-decoration: none;
              border: 0px solid #000000}

.header h1 {margin: 0;
	font-size: 30px}

.header p	{margin: 0;
	font-size: 11pt}




/* 記事 */
.center-box p {margin-top: 0;
	margin-bottom: 20px}


/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px}


h1	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 20pt}

h2	{margin: 0;
          border: 0px solid #d0ffd0;
          font-size: 18pt;
  border-left: 	10px solid #9999ff;
  padding-left: 	5px;
}

h3	{margin: 0;
	margin-top: 20px;
          border: 0px solid #d0ffd0;
          font-size: 14pt}


a:hover	{background-color: #dddddd}
a	{text-decoration: none}


/* ############### for PC ############################# */
@media screen and (min-width:768px) { 

.wrapper {
  margin: 0px;  
}

.header {
  background-color: #FFFFFF;
  text-align: left;
  width: 100%;
  margin: 0px auto;  
  padding: 5px;
  padding-left: 20px;
  border: 0px solid #00ff00;
}

.footer {
  background-color: #FFFFFF;
  text-align: center;
  width: 100%;
  margin: 0 auto;  
  padding: 20px;
  border: 0px solid #00ff00;
}

.content {
  background-color: #FFFFFF;
  text-align: left;
  width: 90%;
  float: left;
  margin: 0 auto;  
  padding: 10px;
  border: 0px solid #ff0000;
}

.float_left_box {
          width: 300px;
          float: left;
          padding: 5px;
          padding-left: 10px;
          border: 0px solid #d0d0d0;
          border-left: 0px solid #d0d0d0;
          margin-left: 20px;  
          margin-right: 20px;  
}


.center-box {
          width: 820px;
          float: left;
          background-color: #FFFFFF;
          padding: 10px;
          border: 0px solid #d0d0d0;
          margin-left: 5px;  
          margin-right: 5px;  
}


.right-box {
          width: 300px;
          float: left;
          padding: 5px;
          padding-left: 20px;
          border: 0px solid #d0d0d0;
          border-left: 0px solid #d0d0d0;
          margin-left: 5px;  
}

}
/* ################################################# */