/* CSS Document */

body{
	background:#002a3b url("../img/share_body_bg.gif") repeat-x top left;
	margin:0;
	padding:0;
	text-align:center;
	font-size:75%;
	line-height:160%;
	color:#cccccc;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}


strong{
	color:#ffffff;
}

h1{
	margin:0;
	padding:0;
}
h2{
	margin:15px 0 25px;
	padding:0;
}
h1 img,
h2 img{
	display:block;
}
h3{
	margin:20px 20px 5px;
	font-family:"Times New Roman", Times, serif;
	font-size:130%;
	color:#dad3c9;
	letter-spacing:0.2ex;
	border-bottom:1px solid #5a5349;
}
h3:first-letter {
	font-size:160%;
	color:#ffffff;
	letter-spacing:0;
}
h3 a:first-letter{
	font-size:160%;
	color:#ffffff;
	letter-spacing:0;
}
h4{
	margin:10px 20px 5px;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	color:#cac3b9;
	letter-spacing:0.2ex;
	border:#5a5349 solid;
	border-width:1px 1px 1px 6px;
	padding:2px 1.5ex;
}


p{
	margin:1em 20px 2em;
}

img{
	border:0;
}

a:link{	color:#ff6633;text-decoration:none;	}
a:visited{	color:#ff9999;text-decoration:none;	}
a:hover{	color:#ff3399;text-decoration:underline;	}
a:active{	color:#ff3399;text-decoration:underline;	}


legend{
	color:#aaaaff;
}
fieldset{
	margin:0 20px 15px;
	padding:5px 10px;
}
textarea{
	background:#333333;
	border:1px solid #aaaaaa;
	color:#cccccc;
	padding:5px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:100%;
}
input.txtbox{
	background:#333333;
	border:1px solid #aaaaaa;
	color:#cccccc;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:100%;
}

hr{
	border:1px dotted #999999;
}

#root{
	width:720px;
	background:#000000;
	margin:0 auto;
	text-align:left;
}
	#header{
		margin:0;
		padding:0;
		position:relative;
		background:url("../img/index_header_bg.gif") bottom center;
		height:80px;
	}
		#header h1{
			position:absolute;
			left:240px;
			top:3px;
		}
	.toppage #header{
		height:98px;
	}
		.toppage #header h1{
			top:10px;
		}
	#breadcrumbs{
		text-align:right;
		padding:0 5px;
		color:#666666;
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
	}
	#breadcrumbs a{
		color:#884444;
	}
	#main{
		padding:0 10px;
		margin:0;
	}
	
		ul#gmenu{
			margin:10px 0 0;
			padding:0;
			list-style-type:none;
			position:relative;
			height:22px;
			background:url("../img/gmenu_bg.gif") no-repeat;
		}
			ul#gmenu img{
				display:block;
			}
			ul#gmenu li{
				position:absolute;
				margin:0;
				padding:0;
				top:0;
			}
			#gmenu-system{		left:0;		}
			#gmenu-story{		left:83px;	}
			#gmenu-world{		left:156px;	}
			#gmenu-character{	left:234px;	}
			#gmenu-screenshot{	left:329px;	}
			#gmenu-download{	left:447px;	}
			#gmenu-overview{	left:544px;	}
			#gmenu-ranking{		left:637px;	}

			#gmenu-ranking a{
				cursor:default;
			}

		#content{
			
		}
			.toppage #content{
				background:url("../img/index_main_bg.jpg") no-repeat;
				height:608px;
				position:relative;
			}

	#footer{
		background:url("../img/share_footer_bg.gif") no-repeat top left;
		padding:10px 0 20px;
		margin:60px 10px 0;
		position:relative;
	}
		.toppage #footer{
			padding-top:0px;
			margin-top:0px;
		}
		.site-logo{
			position:absolute;
			top:12px;
			left:0;
		}
		.copyright{
			text-align:right;
			font-family:"Times New Roman", Times, serif;
		}


.clear{
	clear:both;
}





#whatsnew{
	background:url("../img/index_whatsnew_bg.gif") no-repeat left bottom;
	width:340px;
	position:absolute;
	left:20px;
	top:340px;
}
	#whatsnew h2{
		margin:0;
		padding:0;
	}
	#whatsnew table{
		margin:3px 2px 3px;
	}
	#whatsnew table td{
		padding:0 2px;
		vertical-align:top;
	}
#special-menu{
	width:340px;
	position:absolute;
	left:360px;
	top:348px;
}


/* Overview table */
.overview-table{
	margin:1em 20px 2em;
}
	.overview-table th{
		text-align:center;
		padding:1px 15px;
		border:1px solid #333333;
		background:#222222;
	}
	.overview-table td{
		padding:1px 5px;
		border:1px solid #333333;
	}

/* Ranking table */
.ranking-table{
	margin:1em 20px 1ex;
	width:660px;
}
	.ranking-table th{
		text-align:center;
		padding:1px 7px;
		border:1px solid #333333;
		background:#222222;
	}
	.ranking-table td{
		padding:1px 5px;
		border:1px solid #333333;
		font-family:"Courier New", Courier, mono;
	}
	.ranking-table td.ranking-name{
	}
	.ranking-table td.ranking-score{
		text-align:right;
	}
	.ranking-table td.ranking-rate{
		text-align:right;
	}
	.ranking-table td.ranking-laststage{
	}
	.ranking-table td.ranking-replay{
	}

.system-frmt{
	border:1px solid #666666;
	margin:0 20px 1ex;
}

.system-frmt td{
	border:1px solid #666666;
	padding:2px 0.8ex;
	vertical-align:top;
}
.system-frmt th{
	padding:2px 2px;
}

.system-frmt th img{
	display:block;
}





.dl-container1{
	margin:1em 3em;
	border:3px solid #887766;
	background:url("../img/share_dl-container2_bg.gif") repeat;
}
.dl-container2{
	margin:8px;
	padding:1px;
	background:#000000;
}

.caution{
	font-weight:bold;
	color:#ff0000;
}