@charset "utf-8";
/* ===================================================================
CSS information

 file name  :shared.css
 style info :共通のcss
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* -----------------------------------------------------------
	All
----------------------------------------------------------- */
div#wrap{
	background:#000;
	text-align:left;
}
div#main{
}
div#mainContent{
	width:950px;
	margin:auto;
}

/* -----------------------------------------------------------
	Header
----------------------------------------------------------- */
#header{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_header.jpg) top center no-repeat;
	height:185px;
}
#headerContent{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_headercontent.jpg) top left no-repeat;
	width:950px;
	height:185px;
	margin:auto;
}

/* Logo
----------------------------------------------------------- */
#headerContent p.nintendo3ds{
	text-indent:-9999px;
	width:129px;
	height:16px;
	padding:25px 0 0 21px;
	float:left;
}
#headerContent p.psvita{
	text-indent:-9999px;
	width:111px;
	height:25px;
	padding:22px 0 0 0;
	float:right;
}

/* titleBox
----------------------------------------------------------- */
#headerContent #titleBox{
	height:106px;
	clear:both;
	padding:0 0 0 20px;
}

/* h1
----------------------------------------------------------- */
#headerContent h1{
	text-indent:-9999px;
	clear:both;
	width:260px;
	height:106px;
	float:left;
}
#headerContent h1 a{
	text-indent:-9999px;
	clear:both;
	display:block;
	width:260px;
	height:106px;
}

/* sns
----------------------------------------------------------- */
#headerContent #titleBox ul.sns{
	float:right;
	padding:60px 0 0 0;
	width:113px;
	height:29px;
	
}
#headerContent #titleBox ul.sns li{
	float:left;
	margin:0 9px 0 0;
	width:30px;
	height:29px;
}
#headerContent #titleBox ul.sns li.last{
	margin:0 0 0 0;
}

/* btn HOME
----------------------------------------------------------- */
#headerContent p.btnHome{
	height:25px;
	padding:7px 0 0 21px;
}

/* -----------------------------------------------------------
	Content
----------------------------------------------------------- */

/* leftContent
----------------------------------------------------------- */
div#leftContent{
	float:left;
}

/* rightContent
----------------------------------------------------------- */
div#rightContent{
	float:left;
}

/* Snavi
----------------------------------------------------------- */
ul#snavi{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_snavi.jpg) top left no-repeat;
	width:169px;
	min-height:251px;
	padding:0 0 0 28px;
}
ul#snavi li{
	width:139px;
	height:47px;
	margin:0 0 3px 0;
}
/* -----------------------------------------------------------
	Footer
----------------------------------------------------------- */
div#footer{
	text-align:left;
	clear:both;
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_footer.jpg) top left repeat-x;
}
div#globalFooter{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_globalfooter.jpg) top center no-repeat;
}
div#globalFooterContent{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_gnavi.jpg) top left no-repeat;
	width:950px;
	margin:auto;
	padding:11px 0 0 0;
}

/* Gnavi
----------------------------------------------------------- */
ul#gnavi {
	height:46px;
	padding:0 0 30px 0;
}
ul#gnavi li {
	float:left;
	height:46px;
	width:117px;
	margin:0 2px 0 0;
	text-indent:-9999px;
}
ul#gnavi li.extra {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul#gnavi li a{
	height:46px;
	width:117px;
	display:block;
	text-indent:-9999px;
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_gnavili.jpg) top left no-repeat;
}
ul#gnavi li a:hover{
	height:46px;
	width:117px;
	display:block;
}

/* news */
ul#gnavi li.news a {background-position: 0 0;}
ul#gnavi li.news a:hover {background-position: 0 -46px;}
div.news ul#gnavi li.news a {background-position: 0 -46px;}

/* products */
ul#gnavi li.products a {background-position: -119px 0;}
ul#gnavi li.products a:hover {background-position: -119px -46px;}
div.products ul#gnavi li.products a {background-position: -119px -46px;}

/* about */
ul#gnavi li.about a {background-position: -238px 0;}
ul#gnavi li.about a:hover {background-position: -238px -46px;}
div.about ul#gnavi li.about a {background-position: -238px -46px;}

/* system */
ul#gnavi li.system a {background-position: -357px 0;}
ul#gnavi li.system a:hover {background-position: -357px -46px;}
div.system ul#gnavi li.system a {background-position: -357px -46px;}

/* chara */
ul#gnavi li.character a {background-position: -476px 0;}
ul#gnavi li.character a:hover {background-position: -476px -46px;}
div.character ul#gnavi li.character a {background-position: -476px -46px;}

/* movie */
ul#gnavi li.movie a {background-position: -595px 0;}
ul#gnavi li.movie a:hover {background-position: -595px -46px;}
div.movie ul#gnavi li.movie a {background-position: -595px -46px;}

/* special */
ul#gnavi li.special a {background-position: -714px 0;}
ul#gnavi li.special a:hover {background-position: -714px -46px;}
div.special ul#gnavi li.special a {background-position: -714px -46px;}

/* extra */
ul#gnavi li.extra a {background-position: -833px 0;}
ul#gnavi li.extra a:hover {background-position: -833px -46px;}
div.extra ul#gnavi li.extra a {background-position: -833px -46px;}


/* News
----------------------------------------------------------- */
div#globalFooterContent div.news{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_footer_news.gif) top left no-repeat;
	width:950px;
	height:40px;
	margin:19px 0 13px 0;
}

/* Products & bnr
----------------------------------------------------------- */
div#globalFooterContent div.productsBox{
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_footer_products.gif) top left no-repeat;
	width:934px;
	height:112px;
	margin:0 0 0 0;
	padding:11px 6px 0 10px;
}
div#globalFooterContent p.products{
	text-indent:-9999px;
	width:606px;
	height:75px;
	float:left;
}
div#globalFooterContent ul.footerBnr{
	width:318px;
	height:81px;
	float:right;
}
div#globalFooterContent ul.footerBnr li{
	float:left;
	width:155px;
	height:38px;
	margin:0 4px 5px 0;
}

/* Copy
----------------------------------------------------------- */
div#globalFooterContent div.copyBox{
	clear:both;
	height:30px;
	padding:10px 18px 40px 13px;
}
div#globalFooterContent p.brand{
	color:#FFF;
	font-size:9px;
	float:left;
}
div#globalFooterContent p.brand span{
	line-height:20px;
}
div#globalFooterContent p.copy{
	color:#FFF;
	font-size:10px;
	float:right;
}
div#globalFooterContent p.copy img{
	vertical-align:middle;
	margin:0 9px 0 0;
}

/* Totop
----------------------------------------------------------- */
p.totop {
    float:right;
    height:24px;
    padding:0 2px 33px 0;