@charset "Shift_JIS";
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	CSS for Zehn Official WEB
		リニューアルWEB担当： 絵師
		最終更新	05/02/27(日) 17:59:32
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* =======================================================================
	カラーセット
		Creamy White: #FFFFEF;	//	背景色
		Blue Black: #300060;	//	標準文字色
		Link Blue: #5020B0;		//	リンク文字色
		Zehn Carmine: #D82060;	//	ゼーン大陸イメージカラー１
		Pluto Orange: #FCA000;	//	イメージカラー２
		Midda Green: #40C080;	//	見出し背景色２
		Julius Green: #208040;	//	PaleOrange背景の文字色
		Biege: #FFE8B8;
		Pale Orange: #FFAF3D;
		LCD: #BABFAC;	//	オマケ：反射モノクロ液晶っぽい背景色
======================================================================= */
/* =======================================================================
	PREタグではみ出さないように（使わんかも）
======================================================================= */
	pre{
		white-space: pre;
		overflow: hidden;
	}

/* =======================================================================
	BODY: スクロールバーのデザイン定義（IEのみ）
======================================================================= */
	body {
		font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
		color: #300060;
		background-color:#FFFFFF;	
		padding: 0px;
		margin: 0px;
		background-image: url(img/PageImg/BG.gif);
		/* scrollbar の設定はIEのみ有効: 
			FirefoxのDevToolではエラーが出るけど */
		scrollbar-base-color: #FFFFFF;
		scrollbar-track-color: #FFFFFF;
		scrollbar-face-color: #FFFFFF;
		scrollbar-3dlight-color: #FFFFFF;
		scrollbar-darkshadow-color: #FFFFFF;

		scrollbar-shadow-color: #FCA000;
		scrollbar-highlight-color: #FCA000;
		scrollbar-arrow-color: #FCA000;
	}

/* =======================================================================
	リンクのhover定義（リンクにオンマウスで変化）
	hrefに限定するとIEで無反応、限定しないとFirefoxが<a name...>で反応
======================================================================= */
	A:link {
		color: #5020B0;
		background-color: inherit;
		text-decoration: underline;
	}
	A:visited {
		color: #8040B0;
		background-color: inherit;
		text-decoration: underline;
	}
	A:active {
		color: #D82060;
		background-color: #FFFFFF;
		text-decoration: none;
	}
	A:hover {
		color: #FFFFFF;
		background-color: #D82060;
		text-decoration: none;
	}

/*	↑これはアイコンやバナーで都合が悪いので
	マウスオーバーで変化しないクラスを作った↓(ﾀﾞｻ
	*/

	A.img:link {
		color: #D82060;
		background-color: inherit;
		text-decoration: none;
	}
	A.img:visited {
		color: #705080;
		background-color: inherit;
		text-decoration: none;
	}
	A.img:active {
		color: #FCA000;
		background-color: transparent;
		text-decoration: none;
	}
	A.img:hover {
		color: #FFFFFF;
		background-color: transparent;
		text-decoration: none;
	}

/* =======================================================================
	ページ本体の囲い込み（大枠）
======================================================================= */
	DIV.MainArea{
		margin:  1px 0px 2px 4px;
		padding: 4px 4px 4px 4px;
		width: 615px;
	}
	DIV.ClientArea{
		margin:  1px 0px 2px 4px;
		padding: 4px 4px 4px 4px;
		width: 510px;
	}
/* =======================================================================
	見出し
======================================================================= */
/* -----------------------------------------------------------------------
		ページ見出し
----------------------------------------------------------------------- */
	H1 {
		color: #FFFFFF;
		font-size: 16pt;
		line-height: 1.6;
		font-weight: 800;
		text-align: center;

		height: 48px;
		background-image: url(img/PageImg/H1MBG.gif);
		background-color: transparent;
		background-repeat: no-repeat;

		padding: 2px 8px;
		margin: 2px 0px;

		border-style: none;
		border-width: 0px;

		overflow:hidden;
	}

	H1.BG_S {
		height: 48px;
		background-image: url(img/PageImg/H1SBG.gif);
		background-color: transparent;
	}

	H1.BG_M0{
		height: 80px;
		background-image: url(img/PageImg/H1M0BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M1{
		height: 80px;
		background-image: url(img/PageImg/H1M1BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M2{
		height: 80px;
		background-image: url(img/PageImg/H1M2BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M3{
		height: 80px;
		background-image: url(img/PageImg/H1M3BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M4{
		height: 80px;
		background-image: url(img/PageImg/H1M4BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M5{
		height: 80px;
		background-image: url(img/PageImg/H1M5BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M6{
		height: 80px;
		background-image: url(img/PageImg/H1M6BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_M7{
		height: 80px;
		background-image: url(img/PageImg/H1M7BG.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
	}

	H1.BG_S0{
		height: 48px;
		background-image: url(img/PageImg/H1S0BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S1{
		height: 48px;
		background-image: url(img/PageImg/H1S1BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S2{
		height: 48px;
		background-image: url(img/PageImg/H1S2BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S3{
		height: 48px;
		background-image: url(img/PageImg/H1S3BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S4{
		height: 48px;
		background-image: url(img/PageImg/H1S4BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S5{
		height: 48px;
		background-image: url(img/PageImg/H1S5BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S6{
		height: 48px;
		background-image: url(img/PageImg/H1S6BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.BG_S7{
		height: 48px;
		background-image: url(img/PageImg/H1S7BG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}

/* -----------------------------------------------------------------------
		項目見出し大（タイトル）
----------------------------------------------------------------------- */
	H2 {
		color: #300060;	
		font-size: 13pt;
		line-height: 1.6;
		font-weight: 700;
		border: none;
		border-width: 0px;
		text-align: center;
		background-image: url(img/PageImg/Header2BG.gif);
		background-repeat: no-repeat;
		height: 32px;
		padding: 0px 8px 0px 8px;
		margin: 0px 0px 0px 0px;
		overflow:hidden;

	}
	H2.StartingGuide {
		color: #FFFFFF;	
		font-size: 13pt;
		line-height: 1.6;
		font-weight: 700;
		border: none;
		border-width: 0px;
		text-align: center;
		background-image: url(img/PageImg/Header2BG2.gif);
		background-repeat: no-repeat;
		height: 32px;
		padding: 0px 8px 0px 8px;
		margin: 0px 0px 0px 0px;
	}

/*------------------------------------------------------------------------
	ガイド・マニュアル専用／ＦＡＱ専用
	（ログイン前後で同様にアクセスできるので）
------------------------------------------------------------------------*/
	H1.Guide{
		height: 48px;
		background-image: url(img/PageImg/H1Manual.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
	H1.FAQ{
		height: 48px;
		background-image: url(img/PageImg/H1FAQ.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
/*------------------------------------------------------------------------
	ゲームから呼び出される掲示板専用
------------------------------------------------------------------------*/
	H1.Client {
		height: 48px;
		background-image: url(img/PageImg/H1ClBG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
/*----------------------------------------------------------------------*/
	H2.Client {
		height: 48px;
		background-image: url(img/PageImg/H2CllBG.gif);
		background-color: transparent;
		background-repeat: no-repeat;
	}
/* -----------------------------------------------------------------------
		項目見出し中（サブタイトル）
----------------------------------------------------------------------- */
	H3 {
		color: #208040;	
		font-size: 11pt;
		line-height: 1.6;
		font-weight: 600;
		border: dotted #FCA000;
		border-width: 0px 0px 2px 0px;
		background-image: url(img/PageImg/H3Dot.gif);
		background-repeat: no-repeat;
		padding: 0px 8px 0px 24px;
		margin: 0px 8px 0px 4px;
		overflow:hidden;
	}
/* -----------------------------------------------------------------------
		項目見出し小（本文中に小見出しが欲しいときに使う）
----------------------------------------------------------------------- */
	H4 {
		color: #300060;
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: 600;
		font-style: normal;
		border: none #FCA000;
		border-width: 0px 0px 0px 0px;
		background-image: url(img/PageImg/Header4BG.gif);
		padding: 0px 8px 0px 16px;
		margin: 4px -2px 4px -2px;
		overflow:hidden;
	}

	H4.Menu {
		color: #300060;
		font-size: 9.5pt;
		background-color: transparent;
		background-image: none;
		border: dotted #FCA000;
		border-width: 1px 0px;
		padding: 0px 2px 0px 2px;
		margin: 4px 0px 4px 0px;
	}

/*
	フォーラム見出し専用（先頭の画像が違う以外は同じ）
*/
	H4.Forum {
		color: #D82060;
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: 500;
		font-style: normal;
		border: solid #FCA000;
		border-width: 1px 0px 0px 0px;
		background-color: #FFFFFF;
		background-image: url(img/PageImg/Header4BG2.gif);
		background-repeat: no-repeat;
		padding: 0px 8px 0px 24px;
		margin: 4px -2px 2px -2px;
		overflow:hidden;
	}
/* -----------------------------------------------------------------------
		本文記述部基本（本文をdivではさんで適用）
----------------------------------------------------------------------- */
	DIV.Contents{	/*	薄い縁の白箱	*/
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		padding: 2px 8px 2px 8px;
		margin: -1px 0px 5px 0px;
	}
/* -----------------------------------------------------------------------
	引用専用（ブロッククォート）
----------------------------------------------------------------------- */
	BLOCKQUOTE {
		font-size: 10.5pt;
		line-height: 1.6;
		font-style: normal;
		color: #808080;
		border: solid;
		border-color: #EFEFEF #DFDFDF #DFDFDF #EFEFEF;
		border-width: 1px 2px 2px 1px;
		background-color: #FBFBFB;
		padding: 2px 4px 2px 4px;
		margin: 4px 8px 4px 16px; 
	}
	BLOCKQUOTE BLOCKQUOTE {
		color: #909090;
		background-color: #F8F8F8;
		margin: 2px -2px 2px -2px; 
	}
	BLOCKQUOTE BLOCKQUOTE BLOCKQUOTE {
		color: #A0A0A0;
		background-color: #F5F5F5;
	}
	BLOCKQUOTE BLOCKQUOTE BLOCKQUOTE BLOCKQUOTE {
		color: #B0B0B0;
		background-color: #F2F2F2;
	}
/* -----------------------------------------------------------------------
	コード（タグなど）の表記
----------------------------------------------------------------------- */
	CODE {
		font-family: "ＭＳ ゴシック", "Osaka-等幅", serif;
		display: block;
		font-size: 10.5pt;
		line-height: 1.6;
		font-style: normal;
		color: #808080;
		border: dashed #EFEFEF 1px;
		background-color: #FBFBFB;
		padding: 2px 4px 2px 4px;
		margin: 4px 8px 8px 16px; 
	}
/* -----------------------------------------------------------------------
	文字列強調
----------------------------------------------------------------------- */
/*	単語・文節強調：<b>を使ったヤツは一つごとに両手上げ正座10分	*/
	STRONG{
		color: inherit;
		font-weight: 600;
		border-style: none;
		border-color: inherit;
		border-width: 0px;
		padding: 1px 0px;
		text-decoration: inherit;
	}
/*
	強調すべき固有名詞やそれを含む文節はSTRONG
	コーナーやメニュー項目の名前、用語などはimportantを適用
	特に注意喚起を要する文字列にはcautionを適用
*/
	STRONG.important{
		color: #208040;
	}
	STRONG.caution{
		color: #D82060;
	}

/*	文強調：<i>を使ったやつは石抱きの刑。一つごとに石板一枚追加	*/
	EM{
		color: #300060;
		font-style: inherit;
		border: dashed #FC00A0;
		border-width: 0px 0px 1px 0px;
		padding: 1px 0px;
		border-color: #FCA000;
	}
/*
	コーナーやメニュー項目の名前、用語などはimportantを適用
	特に注意喚起を要する文字列にはcautionを適用
*/
	EM.important{
		color: #208040;
		border-color: #208040;
	}
	EM.caution{
		color: #D82060;
		border-color: #D82060;

	}
/*
	あんまり使いたくはない取り消し線付き
*/
	STRIKE{
		color: #808080;
		font-style: italic;
	}

/*	これもあんまり使わんかもしれんが一応。	*/
	SPAN.Capt{
		margin: 2px 0px 2px 0px;
		font-size: 9.5pt;
		line-height: 1.6;
		font-weight: inherit;
		font-style: inherit;
		color: inherit;
		background-color: inherit;
		text-decoration: inherit;
	}

	SPAN.Whisp{
		margin: 2px 0px 2px 0px;
		font-size: inherit;
		line-height: 1.6;
		font-weight: inherit;
		font-style: inherit;
		color: #606060;
		background-color: inherit;
		text-decoration: inherit;
	}

	SPAN.ExCaution{
		font-size: 16pt;
		font-weight: 800;
		line-height: 1.6;
		padding: 4px;
		color: #D82060;
		border: double;
		border-color: #D82060;
		border-width: 0px 0px 4px 0px;
	}


/*	フォーラムの記事ヘッダ用：
	それ以外の用途に使うヤツはノーロープバンジージャンプデスマッチの刑
*/
	SPAN.Name{	/*	投稿者のキャラクター名	*/
		font-size: 10.5pt;
		line-height: 1.6;
		color: #208040;
		font-weight: normal;
		font-style: normal;
	}
	SPAN.Date{	/*	日付及び既読文書の日付	*/
		font-size: 9.5pt;
		line-height: 1.6;
		color: #606060;
		font-weight: normal;
		font-style: normal;
	}
	SPAN.New{	/*	未読文書の日付	*/
		font-size: 10.5pt;
		line-height: 1.6;
		color: #D82060;
		font-weight: normal;
		font-style: italic;
	}
	SPAN.IP{	/*	投稿者のIPアドレス	*/
		font-size: 9pt;
		line-height: 1.6;
		color: #606060;
		font-weight: normal;
		font-style: normal;
	}
	SPAN.Here{	/*	現在開いている記事	*/
		font-size: 10.5pt;
		line-height: 1.6;
		color: #D82060;
		font-weight: normal;
		font-style: normal;
		text-decoration: blink;
	}

/*	コピーライト表記用…何かそれ用のタグがあった気もするなぁ	*/
	COPY{	
		font-size: 9pt;
		line-height: 1.6;
		color: inherit;
		font-weight: normal;
		font-style: normal;
	}

/* -----------------------------------------------------------------------
	アカウントID表示専用強調表示
		体裁を整えるためにBOX型に。
		フォントは等幅。
----------------------------------------------------------------------- */
	STRONG.ID{
		display: block;
		font-family: "ＭＳ ゴシック", "Osaka-等幅", serif;
		font-size: 20pt;
		line-height: 1.6;
		font-weight: 900;
		color: #FFFFFF;
		background-color: #D82060;
		text-align: center;
		border-color: #D82060;
		border-style: groove;
		border-width: 2px 2px 2px 2px;
		padding: 0px 8px 0px 8px;
		margin: 8px 16px 8px 16px; 
	}
/* -----------------------------------------------------------------------
	お問い合わせ番号表示専用強調表示
		体裁を整えるためにBOX型に。
		フォントは等幅。
----------------------------------------------------------------------- */
	STRONG.Num{
		font-family: "ＭＳ ゴシック", "Osaka-等幅", serif;
		font-size: 11pt;
		line-height: 1.6;
		font-weight: 900;
		color: #D82060;
		background-color: #FFFFFF;
		text-align: center;
		border-color: #D82060;
		border-style: double;
		border-width: 0px 0px 3px 0px;
		padding: 1px;
		margin: 8px; 
	}
/* -----------------------------------------------------------------------
	ゼーン暦表示専用強調表示
		体裁を整えるためにBOX型を使った
----------------------------------------------------------------------- */
	DIV.ZehnTime{
		font-size: 11pt;
		line-height: 1.6;
		font-weight: 800;
		color: #300060;
		background-color: #FFFFFF;
		width: 360px;
		text-align: center;
		border: solid #FFE8B8 1px;
		padding: 2px 8px 2px 8px;
		margin: 2px 120px;
	}

/* -----------------------------------------------------------------------
	フォーラムアイコントレー用
		体裁を整えるためにBOX型を使った
		何か泥縄な…テーブルにした方がよかったかなぁ…
----------------------------------------------------------------------- */
	DIV.Tray{
		text-align: center;
		vertical-align: middle;
		background-color: inherit;
		border: solid #FCA000;
		border-width: 1px 0px 2px 0px;
		margin: 2px 0px 2px 0px;
		padding: 2px 0px;
	}
/* -----------------------------------------------------------------------
	フォーラム未読表示ヘッダ用
		未読件数表示欄ね。
----------------------------------------------------------------------- */
	DIV.ForumHead{
		color: #606060;
		font-size: 9pt;
		line-height : 1.5;
		font-weight: 500;
		font-style: normal;
		border: solid #FFFFFF 0px;
		background-color: #FFFFFF;
		text-align: right;
		padding: 0px 4px 0px 4px;
		margin: 0px 0px 0px 0px;
	}
/* -----------------------------------------------------------------------
	フォーラム関連URL表示用
		投稿時に書いたURLを表示する場所。
----------------------------------------------------------------------- */
	DIV.URL{
		color: #606060;
		font-size: 9pt;
		line-height : 1.5;
		font-weight: 500;
		font-style: normal;
		border: solid #FCA000;
		border-width: 0px 0px 2px 0px;
		background-color: #FFF8F0;
		text-align: right;
		padding: 0px 4px 0px 4px;
		margin: -2px 0px 4px 0px;
	}
/* -----------------------------------------------------------------------
	項目フッタ
		大項目を閉じるときに使う。大項目（<h1>〜</h1>）と同じ文字列を入れて
		ページ末でも現在開いているページが分かるようにする。
----------------------------------------------------------------------- */
	DIV.Footer{
		font-size: 6pt;
		line-height: 1;
		color: #300060;
		border: solid #FCA000;
		border-width: 0px 0px 2px 0px;
		padding: 2px 8px 2px 8px;
		margin: -5px 0px 2px 0px;
		text-align: right;
	}
/* -----------------------------------------------------------------------
	検索窓用
		フォーラムを開いたときにサイドメニューんトコに
		検索エリアを表示する。
----------------------------------------------------------------------- */
	DIV.SearchArea{
		width: 144;
		text-align: center;
		vertical-align: middle;
		background-color: #FFFFFF;
		border: solid #FCA000;
		border-width: 2px 0px 2px 0px;
		margin: 8px 0px 2px 0px;
		padding: 2px 1px 2px 1px;
	}
/* =======================================================================
	インデント（パラグラフ）
======================================================================= */
	P {
		margin: 2px 0px 2px 0px;
	}

	P.Menu {	/*	サイドメニュー項目用	*/
		font-size: 9.5pt;
		line-height: 1.6;
		font-weight: inherit;
		font-style: inherit;
		text-decoration: inherit;
		margin: 2px 0px 8px 2px;
		padding-left: 10px;
		background-image: url(img/PageImg/SideMenudot.gif);
		background-repeat: no-repeat;
	}

	P.SearchArea {	/*	サイドメニューの検索窓用	*/
		font-size: 9.5pt;
		line-height: 1.6;
		font-weight: inherit;
		font-style: inherit;
		text-decoration: inherit;
		margin: 2px 0px 8px 2px;
	}

	P.Capt{	/*	脚注用	*/
		margin: 2px 0px 2px 0px;
		font-size: 8.5pt;
		line-height: 1.6;
		font-weight: inherit;
		font-style: inherit;
		color: inherit;
		background-color: inherit;
		text-decoration: inherit;
	}

	P.ind0 {
		margin: 2px 0px 2px 24px;
	}
	P.ind1{
		margin: 2px 0px 2px 48px;
	}
	P.ind2{
		margin: 2px 0px 2px 72px;
	}
	P.ind3{
		margin: 2px 0px 2px 96px;
	}
	P.ind4{
		margin: 2px 0px 2px 120px;
	}
	P.ind5{
		margin: 2px 0px 2px 144px;
	}
	P.ind6{
		margin: 2px 0px 2px 168px;
	}
	P.ind7{
		margin: 2px 0px 2px 192px;
	}
	P.ind8{
		margin: 2px 0px 2px 216px;
	}
	P.ind9{
		margin: 2px 0px 2px 240px;
	}
	P.ind10{
		margin: 2px 0px 2px 264px;
	}
	P.ind11{
		margin: 2px 0px 2px 288px;
	}
	P.ind12{
		margin: 2px 0px 2px 312px;
	}
	P.ind13{
		margin: 2px 0px 2px 336px;
	}
	P.ind14{
		margin: 2px 0px 2px 360px;
	}
	P.ind15{
		margin: 2px 0px 2px 384px;
	}

/* -----------------------------------------------------------------------
	Aprilfool2007用インタビューパラグラフ。
----------------------------------------------------------------------- */
	P.althi{
		padding-left: 68px;
		min-height: 16px;
		background-image:url('AprilFool/Minialthi.gif');
		background-repeat:no-repeat;
		color: darkorange;
	}
	P.McRalen{
		padding-left: 68px;
		min-height: 16px;
		background-image:url('AprilFool/MiniMcRalen.gif');
		background-repeat:no-repeat;
		color: crimson;
	}

/* =======================================================================
	ヘアライン
	IE6ではマージン設定に問題が有るので、必ず確認して使用する。
======================================================================= */
	HR{
		color: #FFFFEF;
		background-color: transparent;
		border: hidden #FFFFEF 1px;
		width: 100%;
		height: 1;
		line-height: 0;
		margin: 4px 2px 4px 2px;
	}
	HR.RdThick {
		color: #D82060;
		background-color: #D82060;
		border: none;
		width: 100%;
		height: 2;
	}
	HR.RdThin {
		color: #D82060;
		background-color: #D82060;
		border: none;
		width: 100%;
		height: 1;
	}
	HR.OrThick {
		color: #FCA000;
		background-color: #FCA000;
		border: none;
		width: 100%;
		height: 2;
	}
	HR.OrThin {
		color: #D82060;
		background-color: #FCA000;
		border: none;
		width: 100%;
		height: 1;
	}
/* =======================================================================
	イメージタグ
======================================================================= */
	IMG{
		border-width: 0px;
		background-color: transparent;
	}
	IMG.BannerS{
		margin: 0px 8px 0px 8px;
		width: 88px;
		height: 31px;
	}

	IMG.BannerR{
		margin: 0px 8px 0px 8px;
		width: 200px;
		height: 40px;
	}

	IMG.Ticket{
		margin: 4px 8px 4px 0px;
		width: 192px;
		height: 48px;
	}

	IMG.Icon{
		margin: 0px 32px 0px 32px;
		width: 24px;
		height: 24px;
	}

	IMG.Ilst{
		padding: 8px 8px;
	}

/* =======================================================================
	フォームのスタイル設定
======================================================================= */
	FORM{
		padding: 0px;
		margin: 0px;
	}

/*------------------------------------------------------------------------
	コンボボックス
------------------------------------------------------------------------*/
/*	コンボボックス	*/
	select {
		color: inherit;
		background-color:#FFFFEF;
		font-size: 10.5pt;
		line-height: 1.6;
		margin: 0px;
	}
	select:hover{
		color: inherit;
		background-color: #FFFFEF;
	}

/*	標準サイズ	*/
	select.Form_Combo {
		height: 15pt;
		width: 160px;
	}
/*	検索用サイズ	*/
	select.Form_ComboSearch {
		height: 15pt;
		width: 124px;
	}

/*------------------------------------------------------------------------
	テキストエリア
------------------------------------------------------------------------*/
	textarea {
		background-color:#FFFFEF;
		border:solid #FCA000 1px;
		padding: 2px 2px 2px 4px;
		margin: 0px;
			/*	スクロールバーの定義はIEのみ有効	*/
		scrollbar-base-color: #ffffef;
		scrollbar-track-color: #ffffef;
		scrollbar-face-color: #ffffef;

		scrollbar-3dlight-color: #ffffef;
		scrollbar-darkshadow-color: #ffffef;

		scrollbar-shadow-color: #FCA000;
		scrollbar-highlight-color: #FCA000;
		scrollbar-arrow-color: #FCA000;
	}
	textarea:hover{
		color: #000000;
		background-color: #FFFFEF;
		border:solid #D82060 1px;
	}
/*	文章入力欄標準サイズ	*/
	textarea.Form_Area{
		width: 390px;	/* cols="52" */
		height: 180px;	/* rows="16" */
	}
/*	文章入力欄狭いサイズ	*/
	textarea.Form_AreaMiddle{
		width: 240px;	/* cols="52" */
		height: 180px;	/* rows="16" */
	}

/*------------------------------------------------------------------------
	INPUT: 文字列入力欄
		IEは属性セレクタを無視するが、機能やレイアウトで困ったことになるわけではないので対策してない。
------------------------------------------------------------------------*/
	input[type="text"], input[type="password"] {	/*	Gecko系では欄の色や枠が変わる。	*/
		font-size: 10.5pt;
		line-height: 1.6;
		color: inherit;
		background-color: #FFFFEF;
		border: solid #FCA000 1px;
		padding: 0px 4px 0px 4px;
		margin: 0px;
	}
	input[type="text"]:hover, input[type="password"]:hover{	/*	Gecko系ではMouseOverで変化	*/
		color: inherit;
		background-color: #FFFFEF;
		border:solid #D82060 1px;
	}

/*	文字列入力短いサイズ	*/
	input.Form_ShortBox {
		width: 160px;
		height: 15pt;
	}
/*	文字列入力もっと短いサイズ	*/
	input.Form_SSBox {
		width: 48px;
		height: 15pt;
	}

/*	文字列入力中くらいのサイズ	*/
	input.Form_MiddleBox {
		width: 240px;
		height: 15pt;
	}
/*	文字列入力長いサイズ	*/
	input.Form_LongBox {
		width: 390px;
		height: 15pt;
	}
/*	検索用文字列入力	*/
	input.Form_SearchBox {
		width: 124px;
		height: 15pt;
	}



/*------------------------------------------------------------------------
	INPUT: チェックボックス
		IEは属性セレクタを無視するが、機能やレイアウトで困ったことになるわけではないので対策してない。そもそもGeckoとIEで挙動違うし。
------------------------------------------------------------------------*/

	input[type="checkbox"]{
		vertical-align: middle;
		margin: 0px 2px 0px 2px;
		padding: 0px;
	}
/*	標準	*/
	input.Check{
		margin: 0px 2px 0px 2px;
	}

/*	フォーラムの引用チェックボックス	*/
	input.IconCheck{
		margin: 0px 2px 0px -36px;
	}

/*------------------------------------------------------------------------
	INPUT: Submitボタン
		IEは属性セレクタを無視するが、機能やレイアウトで困ったことになるわけではないので対策してない。
------------------------------------------------------------------------*/
/*	ボタンにグラフィック（32pxのアイコン）を使う時はこれ	*/
	input.ImgButton{
		border-width: 0px;
		vertical-algin: middle;
		margin: 0px 8px 0px 8px;
	}

/*	ボタンの外観定義汎用	*/
	input[type="submit"]{	/*	Gecko系ではボタンに色が付く	*/
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: bold;
		padding: 0px 2px 0px 2px;
		color: #FFFFFF;
		background-color: #D82060;
		border: solid;
		border-color: #FF8060 #AA0000 #880000 #DD6040;
		border-width: 2px 3px 4px 3px;
	}
	input[type="submit"]:hover{	/*	Gecko系ではMouseOverでボタンの色が変わる	*/
		background-color: #FCA000;
		border-color: #FFD040 #DC8000 #DC8000 #FFD040;
		border-width: 3px 3px 3px 3px;
	}
/*	ボタン幅の定義：これはIEでも反映される	*/
/*	通常サイズ	*/
	input.Form_Button {
		width: 240px;
	}
/*	短いサイズ	*/
	input.Form_ShortButton {
		width: 80px;
	}
/*	検索窓用サイズ	*/
	input.Form_SearchButton {
		width: 124px;
	}
/* =======================================================================
	テーブル
======================================================================= */
	TABLE{
		table-layout: fixed;
		overflow: auto;
	}
	TH{
		text-align: center;
		vertical-align: middle;
		font-size: 9pt;
		line-height: 1.6;
		font-weight: 600;
		border: solid #FFE8B8;
		border-width: 1px 0px 0px 1px;
	}
	TD{
		vertical-align: top;
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: 500;
		border: none;
	}

/* =======================================================================
		タイトルとボックス
======================================================================= */
/* -----------------------------------------------------------------------
	汎用クラス
----------------------------------------------------------------------- */
	TH, TD{
		margin: 0px;
		padding: 0px 4px;
	}

	/*	表タイトル	*/
	TH.Title, TD.Title{
		text-align: center;
		vertical-align: top;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 10.5pt;
		line-height: 1.6;
		background-color: #FCA000;
		border: solid #FFFFFF;
		border-width: 0px 0px 0px 0px;
		margin: 0px;
		padding: 1px 0px 0px 0px;
	}
	/*	表ボックス	*/
	TH.Box, TD.Box{
		text-align: left;
		font-size: 10.5pt;
		line-height: 1.6;
		border: solid #FCA000 1px;
		background-color: #FFFFFF;
		padding: 0px 4px 0px 4px;
	}
/*
	サイズ	class="Box Long"のように半角スペースを挟んで表記。
*/

	TH.Short, TD.Short{
		width: 64px;
	}
	TH.Middle, TD.Middle{
		width: 96px;
	}
	TH.Side, TD.Side{
		width: 144px;
	}
	TH.Long, TD.Long{
		width: 160px;
	}
	TH.ExLong, TD.ExLong{
		width: 240px;
	}
	TH.Max, TD.Max{
		width: 380px;
	}

	TD.Lv0, TR.Lv0 {
		background-color: #FFE8C9;
	}
	TD.Lv1, TR.Lv1 {
		background-color: #FFFCD0;
	}
	TD.Lv2, TR.Lv2 {
		background-color: #E8F1D0;
	}
	TD.Lv3, TR.Lv3 {
		background-color: #DAEBD0;
	}
	TD.Lv4, TR.Lv4 {
		background-color: #CBE5D0;
	}
	TD.Lv5, TR.Lv5 {
		background-color: #C8E7E5;
	}
	TD.Lv6, TR.Lv6 {
		background-color: #C5E8F9;
	}
	TD.Lv7, TR.Lv7 {
		background-color: #CAD9EC;
	}
	TD.Lv8, TR.Lv8 {
		background-color: #CBD0E5;
	}
	TD.Lv9, TR.Lv9 {
		background-color: #CDC7DE;
	}
/* -----------------------------------------------------------------------
		リンクページ用	
----------------------------------------------------------------------- */
	TABLE.Site{
		width: 484px;
		table-layout: fixed;
		overflow: auto;
		margin: 0px;
		border-style: solid;
		border-color: #EFEFEF #E0E0E0 #D0D0D0 #E8E8E8;
		border-width: 1px 1px 2px 1px;
	}

	TD.SiteName{
		font-size: 10.5pt;
		line-height: 1.6;
		color: inherit;
		background-color: #FFE8B8;
		font-weight: 500;
		font-style: inherit;
		padding: 0px 8px 0px 8px;
		margin: 0px;
		border-style: solid;
		border-color: #EFEFEF #E0E0E0 #D0D0D0 #E8E8E8;
		border-width: 0px 1px 1px 0px;
	}

	TD.SiteBanner{
		width: 208px;
		height: 48px;
		padding: 4px;
		margin: 0px;
		border: none;
		vertical-align: middle;
	}

	TD.Creator{
		font-size: 10.5pt;
		line-height: 1.6;
		color: #300060;
		background-color: #FFFFFF;
		font-weight: 500;
		font-style: inherit;
		padding: 0px 8px 0px 8px;
		margin: 0px;
		border: solid #FCA000;
		border-width: 0px 0px 0px 0px;
	}

	TD.SiteIntro{
		font-size: 10.5pt;
		line-height: 1.6;
		color: inherit;
		background-color: inherit;
		font-weight: 500;
		font-style: inherit;
		padding: 2px 8px 2px 8px;
		margin: 0px;
		border: solid #FCA000;
		border-width: 1px 0px 1px 0px;
	}

	TD.SiteAttrib{
		font-size: 9pt;
		line-height: 1.6;
		color: #808080;
		background-color: #FFFFFF;
		font-weight: 500;
		font-style: inherit;
		text-align: right;
		padding: 0px 8px 0px 8px;
		margin: 0px;
		border: solid #FCA000;
		border-width: 0px 0px 0px 0px;
	}

/* -----------------------------------------------------------------------
		要望対応リスト用	
----------------------------------------------------------------------- */
	TABLE.Req{
		table-layout: fixed;
		overflow: auto;
		margin: 0px;
		border: solid #FFE8B8;
		border-width: 0px 1px 1px 0px;
	}
	TH.Num, TD.Num{
		width: 30px;
		text-align: center;
		vertical-align: inherit;
		font-size: 9pt;
		line-height: 1.6;
		color: inherit;
		border-style: solid;
		border-color: #FFE8B8;
		border-width: 1px 0px 0px 1px;
		background-color: inherit;
	}

	TH.Cat, TD.Cat{
		width: 80px;
		text-align: center;
		vertical-align: inherit;
		font-size: 9pt;
		line-height: 1.6;
		color: inherit;
		border-style: solid;
		border-color: #FFE8B8;
		border-width: 1px 0px 0px 1px;
		background-color: inherit;
	}

	TH.Req, TD.Req{
		width: 160px;
		text-align: left;
		vertical-align: inherit;
		font-size: 10.5pt;
		line-height: 1.6;
		color: inherit;
		border-style: solid;
		border-color: #FFE8B8;
		border-width: 1px 0px 0px 1px;
		background-color: inherit;
		padding: 0px 4px 0px 4px;
	}

	TH.Ans, TD.Ans{
		width: 200px;
		text-align: left;
		vertical-align: inherit;
		font-size: 10.5pt;
		line-height: 1.6;
		color: inherit;
		border-style: solid;
		border-color: #FFE8B8;
		border-width: 1px 0px 0px 1px;
		background-color: inherit;
		padding: 0px 4px 0px 4px;
	}

/* =======================================================================
	インデックスリスト用クラス
		※オーバーフローの設定がIE6ではナニな感じ。というか対応してない？
======================================================================= */
	DL{
		margin: 0px;
	}
	DT{
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: 600;

		margin: 4px 2px 0px 2px;
		padding: 0px 4px 0px 4px;

		border: dashed #FFE8B8;
		border-width: 0px 0px 1px 0px;

		text-decoration: none;
		overflow: hidden;
	}
	DD{
		font-size: 10.5pt;
		line-height: 1.6;

		margin: 4px 2px 0px 8px;
		padding: 0px 8px 0px 8px;

		overflow: hidden;
		border: solid #FFEFBF;
		border-width: 0px 0px 1px 0px;
	}


/*	FAQ用	*/
	DT.Qst{
		font-size: 10.5pt;
		line-height: 1.6;
		font-weight: 600;
		margin: 4px 2px 0px 2px;
		padding: 0px 4px 0px 4px;
		border: solid #FCA000;
		border-width: 0px 0px 0px 8px;
		background-color: #FFFFFF;
		text-decoration: none;
	}
	DD.Ans{
		font-size: 10.5pt;
		line-height: 1.6;
		margin: 4px 2px 0px 8px;
		padding: 0px 8px 0px 24px;
		border: none;
		border-color:  #FEE7BF;
		border-width: 0px;
		text-decoration: none;
	}

/*	伝言板用	*/
	DT.Message{
		color: inherit;
		line-height: 1.6;
		font-weight: 500;
		border: solid #FCA000;
		border-width: 0px 0px 0px 8px;
		background-color: #FFF8D8;
		margin: 4px 2px 0px 2px;
		padding: 0px 4px 0px 4px;
		text-decoration: none;
	}

	DD.Message{
		color: inherit;
		line-height: 1.6;
		font-weight: 500;
		border: solid;
		border-color: #FFF8D8 #FFF8D8 #FFF8D8 #FCA000;
		border-width: 0px 1px 1px 8px;
		background-color: #FFFFFF;
		margin: -1px 2px 8px 2px;
		padding: 0px 4px 0px 4px;
		text-indent: 10.5pt;
		text-decoration: none;
	}

/* =======================================================================
	リスト用クラス
======================================================================= */
	UL{
		font-size: 10.5pt;
		line-height: 1.6;
		padding: 0px;
		margin: 0px 0px 0px 24px;
		list-style-type: square;
	}
	UL UL{
		list-style-type: disc;
	}
	UL UL UL{
		list-style-type: circle;
	}

	UL.NoLabel{
		font-size: 10.5pt;
		line-height: 1.6;
		margin: 0px 0px 0px 24px;
		list-style-type: none;
	}
	OL{
		font-size: 10.5pt;
		line-height: 1.6;
		padding: 0px;
		margin: 0px 0px 0px 24px;
		list-style-type: decimal;
	}
	OL OL{
		font-size: 10.5pt;
		line-height: 1.6;
		padding: 0px;
		margin: 0px 0px 0px 24px;
		list-style-type: lower-roman;
	}
	OL OL OL{
		font-size: 10.5pt;
		line-height: 1.6;
		padding: 0px;
		margin: 0px 0px 0px 24px;
		list-style-type: lower-alpha;
	}

	LI.Arrow{
		background-image: url(img/PageImg/LI_Arrow.gif);
		background-repeat: no-repeat;
		vertical-align: top;
		height: 40px;
	}
/* ==================================================================== */
/*
	春のキャンペーン用
*/
	H4.PrizeA {
		color: #300060;
		background-image: url(campaign/grp/PrizeBannerA.jpg);
		height: 48px;
		background-repeat: no-repeat;
	}
	H4.PrizeB {
		color: #300060;
		background-image: url(campaign/grp/PrizeBannerB.jpg);
		height: 48px;
		background-repeat: no-repeat;
	}
	H4.PrizeC {
		color: #300060;
		background-image: url(campaign/grp/PrizeBannerC.jpg);
		height: 48px;
		background-repeat: no-repeat;
	}
	H4.PrizeD {
		color: #300060;
		background-image: url(campaign/grp/PrizeBannerD.jpg);
		height: 48px;
		background-repeat: no-repeat;
	}



/* ==================================================================== */
/*
	ちょっとしたオマケ
*/
	STRONG[title], EM[title], SPAN[title]{
		cursor: default;
	}