*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
	line-height: 14px;
}

body {
	margin-top: 10px;
	background-repeat:repeat-x;
	color: #333333;
}


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

a:hover {
	text-decoration: none;
	color: #333333;
}

.main-container {
	width: 900px;
	padding-left: 60px;
}

/* header */

.header {
	width: 100%;
}

.copyright {
	margin-left: 60px;
	margin-bottom: 20px;
	line-height: 12px;
	color: #ECE9D8;
}

.header a:hover {
	background: #FFFFFF;
}

.siteby {
	position: absolute;
	width: 900px;
	top: 10px;
	text-align: right;
	color: #ECE9D8;
}

.header-bar {
	width: 100%;
	margin-bottom: 20px;
}

.header-swf {
	width: 900px;
	background-color: #000;
}

/* global menu */

.global-menu {
	width: 150px;
	float: left;
}

.global-menu div {
	line-height: 14px;
}

.global-menu div {
	margin-bottom: 30px;
}

/* sub category menu */

.sub-menu {
	margin-left: 20px;
	width: 150px;
	float: left;
	
}

.sub-menu div#menu-name {
	margin-bottom: 10px;
}

/* main */

#row {
	clear: both;
	margin-bottom: 30px;
}

#row-header {
	margin-bottom: 10px;
}

#col-header {
	margin-bottom: 10px;
}

.contents-col2 {
	float: left;
	width: 670px;
	margin-left: 20px;
}

.contents-col2 #col {
	float: left;
	width: 218px;
	margin-bottom: 30px;
}

.contents-col2 #col-space {
	width: 8px;
	float: left;
}

.contents-col3 {
	float: left;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 30px;
}

.contents-col3 #col {
	float: left;
	width: 160px;
	margin-bottom: 30px;
}

.contents-col3 #col-space {
	width: 10px;
	float: left;
}

table#image {
	margin-bottom: 10px;
}

/* color */

.global-menu div#top {
	border-bottom: 1px solid #FFFFFF;
}

#top a:hover, a#top:hover {
	background: #FFFFFF;
}

#top-active a {
	color: #333333;
}

#top-active{
	color: #333333;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;	
}

.global-menu div#blog {
	border-bottom: 1px solid #BFBFBF;
}

#blog a:hover, a#blog:hover {
	background: #BFBFBF;
}

#blog-active a {
	color: #333333;
}

#blog-active{
	color: #333333;
	background: #BFBFBF;
	border-bottom: 1px solid #BFBFBF;	
}

.global-menu div#whatsnew {
	border-bottom: 1px solid #FF3300;
}

p#whatsnew, span#whatsnew {
	color: #FF3300;
}

#whatsnew-active{
	color: #333333;
	background: #FF3300;
	border-bottom: 1px solid #FF3300;	
}

#whatsnew a:hover, a#whatsnew:hover {
	background: #FF3300;
}

#whatsnew-active a {
	color: #333333;
}

.global-menu div#aboutus, .sub-menu div#aboutus {
	border-bottom: 1px solid #FF99FF;
}

p#aboutus, span#aboutus {
	color: #FF99FF;
}

#aboutus-active {
	color: #333333;
	background: #FF99FF;
	border-bottom: 1px solid #FF99FF;	
}

#aboutus a:hover, a#aboutus:hover {
	background: #FF99FF;
}


#aboutus-active a {
	color: #333333;
}

.global-menu div#works, .sub-menu div#works {
	border-bottom: 1px solid #CCFF99;
}

p#works, span#works {
	color: #CCFF99;
}

#works-active {
	color: #333333;
	background: #CCFF99;
	border-bottom: 1px solid #CCFF99;
}

#works a:hover, a#works:hover {
	background: #CCFF99;
}

#works-active a {
	color: #333333;
}

.global-menu div#creator, .sub-menu div#creator {
	border-bottom: 1px solid #FFFF99;
}

p#creator, span#creator {
	color: #FFFF99;
}

#creator-active {
	color: #333333;
	background: #FFFF99;
	border-bottom: 1px solid #FFFF99;	
}

#creator a:hover, a#creator:hover {
	background: #FFFF99;
}

#creator-active a {
	color: #333333;
}

.global-menu div#producer, .sub-menu div#producer {
	border-bottom: 1px solid #9999FF;
}

p#producer, span#producer {
	color: #9999FF;
}

#producer-active {
	color: #333333;
	background: #9999FF;
	border-bottom: 1px solid #9999FF;	
}

#producer a:hover, a#producer:hover {
	background: #9999FF;
}

#producer-active a {
	color: #333333;
}

.global-menu div#recruit, .sub-menu div#recruit {
	border-bottom: 1px solid #66CCFF;
}

p#recruit, span#recruit {
	color: #66CCFF;
}

#recruit-active {
	color: #333333;
	background: #66CCFF;
	border-bottom: 1px solid #66CCFF;	
}

#recruit a:hover, a#recruit:hover {
	background: #66CCFF;
}

#recruit-active a {
	color: #333333;
}

.global-menu div#link, .sub-menu div#link{
	border-bottom: 1px solid #CC9999;
}

p#link, span#link {
	color: #CC9999;
}

#link-active {
	color: #333333;
	background: #CC9999;
	border-bottom: 1px solid #CC9999;	
}

#link a:hover, a#link:hover{
	background: #CC9999;
}

#link-active a {
	color: #333333;
}

.global-menu div#privacy, .sub-menu div#privacy {
	border-bottom: 1px solid #666666;
}

p#privacy, span#privacy {
	color: #666666;
}

#privacy-active {
	color: #333333;
	background: #666666;
	border-bottom: 1px solid #666666;	
}

#privacy a:hover, a#privacy:hover{
	background: #666666;
}

#privacy-active a {
	color: #333333;
}

.global-menu div#contact,.sub-menu div#contact {
	border-bottom: 1px solid #990033;
}

p#contact, span#contact {
	color: #990033;
}

#contact-active {
	color: #333333;
	background: #990033;
	border-bottom: 1px solid #990033;	
}

#contact a:hover, a#contact:hover{
	background: #990033;
}

#contact-active a{
	color: #333333;
}