body{
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #C2D6AD;
	background-image: url(back.jpg);
	background-repeat: repeat-x;
	background-position : top center;
}
.white{
	color: #999999;
	background-color: #ffffff;
	background-image: none;
	padding: 0px;
	font-size: 80%;
	margin: 0px;
}
.black{
	color: #666666;
	background-color: #000;
	background-image: none;
	padding: 0px;
	font-size: 80%;
	margin: 0px;
	scrollbar-face-color:#000000;
	scrollbar-track-color:#000000;
	scrollbar-arrow-color:#000080;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#000080;
	scrollbar-shadow-color:#000000;
	scrollbar-darkshadow-color:#000080;
}
.black td{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 70%;
}
.white td{
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 70%;
}
a{
	color: #99CC99;
	text-decoration: none;
}

a:link{
	color: #499E52;
	text-decoration: underline;
}

a:visited{
	color: olive;
	text-decoration: underline;
}

a:hover{
	color: #99CC66;
	text-decoration: underline;
	position: relative;
	top: 2px;

}

h1{
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#box {
	text-align: center;
	width: 774px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
#masthead{
	text-align: left;
	width: 100%;
	height: 56px;
	background-image: url(header.jpg);
}

#leftside{
	float: left;
	width: 97px;
	margin: 0px;
	padding: 0px;
	background-image: url(left_top.jpg);
	height: 420px;
}

#rightside{
	float:right;
	width: 43px;
	padding-right: 0px;
	height: 420px;
	background-image: url(right.jpg);
}

#content{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(main.jpg);
}
#leftside2{
	float: left;
	width: 97px;
	margin: 0px;
	padding: 0px;
	background-image: url(left.jpg);
	height: 420px;
}
#content2{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(mainback.jpg);
	background-repeat: no-repeat;
}
#content_about{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(about.jpg);
	background-repeat: no-repeat;
}
#content_gallery{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(gallery.jpg);
	background-repeat: no-repeat;
}
#content_midi{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(midi.jpg);
	background-repeat: no-repeat;
}
#content_weblog{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(weblog.jpg);
	background-repeat: no-repeat;
}
#content_bbs{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(bbs.jpg);
	background-repeat: no-repeat;
}
#content_link{
	text-align: left;
	float: left;
	width: 634px;
	background-color: #FFFFE0;
	height: 420px;
	background-image: url(link.jpg);
	background-repeat: no-repeat;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	float: left;
	padding: 14px 30px 0px 70px;
	width: 163px;
	height: 42px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#siteName a{
	position:relative;
	padding: 42px 0 0 0;
	overflow:hidden;
	display:block;
	text-decoration: none;
	height: 0px !important;
	height /**/:28px;/*for ie5.x*/
	background: url(title.gif) top left no-repeat;
}
#siteName a:hover{
	background-position: 0px -44px;

}
/************* #Nav styles **************/

#Nav{
	padding: 0px 10px 5px20px;
	color: #cccccc;
	padding-top: 28px;
	margin-left: 260px;
	width: 350px;
}

#Nav img{
 display: block;
}

#Nav a {
	font-size: 90%;
	padding: 0px 4px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #499E52;
	text-decoration: none;
	text-transform: none;
	font-weight: bolder;
}
#Nav a:hover{
	font-size: 90%;
	padding: 0px 4px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #C2D6AD;
	text-transform: none;
	font-weight: bolder;
}
#Nav a:visited {
	text-decoration: none;
}
#count {
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}
/************** .maintext styles ***************/
.maintext{
	padding: 10px;
	font-size: 70%;
	color: #666666;
	line-height: 140%;
}
.maintext td, th{
	font-size: 110%;
	color: #666666;
	border-bottom:1px dotted #C2D6AD;
	text-align:left;
}
.maintext h3{
	font-size: 110%;
	font-weight: bolder;
	line-height: 100%;
	color: #99CC66;
	float: left;
}

.maintext img{
	padding: 10px 10px 0px 0px;
}
.maintext p{
	margin: 0 0 10px 0;
}
.scrollbar {
	width: 230px;
	height: 200px;
	overflow: auto;
	position: relative;
	left: 340px;
	top: 120px;
	font-size: 70%;
	line-height:130%;
	color: #666666;
	padding: 5px;
	scrollbar-face-color:#C2D6AD;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
}
.scrollbar h3{
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-weight: normal;
}
.scrollbar2 {
	width: 500px;
	height: 140px;
	overflow: scroll;
	position: relative;
	left: 40px;
	top: 10px;
	line-height:130%;
	padding: 5px;
	background-color: #FFFFE0;
}

/************* about styles ***************/
.about {
	border-left: double 6px #D8E4CB;
	margin-top: 10px;
	width: 380px;
	float: left;
	margin-left: 30px;
	}
.about dl	{
	padding: 0 3px 5px 3px;
}
.about dt{
	clear:both;
	float:left;
	margin-left:5px;
	font-weight: bolder;
	color: #C0C0C0;
	}

.about dd{
	float:right;
	display:inline;
	padding-right:10px;
	text-align: right;
	}
	
/*************gallery styles ***************/
.gallery{
	padding-left:30px;
	}
.gallery img{
	padding-right: 10px;
	float: left;
}

.oekaki{
	padding-left: 10px;
	width: 600px;
	}
.oekaki img{
	float: none;
	padding: 0px;
}
.paint {
	text-align: center;
	font-size: 70%;
	color: #666666;
	line-height: 140%;
	margin: 10px 10px 10px 10px;
}
.paint a{
	font-weight: bolder;
	font-size: 100%;
}
.paint td{
	font-size: 80%;
	color: #666666;
}
.midi {
	margin-top: 10px;
	width: 250px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	font-size: 120%;
	line-height: 160%;
	padding: 10px 10px 5px 10px;
	border: solid 1px;
	border-color: #FFCCCC;
}
.midi ul{
	list-style-type: none;
	margin-left: 10px;
}
.midi li{
	float: none;
	text-align: left;

}
/************* link styles ***************/
.scrollbar3 {
	width: 470px;
	height: 380px;
	overflow: auto;
	position: relative;
	left: 10px;
	margin: 0px;

	line-height:130%;
	color: #666666;
	padding: 5px;
	float:left;
	scrollbar-face-color:#C2D6AD;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
}
.scrollbar3 img{
	padding-right: 10px;
	padding-bottom: 3px;
}
.scrollbar3 h3{
	font-weight: bolder;
	border-bottom-color: #339966;
	font-size: medium;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	width: 450px;
}
.linkmenu {
	width: 80px;
	text-align: right;
	margin-left: 500px;
}
/************* #footer styles ***************/

#footer{
	clear: both;
	font-size: 70%;
	width: 774px;
	height: 25px;
	background-image: url(footer.gif);
	text-align: left;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 50px;
	color: #999999;
}
#footer a{
	text-decoration: none;
}
#footer a:hover{
	color: #99CC66;
	text-decoration: underline;
	position: static;
}
ul {
	list-style-type: none;
	margin-left: 5px;
}
li {
	text-align: center;
	display: block;
	float: left;
}