.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 */  

#book1 {
		width: 680px;
		background-color: #ffffff;
}
.blockleft {
		width: 50%;
		text-align: left;
		float: left;
		padding-top: 5px;
	  padding-left: 15px;
}
.blockright {
		padding-left: 10px;
		padding-top: 10px;

}
.kugiri {
		background-color:#ffffff;
		background-image: url(imgs/line02.jpg);
		background-repeat: repeat-x;
		background-position: left;
    width: 680px;
		clear: left;
}
.clear {
		clear: both;
}

a:link{
		color:#663300
}
a:visited{
		color:#330000
}
a:active{
		color:#660000
}

td {  font-size: 12px}
.h {  line-height: 120%}
.h2 {  line-height: 140%}
.font14 {  font-size: 14px; line-height: 130%}
body {  scrollbar-face-color: #fcfcfc; scrollbar-highlight-color: #fcfcfc; scrollbar-shadow-color: #fcfcfc; scrollbar-arrow-color: #339999;     scrollbar-track-color: #aee3e3; scrollbar-darkshadow-color: #aee3e3; scrollbar-base-color: #aee3e3;font-size: 12px;
color:#000000;
background-image:url(imgs/bg.jpg);
}
.period {		font-size: 14px;
		color: #0066ff;
}