/*--- 本体 ---------------------------------------------------------*/
body
{
	color				: #ffffff ;
	background-color	: #000000 ;
	background-image	: url( "data/it_wallp.gif" ) ;
}

tr, td, th
{
	color				: #ffffff ;
}


/*--- リンク -------------------------------------------------------*/
a:link
{
	color				: #ffc0cb ;
}

a:visited
{
	color				: #00ffff ;
}

a:active
{
	color				: #e0ffff ;
}

a:hover
{
	color				: #e0ffff ;
	position			: relative ;
	top					: 1px ;
	left				: 1px ;
}


/*--- 画像共通 -----------------------------------------------------*/
img
{
	border-style		: none ;
}

/*--- 右に説明いれる ---------------------------------*/
img.right_text
{
	margin-right			: 1em ;
}

/*--- 左寄り・テキスト右用(回り込み) -----------------*/
img.left
{
	float					: left ;
}

/*--- 段落 ---------------------------------------------------------*/
p
{
	margin				: 0em ;
	margin-bottom		: 4px ;
	padding				: 0em ;
}

/*--- １タブ -----------------------------------------*/
p.tab
{
	margin				: 0em, 0em, 0em, 2em ;		/*上右下左*/
}

/*--- 上に１行空ける ---------------------------------*/
p.indent
{
	margin				: 1em, 0em, 0em, 0em ; /*上右下左*/
}

/*--- 最後の行・下に１行空ける ---------------------*/
p.bottom
{
	margin				: 0em, 0em, 1em, 0em ; /*上右下左*/
}

/*--- キー入力：動作 -------------------------------*/
p.key_action
{
	color				: #ccddff ;
	font-size   		: 100% ;
	font-weight 		: bold ;
	margin-right		: 2em ;
}

/*--- キー入力：対応キー ---------------------------*/
p.key_input
{
}



/* タイトル用強調 */
em
{
	color     : #e0ffff ;
	font-size : x-large ;
}

/* ちょっとした見だし用 */
em.small
{
	color     : #e0ffff ;
	font-size : large ;
}

/* 大見出し */
h1
{
	color       : #e0ffff ;
	font-size   : 36px ;
	font-weight : bold ;
	font-style  : oblique ;
	margin      : 0px ;
}

h1 small
{
	font-size   : 50% ;

}

/*--- 見出し内のサブタイトル -----------------------*/
span.subtitle
{
	font-size			: 50% ;
}

/* 大見出し右 */
h1.right
{
	text-align : right ;
}

/* トップページ大見出し */
h1.top
{
	font-size   : 100% ;
	margin      : 0px ;
	color       : #ffffff ;
	padding		: 0em ;
	margin		: 0em ;
}

/* 中見出し */
h2
{
	color       : #e0ffff ;
	font-size   : large ;
	font-weight : bold ;
	font-style  : oblique ;
	margin      : 0px ;
}

/* 小見出し */
h3
{
	color       : #e0ffff ;
	font-size   : 120% ;
	font-weight : bold ;
	font-style  : normal ;

	margin      : 0px ;
}

/*--- spanいろいろ -------------------------------------------------*/

/*--- ライン上のコメント用 -------------------------*/
span.comment
{
	color     : #7fffd4 ;
}

/*--- 日付用 ---------------------------------------*/
span.date
{
	color     : #ffffe0 ;
	font-size : x-small
}

/*--- New! -----------------------------------------*/
span.new
{
	color       : #FFFF88 ;
	font-size   : medium ;
	font-weight : bold ;
}

/*--- プロフィール用項目名 -------------------------*/
span.prof
{
	color : #ffe0d0 ;
	font-size : x-small ;
}

/*--- ちょっと強調系 -------------------------------*/
span.em
{
	color       : #ffff40 ;
	font-size   : medium ;
	font-weight : bold ;
}

/*--- トップページ：ピックアップゲーム -------------*/
div.pickup_game
{
	margin-bottom	: 0.5em ;
}

/*--- トップページ：その他ゲーム -------------------*/
div.other_game
{
	margin-bottom	: 0.5em ;
}

/*--- 超強調 -------------------------------------------------------*/
strong.em
{
	font-size   : 150% ;
	font-weight : bold ;
}


/* 標準型ウィンドウ型テーブル */
table.window_c
{
	border-collapse : collapse ;
	border-style    : ridge ;
	border-width    : thick ;
}


/* ポータルメッセージ型ウィンドウ型テーブル */
table.window_m
{
	border-collapse : collapse ;
	border-style    : ridge ;
	border-width    : thick ;
}

/* ポータル履歴ウィンドウ型テーブル */
table.window_r
{
	border-collapse : collapse ;
	border-style    : ridge ;
	border-width    : thick ;
	font-size       : x-small ;
}

/* 上寄せ */
td.vtop
{
	vertical-align   : top ;
}

/* テーブルタイトル */
td.caption
{
	font-weight : bold ;
	background-color	: #20c0ff ;
	background-image 	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;
}

/* テーブルヘッダ */
th
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;
}

/* テーブル中身(右寄せ) */
td.contr
{
	text-align       : right ;
	background-color : #203040 ;
	border           : 2px solid #f0f0f0 ;
}

/* テーブル中身(左寄せ) */
td.contl
{
	background-color : #203040 ;
	border           : 2px solid #f0f0f0 ;
}

/* テーブル中身(中央) */
td.contc
{
	text-align       : center ;
	background-color : #203040 ;
	border           : 2px solid #f0f0f0 ;
}

/* ランキングテーブル中身(右寄せ) */
td.rankr
{
	text-align       : right ;
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
}

/* ランキングテーブル中身(左寄せ) */
td.rankl
{
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
}

/* ランキングテーブル中身(中央) */
td.rankc
{
	text-align       : center ;
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
}

/* 会話キャラ */
td.char
{
	width            : 44px ;
	text-align       : center ;
	vertical-align   : middle ;
}

/* テーブル中身(標準左寄せ) */
table.window_c td
{
	background-color : #203040 ;
	border           : 2px solid #f0f0f0 ;
}

/* ランキングテーブル中身(標準左寄せ) */
table.window_r td
{
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
}

/* ポータル会話テーブル中身(標準左上寄せ) */
table.window_m td
{
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
	vertical-align   : text-top ;
	padding          : 4px, 0px ;
}

/* 中央寄せ */
div.center
{
	text-align : center ;
}

/* 右寄せ */
div.right
{
	text-align : right ;
}

/* 左寄せ */
div.left
{
	text-align : left ;
}

/* タブ→テーブル */
table.tab
{
	position    : relative ;
	left        : 4em ;
}

/* 全角１文字分 */
div.em1
{
	position    : relative ;
	left        : 1em ;
}

/* タブ */
div.tab
{
	position    : relative ;
	left        : 2em ;
}

/*--- ソース囲み ---------------*/
div.source
{
	margin				: 0.5em, 1em, 0.5em, 1em ; /*上右下左*/
}


/* その他 */
div.other
{
	border-style     : none ;

	margin           : 0em ;

	padding          : 0.5em, 1em, 0.5em, 1em ;	/*上右下左*/
}

/* 著作権表示 */
address
{
	text-align			: center ;
	padding-top			: 0.5em ;
}

/*--- 破線表示のテーブル ---------------------------*/
table.dashed
{
	border-collapse : collapse ;	/*セルボーダー重ね*/
	border-style    : dashed ;
	border-width    : thin ;
	border-color	: #a0c0d0 ;
}

table.dashed th
{
	border-style    : dashed ;
	border-width    : thin ;
	border-color	: #a0c0d0 ;
	padding			: 4px, 8px, 4px, 8px ;		/*上右下左*/
}

table.dashed td
{
	border-style    : dashed ;
	border-width    : thin ;
	border-color	: #a0c0d0 ;
	padding			: 4px, 8px, 4px, 8px ;		/*上右下左*/
}


/*--- 画像型区切り線 -----------------------------------------------*/
div.line
{
	margin				: 0em, 0em, 0em, 0em ;		/*上右下左*/
	padding				: 0em, 0em, 0em, 0em ;		/*上右下左*/
}


/*--- フッタのきゃとみゅうへのリンク -------------------------------*/
div.foot_link
{
	text-align			: left ;
	margin				: 1em, 0em, 0em, 0em ;		/*上右下左*/
}


/*--- ゲームアプレットくくり ---------------------------------------*/
div.applet
{
	text-align			: center ;
	margin				: 2em, 0em, 2em, 0em ;		/*上右下左*/
}


/*--- １行空ける ---------------------------------------------------*/
div.space1line
{
	padding				: 1em, 0em, 0em, 0em ;		/*上右下左*/
}

/*--- 文章くくり ---------------------------------------------------*/
div.sentence
{
	position    		: relative ;
	padding				: 0em, 0em, 1em, 2em ;		/*上右下左*/
}

/*--- 文章くくり(最後の項目のとき) ---------------------------------*/
div.sentence_last
{
	position    		: relative ;
	padding				: 0em, 0em, 0em, 2em ;		/*上右下左*/
}

/*--- フッタ用 -----------------------------------------------------*/
div.footer
{
	margin-top			: 1em ;
}


/*--- 標準ウィンドウ型矩形 -----------------------------------------*/
div.window
{
	border-style     : ridge ;
	border-color     : #e0f0ff ;
	border-width     : 6px ;

	background-color : #203040 ;
	padding          : 0em, 0em, 0em, 0em ;

	width				: 100% ;
	filter				: Alpha( opacity = 85 ) ;
}

/*--- 標準ウィンドウ型矩形(透過なし) -------------------------------*/
div.windowf
{
	border-style     : ridge ;
	border-color     : #e0f0ff ;
	border-width     : 6px ;

	background-color : #203040 ;
	padding          : 0em, 0em, 0em, 0em ;
}

/*--- 標準ウィンドウ内の見だし -------------------------------------*/
div.caption
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size       	: 100% ;
	font-style      	: normal ;
	font-weight			: bold ;
	color           	: #ffffff ;

	border-top-style   	: none ;
	border-right-width	: none ;
	border-bottom-style	: solid ;
	border-left-width	: none ;
	border-width    	: 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color    	: #f0f0f0 ;

	margin-top			: 0em ;
	margin-right		: 0em ;
	margin-bottom		: 0em ;
	margin-left			: 0em ;
	padding-top			: 0.2em ;
	padding-right		: 0.5em ;
	padding-bottom		: 0.2em ;
	padding-left		: 1em ;

	line-height			: 120% ;
}

/*--- （×）標準ウィンドウ内の見だし -------------------------------------*/
div.window h2
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size        : 100% ;
	font-style       : normal ;
	color            : #ffffff ;

	border-style     : solid ;
	border-width     : 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color     : #f0f0f0 ;

	margin           : 0em, 0em, 0em, 0em ; /*上右下左*/
	padding          : 0.2em, 1em, 0.2em, 1em ;
}

/*--- 標準ウィンドウ内の見だし -------------------------------------*/
p.caption
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.tansio.net/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size       	: 100% ;
	font-style      	: normal ;
	font-weight			: bold ;
	color           	: #ffffff ;

	border-top-style   	: none ;
	border-right-width	: none ;
	border-bottom-style	: solid ;
	border-left-width	: none ;
	border-width    	: 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color    	: #f0f0f0 ;

	margin-top			: 0em ;
	margin-right		: 0em ;
	margin-bottom		: 0em ;
	margin-left			: 0em ;
	padding-top			: 0.2em ;
	padding-right		: 1em ;
	padding-bottom		: 0.2em ;
	padding-left		: 1em ;

	line-height			: 120% ;
}

/*--- 標準ウィンドウ内のフッタ -------------------------------------*/
div.window div.foot
{
	background-color	: #c0c0c0 ;

	font-size			: 80% ;
	font-style			: normal ;
	color				: #000000 ;

	border-style		: solid ;
	border-width		: 2px, 0px, 0px, 0px ; /*上右下左*/
	border-color		: #f0f0f0 ;

	margin				: 2em, 0em, 0em, 0em ; /*上右下左*/
	padding				: 0.2em, 1em, 0.2em, 1em ;
}


/*--- メインウィンドウ ---------------------------------------------*/
div#mainwindow
{
	margin-top			: 1em ;
	margin-right		: 0em ;
}


/*--- サブウィンドウ -----------------------------------------------*/
div#subwindow
{
	margin-top			: 1em ;
	margin-right		: 0em ;
}


/*--- パンくずウィンドウ -------------------------------------------*/
div#pankuzuwindow
{
	margin-top			: 1em ;
	margin-right		: 0em ;
	padding-top			: 0.5em ;
	padding-right		: 0em ;
	padding-left		: 0.5em ;
	padding-bottom		: 0.5em ;
}


/*--- ナビウィンドウ -----------------------------------------------*/
div#naviwindow
{
	margin-top			: 1em ;
}


/*--- 広告ウィンドウ -----------------------------------------------*/
div#advwindow
{
	margin-top			: 1em ;
}


/*--- 標準ウィンドウ内のリスト -------------------------------------*/
div.window ul
{
	margin				: 1em, 0.5em, 1em, 2em ; /*上右下左*/
}
div.window li
{
	margin-top			: 0px ;
	margin-right		: 0px ;
	margin-bottom		: 4px ;
	margin-left			: 0px ;

}
div.window li.indent
{
	margin				: 0.1em, 0em, 0.5em, 0em ; /*上右下左*/
}

/*--- エクスプローラ式リスト -----------------------*/
ul.expl1
{
	line-height			: 0 ;
	font-size			: 0em ;
}

ul.expl1 li
{
	margin				: 0em, 0em, 0em, 1em ; /*上右下左*/
	line-height			: 0 ;
	font-size			: medium ;
}

ul.expl2
{
	line-height			: 0 ;
	font-size			: 0em ;
}

ul.expl2 li
{
	margin				: 0em, 0em, 0em, 2em ; /*上右下左*/
	list-style-position	: outside ;
	list-style-image	: url( http://www.din.or.jp/~null/data/list.gif ) ;
	line-height			: 0 ;
	font-size			: medium ;
}

ul.expl2 li.last
{
	list-style-position	: outside ;
	list-style-image	: url( http://www.din.or.jp/~null/data/list2.gif ) ;
	font-size			: medium ;
}

ul.expl1 a
{
	display				: block ;
	line-height			: normal ;
}

ul.expl2 a
{
	display				: block ;
	line-height			: normal ;
}


/*--- 標準ウィンドウ内の見だし -------------------------------------*/
div.windowf h2
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size        : 100% ;
	font-style       : normal ;
	color            : #ffffff ;

	border-style     : solid ;
	border-width     : 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color     : #f0f0f0 ;

	margin           : 0em, 0em, 0em, 0em ; /*上右下左*/
	padding          : 0.2em, 1em, 0.2em, 1em ;
}


/*--- 標準ウィンドウ内のフッタ -------------------------------------*/
div.windowf div.foot
{
	background-color	: #c0c0c0 ;

	font-size			: 80% ;
	font-style			: normal ;
	color				: #000000 ;

	border-style		: solid ;
	border-width		: 2px, 0px, 0px, 0px ; /*上右下左*/
	border-color		: #f0f0f0 ;

	margin				: 2em, 0em, 0em, 0em ; /*上右下左*/
	padding				: 0.2em, 1em, 0.2em, 1em ;
}


/*--- 標準ウィンドウ内のリスト -------------------------------------*/
div.windowf ul
{
	margin				: 1em, 0.5em, 1em, 2em ; /*上右下左*/
}
div.windowf li
{
	margin				: 0.1em, 0em, 0.1em, 0em ; /*上右下左*/
}
div.windowf li.indent
{
	margin				: 0.1em, 0em, 0.5em, 0em ; /*上右下左*/
}

/*--- 文章の囲み ---------------------------------------------------*/
div.message
{
	margin-top			: 0.5em ;
	margin-right		: 0.5em ;
	margin-bottom		: 0.5em ;
	margin-left			: 0.5em ;
}


/*--- 文章の囲み(中央寄せ) -----------------------------------------*/
div.message_c
{
	text-align			: center ;
	margin 				: 1em, 1em, 1em, 1em ; /*上右下左*/
}


/*--- サブページ下部広告 -------------------------------------------*/
div.subbottom_advertise
{
	text-align			: center ;
	padding				: 1em ;
}


/*--- 広告だけくくる -----------------------------------------------*/
div.advertise
{
	text-align			: center ;
}

/*--- 区切り線の広告部分 -------------------*/
div.line_advertise
{
	text-align			: center ;
	margin				: 1em, 0%, 2em, 0% ; /*上右下左*/
}

/*--- トップページ：右側広告 ---------------*/
div.top_right_advertise
{
	text-align			: right ;
}

/*--- ゲームのトップページの広告部分 -------------------------------*/
div.game_advertise
{
	text-align			: center ;
	margin				: 1em, 0%, 4em, 0% ; /*上右下左*/
}

/*--- 重ね最優先 -----------------------------------*/
div.prio_top
{
	z-index				: 30 ;
}

/*--- １重ねウィンドウ後の広告部分 ---------------------------------*/
div.advertise_win1
{
	text-align			: center ;
	margin				: 2em, 0%, 3em, 0% ; /*上右下左*/
}

/*--- ２重ねウィンドウ後の広告部分 ---------------------------------*/
div.advertise_win2
{
	text-align			: center ;
	margin				: 1em, 0%, 4em, 0% ; /*上右下左*/
}

/*--- 一番下に広告を張るとき(ウィンドウ１ヶ) -----------------------*/
div.advertise_win1_last
{
	text-align			: center ;
	margin				: 2em, 0%, 1em, 0% ; /*上右下左*/
}

/*--- 一番下に広告を張るとき(ウィンドウ２ヶ) -----------------------*/
div.advertise_win2_last
{
	text-align			: center ;
	margin				: 1em, 0%, 1em, 0% ; /*上右下左*/
}

/*--- 縦長広告 ----------------------------------------------------*/
div.v_advertise
{
	z-index				: 20 ;
	text-align			: right ;
	position			: absolute ;
	top					: 64px ;
	right				: 0em ;
}

/*--- ゲームのトップページのフッタ ---------------------------------*/
div.game_foot
{
	margin				: -1em, 0%, 0em, 0% ; /*上右下左*/
}


/*--- キー操作テーブル ---------------------------------------------*/
table.key
{
	margin				: 1em, 1em, 1em, 1em ;	/*上右下左*/
}

table.key td
{
	padding				: 0em, 1em, 0em, 1em ;	/*上右下左*/
}


/*--- トップに戻るアイコン -----------------------------------------*/
div.topicon
{
	position			: absolute ;
	top					: 0em ;
	right				: 1em ;
}

div.top_new
{
	position			: absolute ;
	top					: 0em ;
	right				: 144px ;
}

div.top_map
{
	position			: absolute ;
	top					: 20px ;
	right				: 144px ;
}



/*--- ２重ね -------------------------------------------------------*/
div#pile2_0
{
	z-index				: 1 ;
	margin				: 2em, 8%, 0em, 4% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile2_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 4%, 0em, 8% ;	/*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ３重ね -------------------------------------------------------*/
div#pile3_0
{
	z-index				: 1 ;
	margin				: 2em, 12%, 0em, 4% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile3_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 8%, 0em, 8% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile3_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 4%, 0em, 12% ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ４重ね -------------------------------------------------------*/
div#pile4_0
{
	z-index				: 1 ;
	margin				: 2em, 216px, 0em, 0px ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile4_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 184px, 0em, 32px ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile4_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 152px, 0em, 64px ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile4_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 120px, 0em, 96px ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ５重ね -------------------------------------------------------*/
div#pile5_0
{
	z-index				: 1 ;
	margin				: 2em, 20%, 0em, 4% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile5_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 16%, 0em, 8% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile5_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 12%, 0em, 12% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile5_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 8%, 0em, 16% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile5_4
{
	z-index				: 5 ;
	position			: relative ;
	top					: -4em ;
	margin				: 0em, 4%, 0em, 20% ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ６重ね -------------------------------------------------------*/
div#pile6_0
{
	z-index				: 1 ;
	margin				: 2em, 24%, 0em, 4% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile6_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 20%, 0em, 8% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile6_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 16%, 0em, 12% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile6_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 12%, 0em, 16% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile6_4
{
	z-index				: 5 ;
	position			: relative ;
	top					: -4em ;
	margin				: 0em, 8%, 0em, 20% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile6_5
{
	z-index				: 6 ;
	position			: relative ;
	top					: -5em ;
	margin				: 0em, 4%, 0em, 24% ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ７重ね -------------------------------------------------------*/
div#pile7_0
{
	z-index				: 1 ;
	margin				: 2em, 28%, 0em, 4% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 24%, 0em, 8% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 20%, 0em, 12% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 16%, 0em, 16% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_4
{
	z-index				: 5 ;
	position			: relative ;
	top					: -4em ;
	margin				: 0em, 12%, 0em, 20% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_5
{
	z-index				: 6 ;
	position			: relative ;
	top					: -5em ;
	margin				: 0em, 8%, 0em, 24% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile7_6
{
	z-index				: 7 ;
	position			: relative ;
	top					: -6em ;
	margin				: 0em, 4%, 0em, 28% ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- ８重ね -------------------------------------------------------*/
div#pile8_0
{
	z-index				: 1 ;
	margin				: 2em, 32%, 0em, 4% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 28%, 0em, 8% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 24%, 0em, 12% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 20%, 0em, 16% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_4
{
	z-index				: 5 ;
	position			: relative ;
	top					: -4em ;
	margin				: 0em, 16%, 0em, 20% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_5
{
	z-index				: 6 ;
	position			: relative ;
	top					: -5em ;
	margin				: 0em, 12%, 0em, 24% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_6
{
	z-index				: 7 ;
	position			: relative ;
	top					: -6em ;
	margin				: 0em, 8%, 0em, 28% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile8_7
{
	z-index				: 7 ;
	position			: relative ;
	top					: -7em ;
	margin				: 0em, 4%, 0em, 32% ; /*上右下左*/
	padding-bottom		: 2em ;
}

/*--- ９重ね -------------------------------------------------------*/
div#pile9_0
{
	z-index				: 1 ;
	margin				: 2em, 26%, 0em, 2% ;	/*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_1
{
	z-index				: 2 ;
	position			: relative ;
	top					: -1em ;
	margin				: 0em, 23%, 0em, 5% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	margin				: 0em, 20%, 0em, 8% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_3
{
	z-index				: 4 ;
	position			: relative ;
	top					: -3em ;
	margin				: 0em, 17%, 0em, 11% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_4
{
	z-index				: 5 ;
	position			: relative ;
	top					: -4em ;
	margin				: 0em, 14%, 0em, 14% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_5
{
	z-index				: 6 ;
	position			: relative ;
	top					: -5em ;
	margin				: 0em, 11%, 0em, 17% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_6
{
	z-index				: 7 ;
	position			: relative ;
	top					: -6em ;
	margin				: 0em, 8%, 0em, 20% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_7
{
	z-index				: 7 ;
	position			: relative ;
	top					: -7em ;
	margin				: 0em, 5%, 0em, 23% ; /*上右下左*/
	padding-bottom		: 2em ;
}

div#pile9_8
{
	z-index				: 7 ;
	position			: relative ;
	top					: -8em ;
	margin				: 0em, 2%, 0em, 26% ; /*上右下左*/
	padding-bottom		: 2em ;
}


/*--- 重ねウィンドウフッタ -----------------------------------------*/
div.foot_pile1
{
	margin           : 2em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile2
{
	margin           : 1em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile3
{
	margin           : 0em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile4
{
	margin           : -1em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile5
{
	margin           : -2em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile6
{
	margin           : -3em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile7
{
	margin           : -4em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile8
{
	margin           : -5em, 0%, 0em, 0% ; /*上右下左*/
}
div.foot_pile9
{
	margin           : -6em, 0%, 0em, 0% ; /*上右下左*/
}

/*-- 基本ウィンドウ型テーブル ---------------------------------------*/
table.window
{
	border-style     : ridge ;
	border-color     : #e0f0ff ;
	border-width     : 6px ;
	border-collapse : collapse ;

	background-color : #203040 ;
	padding          : 0em, 0em, 0em, 0em ;

	width				: 100% ;
	filter				: Alpha( opacity = 85 ) ;
}

/* ランキングテーブル中身(標準左寄せ) */
table.window_ td
{
	background-color : #203040 ;
	border-style     : solid ;
	border-width     : 2px, 0px, 2px, 0px ;
	border-color     : #f0f0f0 ;
}

/* テーブル中身(標準左寄せ) */
table.window td
{
	background-color : #203040 ;
	border           : 2px solid #f0f0f0 ;
}

/*--- ランキング型ウィンドウ型テーブル ------------------------------*/
table.window_r
{
	border-style     : ridge ;
	border-color     : #e0f0ff ;
	border-width     : 6px ;

	background-color : #203040 ;
	padding          : 0em, 0em, 0em, 0em ;
}

table.window_r th
{
	background-color	: #20c0ff ;
	background-image	: url( http://www.din.or.jp/~null/data/bback.gif ) ;
	background-repeat	: repeat-y ;

	font-size        : 100% ;
	font-style       : normal ;
	color				: #ffffff ;
	text-align			: left ;

	border-style     : solid ;
	border-width     : 0px, 0px, 2px, 0px ; /*上右下左*/
	border-color     : #f0f0f0 ;

	margin           : 0em, 0em, 0em, 0em ; /*上右下左*/
	padding          : 0.2em, 1em, 0.2em, 1em ;
}


table.window_r td
{
	text-align			: left ;
}


/*--- テーブルを重ねる ---------------------------------------------*/
table#pile1_0
{
	z-index				: 1 ;
	position			: relative ;
	width				: 88% ;
	margin				: 2em, 12%, 0em, 4% ; /*上右下左*/
	padding				: 0em, 0em, 2em, 0em ;
}

table#pile3_2
{
	z-index				: 3 ;
	position			: relative ;
	top					: -2em ;
	width				: 88% ;
	margin				: 0em, 4%, 0em, 12% ; /*上右下左*/
	padding				: 0em, 0em, 2em, 0em ;
}

table#pile7_6
{
	z-index				: 7 ;
	position			: relative ;
	top					: -6em ;
	width				: 68% ;
	margin				: 0em, 4%, 0em, 28% ; /*上右下左*/
	padding				: 0em, 0em, 2em, 0em ;
}

/*--- スクリーンセーバー画面 ---------------------------------------*/
div.ss_img
{
	height				: 120px ;
	margin 				: 1em, 1em, 0em, 1em ; /*上右下左*/
}

/*--- 点取り占い用 -------------------------------------------------*/
table.fortune
{
	width		: 32em ;
}

td.fortune_content
{
	width		: 8em ;
}

td.valign_top
{
	vertical-align		: top ;
}


/*--- End of null.css ----------------------------------------------*/