<!--
/*
=========================================================
clearfix
=========================================================
*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


body {
  margin: 20px;
  padding: 0px;
  
  font-size: 12px;
}
#wrapper {
  width: 950px;
  margin: 0px auto;
  padding: 0px;
  
  position: relative;
}

#container {
  width: 990px;
  margin: 0px auto 15px auto;
  padding: 0px;
  
  position: relative;
}
#main_area {
  width: 760px;
  margin: 0px;
  padding: 10px;
  float: left;
  background: rgba(255, 255, 255, .93);
}
#floatbox {
  position: absolute;
  margin: 0px;
  padding: 23px;
  
  width: 220px;
  height: 603px;
  
  top: 0px;
  left: 800px;
  background: rgba(255, 255, 255, .93);
}
#footer {
  width: 910px;
  margin: 0px auto;
  padding: 10px;
  
  color: #FFFFFF;
  background: #666666;
}


#intro{
	background:url(images/bubbles.png) 50% 0 no-repeat fixed;
	color: black;
	height: 3000px;
	width : 
	margin: 0 auto;
	padding: 0;
}
.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}
#magmag{
	float: center;
	margin: 130px 80px 0 120px;
}
p{
	font-size: 13px;
	color: #000000;
	font-family: 小塚ゴシック Pr6N　L, sans-serif;
}
p, ul{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}
p2 {
	font-size: 100%;
	color: #000000;
	font-family: 小塚ゴシック Pr6N　L, sans-serif;
}
p22 {
	font-size: 100%;
	color: #000000;
	font-family: ヒラギノ角ゴ Pro W3　L, sans-serif;
}
p3 {
	font-size: 100%;
	color: #464646;
	font-family: 小塚ゴシック Pr6N　B, sans-serif;
	font-weight: bold;
}
A { text-decoration : none ;}
#artist1 {
        color:  #000000; 
	position: relative; margin-top:0px; 
}
#artist2 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:90px; 
}
#artist3 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:80px; 
}
#artist4 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:90px; 
}
#artist5 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:90px; 
}
#artist6 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:-10px; 
}
#artist7 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:105px; 
}
#artist8 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:125px; 
}
#artist9 {
        color:  #000000; 
	position: relative; margin-top:0px; margin-left:105px; 
}


#float-center1{
	float: center;
	margin: 10px 0px 0 10px;
}
#float-center2{
	float: center;
	margin: 10px 0px 0 0px;
}


#aikon{
	float: center;
	margin: 0px 80px 0 0px;
}
#bg01 {
	background: url(images/sono1.png); 50% 0 no-repeat fixed;
	height: 5000px;
	/* 縦横の最小値を設定する。 */
	min-height: 100%;
	min-width: 1140px;
	/* ウィンドウ幅を基準にして引き延ばす。 */
	width: 100%;
	height: auto;
	/* 表示位置を設定する */
	position: absolute; /* またはfixed; */
	top: 0;
	left: 0;
	
	
}
#bg02 {
	background: url(images/sono2.png);　50% 0 no-repeat fixed;
	height: 5000px;
	width: 100%;
	
}
#bg03 {
	background: url(images/sono3.png);　50% 0 no-repeat fixed;
	height: 5000px;
	

}
#content {
width: 500px;
margin: 0 auto;
padding-top: 40px;
height: 2000px;
}
#mark{list-style-type:none;}

#nabiyoko{
	float: right;
	margin: 0px -232px 0px 0px;
}
html{  
  filter:expression(document.execCommand("BackgroundImageCache", false, true));  
}  


-->


-->