body {
	height: 100%;
	background-color: #CCCCCC;
}

a {
background-color: #FFFFFF;
text-decoration: underline;
color: #851126;
}

a:hover {
background-color: #FFFFFF;
text-decoration: underline;
color: #ff1126;
}

a:hover {
background-color: #FFFFFF;
text-decoration: underline;
color: #ff1126;
}

#firstcontainer {
	background-color: #FFFFFF;
	height: 500px;
	width: 800px;
	position: absolute;
	left: -400px;
	top: 0px;
	margin-right: 50%;
	margin-left: 50%;
	z-index: 5;
}

.outline {
	background-color: none;
	height: auto;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	border: 2px #999 solid;
	border-top: 1px #999 solid;
}



h1  h2  h3  p  {
background-color: #FFFFFF;
text-decoration: none;
text-align: left;
}

p {
margin: 0px 0px 0px 0px;
padding: 30px 120px 0px 200px;
font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	text-align: justify;
color: #000;
background-color: #FFFFFF;
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dfd4d0;
	border-left-color: #dfd4d0;
}
#firstpara {
	background-image: url(http://theworkinjapan.com/images/ingsakura3.jpg);
	background-repeat: no-repeat;
	padding: 460px 120px 0px 200px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	text-align: justify;
	border-right-width: 6px;
	border-left-width: 6px;
	border-top-style: solid;
	border-top-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #dfd4d0;
	border-right-color: #dfd4d0;
	border-left-color: #dfd4d0;
}

#bottompara {
background-image: url(http://theworkinjapan.com/images/sakurasky.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 130px 120px 360px 200px;
margin: -100px 0px 0px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	text-align: justify;
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dfd4d0;
	border-left-color: #dfd4d0;
	border-bottom-color: #dfd4d0;
	border-bottom-style: solid;
	border-bottom-width: 6px;
}
#bottompara>a {
background-color: transparent;
}
}
#bottompara>a:hover {
background-color: transparent;
}

h1 {
padding: 0px;
margin-left: 0px 30px 0px 0px
color: #333;
font-family: "Trebuchet MS", sans-serif;
font-size: 22px;
font-weight: 900;
font-style: normal;
}


h2 {
margin: 0px;
padding: 40px 200px 0px 200px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 900;
font-style: normal;
color: #407c4d;
background-color: #FFFFFF;
	border-right-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dfd4d0;
	border-left-color: #dfd4d0;
}



h3 {
margin: 0px;
padding: 11px 0px 3px 30px;
color: #660000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
}
.firstline {
color: red;
font-weight: 400;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
#navbar{
position: absolute;
	left: 10px;
	top: 500px;
	width: 140px;
	z-index: 10;
}
.navbutton a{
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 3px 13px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 10;
	font-family:"Trebuchet MS", sans-serif;
	color: #333;
font-size: 13px;
line-height: 13px;
font-weight: normal;
text-align:right;
text-decoration:none;
border-right: 2px #ccc solid;
}
.navbutton a:hover{
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 3px 13px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 10;
	font-family:"Trebuchet MS", sans-serif;
	color: #E97A18;
font-size: 13px;
line-height: 13px;
font-weight: normal;
text-align:right;
text-decoration:none;
border-right: 2px red solid;
}

