BODY {
	FONT-SIZE: 75%; BACKGROUND: url(../images/bg.gif) #f6f6f6 repeat-x; COLOR: #666; LINE-HEIGHT: 1.7
}
H3 {
	FONT-SIZE: 125%
}
A:link {
	COLOR: #6699cc; TEXT-DECORATION: none
}
A:visited {
	COLOR: #6699cc; TEXT-DECORATION: none
}
A:hover {
	COLOR: #6699cc; TEXT-DECORATION: underline
}
A:active {
	
}
A[href^='http'] {
	PADDING-RIGHT: 0px; BACKGROUND: url(../images/external.gif) no-repeat right center; MARGIN-RIGHT: 0px
}
A[href^='http://www.mosslight.net'] {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
A[href^='http://farm'] {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#wrapper {
	MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto
}
#top {
	MARGIN-TOP: 15px; WIDTH: 760px; POSITION: relative; HEIGHT: 618px
}
#top #loading {
	MARGIN-TOP: 380px; Z-INDEX: -10; MARGIN-LEFT: 380px; POSITION: absolute
}
#top #topImage {
	DISPLAY: none; Z-INDEX: -1; LEFT: 0px; LINE-HEIGHT: 0; POSITION: absolute; TOP: 0px
}
#top #companyName {
	DISPLAY: none; LEFT: 30px; LINE-HEIGHT: 0; POSITION: absolute; TOP: 90px
}
#top nav {
	DISPLAY: none; LEFT: 290px; POSITION: absolute; TOP: 94px
}
#top LI {
	FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none
}
#top A {
	DISPLAY: block; TEXT-DECORATION: none
}
#top A#aboutPage {
	BACKGROUND: url(../images/top_menu_about.gif) no-repeat; WIDTH: 30px; HEIGHT: 14px
}
#top A#contactPage {
	BACKGROUND: url(../images/top_menu_contact.gif) no-repeat; WIDTH: 39px; HEIGHT: 14px
}

#top A#aboutPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
#top A#contactPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
#top A#blogPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
#top A#photoPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
header {
	MARGIN-TOP: 30px; MARGIN-BOTTOM: 20px
}
header #title {
	PADDING-RIGHT: 20px; FLOAT: left
}
header nav {
	PADDING-TOP: 10px
}
header nav LI {
	FONT-SIZE: 0px; FLOAT: left; LINE-HEIGHT: 0px; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none
}
header nav A {
	DISPLAY: block; TEXT-INDENT: -9999px; TEXT-DECORATION: none
}
header nav A#topPage {
	BACKGROUND: url(../images/menu_top.gif) no-repeat 50% top; WIDTH: 18px; HEIGHT: 14px
}
header nav A#aboutPage {
	BACKGROUND: url(../images/menu_about.gif) no-repeat; WIDTH: 30px; HEIGHT: 14px
}
header nav A#contactPage {
	BACKGROUND: url(../images/menu_contact.gif) no-repeat; WIDTH: 39px; HEIGHT: 14px
}

header nav A#topPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
header nav A#aboutPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
header nav A#contactPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
header nav A#blogPage:hover {
	BACKGROUND-POSITION: 50% bottom
}
header nav A#photoPage:hover {
	BACKGROUND-POSITION: 50% bottom
}


footer {
	MARGIN-TOP: 2px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 448px
}
ADDRESS {
	MARGIN-TOP: 6px; FLOAT: right; LINE-HEIGHT: 0
}
footer .copyright {
	MARGIN-TOP: 6px; FLOAT: right; LINE-HEIGHT: 0
}
#contents {
	MARGIN-BOTTOM: 20px
}
#blog #description {
	MARGIN: 0px 0px 0px 75px; COLOR: #b4b4b4
}
#blog .post {
	MARGIN-BOTTOM: 10px
}
#blog .date {
	PADDING-BOTTOM: 10px
}
#blog .text {
	PADDING-TOP: 10px
}
#blog .text P {
	MARGIN-BOTTOM: 8px
}
#blog .storytitle {
	MARGIN-BOTTOM: 10px
}
#blog #archive {
	FLOAT: right
}
#blog #navi {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 20px 10px; BORDER-LEFT: #ddd 1px solid; WIDTH: 552px; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px
}

#about #text {
	PADDING-TOP: 60px
}
#about TABLE {
	WIDTH: 700px; BORDER-COLLAPSE: collapse
}
#about TH {
	WIDTH: 120px
}
#about TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 12px; BORDER-BOTTOM: #dddddd 1px solid; TEXT-ALIGN: left
}
TD {
	PADDING-RIGHT: 5px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size:11px; line-height:17px;  PADDING-LEFT: none; PADDING-BOTTOM: none; PADDING-TOP: none; BORDER-BOTTOM: #dddddd 0px solid; TEXT-ALIGN: none
}
#contact #errMsg {
	COLOR: #ff6666
}
#contact #contactPhoto {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 70px; WIDTH: 312px; MARGIN-RIGHT: 20px
}
#contactForm {
	WIDTH: 500px
}
#contact #finishInfo {
	PADDING-TOP: 50px
}
#contact FIELDSET {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 500px; PADDING-TOP: 10px
}
#contact DL {
	CLEAR: both
}
#contact DT {
	FONT-WEIGHT: bold; MARGIN: 0px 7px 0px 0px
}
#contact DD {
	MARGIN: 0px 0px 15px
}
#contact INPUT {
	BORDER-RIGHT: #abced8 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #abced8 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #abced8 1px solid; WIDTH: 200px; COLOR: #555; PADDING-TOP: 4px; BORDER-BOTTOM: #abced8 1px solid
}
#contact TEXTAREA {
	BORDER-RIGHT: #abced8 1px solid; BORDER-TOP: #abced8 1px solid; BORDER-LEFT: #abced8 1px solid; WIDTH: 350px; COLOR: #555; BORDER-BOTTOM: #abced8 1px solid
}
#contact .confirm {
	COLOR: #3399cc
}
#contact #myForm2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 30px
}
#contact BUTTON {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; WIDTH: 61px; CURSOR: pointer; BORDER-TOP-STYLE: none; TEXT-INDENT: -9999px; LINE-HEIGHT: 0px; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 28px; BORDER-BOTTOM-STYLE: none
}
#contact #btnConfirm {
	BACKGROUND: url(../images/contact_btn_confirm.gif) no-repeat
}
#contact #btnRevise {
	BACKGROUND: url(../images/contact_btn_revise.gif) no-repeat
}
#contact #btnSend {
	BACKGROUND: url(../images/contact_btn_send.gif) no-repeat
}
#contact #btnConfirm:hover {
	BACKGROUND-POSITION: 50% bottom
}
#contact #btnRevise:hover {
	BACKGROUND-POSITION: 50% bottom
}
#contact #btnSend:hover {
	BACKGROUND-POSITION: 50% bottom
}