body {
  background-color: white;
  background-repeat: no-repeat;
  text-align: center;
}

h2 {
  color: darkgray;
  font-size: 140%;
  font-family: "arial bold";
  text-align: left;
  margin-left: 10%;
  margin-bottom: 2%;
  margin-top: 7%;
}
h3 {
  text-align: center;
  margin-top: 0%;
}
h4 {
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	margin-top: 0%;
	margin-bottom: 8%;
	font-weight: normal;
} 

div#frame {
  background-color: white;
  height: 600px;
  width: 900px;
  margin:  0 auto 0 auto;
  text-align: left;
}

#backbotton {
	width: 620px;
	margin-top: 50px;
	margin-left: 140px;
	text-align: right;
	margin-bottom: 10px;
}
#backbotton a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	color: #666666;
	font-weight: normal;
}
#backbotton a:hover {
	color: #666666;
	text-decoration: underline;
}



div#tedediary {
	height: 540px;
	overflow: auto;
	margin-top: 0px;
	width: 620px;
	margin-left: 140px;
}
html, body {
  scrollbar-face-color: white;
  scrollbar-arrow-color: dimgray;
  scrollbar-3dlight-color: white;
  scrollbar-highlight-color: dimgray;
  scrollbar-darkshadow-color: white;
  scrollbar-shadow-color: dimgray;
  scrollbar-track-color: white;
}

div#tede-diary-box {
			  background-color: white;
			  width:  620px;
			  margin-left:140px;
			}

	div#tedebotton {
	  background-color: white;
	  height:80px;
	  width: 180px;
	  margin-top:40px;
	  margin-left: 600px;
	}
		.back a{
			display: block;
			background: url("../../tede-botton.gif") no-repeat;
			width: 180px;
			height:80px;
			margin-top: 0px;
		}


div#building-tede-box {
			  background-color: white;
			  height: 60px;
			  width:  200px;
			  margin-top:20px;
			  margin-left: 150px;
			}