@charset "utf-8";

@import "reset.css";



/* ----------------------------------------------------

全体の設定

---------------------------------------------------- */

html{

height: 100%;

}

body {

height: 100%;			
font-size:83.333%;
line-height:130%;
font-family: "MS P Gothic", sans-serif;
color: #4e372b;

background-color:#000;
background-image:url(../images/back.jpg);
background-repeat:repeat-y;
background-position:center;

}

/* for IE6 */

* html body {

font-size: 75%;

}

/* for IE7 */

*:first-child+html body {

font-size: 75%;

} 

/*画像下部の意図しない余白をなくす*/

img{ vertical-align : bottom; }

a {outline: none;}



/* ----------------------------------------------------

リンクカラー

---------------------------------------------------- */

a:link {color:#cc0000; text-decoration:none;}

a:visited {color:#990000; text-decoration:none;}

a:active {color:#cc0000; text-decoration:underline;}

a:hover {color:#cc0000; text-decoration:underline;}

/* ----------------------------------------------------

その他カラー、汎用設定

---------------------------------------------------- */

.orange{color:#cc3300;}

.orange_l{font-size:14px;color:#cc3300;font-weight: bold;}

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

.w_caution{font-weight:bold;}

.w_caution_l{font-weight:bold;}

.s_txt{font-size:smaller;line-height:120%;}

/* ----------------------------------------------------

#container

---------------------------------------------------- */

#container{

width:798px;
height:100%;
margin: 0px auto 0px auto;
padding:0;

/*border-left:1px solid #82732e;

border-right:1px solid #82732e;*/


/*
background-color:#000000;

background-image:url(../images/bg_container.jpg);

background-position:bottom;

background-repeat:repeat-x;
*/
}

body > #container {

height: auto;

}

.area{

margin:0;
padding:0;

}

/* ----------------------------------------------------

#header

---------------------------------------------------- */

#header h1,#header p{

display:none;

}

#header{

width:798px;
height:0px;
/*
background-image:url(../images/mst-s3.jpg);
background-color:#000;
background-repeat:no-repeat;
*/
}
#main{
width:100%;
height:700px;
margin:10px 0;
text-align:center;
background-image:url(../images/top_main2.png);
background-repeat:no-repeat;
background-position:top center;
	
}
#main #logo{
	position:relative;
	top:480px;
}

#banner h1,#banner p{
	display:block;
	text-align:center;
}

#intro{
margin:20px auto;
width:798px;
height:480px;
text-align:center;

}
#story,#chara,#spec,#event,#download{
	text-align:center;
	margin:20px auto;
}

#intro h1,#intro p{

display:none;

}
/* ----------------------------------------------------

#menu

---------------------------------------------------- */

#menu{

height:70px;
background-image:url(../images/menuback.png);
background-repeat:repeat-x;
}

#menu ul {

width:653px;	
margin:0px auto 0px auto;
padding: 0;
text-align:center;

}

#menu ul li{

padding:0px 10px;
list-style-type: none; 
float:left;

/*
display:table-cell; 
*display:inline; 
*zoom:1;
*/
}

/* ----------------------------------------------------

h2,.box,.pagetop

---------------------------------------------------- */

h2{

width:798px;
margin:0 auto;
padding:0;

}

.box{

width:798px;
margin:0px auto;
padding:0;
/*background-color:#000;*/
text-align:center;
color:#CCC;


/*border-left:1px solid #828282;*/

}

.box-down{
width:399px;
display:inline-table;
}

.pagetop{

width:655px;
margin:0px auto;
padding:10px 5px;
text-align:right;

}

/* ----------------------------------------------------

.usebox

---------------------------------------------------- */

.usebox p{

display:none;

}

.use,.use_l,.use_top{

float:left;

}

.use_l{

margin-right:20px;

}

.use_top{

margin-bottom:10px;

}





/* ----------------------------------------------------

.infobox

---------------------------------------------------- */

.infobox{

width:560px;
margin:20px auto;
padding:20px;
text-align:center;
border:1px solid #d6cbb3;
background-image:url(../images/bg_goods.gif);

}

.infocart{

width:560px;
margin-bottom:20px;
text-align:center;

}

.infotxt{

width:560px;
text-align:left;

}

h4{font-weight:bold;
color:#810000;

}

/* ----------------------------------------------------

#footer

---------------------------------------------------- */

#footer{

width:798px;	
padding:20px 0px 40px 0;
text-align:center;
color:#04b931;

}

.footban{

margin:0px 5px 30px;

}