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

 file name  :contents.css
 style info :各ページのスタイル
=================================================================== */
/* -----------------------------------------------------------
	News
----------------------------------------------------------- */
.news a {
	color:#f7a100;
	text-decoration:none;
}
.news a:hover {
	text-decoration:underline;
}
.news div#mainContent {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/news/bg_news.jpg) top left no-repeat;
}

.news div#newsContent {
	padding:22px 147px 0 68px;
}
.news div#newsContent div.titleBox {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/news/ico_news.gif) top left no-repeat;
	width:735px;
	min-height:57px;
	padding:0 0 0 57px;
	border-bottom:#595959 1px solid;
}
.news div#newsContent div.titleBox h3 {
	font-size:16px;
	color:#e90000;
	line-height:25px;
	padding:17px 0 0 0;
	float:left;
	width:560px;
}
.news div#newsContent div.titleBox p.date {
	font-size:14px;
	color:#FFF;
	line-height:25px;
	padding:17px 7px 0 0;
	float:right;
	white-space:nowrap;
}
.news div#newsContent p.text {
	font-size:12px;
	color:#FFF;
	clear:both;
	padding:15px 0 65px 7px;
	line-height:20px;
}
.news div#newsContent p.text span {
	position:relative;
	top:6px;
	color:#f7a100;
}
.news div#newsContent p.text span a {
	color:#f7a100;
}
.news p.totop {
	float:right;
	height:24px;
	padding:24px 2px 33px 0;
}
/* 前の10件
----------------------------------------------------------- */
a.link_before {
	color:#f7a100;
	text-decoration:none;
	padding:0 7px 0 0;
}
a.link_before:hover {
	text-decoration:underline;
}
/* 次の10件
----------------------------------------------------------- */
a.link_next {
	color:#f7a100;
	text-decoration:none;
	padding:0 0 0 7px;
}
a.link_next:hover {
	text-decoration:underline;
}
/* ページ
----------------------------------------------------------- */
a.link_page {
	color:#f7a100;
	text-decoration:none;
}
a.link_page:hover {
	text-decoration:underline;
}
span.current_page {
	color:#FFF;
}
/* -----------------------------------------------------------
	Products
----------------------------------------------------------- */

/* Top
----------------------------------------------------------- */
.products div#top {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_top.jpg) top left no-repeat;
	width:950px;
	height:586px;
	margin:auto;
}
/*
.products div#main {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_main.jpg) top center repeat-y;
	height:2140px;
}
*/
.products div#top h2 {
	padding:23px 0 0 20px;
}
.products div#top ul.movie {
	margin:111px 0 0 164px;
}
.products div#top p.stit {
	text-indent:-9999px;
	width:212px;
	height:57px;
	margin:0 0 0 212px;
}
.products .bnrBox{
	clear:both;
	width:950px;
	height:126px;
	margin:13px auto 30px;
}
.products .bnrBox ul{
	width:840px;
	height:126px;
	margin:auto;
}
.products li.bnr01{
	float:left;
	height:126px;
	margin:0 10px 0 0;
}
.products li.bnr02{
	float:left;
	height:126px;
}
/* Contents
----------------------------------------------------------- */
.products h3 {
	padding:0 0 0 35px;
}
.products h3.contentBox3 {
	padding:18px 0 0 35px;
}
.products div.contentBox1 {
	height:218px;
	padding:19px 0 34px 90px;
}
.products div.contentBox2 {
	height:218px;
	padding:19px 0 34px 90px;
}
.products div.contentBox3 {
	height:242px;
	padding:37px 0 50px 90px;
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_contentbox3.gif) 442px 0 no-repeat;
}
.products div.contentBox1 p.ss01 {
	float:left;
	margin:0 34px 0 0;
}
.products div.contentBox1 div.ssBox {
	float:left;
	width:372px;
	margin:0 0 0 0;
}
.products div.contentBox2 p.ss01 {
	float:left;
	margin:0 0 0 0;
}
.products div.contentBox2 div.ssBox {
	float:left;
	width:372px;
	margin:0 34px 0 0;
}
.products div.contentBox3 p.ss01 {
	float:left;
	margin:0 0 0 0;
}
.products div.contentBox3 div.ssBox {
	float:left;
	width:372px;
	margin:0 34px 0 0;
}
.products p.text {
	color:#FFF;
	font-size:14px;
	width:372px;
	height:112px;
	line-height:22px;
}
.products p.text2 {
	color:#FFF;
	font-size:14px;
	width:372px;
	height:92px;
	line-height:22px;
}
.products p.ss02 {
	float:left;
	margin:0 10px 0 0;
}
.products p.ss03 {
	float:left;
}
/* Bottom
----------------------------------------------------------- */
.products div#bottom {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_products.jpg) top center no-repeat;
	width:657px;
	height:360px;
	margin:72px 0 82px 0;
	padding:58px 0 0 293px;
}
.products div#bottom p.title {
	text-indent:-9999px;
	width:407px;
	height:107px;
}
.products div#bottom p.products {
	text-indent:-9999px;
	width:606px;
	height:186px;
}
/* -----------------------------------------------------------
	About
----------------------------------------------------------- */
/*
.about div#main {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_main.jpg) top center repeat-y;
}
*/
.about div#rightContent {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/about/bg_rightcontent.jpg) top left no-repeat;
	width:671px;
	padding:70px 44px 0 18px;
}
.about div#rightContent .contentBox1 {
	padding:0 36px 0 28px;
}
/* summary
----------------------------------------------------------- */
.about div#rightContent.summary .contentBox1 {
	padding:25px 22px 0 0;
	height:131px;
}
.about div#rightContent.summary .contentBox1 p.text {
	font-size:14px;
	color:#FFF;
	line-height:22px;
}
.about div#rightContent.summary .contentBox2 {
	padding:25px 22px 0 0;
}
.about div#rightContent.summary .contentBox2 ul.ssBox {
	padding:0 0 25px 0;
	height:185px;
}
.about div#rightContent.summary .contentBox2 ul.ssBox li.ss01 {
	height:185px;
	float:left;
}
.about div#rightContent.summary .contentBox2 ul.ssBox li.ss02 {
	height:185px;
	float:right;
}
.about div#rightContent.summary .contentBox3 {
	padding:25px 22px 0 0;
}
.about div#rightContent.summary .contentBox3 ul.ssBox {
	padding:0 0 40px 0;
	height:185px;
}
.about div#rightContent.summary .contentBox3 ul.ssBox li.ss01 {
	height:185px;
	float:left;
}
.about div#rightContent.summary .contentBox3 ul.ssBox li.ss02 {
	height:185px;
	float:right;
}
.about div#rightContent.summary .contentBox4 {
	padding:15px;
	width:639px;
	border:#666 1px solid;
	background:#1f1f1f;
	margin:0 0 50px 0;
	font-size:12px;
	color:#FFF;
}
.about div#rightContent.summary .contentBox4 p.stit {
	padding:15px 0 15px 0;
}
.about div#rightContent.summary .contentBox4 dt {
	padding:0 0 5px 0;
}
.about div#rightContent.summary .contentBox4 dl.international dt {
	padding:10px 0 5px 0;
}
.about div#rightContent.summary .contentBox4 dl ul {
	padding:0 0 0 4px;
}
.about div#rightContent.summary .contentBox4 dl li {
	list-style:disc inside;
}
/* Prolog
----------------------------------------------------------- */
.about div#rightContent.prolog {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/about/prolog_bg.jpg) top left no-repeat;
	width:671px;
	padding:70px 44px 0 18px;
}
.about div#rightContent.prolog .contentBox1 {
	height:716px;
}
.about div#rightContent.prolog p.text {
	text-indent:-9999px;
}
/* -----------------------------------------------------------
	System
----------------------------------------------------------- */
/*
.system div#main {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_main.jpg) top center repeat-y;
}
*/
.system div#rightContent {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/shared/bg_rightcontent.jpg) top left no-repeat;
	width:671px;
	padding:70px 44px 0 18px;
}
.system div#rightContent .contentBox1 {
	padding:0 36px 0 28px;
}
/* novel
----------------------------------------------------------- */
.system div#rightContent.novel h4 {
	padding:0 0 0 21px;
}
.system div#rightContent.novel .contentBox1 {
	padding:0 0 0 28px;
}
.system div#rightContent.novel .contentBox1 ul.ssBox {
	padding:0 0 30px 0;
	height:185px;
}
.system div#rightContent.novel .contentBox1 ul.ssBox li.ss01 {
	height:185px;
	float:left;
}
.system div#rightContent.novel .contentBox1 ul.ssBox li.ss02 {
	height:185px;
	float:right;
}
.system div#rightContent.novel .contentBox1 p.text {
	font-size:14px;
	color:#FFF;
	line-height:22px;
	padding:0 0 50px 0;
}
/* ambitex
----------------------------------------------------------- */
.system div#rightContent.ambitex h4 {
	padding:0 0 0 21px;
}
.system div#rightContent.ambitex p.text {
	font-size:14px;
	color:#FFF;
	line-height:22px;
}
.system div#rightContent.ambitex .contentBox1 {
	padding:0 0 50px 28px;
}
.system div#rightContent.ambitex .contentBox2 {
	padding:0 0 50px 28px;
}
.system div#rightContent.ambitex ul.ssBox {
	padding:0 0 30px 0;
	height:185px;
}
.system div#rightContent.ambitex ul.ssBox li.ss01 {
	height:185px;
	float:left;
}
.system div#rightContent.ambitex ul.ssBox li.ss02 {
	height:185px;
	float:right;
}
.system div#rightContent.ambitex ul.ssBox02 {
	padding:0 0 30px 0;
	width:650px;
	text-align:center;
}
/* -----------------------------------------------------------
	Character
----------------------------------------------------------- */
div#rightContent.character {
	padding:0 0 0 397px;
	width:336px;
	height:673px;
}
div#rightContent.character h3 {
	padding:37px 0 0 0;
	width:336px;
	height:119px;
	text-indent:-9999px;
}
div#rightContent.character p.cv {
	width:171px;
	height:39px;
	text-indent:-9999px;
	float:left;
}
div#rightContent.character p.voice {
	padding:9px 0 0 0;
	float:left;
}
div#rightContent.character p.text {
	clear:both;
	text-indent:-9999px;
	width:336px;
	height:163px;
}
div#rightContent.character ul.ss {
	padding:0 0 0 70px;
}
div#rightContent.character ul.ss li {
	padding:0 0 14px 0;
}
/* RightContent
----------------------------------------------------------- */
div#rightContent.sigma {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_sigma.jpg) top left no-repeat;
}
div#rightContent.character.sigma p.text {
	padding:39px 0 0 0;
}
div#rightContent.phi {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_phi.jpg) top left no-repeat;
}
div#rightContent.dio {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_dio.jpg) top left no-repeat;
}
div#rightContent.tenmyoji {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_tenmyoji.jpg) top left no-repeat;
}
div#rightContent.qualk {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_qualk.jpg) top left no-repeat;
}
div#rightContent.luna {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_luna.jpg) top left no-repeat;
}
div#rightContent.yotsuba {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_yotsuba.jpg) top left no-repeat;
}
div#rightContent.allice {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_allice.jpg) top left no-repeat;
}
div#rightContent.k {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_k.jpg) top left no-repeat;
}
div#rightContent.zero3 {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/character/bg_character_zero3.jpg) top left no-repeat;
}
/* -----------------------------------------------------------
	Movie
----------------------------------------------------------- */
.movie div#main {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/products/bg_main.jpg) top center no-repeat;
}

/* Top
----------------------------------------------------------- */
.movie div#top {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/movie/bg_movie.jpg) top left no-repeat;
	width:950px;
	height:800px;
	position:relative;
}
.movie div#top h2 {
	padding:23px 0 0 20px;
}
.movie div#top ul.movie01 {
	width:281px;
	height:231px;
	position:absolute;
	top:188px;
	left:194px;
}
.movie div#top ul.movie02 {
	width:281px;
	height:231px;
	position:absolute;
	top:187px;
	left:523px;
}
.movie div#top ul.movie03 {
	width:281px;
	height:231px;
	position:absolute;
	top:439px;
	left:194px;
}
.movie div#top ul.movie03 {
	width:281px;
	height:231px;
	position:absolute;
	top:439px;
	left:202px;
}
.movie div#top ul.movie04 {
	width:281px;
	height:231px;
	position:absolute;
	top:434px;
	left:523px;
}
.movie div#top li.stit {
	padding:12px 24px 0 0;
	float:right;
	height:52px;
}
.movie div#top li.movie {
	height:167px;
}

/* -----------------------------------------------------------
	Extra
----------------------------------------------------------- */
.extra h3{
	padding:40px 0 40px 0;
}

.extra a {
	color:#f7a100;
	text-decoration:none;
}
.extra a:hover {
	text-decoration:underline;
}
.extra div#mainContent {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/news/bg_news.jpg) top left no-repeat;
}


.extra div#extraContent p.text {
	font-size:12px;
	color:#FFF;
	clear:both;
	padding:15px 0 65px 7px;
	line-height:20px;
}
.extra div#extraContent p.text span {
	position:relative;
	top:6px;
	color:#f7a100;
}
.extra div#extraContent p.text span a {
	color:#f7a100;
}
.extra p.totop {
	float:right;
	height:24px;
	padding:0 2px 33px 0;
}

/* ShopList
----------------------------------------------------------- */
.extra div#extraContent {
	padding:20px 0 16px 38px;
	width:822px;
}
.extra div#extraContent dl{
	height:65px;
	border-bottom:solid 1px #595959;
	margin:0 0 34px 0;
}
.extra div#extraContent dt{
	float:left;
	width:403px;
}
.extra div#extraContent dd{
	float:left;
	margin:0 46px 0 0;
}
.extra div#extraContent dd.last{
	float:left;
	margin:0 0 0 0;
}

/* -----------------------------------------------------------
	Special
----------------------------------------------------------- */
.special div#main {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/special/bg_special.jpg) top center no-repeat;
}
.special div#top {
	background:url(http://www.spike-chunsoft.co.jp/zendesu/images/special/bg_special_in.jpg) top left no-repeat;
	width:950px;
	height:923px;
}
.special div#top .titleBox {
	padding:0 26px 0 0;
}
.special div#top h2 {
	padding:14px 0 0 0;
	float:left;
}
.special div#top h3 {
	padding:0 0 0 0;
	float:right;
}
.special div#flashArea {
	padding:60px 0 0 35px;
}