/* 等幅指定のmonospaceは使わない＆ゴシック指定 */
body	{
	color:			#000000;
	background-color:	#dddddd;
	font-family:		"ＭＳ Ｐゴシック",Osaka,sans-serif;
	}


/* pは段落レベル、divはブロックレベル、spanはインラインレベルで ややこしい場合はfontで */




/*
margin
ボーダーの外側の空白部分を示します
マイナス値も可能
△┃本文

padding
ボーダーの内側の空白部分を示します。 
┃△本文

つまり指定するタグから見てmarginかpaddingを判断する

*/

p	{
	text-indent:		1em;
	font-size:		12pt;
	}

div	{
	font-size:		10pt;
	}

.red	
	{
	color:			#ff0000;
	}


.fs08	{font-size:		8pt}
.fs09	{font-size:		9pt}
.fs10	{font-size:		10pt}
.fs11	{font-size:		11pt}
.fs12	{font-size:		12pt}


.mainmenu-bar
	{
	color:			#ff0000;
	padding-left :		8px;
	}

.mainmenu-shortcut
	{
	background :		url("img/shortcut.png");
	background-repeat :	no-repeat;
	background-position :	15px 1px;
	padding-left :		27px;
	}

.mainmenu-noshortcut
	{
	padding-left :		23px;
	}


.commenttxt
	{
	color:			#000000;
	font-size:		10pt;
	padding-left :		8px;
	padding-right :		8px;
	}

.google-search-txt
	{
	color:			#000000;
	font-size:		10pt;
	padding-left :		8px;
	padding-right :		8px;
	}



.notice	
	{
	font-size:		9pt;
	color:			#999999;
	}

.comment
	{
	font-size:		9pt;
	color:			#555555;
	}


/* お知らせ用 */
h3	
	{
	margin:			8px;
	font-size:		10pt;
	border-left:		solid 10px;
	border-bottom:		solid 2px;
	}

h3#c1	
	{
	border-left-color:	#009999;
	border-bottom-color:	#009999;
	}







/* 記事ブロックのライン */
.yymmdd
	{
	padding-left:		10px;
	font-size:		9pt;
	color:			darkgreen;
	}

.news-maintxt
	{
	padding-left:		56px;
	font-size:		9pt;
	margin-right :		8px;
	color:			#000000;
	}

.news-link
	{
	padding-left:		56px;
	font-size:		9pt;
	color:			#000000;
	}


.official-news
	{
	padding-left: 		56px;
	font-size:		10pt;
	color:			#ff0099;
	background:		url("img/capcom_mark.jpg");
	background-repeat:	no-repeat;
	background-position:	8px 0px;
	}

.press-news
	{
	padding-left: 		56px;
	font-size:		10pt;
	color:			#ff0099;
	background:		url("img/press_mark.jpg");
	background-repeat:	no-repeat;
	background-position:	8px 0px;
	}

.g-cluster-news
	{
	padding-left: 		56px;
	font-size:		10pt;
	color:			#ff0099;
	background:		url("img/g-cluster_mark.jpg");
	background-repeat:	no-repeat;
	background-position:	8px 0px;
	}

.bht-news
	{
	padding-left: 		56px;
	font-size:		10pt;
	color:			#ff0099;
	background:		url("img/bht_mark.jpg");
	background-repeat:	no-repeat;
	background-position:	8px 0px;
	}

.etc-news
	{
	padding-left: 		56px;
	font-size:		10pt;
	color:			#ff0099;
	background:		url("img/etc_mark.jpg");
	background-repeat:	no-repeat;
	background-position:	8px 0px;
	}


/* 汎用文ブロックのライン */
.standard-common-txt
	{
	padding-left: 		10px;
	padding-right: 		10px;
	font-size:		10pt;
	}

.standard-common-list-txt
	{
	padding-left: 		20px;
	padding-right: 		10px;
	font-size:		10pt;
	}





/* ul(li)を活用 */

ul
	{
	font-size:		10pt;
	}








/* 画像回り込みID */
#rightside-text
	{
	float:			right;
	}

#leftside-textTop
	{
	float:			left;
	text-align:		left;
	vertical-align:		top;
	margin-left:		-3px;

	}





/* h4にボックスを使い、ボーダー色設定 */

h4	
	{
	font-size:		12pt;
	border-left:		solid 10px;
	border-top:		solid 1px;
	border-bottom:		solid 2px;
	}

h4#c1	
	{
	border-left-color:	#009999;
	border-bottom-color:	#009999;
	}




.typered
	{
	color:			#ff0000;
	background-color:	#ffffff;
	}
.under-line
	{
	text-decoration:	underline;
	color:			#0000ff;
	}
.over-line
	{
	text-decoration:	overline;
	color:			#0000ff;
	}
.shadow-txt
	{
	text-shadow:		#666666 20px 20px 13px;
	}


/* Aタグ関係 */

a	{
	text-decoration:	none;
	}
a:link	{
	color:			#5555ff;
	}
a:visited
	{
	color:			#5555ff;
	}
a:active
	{
	color:			green;
	}
a:hover	
	{
	color:			blue;
	background-color:	#ddddff;
	}


/* Tableタグ・基本ボディブロック関係 */

/*
原則は基本ボディになるブロックのサイズのみ指定
topbody-fullsize/halfsizeとtopbody-barは専用でセット利用
.-nobarとあるものは.barは不要です */
*/

/*
PSP画面のY軸
-----------------------------------------
full	272
harf	136
-----------------------------------------

トップの構成(現在topbody-halfsize/2005/10/02)
-----------------------------------------
topbody-bar		25
-----------------------------------------
adblocktop		8
adblockbody-2-a-parts	60
adblockbottom		8
-----------------------------------------
standardblocktop	6
td.topics-ad-version	23
standardblockbottom	6
-----------------------------------------
*/


table	{
	}

/* トップページ用 topbody-bar set 開始 */

td.topbody-bar
	{
	width:			480px;
	height:			25px;
	}
td.topbody-fullsize
	{
	width:			480px;
	height:			247px;
	}
td.topbody-halfsize
	{
	width:			480px;
	height:			111px;
	}
td.topbody-fullsize-h12
	{
	width:			480px;
	height:			235px;
	}

/* トップページ用 topbody-bar set 終了 */



/* 汎用 bar用詳細データは下にあります */

td.bar	{
	width:			480px;
	height:			16px;
	}

td.fullbody
	{
	width:			480px;
	height:			256px;
	}

td.fullbody-nobar
	{
	width:			480px;
	height:			272px;
	}

td.halfbody
	{
	width:			480px;
	height:			120px;
	}

td.halfbody-nobar
	{
	width:			480px;
	height:			136px;
	}

td.newsbody-full
	{
	height:			244px;
	}

td.newsbody-half
	{
	height:			108px;
	}

td.commonbody-full
	{
	height:			244px;
	}

td.commonbody-half
	{
	height:			108px;
	}


td.licenseebody
	{
	height:			108px;
	}


/* Tableタグ・ボディ内部関係 */

/*
ボディ内部のフレーム(テーブルで構成)のパーツの指定
主に
・top(フレームtopのcg用)
・body(フレームbodyのcgと本文コンテンツ用)
・bottom(フレームbottomのcg用)
の3つのコンポーネントになっている
*/


/*
standardブロック関係
ニュースなどに使う
あと空スペース(TOPのTopics/ADhalfシングルの空)にも使う
bodyのheightは汎用性から指定しない為、基本ブロックのクラスも指定する事
*/

td.standardblockbody
	{
	background :		url("img/standardblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	}

td.standardblocktop
	{
	background :		url("img/standardblocktop.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			480px;
	height:			6px;
	background-color:	#ffffff;
	}

td.standardblockbottom
	{
	background :		url("img/standardblockbottom.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			480px;
	height:			6px;
	background-color:	#ffffff;
	}




/*
アドブロック関係 */
/*

ADhalfサイズダブルバナーは468x60
使用ブロックはhalfbody-nobarなので480x136
つまり上下マージンは8、左右マージンは6
※現在使わず

但し、TOPやシングルバナー＆空スペースは
通常の上下マージンは6、左右マージンは6を使う
※現在はこちらを使用


/*
ADhalfサイズダブルバナー
*/
td.adblockbody
	{
	background :		url("img/adblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			120px;
	text-align:		left;
	background-color:	#ffffff;
	padding-left :		6px;
	padding-top :		0px;
	}

/*
ADhalfサイズシングルバナーのバナー部分(parts a)
*/
td.adblockbody-2-a-parts
	{
	background :		url("img/adblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			60px;
	text-align:		left;
	background-color:	#ffffff;
	padding-left :		6px;
	padding-top :		0px;
	}
/*
ADhalfサイズシングルバナーの空部分(parts b)
この-bは上下に通常のブロックのtop/bottomを使う
td.adbg_shutter←→adblockbody-2-b-partsと切替関係にある
*/
td.adblockbody-2-b-parts
	{
	background :		url("img/adblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			48px;
	text-align:		left;
	background-color:	#ffffff;
	padding-left :		6px;
	padding-top :		0px;
	}


/*
上記adblockbody-2-b-partsが未使用時に使用する
td.adbg_shutter←→adblockbody-2-b-partsと切替関係にある
*/
td.adbg_shutter
	{
	background :		url("img/adbg_shutter.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			48px;
	text-align:		left;
	background-color:	#ffffff;
	padding-left :		6px;
	padding-top :		0px;	}



/*
TOPのADシングルバナーによる空スペースをTopicsに活用
※現在使いません※
*/
td.topics-ad-version
	{
	background :		url("img/adblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			19px;
	background-color:	#ffffff;
	font-size:		8pt;
	padding-left :		7px;
	padding-top :		0px;
	}

/*
TOPのADシングルバナーによる空スペースをTopicsに活用
この-bは上下にstandardblockのtop/bottomを使う
*/
td.topics-ad-version-b
	{
	background :		url("img/standardblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			23px;
	background-color:	#ffffff;
	font-size:		8pt;
	padding-left :		7px;
	padding-top :		0px;
	}


td.adblocktop
	{
	background :		url("img/adblocktop.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			480px;
	height:			8px;
	background-color:	#ffffff;
	}

td.adblockbottom
	{
	background :		url("img/adblockbottom.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			480px;
	height:			8px;
	background-color:	#ffffff;
	}


/*
ハーフサイズ用ADボディ
*/
td.adblockbody-2
	{
	background :		url("img/adblockbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			480px;
	height:			120px;
	text-align:		left;
	background-color:	#ffffff;
	padding-left :		6px;
	padding-top :		0px;
	}















/* Tableタグ・その他 */
/*
	その他のtableタグ↓
*/

/* ber用tdデータ 開始 */
td.bar_top_arrow
	{
	background :		url("img/ber_leftparts.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			17px;
	height:			16px;
	background-color:	#000000;
	}

td.bar_txtbox
	{
	background :		url("img/ber_txtparts.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			202px;
	height:			16px;
	font-size:		8pt;
	padding-top :		3px;
	background-color:	#ffffff;
	}

td.bar_txtbox-brank
	{
	background :		url("img/ber_txtparts-blank.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			202px;
	height:			16px;
	background-color:	#ffffff;
	}

/* ber用背景CGは以下で設定 */

td.bar_bg001
	{
	background :		url("img/ber_bg001.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			261px;
	height:			16px;
	background-color:	#000000;
	}

td.bar_bg002
	{
	background :		url("img/ber_bg002.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			261px;
	height:			16px;
	background-color:	#000000;
	}

td.bar_bg003
	{
	background :		url("img/ber_bg003.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			261px;
	height:			16px;
	background-color:	#000000;
	}

td.bar_bg-blank
	{
	background :		url("img/ber_bg-blank.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			261px;
	height:			16px;
	background-color:	#000000;
	}

/* ber用tdデータ 終了 */


/* topmenuとtopcomment関係 開始 */
td.fulltopmenubody
	{
	background :		url("img/topmenubody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			220px;
	height:			260px;
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	}

td.fulltopcommentbody
	{
	background :		url("img/topcommentbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			260px;
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	}


td.halftopmenubody
	{
	background :		url("img/topmenubody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			220px;
	height:			124px;
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	}

td.halftopcommentbody
	{
	background :		url("img/topcommentbody.jpg");
	background-repeat :	repeat-y;
	background-position :	0px 0px;
	width:			260px;
	text-align:		left;
	vertical-align:		top;
	background-color:	#ffffff;
	}



td.topmenutop
	{
	background :		url("img/topmenutop.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			220px;
	height:			6px;
	background-color:	#ffffff;
	}

td.topcommenttop
	{
	background :		url("img/topcommenttop.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			260px;
	height:			6px;
	background-color:	#ffffff;
	}

td.topmenubottom
	{
	background :		url("img/topmenubottom.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			220px;
	height:			6px;
	background-color:	#ffffff;
	}

td.topcommentbottom
	{
	background :		url("img/topcommentbottom.jpg");
	background-repeat :	no-repeat;
	background-position :	0px 0px;
	width:			260px;
	height:			6px;
	background-color:	#ffffff;
	}


/* topmenuとtopcomment関係 終了 */






/* スカイススクレイパーとカウンター関係 */

td.skyscraper_top_left
	{
	background:		url("img/skyscraperTOPleft.jpg");
	background-repeat:	no-repeat;
	width:			120px;
	height:			25px;
	}

td.skyscraper_top_right
	{
	background:		url("img/skyscraperTOPright.jpg");
	background-repeat:	no-repeat;
	width:			120px;
	height:			25px;
	}

td.skyscraper_body_left
	{
	background:		url("img/skyscraperBodyleft.jpg");
	background-repeat:	repeat-y;
	width:			120px;
	text-align:		left;
	vertical-align:		top;
	}

td.skyscraper_body_right
	{
	background:		url("img/skyscraperBodyleft.jpg");
	background-repeat:	repeat-y;
	width:			120px;
	text-align:		left;
	vertical-align:		top;
	}




/*
	その他のtableタグ↑
*/


























/* 画像パーツ */


.toplogo
	{
	width:			146px;
	height:			25px;
	}


.topberside
	{
	width:			334px;
	height:			25px;
	}

/* 画像パーツ 右寄せでマージン(参照や広告など) */

.imgright
	{
	float:			right;
	margin-right:		6px;
	}

.img_count-all
	{
	margin-left:		15px;
	}