body , html {
	height: 100%;
	font-size: 10pt;
	background: url(image/bg.jpg);
	repeat scroll;
	background-position: center;
	color : #000000;
	margin-bottom:1px;
}
 
#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#mainframe {
	color : #000000;
	width: 1000px;
}


#header {
	position: relative;
	width: 1000px;
	height: 50px;
}

#contents {
	padding-bottom: 20px;
}

#header_blandlogo {
	position : absolute;
	top : 7px;
	left : 12px;
}

#header_titlelogo {
	position : absolute;
	top : 0px;
	left : 540px;
}

#chara{
	position : absolute;
	top : 120px;
}

.top_image{
	position: relative;
	width : 972;
	height : 820px;
	padding : 0px 0px 0px 0px;
}

.top_image .baseImage {
	width : 972px;
	height : 1110px;
}

.top_image .titleImage {
	position: absolute;
	left: -12;
	top: 476;
	width : 996px;
	height : 340px;
}

.top_image .patchImage {
	position: absolute;
	left: 0;
	top: 630;
	width : 972px;
	height : 252px;
}


.top_image_ep{
	position: relative;
	width : 972;
	height : 548px;
	padding : 0px 0px 0px 0px;
}

.top_image .baseImage_ep {
	width : 972px;
	height : 548px;
}

.top_image_ep .titleImage_ep {
	position: absolute;
	left: 0;
	top: 0;
	width : 972px;
	height : 548px;
}

.font_bold {font-weight:bold;}

.font_spec {
	font-size: 13px;
	color : #ffffff;
}

.font_spec_black {
	font-size: 13px;
	color : #000000;
}

.font_title {
	padding-bottom : 20px;
	font-size: 15px;
	color : #000000;
}

.font_new{
	font-size: 12px;
	color : #ffffff;
}

.font_notice{
	font-size: 12px;
	color : #ddddff;
}


.story_bg{
	position : relative;
	width : 972;
	height : 900px;
	background: url(image/story.jpg);
	font-size: 24px;
	color: white; /* 文字の色 */
	text-shadow:
	 3px 3px 3px #000, -3px -3px 3px #000,
	-3px 3px 3px #000,  3px -3px 3px #000,
	 3px 0px 3px #000, -3px -0px 3px #000,
	 0px 3px 3px #000,  0px -3px 3px #000,
	 0px 0px 12px #000;
}

.story_bg .para1{
	position: relative;
	width: 780;
	top: 40;
	left: 0;
	text-align:left;
}

.story_bg .para2{
	position: relative;
	width: 780;
	top: 200;
	left: 100;
	text-align:left;
}

.story_bg .para3{
	position: relative;
	width: 780;
	top: 340;
	left: 50;
	text-align:left;
}

.story_bg .para4{
	position: relative;
	width: 780;
	top: 570;
	left: 200;
	text-align:left;
}



.chara_image{
	position : relative;
	width : 780px;
	height : 422px;
}

.chara_image .baseImage{
	width : 780px;
	height : 422px;
}

.chara_image .baseImageEnemy{
	width : 780px;
	height : 370px;
}

.chara_image .button01{
	position: absolute;
	left: 258px;
	top: 340px;
	width : 88px;
	height : 36px;
}

.chara_image .button02{
	position: absolute;
	left: 350;
	top: 340px;
	width : 88px;
	height : 36px;
}

.chara_image .button03{
	position: absolute;
	left: 442px;
	top: 340px;
	width : 88px;
	height : 36px;
}

.chara_image .button04{
	position: absolute;
	left: 534px;
	top: 340px;
	width : 88px;
	height : 36px;
}

.chara_image .button05{
	position: absolute;
	left: 626px;
	top: 340px;
	width : 88px;
	height : 36px;
}

.chara_image .charaImage{
	position: absolute;
	left: 380px;
	top: 0px;
	width : 400px;
	height : 422px;
}

.whatsnew{
	position : relative;
	width : 726px;
	background: url(image/whatsnew_bg.jpg);
	background-repeat: repeat-y;
	font-size: 8pt;
	padding : 2px 0px 2px 0px;
	margin : 4px 0px 20px 0px;
}

.publicity{
	position : relative;
	width : 726px;
	background: url(image/publicity_bg.jpg);
	background-repeat: repeat-y;
	font-size: 8pt;
	padding : 2px 0px 2px 0px;
	margin : 4px 0px 20px 0px;
}

#top_button{
	position: absolute;
	width : 778px;
	left: 208px;
	top: 13px;
	z-index: 10;
}


#top_main{
	position: relative;
	z-index: 1;
}

#footer {
	width: 1000px;
	padding : 20px 0px 10px 0px;
	color: #666666;
}

img {
	border: 0px #ff0000 solid;
}

a{/*リンクされた文字*/
	color:ddddff;
	font-style:normal;
	text-decoration:none;
}
a:link {/*未訪問のリンク*/
	color:ddddff;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color:ddddff;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#ff0000;
	font-style:normal;
	text-decoration:underline;
}
a:active {/*クリック中*/
	text-decoration:underline;
}

.c_normal{
	font-size : 10pt;
	color: #ff0000;
}

.style_banner {font-size: 10px;}

.style_std{
	font-size: 12px;
	color : #ffffff;
}

strong{
	font-size: 14px;
	color : #ffffff;
}

