html, body{height:100%;} 

a:link {color: #FFFFFF; text-decoration: none}  
a:visited {color: #FFFFFF; text-decoration: none}  
a:hover {color: #FFFFFF; text-decoration: underline}   
a:active {color: #FFFFFF; text-decoration: none} 

body {
	padding:0;
	margin:0;
    background-image: url(images/bgpattern.jpg); 
  	background-color: #333333;
	text-align:center;
}


#outer{
	min-height:100%;
  	width: 776px;
  	background-image: url(images/bodybg.jpg); 
  	background-color: #993333;
	margin:auto;
	text-align:left;
	position:relative;
}


#outer p {padding-left:6px; padding-right:6px}
* html #outer{height:100%} 


#header {
	border-top:0px;
	border-bottom:0px;
	height:129px;
  	margin-left: 9px;
  	margin-top: 0px;
}

#headerbar {
  margin-left:9px;
}

#headerpetal {
  margin-left:115px;
}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	height:102px;
	border-top:0px;
  	margin-left: 9px;
}

#clearfooter{clear:both;height:102px;}

#top {
  margin-top:0px;
}

#about {
  margin-left: 29px;
}

#nihongo {
  margin-left: 234px;
}

#mid {
  padding: 0;
  margin-left: 10px;
  margin-top: 11px;
  margin-bottom: 0px;
}

#reel {
  padding: 0;
  font-size: xx-small;
}

#reeldesc {
  padding: 0;
  font-size: small;
  background-color: #9C2426;
  font-family: tahoma, verdana, sans-serif;
  color: #ffffff;
  margin-top: 0px;
  border: dashed 1px #cccccc;
}

#footermail {
  margin-left:464px;
}

#footerbar {
  margin-left:9px;
}

#copyright {
  background-color: #9C2426;
  color: #cccccc;
  font-size: x-small;
  font-family: tahoma, verdana, sans-serif;
  margin-left:38px;
  background: url(images/footer_lines.gif) no-repeat right;
  height:24px;
  min-height:24px;
}

#copyright_jp {
  background-color: #9C2426;
  color: #cccccc;
  font-size: x-small;
  font-family: "MS PGothic", "MS Gothic", Arial;
  margin-left:38px;
  background: url(images/footer_lines.gif) no-repeat right;
  height:24px;
  min-height:24px;
}

#projects {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
}

#projects_jp {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: "MS PGothic", "MS Gothic", Arial;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
}

#projectsbody {
  margin-left: 12px;
  margin-top: 2px;
}

#about {
  margin-left: 4px;
  margin-right: 4px;
}

#indexside {
  margin-left: 4px;
  margin-right: 4px;
}

.projectsclass {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
  background-image: url(images/bodybgsofter.jpg); 
}

.projectsclass_jp {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: "MS PGothic", "MS Gothic", Arial;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
  background-image: url(images/bodybgsofter.jpg); 
}

.newsclass {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
  background-image: url(images/bodybgsofter.jpg); 
}

.newsclass {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: tahoma, verdana, sans-serif;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
  background-image: url(images/bodybgsofter.jpg); 
}

.newsclassjp {
  padding: 0;
  margin-left: 38px;
  margin-top: 11px;
  margin-bottom: 0px;
  font-family: "MS PGothic", "MS Gothic", Arial;
  font-size: small;
  color: #ffffff;
  background-color: #9C2426;
  border: dashed 1px #cccccc;
  background-image: url(images/bodybgsofter.jpg); 
}

.projectsbodyclass {
  margin-left: 12px;
  margin-top: 2px;
}

.newspacer {
  margin-left: 6px;
  margin-right: 6px;
  font-family: tahoma, verdana, sans-serif;
}

.newspacer_jp {
  margin-left: 6px;
  margin-right: 6px;
  font-family: "MS PGothic", "MS Gothic", Arial;
}

.newsarchive {
  margin-left: 6px;
  font-size: x-small;
  text-align: left;
  font-family: tahoma, verdana, sans-serif;
}

.newsarchivejp {
  margin-left: 6px;
  font-size: x-small;
  text-align: left;
  font-family: "MS PGothic", "MS Gothic", Arial;
}

.ilload {
  font-family: tahoma, verdana, sans-serif;
  font-size: x-small;
}

.ilload_jp {
  font-family: "MS PGothic", "MS Gothic", Arial;
  font-size: x-small;
}

.date {
  font-family: tahoma, verdana, sans-serif;
  font-size: x-small;
  color: #ffffff;
  font-style:italic;
}

.date_jp {
  font-family: "MS PGothic", "MS Gothic", Arial;
  font-size: x-small;
  color: #ffffff;
}


.top {
  text-align: right;
}

.dashed {
  border-bottom: dashed 1px #cccccc;
}

.projectspacer {
  margin-top: 5px;
}

.biggerspacer {
  margin-top: 10px;
}

.illospacer {
  margin-top: 30px;
}

.projectlist {
  margin-left: 15px;
  color: #cccccc;
}

.aboutspacer {
  margin-top: 28px;
}

.bodytext {
  color: #cccccc;
}

.aboutindent {
  margin-left: 4px;
  margin-right: 4px;
}

.nihongospacer {
  margin-left: 240px;
}

.englishspacer {
  margin-left: 220px;
}

.header2 {
  margin-left:9px;
}

.tablebg {
  background-image: url(images/bodybgsofter.jpg); 
}