body {
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;  
  font-size: 90%;  
  text-align: center;  
  margin: 0;  
  padding: 0;  
  background-image: url(img/backimage.gif);
  background-position: center;
  background-repeat: repeat-y;
}

img {
margin: 10px;

}

a img { border: none; }

#wrapper {  
  text-align: left;  
  width: 340px;  
  margin: 20px auto;
  line-height: 140%;
}  

.center{
text-align:center;
}



#con{
padding: 10px 0px;
text-align: left; 
width: 340px;
}
.card{
padding-left: 10px;
	}
	
.title{
	font-weight: bold;
}

.sub{
color: red;
font-weight: bold;
}

.ohyashima{
color: red;
font-weight: bold;
}


.clear{
clear:both;
}

div.sample{
    position:relative;
    width:340px;
    height:600px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(img/spacer.png);
}

.data{
margin-top: -240px;

}

div.sample2{
    position:relative;
    width:340px;
    height:360px;
}
span.guard2{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(img/spacer.png);
}