/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color:#00CCCC;
	}
	
hr {
	height:1px; 
	color: #cccccc;
	border: none;
	}
	
a {
	color: #FF6600;
	text-decoration:none;
	}
	
a:hover {
	color: #339900;
	text-decoration:none;
	}
	
	
/* header */
div#header {
	float: left;
	width: 200px;
	height: 100%;
	border-right: none;
	border-left: none;
	text-align: center;
}

div#header h1 {
	margin: 17px 0 0;
}



/* navi */
ul {
	list-style-type: none;
}

ul li a {
	display: block;
	background: url(../image/navimenu.jpg) no-repeat;
	text-decoration: none;
	vertical-align: bottom;
}

ul li a:link,
ul li a:visited {
	color: #677268;
}

ul li a:hover {
	color: #999999;
}

ul li#products a {
	line-height: 40px;
}

ul li#about a {
	line-height: 40px;
	background-position: 0 -40px;
}

ul li#store a {
	line-height: 40px;
	background-position: 0 -80px;
}

ul li#press a {
	line-height: 40px;
	background-position: 0 -120px;
}

ul li#recruit a {
	line-height: 40px;
	background-position: 0 -160px;
}

ul li#contact a {
	line-height: 40px;
	background-position: 0 -200px;
}

/* hover */
ul li#products a:hover {
	background-position: -180px 0;
}

ul li#about a:hover {
	background-position: -180px -40px;
}

ul li#store a:hover {
	background-position: -180px -80px;
}

ul li#press a:hover {
	background-position: -180px -120px;
}

ul li#recruit a:hover {
	background-position: -180px -160px;
}

ul li#contact a:hover {
	background-position: -180px -200px;
}


	

/* ID Styles */

#navigation a {
	font:11px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #ff6699;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: none;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#0099ff;
	border: 1pt dotted red;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}
	
#dateformat a {
	color:#00cccc;
	font:11px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

/* Class Styles */

.bodyText {
	font:11px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color:#00cccc;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:0px;
	}
	
.pageName{
	font:22px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:16px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	font:11px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	color:#99CCFF;
	}