@charset "utf-8";


/* 文書本体 */
body {
	font-size: 12px; /* small相当 */
	}
* html body {
	font-size: small; /* IE 6以前ではフォント固定解除 */
	}

/* リンクテキスト */
a:link {
	color: #ffffff;
	text-decoration: none;
	}
a:visited {
	color: #ffffff;
	text-decoration: none;
	}
a:hover, a:focus, a:active {
	color: #ffffff;
	text-decoration: underline;
	}

/* 画像 */
img {
	border: 0;
	}
a img {
	border: 0;
	}
	
	/* リスト */	
ul {
	list-style: none;
	}

/* 回り込み解除 */	
.clear001 {
	clear: both;
	}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
	}
	

/*---------- 全体のコンテナ ----------*/
body {
	background: #000000;
	}
#header {
	position: relative;
	width: 1030px;
	}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 166px;
	}
/* フッター */
#fnaviArea {
	clear: both;
	width: 455px;
	padding-top: 31px;
	}
ul.fnavi {
	width: 455px;
	}
ul.fnavi li {
	float: left;
	}
.takao {
	width: 151px;
	}
.pachinko {
	width: 162px;
	}
.about {
	width: 141px;
	}
#fnaviArea02 {
	clear: both;
	width: 1030px;
	}
.fnaviArea02-sideA {
	float: left;
	width: 515px;
	}
.fnaviArea02-sideB {
	float: right;
	width: 500px;
	text-align: right;
	}
ul.fnavi02 {
	width: 465px;
	}
ul.fnavi02 li {
	float: left;
	}
.takao02 {
	width: 151px;
	}
.pachinko02 {
	width: 162px;
	}
.about02 {
	width: 152px;
	}
.copyright {
	padding-top: 20px;
	padding-right: 30px;
	}
	
	
/*---------- グローバルナビゲーション ----------*/
#naviArea {
	position: absolute;
	top: 0px;
	left: 277px;
	width: 503px;
	}
ul.navi {
	width: 503px;
	}
ul.navi li {
	float: left;
	}
.story {
	width: 188px;
	}
.chara {
	width: 187px;
	}
.relation {
	width: 128px;
	}


/*----------------------------------------
 ストーリーページ 
----------------------------------------*/
#storybg {
	background: #000000 url(../images/story_bg.jpg) no-repeat center top;
	}
#story-wrapper {
	width: 1030px;
	height: 800px;
	padding: 0;
	margin: 0 auto;
	background: #000000 url(../images/story_inner_bg.jpg) no-repeat center top;
	}
.story-contents {
	clear: both;
	width: 1030px;
	}
.storyArea-sideA {
	float: left;
	width: 610px;
	padding-top: 140px;
	}
.storyArea-sideB {
	float: right;
	width: 420px;
	padding-top: 90px;
	}
/*----------------------------------------
 キャラクターページ 
----------------------------------------*/
#charabg {
	background: #000000 url(../images/chara_bg.jpg) no-repeat center top;
	}
#chara-wrapper {
	width: 1030px;
	height: 1760px;
	padding: 0;
	margin: 0 auto;
	background: #000000 url(../images/chara_inner_bg.jpg) no-repeat center top;
	}
.chara-contents {
	clear: both;
	width: 1030px;
	padding-top: 90px;
	}
.chara-img01 {
	text-align: right;
	}
/*----------------------------------------
 キャラクターページ 
----------------------------------------*/
#relabg {
	background: #000000 url(../images/rela_bg.jpg) no-repeat center top;
	}
#rela-wrapper {
	width: 1030px;
	height: 1000px;
	padding: 0;
	margin: 0 auto;
	background: #000000 url(../images/rela_inner_bg.jpg) no-repeat center top;
	}
.rela-contents {
	clear: both;
	width: 1030px;
	padding-top: 90px;
	}
.rela-img01 {
	text-align: right;
	}