@charset "UTF-8";

/* TOPページ以外共通
---------------------------------------------------------------------------- */ 


/* header
---------------------------------------------------------------------------- */
#container {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
#container #content {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 960px;
}
#container #content #header {
	position:relative;
	height: 289px ;
}
#container #content #header #logo {
	position: absolute;
	left: 343px;
	top: 0px;
}
#container #content #header #gnav {
	width: 960px;
	height: 51px;
	padding: 150px 0 0 0;
}
#container #content #header #gnav li {
	display: inline;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}


/* main contents
---------------------------------------------------------------------------- */
#mainWrap {
	margin: 0;
	padding: 0px;
	width: 958px;
	background: #000000;
	border: 1px solid #FFFFFF;
	height: auto;
	position: relative;
}
#mainWrap2 {
	margin: 0;
	padding: 0px;
	width: 958px;
	background: #000000 url(../img/bg_main.jpg) no-repeat center top;
	border: 1px solid #FFFFFF;
	height: auto;
	position: relative;
}
body#story #mainWrap2 {
	margin: 0;
	padding: 0px;
	width: 958px;
	background: url(../../story/img/bg_story_main.jpg) no-repeat center top;
	border: 1px solid #FFFFFF;
	height: auto;
	position: relative;
}
#mainWrapMovie {
	margin: 0;
	padding: 0px;
	width: 958px;
	background: #000000 url(../../movie/img/bg_movie_main.jpg) no-repeat center top;
	border: 1px solid #FFFFFF;
	position: relative;
}

#pagetop {
	margin: 0;
	padding: 22px 433px 0 431px;
	width: 94px;
	background: #000000;
}
*+html body#game #pagetop {
	padding-top: 0;
}
* html body#story #pagetop,
* html body#down #pagetop,
* html body#related #pagetop,
* html body#game #pagetop {
	margin-bottom: -2px;
}


/* main contents --character--
---------------------------------------------------------------------------- */
#mainWrap #charaButton {
	margin: 20px 0 0 0 ;
	padding: 0 19px;
	width: 920px;
	height: 146px;
}
#characterFlash {
	width: 958px;
	margin: 0px;
	padding: 0px;	
	/*height: 584px;*/
}


/* main contents --story--
---------------------------------------------------------------------------- */

#mainWrap2 #storyMain #ttl {
	margin-top: 17px;
	margin-left: 425px;
}
#mainWrap2 #storyMain .cttl01{
	margin: 27px 54px 0 ;
}
#mainWrap2 #storyMain .read {
	margin: 0px auto;
	padding: 18px 10px 20px;
	width: 830px;
	font-size: 14px;
	line-height: 1.8em;
	color: #FFFFFF;
}
#mainWrap2 #storyMain #storyMainGnav {
	margin: 0px;
	padding: 0px;
	height: 740px;
	width: 958px;
	position: relative;
}
#mainWrap2 #storyMain #storyMainGnav ul {
	width: 958px;
}
#mainWrap2 #storyMain #storyMainGnav .prologue {
	position: absolute;
	left: 213px;
	top: 0px;
}
#mainWrap2 #storyMain #storyMainGnav .rout {
	position: absolute;
	left: 339px;
	top: 149px;
}
#mainWrap2 #storyMain #storyMainGnav .ash {
	position: absolute;
	left: 38px;
	top: 364px;
}
#mainWrap2 #storyMain #storyMainGnav .adelheid {
	position: absolute;
	left: 349px;
	top: 364px;
}
#mainWrap2 #storyMain #storyMainGnav .heidern {
	position: absolute;
	left: 658px;
	top: 364px;
}
#mainWrap2 #storyMain #storyMainGnav .opening {
	position: absolute;
	left: 213px;
	top: 595px;
}
#mainWrap2 #storyMain .cttl02 {
	margin: 0px 160px 0px 144px;
}
#mainWrap2 #storyMain .boxSs {
	margin: 7px 0 0 ;
}
#mainWrap2 #storyMain .note {
	margin: 23px 333px 16px 335px;
	font-size: 12px;
	line-height: 1.8em;
	color: #FF0000;
}

/* main contents --download--
---------------------------------------------------------------------------- */
#mainWrap2 #downloadMain #ttl {
	margin-top: 17px;
	margin-left: 339px;
}
#mainWrap2 #downloadMain .cttl01{
	margin: 27px 54px 0 ;
}
#mainWrap2 #downloadMain .read {
	margin: 0px auto;
	padding: 18px 10px 28px;
	width: 830px;
	font-size: 14px;
	line-height: 1.8em;
	color: #FFFFFF;
}
#mainWrap2 #downloadMain .section {
	width: 840px;
	margin: 0 59px;
	padding: 0;
}
#mainWrap2 #downloadMain .section .cttl {
	width: 480px;
	font-size: 16px;
	color: #99FF00;
	float: left;
	height: 23px;
	padding-top: 1px;
}
#mainWrap2 #downloadMain .section p.date {
	width: 180px;
	color: #FFFFFF;
	float: right;
	text-align: right;
	display: block;
	padding-top: 5px;
	padding-bottom: 0px;
}
#mainWrap2 #downloadMain .section .box01 {
	width: 840px;
	clear: both;
}

#mainWrap2 #downloadMain .note {
	margin: 8px 600px 0px 59px;
	font-size: 12px;
	line-height: 1.8em;
	color: #FFFFFF;
}
/* main contents --movie--
---------------------------------------------------------------------------- */
#mainWrapMovie #movieMain #ttl {
	margin-top: 17px;
	margin-left: 419px;
}
#mainWrapMovie #movieMain #box {
	margin: 119px 199px 0px;
	padding-bottom: 42px;
}

/* main contents --related information--
---------------------------------------------------------------------------- */
#related #container #content #mainWrap2 #ttl {
	margin-left: 329px;
	margin-bottom: 27px;
	margin-top: 17px;
}
#related #container #content #mainWrap2 .cttl01 img {
	margin-left: 280px;
	margin-bottom: 63px;
}
#related #container #content #mainWrap2 #relatedMain {
	margin: 0px 18px 22px;
	padding: 0;
	width: 922px;
}
#related #container #content #mainWrap2 #relatedMain #primary {
	float: right;
	width: 691px;
	margin: 0 0 23px;
}

#related #container #content #mainWrap2 #relatedMain #primary .section {
	background: url(../../info/img/bg_infoMainDot.gif) repeat left top;
	padding: 7px;
	width: 677px;
	overflow: hidden;
	margin: 0 0 6px 0;
}
#related #container #content #mainWrap2 #relatedMain #primary .section .cttl {
	background: url(../../info/img/bg_cttl.jpg) repeat-x;
	margin: 0px 0px 1px;
	width: 666px;
	font-size: 117%;
	line-height: 1.3;
	color: #FFFFFF;
	padding: 8px 5px 4px;
}
#related #container #content #mainWrap2 #relatedMain #primary .section .box {
	width: 676px;
	margin: 0px;
	padding: 0px 0px 20px;
	background: #FFFFFF;
	overflow: hidden;
}
#related #container #content #mainWrap2 #relatedMain #primary .section .box .left {
	float: left;
	margin: 0px;
	padding: 0px;
}
#related #container #content #mainWrap2 #relatedMain #primary .section .box .right {
	float: right;
	margin: 0px;
	padding: 0px;
}
#related #container #content #mainWrap2 #relatedMain #primary .section .box .text {
	padding: 20px 23px 0px;
	clear:both;
}

#related #container #content #mainWrap2 #relatedMain #secondary {
	float: left;
	width: 210px;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl {
	width: 210px;
	margin:0;
	padding: 1px 0 0 0;
	background: url(../../info/img/line_dot01.jpg) repeat-x left top;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dt {
	margin: 0;
	padding: 13px 0 0;
	color: #FFFFFF;
	font-size: 84%;
	font-weight: bold;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dd {
	margin: 0;
	padding: 4px 0 10px;
	background: url(../../info/img/line_dot01.jpg) repeat-x left bottom;
	color: #FF0000;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dd a:link {
	color: #FF0000;
	text-decoration:none;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dd a:visited {
	color: #FF0000;
	text-decoration:none;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dd a:hover {
	color: #FF0000;
	text-decoration:underline;
}
#related #container #content #mainWrap2 #relatedMain #secondary dl dd a:active {
	text-decoration:none;
}

/* main contents --game modes--
---------------------------------------------------------------------------- */
#game #container #content #mainWrap2 #ttl {
	margin-left: 338px;
	margin-bottom: 2px;
	margin-top: 17px;
}
#game #container #content #mainWrap2 .cttl01 img {
	margin-left: 54px;
	margin-top: 25px;
}
#game #container #content #mainWrap2 #gameMain {
	margin: 0px 18px;
	padding: 0;
	width: 922px;
}

#game #container #content #mainWrap2 #gameMain #primary {
	float: right;
	width: 690px;
	padding-top: 30px;
	margin:0;
}
#game #container #content #mainWrap2 #gameMain #primary .section {
	margin: 0 0 50px;
}
#game #container #content #mainWrap2 #gameMain #primary .section.lastchild {
	margin: 0;
}
#game #container #content #mainWrap2 #gameMain #primary .section .cttl {
	margin: 0;
	padding: 0 0 19px;
}
#game #container #content #mainWrap2 #gameMain #primary .section .box {
	width: 690px;
	padding: 0;
	overflow: hidden;
	margin: 0 0 20px;
}
#game #container #content #mainWrap2 #gameMain #primary .section .box .left {
	float: left;
	width: 360px;
}
#game #container #content #mainWrap2 #gameMain #primary .section .box .right {
	float: right;
	width: 315px;
	color: #FFFFFF;
	padding-left: 15px;
	line-height: 1.8em;
	font-weight: bold;
}
.color01 {
	color: #99FF00;
}
.color02 {
	color: #FF0000;
}
.storyLink{
	width: 260px;
	margin-top: 15px;
}
#game #container #content #mainWrap2 #gameMain #primary .section .box .nomal {
	width: 690px;
	color: #FFFFFF;
	padding: 0;
	line-height: 1.8em;
	font-weight: bold;
}
#game #container #content #mainWrap2 #gameMain #primary .note {
	margin-bottom: 30px;
	color: #FFFFFF;
}

#game #container #content #mainWrap2 #gameMain #secondary {
	float: left;
	width: 210px;
}
#game #container #content #mainWrap2 #gameMain .secondary ul.lnav_game {
	width: 210px;
}
#game #container #content #mainWrap2 #gameMain .secondary ul li {
	display: block;
}