body { background-color:#D3C4AB; margin : 0; font-size:10px; 
font-family:"Myriad Pro","Myriad ","Arial","MS Pゴシック","MS ゴシック",sans-serif; color : #FFFFFF; letter-spacing:1px ; } 
.title{ float: left;  width:283px; height:60px; text-align: center; }
.illust{ float: left;  width:283px; height:283px; background-image: url(image/1.gif); background-repeat: no-repeat; }
.illust2{ float: left;  width:283px; height:283px; background-image: url(image/4.gif); background-repeat: no-repeat; }
.illust3{ float: left;  width:283px; height:283px; background-image: url(image/2.gif); background-repeat: no-repeat; }
.illust4{ float: left;  width:141px; height:141px; 
background-image: url(image/3.gif); background-position: center center; background-repeat: no-repeat; 
text-align:center; letter-spacing:1px ; line-height:24px ;}
.boxspace{ float: left;  width:8px; height:67px;  }
.button{ float: left;  width:67px; height:67px;  }
.space{ clear: left;  }

#name{ position: absolute; top: 50px; left: 0px; height:10px; width: 283px;
text-align: center; line-height:10px ;}

#txt{ position: absolute; top: 120px; left: 170px; height:60px; width: 105px;
text-align: left; line-height:12px ;}
#txt2{ position: absolute; top: 245px; left: 8px; height:60px; width: 105px;
text-align: right;  line-height:12px ;}

#txt3{ position: absolute; top: 74px; left: 0px; height:98px; width: 283px;
font-size:12px; text-align: center; line-height:32px ;}
#txt4{ position: absolute; top: 202px; left: 0px; height:98px; width: 283px;
text-align: center; line-height:32px ;}
 
#button a{ display:block; width:67px; height:67px;  background:url(image/b2.gif) no-repeat; text-indent:-100px; overflow:hidden;}
#button a:hover{ background:url(image/b.gif) no-repeat; }

a:link { color : #FFFFFF;}
a:VISITED { color : #FFFFFF;}
a:active { color : #FFFFFF;}
a:HOVER { color : #FFFFFF;}