@charset "utf-8";

/* Leaf [フルアニ 公式サイト用]
---------------------------------------
	0.common読込
	1.要素への定義
	2.クラスの定義
	3.ベースデザイン
	4.内部デザイン
---------------------------------------
(c)Leaf/AQUAPLUS All Rights Reserved.
	http://leaf.aquaplus.jp/
*/

/* ==========================================================================
 0.common読込
========================================================================== */
@import url("css/element.css");		/* 要素への定義 */

@import url("css/table_design.css");	/* テーブル用デザイン */
/* ＋色 */
.table_list th {
	border-bottom-color : #bbb2db !important;
	background : #fff !important;
}
.table_list td.table_listBtm {
	border-bottom-color : #bbb2db !important;
}

.cHi-i {	color : #c00;
			background : #fff4f4; }		/* [i]薄 */


th.attention {
    color: #c00;
    background: #fff4f4;
    font-weight: bold;
}

/* ==========================================================================
 1.要素への定義
========================================================================== */
body {
	margin : 0;
	background : #eee url(images/bg.gif);
	font : 9pt/10pt "ＭＳ Ｐゴシック";
	color : #666;
	text-align : center;
	overflow-y : scroll;	/* Mozilla 縦スクバー常時表示 */
}

a {			text-decoration : none; }
a:link {	color : #f66; }
a:visited {	color : #ffa0a0; }
a:active {	color : #777; }
a:hover {	color : #988ac8;
			background-color : #eae8f4;
}
a:hover img {
			background-color : #eae8f4;
}

td {
	font-size : 9pt;
}

hr {
	color : #cef5ce;
}


/* ==========================================================================
 2.クラスの定義
========================================================================== */

/*---------------------------------------------------------------------------
フォントサイズ*/
.fs22pt		{	font-size : 22pt; line-height : 24pt; }
.fs15pt		{	font-size : 15pt; line-height : 17pt; }


/*---------------------------------------------------------------------------
色関係*/
.c-s1-bg	{	background-color :	#bbb2db; }	/* s1 */
.c-s1-bd	{	border : 1px solid	#bbb2db; }
.c-s1		{	color :				#bbb2db; }
.c-s2-bg	{	background-color :	#eae8f4; }
.c-s2		{	color :				#eae8f4; }
.c-s2h		{	color :				#eae8f4; }
.c-s2-bd-btm{	border-bottom : 1px solid #eae8f4; }

.c-s3-bg	{	background-color :	#f4f3f9; }

.c-i1-bg	{	background-color :	#c00; }	/* i1 */
.c-i1-bd	{	border: 1px solid	#c00; }
.c-i1		{	color :				#f05470; }

.c-i2-bg	{	background-color :	#dd6f00; }	/*  */
.c-i2-bd	{	border: 1px solid	#dd6f00; }
.c-i2		{	color :				#dd6f00; }

.c-o1-bd	{	border : 1px solid	#ccc; }	/* other */
.c-o1-bd-btm_dsh{
				border-bottom : 1px dashed #ccc; }

.c-t1-bg	{	background-color :	#777; }	/* title part */
.c-t1-bd	{	border : 1px solid	#777; }
.c-t2-bg	{	background-color :	#f2f2f2; }



/* ==========================================================================
 3.ベースデザイン
========================================================================== */
/* --------------------------------------------------------------------------
 背面部 */

/* エリア-背景1（非スクロール時・下余白用）*/
#areaBg1 {
	margin : 0 auto;	/* 自センタリング・Gekko対策 */
	background : #fff url(images/bg_main.gif) repeat-y;
	width : 704px;
	height : 100%;
}

/* エリア-背景2（Gekko対策・スクロール時に背景が１画面分なのを回避）*/
#areaBg2 {
	background : #fff url(images/bg_main.gif) repeat-y;
	width : 704px;
	text-align : center;		/* エリア内センタリング・IE対策 */
}



/* --------------------------------------------------------------------------
 ヘッダ部 */

/* ヘッダ全体（背景）*/
#header {
	position : relative;
	margin : 0;
	background : url(images/bg_menu.gif) no-repeat;
	width : 100%;
	height : 58px;
}

/* サイトタイトル */
#header h1 {
	float : left;
	margin : 0 auto 0 0;
	background : url(images/logo_lt.gif) no-repeat;
	padding : 0;
	width : 116px;
	height : 58px;

	text-align:left;			/* テキスト非表示 */
	text-indent:-9999px;
	text-decoration:none;
	
	overflow:hidden;
}

/* 最終更新日（ヘッダ中・右枠）*/
#header_update {
	position : absolute;
	left : 564px;
	top : 3px;
}
/* 日付 */
#header_update span {
	font-weight : bold;
	color : #f05470;
}

#brandLogo {
	position : absolute;
	left : 592px;
	top : 21px;
}

#menu {
	position : absolute;
	left : 118px;
	top : 36px;
}

#menu img {
	height : 22px;
}

/* 準備中 */
#header .making1 ,
#header .making2 {
	position : absolute;
	top : 22px;
	font-size : 8pt;
	color : #fff;
}

#header .making1 { left : 474px; }
#header .making2 { left : 555px; }


#pageTitle {
	margin : 16px 0;
	text-align : left;
}

/* --------------------------------------------------------------------------
 フッタ部 */

/* フッタ全体（最下段文字列含む） */
#footer {
	margin : 0;
	padding : 30px 0 10px;
	width : 100%;
	text-align : center;
	color : #999;
}

/* Copyright表記（イメージ使用）*/
#footer #copyright-img {
	margin : 3px 0 0 0;
	background : #bbb2db url(images/copyright.gif) no-repeat 190px 3px;
	height : 18px;

	text-align:left;			/* テキスト非表示 */
	text-indent:-9999px;
	text-decoration:none;
}


/* ==========================================================================
 4.内部デザイン
========================================================================== */

/* エリア-幅1 */
.areaWidth1 {
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	padding : 0;
	width : 700px;
}

/* エリア-幅2 */
.areaWidth2 {
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	padding : 0;
	width : 690px;
}

/* エリア-幅3 */
.areaWidth3 {
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	padding : 0;
	width : 500px;
}



/*---------------------------------------------------------------------------
 表用デザイン */
table.table_list td img {
	vertical-align : middle;
}



/*---------------------------------------------------------------------------
 キャラクター紹介用 */
#prof {
	position : relative;
	margin : 0;
	width : 100%;
	height : 470px;
	text-align : left;
}

#prof span {
	position : absolute;
	text-align : left;
}

/*---------------------------------------------------------------------------
 画像/画面 */
#graphics img.image {
	border: 1px solid #ccc;
	padding: 1px;
}



/* --------------------------------------------------------------------------
 『ムービーダウンロード』ボタン */
.dl_movie {
	position:relative;
	display:block;
	width:200px;
	height:50px;
	margin:8px auto;
	background:transparent url(../../images/dl_movie.gif) no-repeat;
	text-decoration:none;
	clear:both;
}

.dl_movie * {
	display:block;
	position:relative;
	right:6px;
	top:31px;
	margin:0;
	text-align:right;
	color:#fff;
}

.dl_movie:hover {
	background:transparent url(../../images/dl_movie.gif) no-repeat;
}



/* [EOF] */