/*--
	■Contents
	1.Base
	3.Head Ele
	6.Footer Ele
	7.Main Contents Ele
	9.Indivisual Ele

=========================================================*/

/*-- 

	1.Base

====================================================== --*/

html{
	background:black;
}
body {
	background:black;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

body.movie{
	background:url(../img/popup_bg.jpg) no-repeat left top;
}

#Index {
	background:black;
}


.container{
	background:url(../img/bg.jpg) no-repeat center top #e60013;
}
.html .container{
	padding-bottom:1px;
}
#Index .container{
	background:url(../img/container_bg.jpg) no-repeat 50% 214px #e60013;
	padding-bottom:0px;
}
.dsi .container{
	background:none;
	background:#e60013;
	padding-bottom:1px;
	width:780px;
}
.all {
	width: 100%;
	margin:0px auto;
	text-align:center;
	background:url(../img/head_bg.png) repeat-x center top;
}
* html #Index .all {
	background:url(../img/ie_index_head_bg.jpg) repeat-x center top;
}
* html .all {
	background:url(../img/ie_head_bg.jpg) repeat-x center top;
}

.partition {
	clear: both;
	display: none;
}
img {
	border: 0px;
	vertical-align:top;
}
td {
	font-size: 12px;
}
th {
	font-size: 12px;
}
dl,dt,dd,ul,li,ol {
	margin: 0px;
	padding:0px;
}
dt {
	font-weight: bold;
}
dd {
	line-height: 1.3em;
}
li {
	line-height: 1.3em;
}
hr {
	display:none;
	clear:both;
}
strong {
}
em {
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-fix:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}
* html .clear-fix { display: inline-block; }
/* no ie mac \*/
* html .clear-fix { height: 1%; }
.clear-fix { display: block; }
/* */
sup{
	vertical-align:5px;
	font-size:9px;
}



/*-- 

	3.Head Ele

====================================================== --*/
.head {
	width: 780px;
	height:50px;
	position:relative;
	margin:0px auto;
	z-index:10;
}
#Popup .head {
	width:760px;
	background:url(../img/popup_head_bg.jpg) no-repeat left top;
}
#Index .head {
	background:url(../img/index_head_bg.jpg) no-repeat left top;
}
.nintendo{
	position:absolute;
	top:17px;
	left:3px;
	width:64px;
	height:16px;
}
#Popup .head .nintendo{
	left:15px;
}
.head-middle .nintendo{
	left:52px;
}
.wii{
	position:absolute;
	top:11px;
	right:0px;
	width:61px;
	height:27px;
}
.head-middle .wii{
	right:55px;
}
#Popup .head .wii{
	right:10px;
}

.gameLogo{
	position:absolute;
	top:55px;
	left:0px;
	width:158px;
	height:79px;
}

/*-- 

	6.Footer Ele

====================================================== --*/

.footer {
	width: 100%;
	text-align:center;
	background:black;
	height:80px;
	font-size: 10px;
	clear: both;
	color:white;
}
.footer .cero{
	text-align:left;
	margin:0px auto -68px;
	width:780px;
	height:68px;
}
.footer .cero img{
	margin-top:15px;
	position:relative;
}
.footer-navi {
	padding-top:15px;
}
.footer-navi ul {
	margin: 0px 0px 5px;
	padding: 0px 0px;
}
* html .footer-navi ul {
	margin: 0px 0px 10px;
	font-size: 10px;
}
* + html .footer-navi ul {
	margin: 0px 0px 10px;
	font-size: 10px;
}
.footer-navi ul li {
	display: inline;
	list-style-type: none;
	color:white;
	line-height:1em;
}
.footer-navi ul li strong,
.footer-navi ul li a{
	font-weight:normal;
	color:white;
	border-right:1px solid #fff;
	padding:0px 7px 0px 5px;
	text-decoration:none;
	position:relative;
}
.footer-navi ul li a:hover{
	text-decoration:underline;
}

.footer-navi ul li.last strong,
.footer-navi ul li.last a{
	border:none;
}

.copy {
	text-align:center;
}


/*-- 

	7.Main Contents Ele

====================================================== --*/
.main {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}
#Popup .main {
	width:760px;
}

.totop {
	text-align: right;
	margin:0px 0px 30px;
	padding:3px 0px 0px;
	position:relative;
	z-index:10;
}



/*-- 

	9.Individual Parts Ele

====================================================== --*/
/*-- Top --*/
/*-- ------------------------------------------------- --*/

.main h1.index{
	height:auto;
	text-align:center;
}
.main h1.index img{
	margin:0px;
}

.main .global-navi{
	height:100px;
	margin-left:187px;
	width:600px;
}
* html .main .global-navi{
	position:relative;
	width:593px;
}

.main .global-navi li{
	width:150px;
	float:left;
	margin-top:2px;
	list-style:none;
}
* html .main .global-navi li{
	position:absolute;
}
* html .main .global-navi li.navi-01{
	left:0px;
}
* html .main .global-navi li.navi-02{
	left:150px;
}
* html .main .global-navi li.navi-03{
	left:300px;
}
* html .main .global-navi li.navi-04{
	left:450px;
}
.main h1{
	margin:0px;
	padding:0px;
}

/*-- intro --*/
/*-- ------------------------------------------------- --*/
.main .intro{
	margin:5px 0px 0px 0px;
}
.main .intro li{
	list-style:none;
	margin-bottom:30px;
}
.main .intro li.ex{
	margin-bottom:4px;
}


/*-- story --*/
/*-- ------------------------------------------------- --*/
.story{
	margin-bottom:59px;
	padding-top:11px;
	text-align:center;
}

/*-- chara --*/
/*-- ------------------------------------------------- --*/
.main .page-navi{
	font-size:11px;
	margin:-30px 0px 0px 210px;
	line-height:1.2em;
	height:40px;
	color:white;
	position:relative;
	z-index:10;
}
.main .page-navi a{
	color:white;
}
.main .page-navi a:hover{
	text-decoration:none;
}
.main .charaList{
	margin:0px 0px 30px;
}
.main .chara{
	margin:0px 0px 2px;
}

* html .main .chara{
	position:relative;
	width:780px;
	height:440px;
}
* html .main .chara img{
	position:absolute;
	left:0px;
	z-index:1;
}
.main .chara .people-01{
	margin-top:-30px;
}
.main .chara .people-02{
	margin-top:-26px;
	margin-bottom:-10px;
}
.main .chara .people-03{
	margin-top:-44px;
	margin-bottom:-20px;
}
.main .chara .people-04{
	margin-top:-25px;
}
.main .chara .people-06{
	margin-top:-35px;
}
.main .chara .people-07{
	margin-top:-52px;
	margin-bottom:-16px;
}
.main .chara .people-08{
	margin-top:-45px;
}
.main .chara .god-03{
	margin-top:-25px;
}
.main .chara .god-04{
	margin-top:-58px;
	margin-bottom:-32px;
}
.main .chara .god-06{
	margin-top:-52px;
	margin-bottom:-12px;
}
.main .chara .god-07{
	margin-top:-43px;
	margin-bottom:-10px;
}
.main .chara .god-08{
	margin-top:-10px;
}
.main .chara .god-09{
	margin-top:-19px;
	margin-bottom:-9px;
}
.main .chara .titan-01{
	margin-top:-52px;
}
.main .chara .titan-05{
	margin-top:-55px;
}


/*-- system --*/
/*-- ------------------------------------------------- --*/
.system{
	margin-top:5px;
}
.system li{
	margin-bottom:30px;
	list-style:none;	
}

/*-- popup --*/
/*-- ------------------------------------------------- --*/
.close{
	width:760px;
	margin:0px auto;
	background:url(../img/close_bg.jpg) no-repeat left top;
	text-align:right;
}



/*-- Weapon --*/
/*-- ------------------------------------------------- --*/
#Weapon{
	text-align:center;
	background:none;
	background-color:transparent;
}
#Weapon a{
	outline:none;
	content:none;
}
#Weapon .weapon-wrap{
	width:744px;
	margin:0px auto;
}
#Weapon .weapon-wrap .close-top{
	text-align:right;
	background:url(../../system/img/weapon_top_bg.png) no-repeat left top;
	height:60px;
	width:744px;
}
* html #Weapon .weapon-wrap .close-top{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/weapon_top_bg.png", sizingMethod="scale");
}
#Weapon .weapon-wrap .close-top img{
	margin:22px 25px 0px 0px;
}
#Weapon .weapon-wrap .close-bottom{
	text-align:right;
	background:url(../../system/img/weapon_bottom_bg.png) no-repeat left top;
	height:60px;
	width:744px;
}
* html #Weapon .weapon-wrap .close-bottom{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/weapon_bottom_bg.png", sizingMethod="scale");
}

#Weapon .weapon-wrap .close-bottom img{
	margin:3px 25px 0px 0px;
}

#Weapon .weapon-wrap .weapon{
	background:url(../../system/img/weapon_bg.png) repeat-y left top;
	width:744px;
	text-align:center;
}
#Weapon .weapon-wrap .weapon ul{
	background:#000;
	text-align:left;
	margin-left:17px;
	margin-right:17px;
}
* html #Weapon .weapon-wrap .weapon{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/weapon_bg.png", sizingMethod="scale");
}

#Weapon .weapon-wrap .weapon li{
	list-style:none;
}

@media print{
	* html #Weapon .weapon-wrap .close-top{
		filter:none;
	}
	* html #Weapon .weapon-wrap .close-bottom{
		filter:none;
	}
	* html #Weapon .weapon-wrap .weapon{
		filter:none;
	}
}

/*=================================================
add header
=================================================*/
#add_header{
	width: 100%;
	height: 44px;
	padding-top: 11px;
	background-image: url(../img/bg_add_header.png);
	background-repeat: repeat-x;
}

#add_header #wrap{
	width: 960px;
	margin: 0 auto;
}

#add_header #wrap .add_btn{
	width: 580px;
	margin: 0 auto;
}