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

 file name  :contents.css
 style info :各ページのスタイル
=================================================================== */

/* -----------------------------------------------------------
	ニュース
----------------------------------------------------------- */

/* -----------------------------------------------------------
	ストーリー
----------------------------------------------------------- */
.story1 {
	background:url(/images/story/bg_story01.jpg) top left no-repeat;
	width:918px;
	height:742px;
	padding: 0 36px 0 36px;
}
.story1 .story1Detail {
	text-align:left;
	padding-top: 6px;
	width:918px;
	height:278px;
}
.story1 .story1Detail p.tit {
	width:344px;
	float:left;
}
.story1 .story1Detail p.text1 {
	padding: 61px 17px 0 0;
	width:382px;
	height:217px;
	float:right;
}
.story1 .story1Detail02 {
	text-align:left;
	padding-top: 65px;
	width:918px;
	height:325px;
}
.story1 .story1Detail02 p.text2 {
	padding-left:18px;
	width:443px;
	height:158px;
	clear:both;
}
.story1 .story1Detail02 p.text3 {
	padding:8px 0 0 308px;
	width:443px;
	height:158px;
}
/* ---2ページ目----------------------------------------------------------- */
.story2 {
	width:960px;
	padding: 0 15px 0 15px;
}
.story2 .story2Detail {
	text-align:left;
	padding-top: 15px;
	width:960px;
	height:278px;
}
.story2 .story2Detail p.text01 {
	width:468px;
	padding-top: 50px;
	float:left;
}
.story2 .story2Detail p.img01 {
	width: 443px;
	float: right;
}
.story2 .story2Detail2 {
	width: 960px;
	height: 428px;
	clear:both;
}
.story2 .story2Detail2 .storyLeft {
	width: 443px;
	float: left;
}
.story2 .story2Detail2 .storyRight {
	width: 443px;
	float: right;
}
.story2Bg {
	clear:both;
	background:url(/images/story/bg_story02.jpg) top left no-repeat;
	width:990px;
	height:516px;
}
.story2Bg p.img02 {
	padding: 40px 0 0 49px;
	width:443px;
	height:408px;
	float:left;
}
.story2Bg p.text02 {
	padding-top: 97px;
	width:419px;
	height:56px;
	float:left;
}
.story2Bg p.img03 {
	padding: 40px 0 0 0;
	width:397px;
	height:255px;
	float:left;
}
/* ---3ページ目----------------------------------------------------------- */
.story3 {
	width:960px;
	padding: 0 15px 0 15px;
}
.story3 .story3Detail {
	text-align:left;
	padding-top: 15px;
	width:960px;
}
.story3 .story3Detail .storyLeft {
	width: 443px;
	float: left;
}
.story3 .story3Detail .storyRight {
	width: 443px;
	float: right;
}
.story3 .story3Detail p.text01 {
	width:443px;
	padding-bottom: 30px;
}
.story3 .story3Detail p.img01 {
	width: 443px;
}
.story3Bg {
	background:url(/images/story/bg_story03.jpg) top left no-repeat;
	width:990px;
	height:608px;
	clear:both;
}
.story3Bg .story3BgInner {
	width:960px;
	margin: 0 auto;
	text-align:center;
	padding-bottom: 10px;
}
.story3Bg .story3BgInner p.text02 {
	padding-top:36px;
}
.story3Bg .story3BgInner p.text03 {
	padding-top:7px;
	clear:both;
}
.story3Bg .story3BgInner ul.box1 {
	width: 820px;
	margin: 0 auto;
	text-align:center;
	padding: 12px 0 10px 0;
}
.story3Bg .story3BgInner li {
	width: 263px;
	float:left;
}
.story3Bg .story3BgInner li.center {
	width: 263px;
	padding: 0 15px 0 15px;
	float:left;
}
.story3Bg .story3BgInner ul.box2 {
	width: 930px;
	margin: 0 auto;
	text-align:center;
	padding: 10px 0 10px 0;
}
.story3Bg .story3BgInner li.lrft {
	width: 443px;
	float:left;
}
.story3Bg .story3BgInner li.right {
	width: 443px;
	float:right;
}
.story3_2Bg {
	background:url(/images/story/bg_story03_02.jpg) top left no-repeat;
	width:924px;
	height:693px;
	clear:both;
	padding:33px 32px 0 34px;
	position:relative;
}
.story3_2Bg .text01{
	padding:0 0 0 83px;
}
.story3_2Bg .img01{
	position:absolute;
	top:143px;
	left:34px;
	z-index:1;
}
.story3_2Bg .img02{
	position:absolute;
	top:334px;
	left:535px;
	z-index:2;
}
.story3_2Bg .text02{
	position:absolute;
	top:494px;
	left:65px;
}
.story3_2Bg .text03{
	position:absolute;
	top:560px;
	left:535px;
}

/* -----------------------------------------------------------
	キャラクターTOP
----------------------------------------------------------- */
.chara div#contents.chara-top {
	background:url(/images/character/chara_bg02.jpg) top left no-repeat;
	height:997px;
}
.chara div#contents.chara-top h2 {
	float:none;
	height:128px;
}
.chara div#contents.chara-top h3 {
	height:89px;
}
.chara ul.chara-top01 {
	margin:10px 0 0 0;
	width:973px;
	height:382px;
	padding:0 4px 0 13px;
}
.chara ul.chara-top01 li {
	float:left;
	margin:0 12px 17px 0;
}
.chara ul.chara-top02 {
	width:990px;
	padding:0 4px 0 13px;
	width:940px;
	height:321px;
	padding:0 25px;
}
.chara ul.chara-top02 li {
	float:left;
}
.chara ul.chara-top02 li.left {
	margin:0 37px 0 0;
}
.chara ul.chara-top02 li.center {
	margin:49px 42px 0 0;
}
.chara ul.chara-top02 li.right {
	margin:2px 0 0 0;
}
/* -----------------------------------------------------------
	キャラクター詳細
----------------------------------------------------------- */
.chara div#contents {
	background:url(/images/character/chara_bg.jpg) top left no-repeat;
}
.chara h2 {
	float:left;
	height:128px;
}
.chara p.btn-charalist {
	float:right;
	padding:63px 16px 0 0;
}
.chara div#detail {
	float:left;
	height:803px;
}
.chara ul#snavi {
	background:url(/images/character/bg_chara_snavi.jpg) top left no-repeat;
	width:180px;
	height:671px;
	float:left;
	padding:20px 35px 29px 22px;
}
.chara ul#snavi li {
	margin:0 0 10px 0;
}
/* ----ここから ------------ */
.chara div#charaDetail {
	background:url(/images/character/bg_chara_snaviShadow.jpg) top left no-repeat;
	float:left;
}
#charaDetail p.name01 {
	padding-top: 26px;
}
#charaDetail p.name02 {
	padding-top: 8px;
}
#charaDetail p.thumb01 {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 457px;
	height: 235px;
	float:left;
}
#charaDetail p.thumb02 {
	width: 223px;
	float:left;
}
#charaDetail p.text01 {
	padding-top: 10px;
	width: 296px;
	float:left;
}
#charaDetail p.text02 {
	padding: 0 0 0 27px;
	width: 493px;
	float:left;
}
#charaDetail .left {
	width:372px;
	float:left;
}
#charaDetail .right {
	width:372px;
	float:right;
}
#charaDetail p.thumb01_nicopucci {
	padding-top: 10px;
	width: 372px;
	float:left;
}
#charaDetail p.text01_nicopucci {
	padding-bottom: 15px;
	width: 285px;
}
#charaDetail p.line {
	width: 753px;
	height: 57px;
	clear:both;
}
/* ----ここまで ------------ */

/* -----------------------------------------------------------
	ゲーム紹介
----------------------------------------------------------- */

/* -----------------------------------------------------------
	スタッフ
----------------------------------------------------------- */
.staffWrap {
	margin: 0 auto;
	width: 990px;
}
.animation {
	background:url(/images/staff/bg_animation.jpg) top left no-repeat;
	width: 990px;
	height: 498px;
}
.animation p.tit {
	width:302px;
	height:44px;
	padding: 51px 0 0 41px;
}
.animation p.thumb {
	width:238px;
	height:220px;
	padding: 11px 0 0 68px;
	float:left;
}
.animation p.thumb02 {
	width:184px;
	height:171px;
	padding: 32px 68px 0 0;
	float: right;
}
.animation p.text {
	width: 623px;
	height: 149px;
	padding-top: 11px;
	text-align:left;
	float:left;
}
.animation p.text02 {
	width: 133px;
	height: 45px;
	padding: 32px 0 0 0;
	float: right;
}
.animation ul.detail {
	width: 670px;
	text-align:right;
	float:right;
	padding-top: 21px;
}
.animation li {
}
.soundtruck {
	background:url(/images/staff/bg_soundtruck01.jpg) top left no-repeat;
	width: 990px;
	height: 350px;
}
.soundtruck p.tit {
	width:302px;
	height:44px;
	padding: 40px 0 0 41px;
}
.soundtruck p.thumb {
	width:238px;
	height:220px;
	padding: 11px 0 0 68px;
	float:left;
}
.soundtruck p.text {
	width: 623px;
	height: 149px;
	padding-top: 11px;
	text-align:left;
	float:left;
}
.ending {
	background:url(/images/staff/bg_soundtruck02.jpg) top left no-repeat;
	width: 990px;
	height: 505px;
}
.ending p.tit {
	width:829px;
	height:74px;
	padding: 40px 0 0 41px;
}
.ending p.text {
	width: 670px;
	height: 55px;
	padding: 28px 0 0 68px;
}
.ending p.thumb {
	width:196px;
	height:182px;
	padding: 28px 0 0 53px;
	float:left;
}
.ending p.text02 {
	width: 741px;
	height: 229px;
	padding-top: 28px;
	text-align:left;
	float:right;
}