@charset "utf-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0px; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}
#container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#swf_container {
	width: 850px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0px auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
	height:170px;
	background-image:url(image/wall/header.png);
	padding: 0px 0 0 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#swf_header {
	height:170px;
	background-image:url(image/wall/swf_header.png);
	padding: 0px 0 0 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
ul#menu {
	margin: 0px;
	padding: 100px 0px 0px 25px;
	width: 800px; /* width設定必要 */
}
ul#menu li {
	margin: 0;
	padding-left: 15px;
	float: left;
	line-height: 1;
	list-style-type: none;
}
ul#menu li a {
	padding: 0px; 
	display: block;
	position: relative;
}
#mainContent {
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	margin:0px;
}
	div#top {
			margin:0px;
			padding:0px;
			width:800px;
			height:772px;
			background-image:url(image/wall/bg_top.jpg);
	}
		* html div#top_com {
						width:450px;
						height:100px;
						margin-left:80px;
						margin-top:580px;
			}
		*:first-child+html div#top_com {
						width:450px;
						height:100px;
						margin-left:60px;
						margin-top:580px;
			}
		html>/**/body div#top_com, x:-moz-any-link, x:default{
						width:450px;
						height:100px;
						marging-left:80px;
						margin-top:100px;
			}
		html>/**/body div#top_com {
						width:450px;
						height:100px;
						margin-left:60px;
						margin-top:580px;
			}
		* html div#top_ban {
						width:200px;
						height:100px;
						margin-left:550px;
						margin-top:-120px;
			}
		*:first-child+html div#top_ban {
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}
		html>/**/body div#top_ban, x:-moz-any-link, x:default{
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}
		html>/**/body div#top_ban {
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}

	div#top_swf {
			margin:0px;
			padding:0px;
			width:850px;
			height:226px;
			background-image:url(image/wall/bg_swf_top.png);
	}
		* html div#top_swf_com {
						width:450px;
						height:100px;
						margin-left:80px;
						margin-top:35px;
			}
		*:first-child+html div#top_swf_com {
						width:450px;
						height:100px;
						margin-left:80px;
						margin-top:35px;
			}
		html>/**/body div#top_swf_com, x:-moz-any-link, x:default{
						width:450px;
						height:100px;
						margin-left:80px;
						margin-top:35px;
			}
		html>/**/body div#top_swf_com {
						width:450px;
						height:100px;
						margin-left:80px;
						margin-top:35px;
			}
		* html div#top_swf_ban {
						width:200px;
						height:100px;
						margin-left:550px;
						margin-top:-120px;
			}
		*:first-child+html div#top_swf_ban {
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}
		html>/**/body div#to_swfp_ban, x:-moz-any-link, x:default{
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}
		html>/**/body div#top_swf_ban {
						width:200px;
						height:110px;
						margin-left:550px;
						margin-top:-120px;
			}

		div#bannar {
					width:200px;
					height:40px;
					padding-left:700px;
					border:none;
					text-decoration:none;
		}
	div#outline {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_prod_outl.png);
	}
		div#side_menu {
				padding-top:5px;
				padding-left:20px;
				margin:0px;
				width:160px;
				line-height:1;
				float:left;
		}
		div#prod_text {
				width:550px;
				height:600px;
				overflow:auto;
				padding-left:50px;
				padding-top:20px;
				font-size:13px;
				line-height:0.95;
		}
		div#chara_text {
				width:260px;
				height:600px;
				overflow:auto;
				padding-left:25px;
				padding-top:85px;
				font-size:14px;
				float:left;
		}
	div#character {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_prod_char.png);
	}
	div#news_topics {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_news_topics.png);
	}
		div#topics {
				margin:0px;
				padding:0px;
				width:510px;
				height:650px;
				margin-left:240px;
				margin-top:50px;
				overflow:auto;
		}
	div#news_event {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_news_event.png);
	}	
	div#news_book {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_news_book.png);
			}
	div#spec {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_prod_spec.png);
	}
	div#demo {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_prod_demo.png);
	}
	div#caution {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_prod_caution.png);
			}
	div#function_chara {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_func_chara.png);
	}	
		div#edit_text {
				width:550px;
				height:220px;
				overflow:auto;
				padding-left:25px;
				padding-top:10px;
				font-size:13px;
				line-height:0.95;
		}
	div#function_dress {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_func_dress.png);
	}	
		div#edit_text2 {
				width:550px;
				height:200px;
				overflow:auto;
				padding-left:25px;
				padding-top:10px;
				font-size:13px;
				line-height:1;
		}
	div#function_dance {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_func_dance.png);
	}
		div#edit_text3 {
				width:550px;
				height:200px;
				overflow:auto;
				padding-left:25px;
				padding-top:10px;
				font-size:13px;
				line-height:1;
		}
	div#function_update {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_function_update.png);
	}
	div#function_user {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_func_user.png);
	}
		div#user_text {
				width:500px;
				height:400px;
				overflow:auto;
				padding-left:50px;
				padding-top:70px;
				font-size:13px;
				line-height:1;
		}	
		
	div#item {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_collaboration.png);
			}
	div#collabration {
			margin:0px;
			padding:0px;
			height:1890px;
			width:800px;
			}
		div#collabration01_contents	{
				margin-left:0px;
				margin-top:0px;
				padding:0px;
				height:700px;
				width:570px;
		}
	div#dlc {
			margin:0px;
			padding:0px;
			height:785px;
			width:800px;
			}
	div#dlc03 {
			margin:0px;
			padding:0px;
			height:890px;
			width:800px;
			}
	div#dlc04 {
			margin:0px;
			padding:0px;
			height:1170px;
			width:800px;
			}			
	div#item_dlc {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_item_dlc.png);
			}
	div#support_qa {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_support_qa.png);
	}
	
		div#qa_cont	{
				width:550px;
				height:610px;
				overflow:auto;
				position:relative;
				top:80px;
				left:20px;
		}
	div#support_trial {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_trial.png);
	}
	div#support_update {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_update.png);
	}
	div#support_update_log {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_update_log.png);
	}
	div#support_patch {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_support_patch.png);
	}
	div#support_rework {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_support_rework.png);
	}
	table {
    width: 480px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:2px;
	}
		.td1 {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
		}
		.td2 {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    white-space: normal;
		}
	div#special_theme {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_special_theme.png);
	}
		div#special_text1 {
				width:550px;
				height:80px;
				overflow:auto;
				padding-left:220px;
				padding-top:10px;
				line-height:1;
		}
	div#special_tieup {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_special_tieup.png);
	}
	div#special_demo {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_special_demo.png);
	}
	div#special_closed {
			margin:0px;
			padding:0px;
			height:772px;
			width:800px;
			background-image:url(image/wall/bg_special_close.png);
	}
		img#beta	{
				position:relative;
				top:-40px;px;
				left:375px;
				border:none;
		}
	div#link {
			margin:0px;
			padding:0px;
			height:910px;
			width:800px;
			background-image:url(image/wall/bg_link.png);
	}
		div#link_contents	{
				margin-left:120px;
				margin-top:100px;
				padding:0px;
				height:700px;
				width:570px;
		}
	div#dm_outline {
			margin:0px;
			padding:0px;
			height:910px;
			width:800px;
			background-image:url(image/wall/bg_outline.png);
	}
		div#dm_outline_contents	{
				margin-left:120px;
				margin-top:100px;
				padding:0px;
				height:700px;
				width:570px;
		}

	div#rule {
			margin:0px;
			padding:0px;
			height:910px;
			width:800px;
			background-image:url(image/wall/bg_rule.png);
	}
		div#rule_contents	{
				margin-left:120px;
				margin-top:0px;
				padding:0px;
				height:700px;
				width:570px;
		}
#footer {
	background-image:url(image/wall/footer.png);
	width:800px;
	height:40px;
	padding: 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	margin:0px;
}
#swf_footer {
	background-image:url(image/wall/swf_footer.png);
	width:850px;
	height:40px;
	padding: 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	margin:0px;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}