@charset "UTF-8";
/**
 * common
 *
 */
/*--------------------------------------------------------------------------
 * default
 *------------------------------------------------------------------------*/
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    font-size: 100%;
}
div{
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol, li {
    list-style: none;
}
table {
	border-spacing: 0;
}
img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
b, strong {
	font-weight: bold;
}
button, input, select, textarea {
	font-size: 100%;
}
br {
    letter-spacing: 0 !important;
}


/*--------------------------------------------------------------------------
 * base
 *------------------------------------------------------------------------*/
html{
	height:100%;
}
body{
    font-size:75%;
    line-height:1.5;
    font-family:"ＭＳ Ｐゴシック", sans-serif;
    color:#000000;
	height:100%;
	background:#7eac31;
}
a{
	text-decoration:underline;
}
a:link{
    color:#352201;
}
a:visited{
    color:#352201;
}
a:hover{
	color:#005ace;
	text-decoration:none;
}
a:active{
    color:#005ace;
    text-decoration:none;
}
a:focus{
    color:#005ace;
}
blockquote{
   margin: 1em 40px;
}

/*--------------------------------------------------------------------------
 * basic utils
 *------------------------------------------------------------------------*/
.alt{
	position:absolute;
	top:-9999px;
}
.break{
    margin:0 0 1em;
}
.fontS{
    font-size:83.3%;
	line-height:1.1;
	font-weight:normal;
}
.fontBold{
    font-weight:bold;
}
.indent{
	padding:0 0 0 1em;
	position:relative;
	zoom:1;
}
.indent .indentHead{
	width:1em;
	position:absolute;
	top:0;
	left:0;
}
ul.listIndent li, ol.listIndent li{
	padding:0 0 0 1em;
	position:relative;
	zoom:1;
}
ul.listIndent li .indentHead, ol.listIndent li .indentHead{
	position:absolute;
	top:0;
	left:0;
}
.float_l{ float:left; }
.float_r{ float:right; }
.align_l{ text-align:left; }
.align_r{ text-align:right; }

.alpha:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.ialpha:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
    zoom:1;
}

/* AlphaImageLoader
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="crop");
*/

/*--------------------------------------------------------------------------
 * wrapper
 *------------------------------------------------------------------------*/

.wrapperOuter{
	width:1000px;
	background:url(../images/mainbg.png) repeat-y 0 0;
	height:100%;
	margin:0 auto;
}
.wrapper{
	width:980px;
	padding:0 10px;
	background:url(../images/mainbg.png) repeat-y 0 0;
}

/*--------------------------------------------------------------------------
 * globalHeader
 *------------------------------------------------------------------------*/

.globalHeader{
	position:relative;
	height:185px;
}
.globalHeader h1{
	position:absolute;
	top:11px;
	left:12px;
}


/* globalNav */
.globalNav{
	position:absolute;
	top:0;
	left:195px;
	background:url(../images/header/globalNav.png) no-repeat 0 0;
	width:770px;
	height:100px;
}

.globalNav ul li{
	height:57px;
	float:left;
	padding:43px 0 0;
}

.globalNav ul li.closed{
	text-indent:-9999px;
	overflow:hidden;
}
.globalNav ul li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:45px;
}
.globalNav ul li.nav1{ width:126px; height:66px; padding:32px 0 2px 16px; }
.globalNav ul li.nav2{ width:93px; }
.globalNav ul li.nav3{ width:106px; }
.globalNav ul li.nav4{ width:78px; }
.globalNav ul li.nav5{ width:77px; }
.globalNav ul li.nav6{ width:93px; }
.globalNav ul li.nav7{ width:78px; }
.globalNav ul li.nav8{ width:79px; }

.globalNav ul li.nav1 a{ width:126px; height:66px;  background:url(../images/header/globalNav.png) no-repeat -16px -32px;}
.globalNav ul li.nav2 a{ width:93px;   background:url(../images/header/globalNav.png) no-repeat -142px -43px;}
.globalNav ul li.nav3 a{ width:106px;  background:url(../images/header/globalNav.png) no-repeat -235px -43px;}
.globalNav ul li.nav4 a{ width:78px;   background:url(../images/header/globalNav.png) no-repeat -341px -43px;}
.globalNav ul li.nav5 a{ width:77px;   background:url(../images/header/globalNav.png) no-repeat -419px -43px;}
.globalNav ul li.nav6 a{ width:93px;   background:url(../images/header/globalNav.png) no-repeat -496px -43px;}
.globalNav ul li.nav7 a{ width:78px;   background:url(../images/header/globalNav.png) no-repeat -589px -43px;}
.globalNav ul li.nav8 a{ width:79px;   background:url(../images/header/globalNav.png) no-repeat -667px -43px;}


.globalNav ul li.nav1 a:hover{ background:url(../images/header/globalNav.png) no-repeat -16px -132px;}
.globalNav ul li.nav2 a:hover{ background:url(../images/header/globalNav.png) no-repeat -142px -143px;}
.globalNav ul li.nav3 a:hover{ background:url(../images/header/globalNav.png) no-repeat -235px -143px;}
.globalNav ul li.nav4 a:hover{ background:url(../images/header/globalNav.png) no-repeat -341px -143px;}
.globalNav ul li.nav5 a:hover{ background:url(../images/header/globalNav.png) no-repeat -419px -143px;}
.globalNav ul li.nav6 a:hover{ background:url(../images/header/globalNav.png) no-repeat -496px -143px;}
.globalNav ul li.nav7 a:hover{ background:url(../images/header/globalNav.png) no-repeat -589px -143px;}
.globalNav ul li.nav8 a:hover{ background:url(../images/header/globalNav.png) no-repeat -667px -143px;}

.bc_new      .globalNav ul li.nav1{ background:url(../images/header/globalNav.png) no-repeat 0 -200px;}
.bc_prologue .globalNav ul li.nav2{ background:url(../images/header/globalNav.png) no-repeat -142px -200px;}
.bc_chara    .globalNav ul li.nav3{ background:url(../images/header/globalNav.png) no-repeat -235px -200px;}
.bc_system   .globalNav ul li.nav4{ background:url(../images/header/globalNav.png) no-repeat -341px -200px;}
.bc_movie    .globalNav ul li.nav5{ background:url(../images/header/globalNav.png) no-repeat -419px -200px;}
.bc_special  .globalNav ul li.nav6{ background:url(../images/header/globalNav.png) no-repeat -496px -200px;}
.bc_info     .globalNav ul li.nav7{ background:url(../images/header/globalNav.png) no-repeat -589px -200px;}
.bc_oshirase .globalNav ul li.nav8{ background:url(../images/header/globalNav.png) no-repeat -667px -200px;}

.bc_new      .globalNav ul li.nav1 a, .bc_new      .globalNav ul li.nav1 a:hover{ background:url(../images/header/globalNav.png) no-repeat -16px -232px;}
.bc_prologue .globalNav ul li.nav2 a, .bc_prologue .globalNav ul li.nav2 a:hover{ background:url(../images/header/globalNav.png) no-repeat -142px -243px;}
.bc_chara    .globalNav ul li.nav3 a, .bc_chara    .globalNav ul li.nav3 a:hover{ background:url(../images/header/globalNav.png) no-repeat -235px -243px;}
.bc_system   .globalNav ul li.nav4 a, .bc_system   .globalNav ul li.nav4 a:hover{ background:url(../images/header/globalNav.png) no-repeat -341px -243px;}
.bc_movie    .globalNav ul li.nav5 a, .bc_movie    .globalNav ul li.nav5 a:hover{ background:url(../images/header/globalNav.png) no-repeat -419px -243px;}
.bc_special  .globalNav ul li.nav6 a, .bc_special  .globalNav ul li.nav6 a:hover{ background:url(../images/header/globalNav.png) no-repeat -496px -243px;}
.bc_info     .globalNav ul li.nav7 a, .bc_info     .globalNav ul li.nav7 a:hover{ background:url(../images/header/globalNav.png) no-repeat -589px -243px;}
.bc_oshirase .globalNav ul li.nav8 a, .bc_oshirase .globalNav ul li.nav8 a:hover{ background:url(../images/header/globalNav.png) no-repeat -667px -243px;}






/*--------------------------------------------------------------------------
 * contents
 *------------------------------------------------------------------------*/
.contentsOuter{
	background:url(../images/headbg.png) no-repeat 0 0;
}
.contents{
	width:950px;
	margin:15px auto 0;
	background:url(../images/contents_bg_bd.png) repeat-y 15px 0;
	padding:1px 15px 0;
}
.contentsInner{
	position:relative;
	background:url(../images/contents_bg_ft.png) no-repeat 0 100%;
	padding:0 10px 10px;
	margin:-16px 0 0;
	zoom:1;
}

/*--------------------------------------------------------------------------
 * footerLinks
 *------------------------------------------------------------------------*/
.footerLinks{
	position:relative;
	background:url(../images/footerLinks_bg.png) no-repeat 0 0;
	height:109px;
	margin:9px 0 0;
}
.footerLinks .links{
	position:absolute;
	width:980px;
	top:55px;
	left:0;
	font-size:83.3%;
	line-height:2.1;
	text-align:center;
	color:#ffffff;
	letter-spacing:0.3em;
	z-index:2;
}
.footerLinks .links a{
	color:#ffffff;
}
.footerLinks .links .close{
	color:#d6bba3;
}
.footerLinks .toPagetop{
	position:absolute;
	top:1px;
	right:46px;
}
.footerLinks .toPagetop a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:175px;
	height:59px;
	background:url(../images/toPagetop.png) no-repeat 0 0;
}
.footerLinks .toPagetop a:hover{
	background:transparent;
}


/*--------------------------------------------------------------------------
 * globalFooter
 *------------------------------------------------------------------------*/

.globalFooter{
	position:relative;
	background:url(../images/footer/footer_bg.png) no-repeat 0 0;
	height:82px;
}
.globalFooter img{
	vertical-align:top;
}

.globalFooter .logo_marvelous{
	position:absolute;
	top:14px;
	left:50px;
}
.globalFooter .copyright{
	background:url(../../images/footer/copyright.png) no-repeat 0 0;
	position:absolute;
	top:13px;
	left:197px;
	width:219px;
	height:9px;
	text-indent:-9999px;
	overflow:hidden;
}
.globalFooter .cr_text1{
	position:absolute;
	top:31px;
	left:197px;
}
.globalFooter .cr_text2{
	position:absolute;
	top:49px;
	left:197px;
}
.globalFooter .cero{
	position:absolute;
	top:10px;
	right:14px;
}