body{
     font-family: メイリオ;
     font-size: 12pt;
     color: #43342c;
     border-width: 5;
     border-color: #836656;
     background-color: #F8DEC3;
     scrollbar-base-color: #94836b;
     scrollbar-face-color: #a79581;
     scrollbar-track-color: #635243;
     scrollbar-3dlight-color: #e4dfda;
     scrollbar-highlight-color: #5a4e41;
     scrollbar-shadow-color: #e9e4e0;
     scrollbar-darkshadow-color: #2c241d;
     overflow: auto;
     }
pre{
     font-family: メイリオ;
     font-size: 12pt;
     color: #43342c;
     }
p{
     font-family: メイリオ;
     font-size: 12pt;
     }
div.mode{
	     border:2px double #cc9999;
	     background-color:#F1F7FF;
	     width:90%;
	     margin-left:0%;
	     margin-right:10%;
	     }
div.itumo{
		margin-right: 10%;
		margin-left: 5%;
		border-top: 5px ridge #FF9966;
		border-right: 5px ridge #996666;
		border-bottom: 5px ridge #996666;
		border-left: 5px ridge #FF9966;
		position: absolute;
		top: 5%;
		height: 60%;
		width: 70%;
		background-color: #CC9966;
		  }
div.drawr{
			position: relative;
			top: 50%;
			right: 5%;
			bottom: 5%;
			left: 80%;
			height: 170;
			width: 185;
			}

dt.dot{border:2px dotted #F8C81D;
		background-color:#F8ECA9;
		background-image:url(" ./gaz/pdinth.png ");
		width:70%;
		height:60%;
		 position:absolute;
         margin-left:15%;
		 margin-right:15%;
		 margin-top:0px;
		overflow:hidden ;
		text-align: center;
          }
dt.itumo{border:2px double #cc9999;
         width:15%;
         height:30px;
		 text-align:center;
		 background-color:#F8CED0;
		 position:absolute;
         } 
dt.hamio{border:2px dotted #cc9999;
         width:70%;
         height:100px;
         margin-left:20%;
		 background-color:#cc9966;
		 }
dt.sukur{
		color: #171B44;
		margin-bottom: 0pt;
		border: 2px dotted #CC9999;
		position: absolute;
		top: 60%;
		left: 0%;
		height: 30%;
		width: 58%;
		background-color: #E2DBCA;
		overflow: auto;
         } 
dt.osirase{
		border-top: 2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		position: absolute;
		top: 60%;
		right: 0%;
		height: 30%;
		width: 40%;
		background-color: #C3B7C7;
		   }  
a{ color: #5d5900; 
   text-decoration:underline;   
  } 
.mokuji a:hover{
 background-color: #fff0f0; 
         width:100%;
         height:100%;
　}
img{
    border-width:0;
    }
.boda{border:4px dotted #F9F8BF;
		 background-color:#DFD9F1;
		 }

.ouen{
text-align: center;
border: 1pt dotted #003399;
position: relative;
top: 90%;
right: 5%;
left: 5%;
height: 10%;
width: 90%;
background-color: #B4C7DA;
}