* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
    list-style-type: none;
}

a {
	color: #1177BB;
	font-weight: bold;
}
a:hover {
	color: #88AAFF;
	font-weight: bold;
	text-decoration: none;
}

body {
	color: #4F4F4F;
	margin: 0 auto;
	width: 1000px;
	background-color: #BBDDAA;
}

body.game {
	background-color: #DEFFBF;
	background-image: none;
}

hr {
	color: #008800;
	height: 1px;
}

table.base {
	border-collapse: collapse;
}

ul.news_headers {
	float: left;
	margin-top: 4px;
	margin-left: 8px;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	font-size: 80%;
	line-height: 150%;
}
span.date {
	color: #008800;
}
a.news_header {
	font-weight: normal;
}
a.news_header:hover {
	font-weight: normal;
}
div.news {
	margin-top: 20px;
	margin-left: 10px;
	line-height: 150%;
}
span.news_header {
	font-weight: bold;
}

#left {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
}
#left, #contents {
	float: left;
}

#menu {
	width: 320px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	background-color: #008800;
	text-align: center;
}

#menu img.logo {
	margin-top 20px;
	width: 300px;
	height: 100px;
	margin-bottom: 8px;
}
#language_link {
	width: 200px;
	border-radius: 10px;
	background-color: #F4FFDD;
	margin: 0 auto;
	margin-bottom: 8px;
	padding: 4px;
}
#menu_links {
	margin: 0 auto;
}
#menu_links a {
	display: block;
	padding: 4px;
	width: 250px;
	background-color: #DEFFBF;
	text-decoration: none;
}
#menu_links a:hover {
	background-color: #F4FFDD;
}
#menu_links span {
	display: block;
	padding: 4px;
	width: 250px;
	background-color: #F4FFDD;
	text-decoration: none;
}

li.menu_link {
	width: 250px;
	margin: 0 auto;
	margin-bottom: 1px;
	font-size: 120%;
}

#top_ad {
	float: left;
	margin: 4px;
}
#left_ad {
	margin-top: 10px;
	text-align: center;
}
#other_games {
	margin: 0 auto;
	margin-top: 10px;
	font-size: 90%;
}
#top_inner_ad {
	margin-bottom: 10px;
}
#contents {
	width: 650px;
	min-height: 600px;
	padding: 6px;
	border: 2px solid #00AA00;
	border-radius: 10px;
	background-color: #F4FFDD;
	font-size: 90%;
	margin-bottom: 10px;
}

h4.heading {
	padding: 4px;
	padding-left: 8px;
	border: 2px solid #00AA00;
	border-radius: 10px;
	background-color: #DEFFBF;
}

div.normal {
	padding: 8px;
	line-height: 150%;
}
div.normal_top {
	line-height: 150%;
}
div.inner {
	padding-top: 8px;
	line-height: 120%;
}

td.caption {
	font-size: 90%;
	text-align: center;
}
span.caption {
	font-size: 80%;
}

span.bold {
	font-weight: bold;
}
.emphasis {
	font-weight: bold;
	font-size: 120%;
}

table.news {
	margin: 8px;
}
td.date {
	color: #008800;
	vertical-align: top;
	font-size: 90%;
	white-space: nowrap;
}
td.schedule {
	color: #FF0099;
	vertical-align: top;
	font-size: 90%;
	white-space: nowrap;
}
td.news {
	vertical-align: top;
	font-size: 90%;
}
span.schedule {
	color: #FF0099;
}

table.normal {
	border-collapse: collapse;
}
table.inner {
	margin-top: 8px;
	border-collapse: collapse;
}
td.key {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #DEFFBF;
	text-align: center;
	white-space: nowrap;
	line-height: 120%;
}
td.key_left {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #DEFFBF;
	white-space: nowrap;
	line-height: 120%;
}
td.key_right {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #DEFFBF;
	text-align: right;
	white-space: nowrap;
	line-height: 120%;
}
td.value {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	line-height: 120%;
}
td.text {
	padding-left: 2px;
	line-height: 120%;
}
td.number_key {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #DEFFBF;
	text-align: right;
	white-space: nowrap;
	line-height: 120%;
}
td.number {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	text-align: right;
	white-space: nowrap;
	line-height: 120%;
}

td.key_server_status {
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #008800;
	background-color: #DEFFBF;
	text-align: right;
	white-space: nowrap;
}
td.number_server_status {
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	text-align: right;
	white-space: nowrap;
}

div.subtitle {
	color: #008800;
	padding-bottom: 8px;
	line-height: 150%;
}
div.subtitle_bottom {
	color: #008800;
	line-height: 100%;
}

span.menu_current {
	color: #88AAFF;
	font-weight: bold;
}
span.prophet {
	color: #008F6F;
}
span.godfield {
	color: #6699EE;
}
span.dead {
	color: #FF0000;
}

span.kana {
	font-weight: normal;
	font-size: 80%;
}

span.mars {
	color: #FF6666;
}
span.mercury {
	color: #6666FF;
}
span.jupiter {
	color: #FF9900;
}
span.saturn {
	color: #6688AA;	
}
span.uranus {
	color: #C5C500;
}
span.pluto {
	color: #AA55CC;
}
span.neptune {
	color: #00AAEE;
}
span.venus {
	color: #008800;
}
span.earth {
	color: #EEAAAA;
}
span.moon {
	color: #BBBB77;
}

span.server_status {
	font-weight: bold;
	font-size: 110%;
}

span.charin {
	color: #444444;
	font-weight: bold;
	font-size: 180%;
	font-family: fantasy;
}
img.charin {
	margin-left: 2px;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}

span.small {
	font-size: 90%;
}

div.duel_record {
	margin-top: 10px;
}

img.banner {
	width: 200px;
	height: 40px;
}

div.mogera_text {
	float: left;
	margin: 8px;
	padding: 8px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	line-height: 150%;
	font-size: 90%;
}

div.login_required, div.buy_charin {
	margin: 8px;
	padding: 8px;
	border: 1px solid #008800;
	background-color: #F4FFDD;
	line-height: 150%;
}
div.buy_charin {
	width: 200px;
}



#percent {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 4px;
	border: 0px solid #668877;
	border-left-width: 4px;
	border-bottom-width: 2px;
	text-align: center;
	background-color: #225544;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 80%;
}
#percent a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
#percent a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

img {
	border-width: 0px;
}


