@charset "UTF-8";

/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background:#000000 url(zxf_images/mainback.jpg) no-repeat center 0px;
	text-align:center;
}

/* ヘッダー */
#headcontainer {
	margin-bottom:2px;
	height:61px;
	background-image:url(zxf_images/headerback.gif);
	background-repeat:repeat-x;

}

#header {
	margin:0 auto;
	width:900px;
}

ul#header {
	padding:0;
	width:900px;
	height:54px;
	text-align:left;
}

ul#header li {
	float:left;
	list-style-type:none;
}

ul#header a img {
	border:none;
}

.mail {
	margin-top:13px;
}

/* コンテナ */
#container {
	margin:0 auto;
	width:900px;
}

/* メニューボックス */
#container #menubox {
	margin-top:3px;
	margin-bottom:4px;
	height:26px;
	text-align:center;
}

/* コンテンツグループ */
#content {
	margin-bottom:12px;
}

#content #left {
	width:248px;
	height:541px;
	background-color:#000000;
	border:1px solid #cc9966;
	float:left;
}

#content #right {
	float:right;
	width:642px;
	height:543px;
}

/* フッター */
ul#footer {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	width:900px;
	height:31px;
	text-align:left;
}

ul#footer li {
	float:left;
	list-style-type:none;
}

ul#footer a img {
	border:none;
}

.bandai-mark {
	margin-top: 2px;
}

.acuagraphy {
	margin-left: 48px;
	margin-top: 5px;
}

.candytoy {
	margin-left: 18px;
}

.getflash {
	margin-left: 18px;
}

.coro {
	float: right;
	border:none;
}

/* クリアフィックス */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/* コピーライト */
.copylight {
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	text-align: left;
	width: 500px;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 10px;
	

}

/* -----バナー３つ用ここから----- */
#newsbox {
	margin-top:5px;
	margin-right:7px;
	margin-bottom:4px;
	margin-left:7px;
	padding-top:17px;
	width:234px;
	background-image:url(zxf_images/news_title2.gif);
	background-repeat:no-repeat;
	text-align:left;
}

#news {
	padding:3px 0;
	border-top:1px solid #00ff00;
	border-bottom:1px solid #00ff00;
	width:234px;
	height:110px;
}

img.toptitle {
	margin-top:5px;
}
/* -----バナー３つ用ここまで----- */

/* -----バナー4つ用ここから----- */
#news2{
padding-top:19px;
padding-right:7px;
padding-bottom:4px;
padding-left:7px;
background-image:url(zxf_images/news_title.gif);
width:234px;
height:65px;
}
/* -----バナー4つ用ここまで----- */


img.topbanner {
	margin-top:8px;
}

#flashcontent {
	color:#FFFFFF;
	background-color:#000000;
}

#flashcontent2 {
	color:#FFFFFF;
	background-color:#000000;
	background-image: url(zxf_images/charabackdata.gif);
	background-repeat: no-repeat;
}

/* トップ過去もの */
#legend {
	margin-top:-5px;
	margin-bottom:8px;
	width:900px;
	height:52px;
	background-image:url(zxf_images/legend_00.gif);
	clear:both;
	text-align:left;
}

ul#legenditem {
	margin-left:86px;
	padding:0;
	clear:both;
	width:738px;
	height:44px;
}

ul#legenditem li {
	margin-top:4px;
	margin-right:3px;
	float:left;
	list-style-type:none;
}

ul#legenditem a img {
	border:none;
}

/* ムービーグループ　ムービー3つ用 */
#contentmovie {
	margin-bottom:12px;
	height:483px;
	background-image:url(zxf_images/movieback.jpg);
	text-align:left;
}

.play1 {
	position:relative;
	top: 146px;
	left: 350px;
}

.play2 {
	position:relative;
	top: 280px;
	left: 136px;
}

.play3 {
	position:relative;
	top: 412px;
	left: -78px;
}

.mediaplayer {
	position:relative;
	top: 438px;
	left: 160px;
}

/* ムービーグループ　ムービー2つ用 */
/*#contentmovie {
	margin-bottom:12px;
	height:483px;
	background-image:url(zxf_images/movieback.jpg);
}

.play1 {
	position:relative;
	top:202px;
	left:156px;
}

.play2 {
	position:relative;
	top:336px;
	left:-58px;
}

.play3 {
	position:relative;
	top:336px;
	left:-58px;
}

.mediaplayer {
	position:relative;
	top:439px;
	left: 181px;
}*/

/* キャラ一覧 */
#contentchara {
	margin-bottom:12px;
	height:483px;
	background-image:url(zxf_images/charaback.gif);
}

.card-l {
	margin-top:2px;
	margin-left:6px;
	margin-right: 12px;
}

.card-m {
	margin-top:2px;
	margin-right: 12px;
}

.card-r {
	margin-top:2px;
	margin-right: 6px;
}

/* ストーリー */
#story-menu {
	width:898px;
	height:42px;
	background-color:#000000;
	border-right:1px solid #cc9966;
	border-bottom:1px solid #cc9966;
	border-left:1px solid #cc9966;
	margin-top: -12px;
	margin-bottom:12px;
	text-align:left;
}

.prologue {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.story01 {
	padding-left: 15px;
}

/* ウエハーマン */

#content #waferleft {
	width:130px;
	height:481px;
	background-image:url(zxf_images/bn_back.jpg);
	border-top:1px solid #cc9966;
	border-bottom:1px solid #cc9966;
	border-left:1px solid #cc9966;
	float:left;
}

#content #waferright {
	float:right;
	width:768px;
	height:481px;
	background-color:#000000;
	border-top:1px solid #cc9966;
	border-right:1px solid #cc9966;
	border-bottom:1px solid #cc9966;
}

img.bnbtn1{
	margin-top:100px;
	margin-left:4px;
}

img.bnbtn2{
	margin-top:14px;
	margin-left:2px;
}

/* 壁紙 */
#wallpaper {
	width:898px;
	background-color:#000000;
	border:1px solid #cc9966;
	text-align:left;
	margin-bottom:12px;
}

/* whfmovie */
#moviecontent {
height:483px;
background-image:url(zxf_images/whf/whf_movie.jpg);
	margin-bottom:12px;
}

#whfmovie{
	position:relative;
	top:165px;
	left:-240px;
	width:320px;
}

#mailbtn_m{
	position:relative;
	left:120px;
	width:318px;
	height: 62px;
	top: 155px;
}

#spmovie_bn{
margin-top:7px;
margin-left:1px;
}

#contentspmovie {
	margin-bottom:12px;
	height:483px;
	background-image:url(zxf_images/whf/sp_movie.jpg);
	text-align:left;
}

.playsp {
	position:relative;
	top: 375px;
	left: 300px;
}

.mediaplayersp {
	position:relative;
	top: 438px;
	left: 585px;
}

/* battle */
#contentbattle {
	height:483px;
	background-image:url(zxf_images/battle01.jpg);
	text-align:right;
}

#contentbattle2 {
	height:483px;
	background-image:url(zxf_images/battle2_01.jpg);
	text-align:right;
}

.battle_btn{
margin-right:1px;
}