body{background-color:#FFEEBB;
     background-image:url(background.html);
     background-repeat:no-repeat;
     background-attachment:fixed;
     background-position:right bottom;

     scrollbar-base-color:	#FFEEBB;
     scrollbar-track-Color:	#FFEEBB;
     scrollbar-face-Color:	#EEDDAA;
     scrollbar-arrow-Color:	#CCBB88;
     scrollbar-3dlight-Color:	#BB9966;
     scrollbar-shadow-Color:	#BB9966;
     scrollbar-darkShadow-Color:#FFEEBB;
     scrollbar-highlight-Color:	#EEDDAA;
}

p{font-size:80%;
  line-height:1.25em;
  padding:0.5em;}

.title{font-size:80%;
	padding:0em;}

.diary{font-size:80%;
        line-height:1.8em;
	padding:0.5em;}

.link{font-size:70%;
        line-height:1.0em;
	padding:0.5em;}

.memo{line-height:1.6em;
	padding:0.5em;}

.diary2{font-size:80%;
	color:#BB9966;
        lline-height:1.6em;
	padding:0.5em;}

.big{font-size:1.5em;}
.small{font-size:0.7em;}

#topdiary{overflow-y:scroll;
          width:492px;
          height:80%;}

span.active{text-decoration:underline;
        background-color:#BBAA88;
        color:#000000;
}

.rb{color:#AA0000;
    font-weight:bold;}
.bb{color:#0000AA;
    font-weight:bold;}
.rd{color:#AA0000;}
.gr{color:#008800;}
.gr2{	font-size:80%;
	color:#008800;}
.cmt{	font-size:80%;
	color:#000088;}

h1{	font-size:120%;
   	font-weight:bold;
	padding:0.5em;}

h2{	font-size:100%;
   	font-weight:normal;
	padding:0.5em;}

h3{	font-size:100%;
   	font-weight:normal;
	padding:0.5em;}

table{table border=0;
      cellpadding=0;
      cellspacing=0;
}

a{text-decoration:none}

a:hover{text-decoration:underline;
        background-color:#BBAA88;
        color:#FFFFFF;
        font-size:100%;
        padding:0px}

a:link{color:#995555;}

a:visited{color:#667755;}

div.main{
	border:none 0px #CCBB88;
	position:absolute;
	left:36px;
	top:146px;
	width:492px;
	height:420px;
	padding:8px;
	overflow:auto;
        z-index:13;
        }

.mainfr{
	border:solid 0px #CCBB88;
	position:absolute;
	left:42px;
	top:146px;
	width:486px;
	height:420px;
        margin:0px;
        padding:0em;
        z-index:13;
}

.top{
	border:solid 0px #CCBB88;
	background-color:#DDCC99;
	position:absolute;
	left:32px;
	top:110px;
	width:730px;
	height:20px;
	padding:0em;
        margin:0px;
	overflow:hidden;
	z-index:1;
}

.background{
	border:solid 0px #CCBB88;
	background-color:#EEDDAA;
	position:absolute;
	left:32px;
	top:130px;
	width:730px;
	height:450px;
	padding:0em;
	overflow:hidden;
	z-index:2;
}

.window{
	border:solid 2px #CCBB88;
	background-color:#FFEEBB;
	position:absolute;
	left:36px;
	top:138px;
	width:502px;
	height:438px;
	padding:0em;
        z-index:3;
        }

.00{
	border:none 0px #CCBB88;
	position:absolute;
	left:36px;
	top:138px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:4;
        }

.01{
	border:none 0px #CCBB88;
	position:absolute;
	left:36px;
	top:559px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:6;
        }

.10{
	border:none 0px #CCBB88;
	position:absolute;
	left:521px;
	top:138px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:5;
        }

.11{
	border:none 0px #CCBB88;
	position:absolute;
	left:521px;
	top:559px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:7;
        }
.upleft{
	border:none 0px #CCBB88;
	position:absolute;
	left:36px;
	top:138px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:4;
        }

.upright{
	border:none 0px #CCBB88;
	position:absolute;
	left:36px;
	top:559px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:6;
        }

.downleft{
	border:none 0px #CCBB88;
	position:absolute;
	left:521px;
	top:138px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:5;
        }

.downright{
	border:none 0px #CCBB88;
	position:absolute;
	left:521px;
	top:559px;
	width:17px;
	height:17px;
	padding:0em;
        z-index:7;
        }

.say{
	border:none 0px #CCBB88;
	position:absolute;
	left:536px;
	top:482px;
	width:34px;
	height:33px;
	padding:0px;
        z-index:8;
        }


.chara{
	border:none 0px #CCBB88;
	position:absolute;
	left:584px;
	top:411px;
	width:176px;
	height:144px;
	padding:0px;
       	overflow:hidden;
	z-index:9;
        }

.menu{
	border:0px none #CCBB88;
       	position:absolute;
	left:574px;
	top:146px;
	margin:0px;
	width:174px;
       	height:250px;
       	padding:4px;
       	overflow:auto;
	z-index:12;
}

.menu2{
	border:0px none #CCBB88;
       	position:absolute;
	left:564px;
	top:138px;
	margin:0px;
	width:184px;
       	height:300px;
       	padding:0px;
       	overflow:hidden;
	z-index:10;
}
.webclap{
	border:none 0px #CCBB88;
	position:absolute;
	left:672px;
	top:374px;
	width:52px;
	height:16px;
	padding:0px;
       	overflow:hidden;
	z-index:12;
        }

.counter{
	border:none 0px #CCBB88;
	position:absolute;
	left:658px;
	top:555px;
	width:100px;
	height:15px;
	padding:0px;
       	overflow:hidden;
	z-index:11;
        }

.left{float:left;}
.right{float:right;}