/* ===-----===[ PlayOnline.com FINAL FANTASY XI TOPICS JPver. -0603- ]===-----=== */

/* [CONTENT AREA]---------------------------------------------------- */

/* [TOPICS BACKGROUND] */
#topics_bg1	{
			background-image:url(/ff11/topics/general/tpbg01.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px 0px 0px 0px;
			width:655px;
			text-align:left;
			float:left;
			}

#topics_bg2	{
			background-image:url(/ff11/topics/general/tpbg02.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px 0px 0px 0px;
			width:655px;
			text-align:left;
			float:left;
			}

#topics_bg3	{
			background-image:url(/ff11/topics/general/tpbg03.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px 0px 0px 0px;
			width:655px;
			text-align:left;
			float:left;
			}

#topics_bg4	{
			background-image:url(/ff11/topics/general/tpbg02.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px 0px 0px 0px;
			width:655px;
			text-align:left;
			float:left;
			}

/* [TOPICS HEADER] */
#topics_hd1	{
			background-image:url(/ff11/topics/general/tphd01.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:80px;
			}

#topics_hd2	{
			background-image:url(/ff11/topics/general/tphd02.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:80px;
			}

#topics_hd3	{
			background-image:url(/ff11/topics/general/tphd03.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:80px;
			}

#topics_hd4	{
			background-image:url(/ff11/topics/general/tphd04.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:80px;
			}

/* [TOPICS TITLE BACKGROUND] */
#tlbg1		{
			background-image:url(/ff11/topics/general/tlbg01.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:655px;
			}

#tlbg2		{
			background-image:url(/ff11/topics/general/tlbg02.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:655px;
			}

#tlbg3		{
			background-image:url(/ff11/topics/general/tlbg03.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:655px;
			}

#tlbg4		{
			background-image:url(/ff11/topics/general/tlbg04.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:655px;
			}

/* [TOPICS TITLE UNDER] */
#tlhr1		{
			background-image:url(/ff11/topics/general/tlhr01.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:29px;
			}

#tlhr2		{
			background-image:url(/ff11/topics/general/tlhr02.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:29px;
			}

#tlhr3		{
			background-image:url(/ff11/topics/general/tlhr03.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:29px;
			}

#tlhr4		{
			background-image:url(/ff11/topics/general/tlhr02.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:29px;
			}

/* [TOPICS FOOTER] */
#topics_ft1	{
			background-image:url(/ff11/topics/general/tpft01.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:61px;
			}

#topics_ft2	{
			background-image:url(/ff11/topics/general/tpft02.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:61px;
			}

#topics_ft3	{
			background-image:url(/ff11/topics/general/tpft03.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:61px;
			}

#topics_ft4	{
			background-image:url(/ff11/topics/general/tpft02.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:655px;
			height:61px;
			}

#from		{
			padding:59px 0px 0px 140px;
			margin:0px;
			font-size:10px;
			line-height:100%;
			color:#333;
			text-align:left;
			}

/* [Icon]+comment */
.from_comment	{
				float:left;
				margin:-5px 0px 0px -40px;
				}

#title		{
			padding:6px 42px 6px 52px;
			margin:0px;
			font-size:14px;
			line-height:140%;
			font-weight:bold;
			color:#111;
			text-align:left;
			}

/* [TEXT]------------------------------------------------------------ */
/* [TEXT] */
.tp_tx1		{
			padding:0px;
			margin:0px 0px 15px 56px;
			font-size:12px;
			line-height:160%;
			color:#222;
			width:544px;
			}

/* [notes] */
.c			{
			padding:0px;
			margin:0px 0px 15px 56px;
			font-size:12px;
			line-height:160%;
			color:#943C19;
			width:544px;
			}


/* [TEXT]◎ICONアリ */
.tp_h1		{
			background-image:url(/ff11/topics/general/tpic01.gif);
			background-repeat:no-repeat;
			padding:0px 0px 15px 12px;
			margin:0px 0px 0px 56px;
			font-size:12px;
			line-height:150%;
			color:#284176;
			font-weight:bold;
			width:544px;
			}

.tp_h2		{
			background-image:url(/ff11/topics/general/tpic02.gif);
			background-repeat:no-repeat;
			padding:0px 0px 15px 12px;
			margin:0px 0px 0px 56px;
			font-size:12px;
			line-height:150%;
			color:#694032;
			font-weight:bold;
			width:544px;
			}

.tp_h3		{
			background-image:url(/ff11/topics/general/tpic03.gif);
			background-repeat:no-repeat;
			padding:0px 0px 15px 12px;
			margin:0px 0px 0px 56px;
			font-size:12px;
			line-height:150%;
			color:#46301B;
			font-weight:bold;
			width:544px;
			}

.tp_h4		{
			background-image:url(/ff11/topics/general/tpic04.gif);
			background-repeat:no-repeat;
			padding:0px 0px 15px 12px;
			margin:0px 0px 0px 56px;
			font-size:12px;
			line-height:150%;
			color:#333333;
			font-weight:bold;
			width:544px;
			}

/* [TEXT]◎TOPICS用 */
.tx_topics	{
			padding:0 0 15px 0;
			margin:0 0 16px 20px;
			font-size:12px;
			line-height:150%;
			color:#333;
			width:416px;
			}

/* [TEXT]該当なしの場合 */
.tx_topics_no	{
				padding:0px 0px 15px 5px;
				margin:0px 0px 12px 13px;
				font-size:12px;
				line-height:150%;
				color:#333;
				width:416px;
				text-align:center;
				}


/* [TEXT]◎TOPICS用（タイトル背景用） */
.tx_topics_hg1	{
				background-image:url(/ff11/topics/general/hg01.gif);
				background-repeat:no-repeat;
				padding:9px 0px 0px 105px;
				margin:0px 0px 8px 11px;
				font-size:10px;
				line-height:100%;
				color:#000;
				width:460px;
				height:20px;
				}

.tx_topics_hg2	{
				background-image:url(/ff11/topics/general/hg02.gif);
				background-repeat:no-repeat;
				padding:9px 0px 0px 95px;
				margin:0px 0px 8px 11px;
				font-size:10px;
				line-height:100%;
				color:#000;
				width:460px;
				height:20px;
				}

.tx_topics_hg3	{
				background-image:url(/ff11/topics/general/hg03.gif);
				background-repeat:no-repeat;
				padding:9px 0px 0px 64px;
				margin:0px 0px 8px 11px;
				font-size:10px;
				line-height:100%;
				color:#000;
				width:460px;
				height:20px;
				}

/* [Icon]+comment */
.img_comment	{
				margin-top:-5px;
				}


.tx_topics_hg4	{
				background-image:url(/ff11/topics/general/hg04.gif);
				background-repeat:no-repeat;
				padding:9px 0px 0px 80px;
				margin:0px 0px 8px 11px;
				font-size:10px;
				line-height:100%;
				color:#000;
				width:460px;
				height:20px;
				}

/* [TEXT]◎TOPICS BACKNUMBER --------------------------------------- */
/* [TEXT]各月背景 */
.topics_bktx	{
				background-image:url(../imgs/topicsbktx.gif);
				background-repeat:no-repeat;
				padding-top:6px;
				margin-left:14px;
				font-size:12px;
				line-height:100%;
				color:#232219;
				width:425px;
				height:23px;
				text-align:center;
				font-weight:bold;
				}

/* [TEXT]各月テキスト用ICONアリ */
h3			{
			background-image:url(../imgs/ic03.gif);
			background-repeat:no-repeat;
			padding:0px 0px 0px 17px;
			margin:0px 0px 0px 19px;
			font-size:13px;
			line-height:130%;
			font-weight:bold;
			color:#3A382D;
			width:406px;
			}

/* [TEXT]各月テキスト用 */
.tx_topics_bk	{
				padding:0;
				margin:0px 0px 10px 0px;
				font-size:12px;
				line-height:140%;
				color:#222;
				font-weight:bold;
				text-align:center;
				width:453px;
				}

/* [TEXT]◎TOPICS用（タイトル） */
.tx_topics_tl	{
				background-image:url(../imgs/ic01.gif);
				background-repeat:no-repeat;
				padding:0px 0px 0px 16px;
				margin:0px 0px 8px 20px;
				font-size:14px;
				line-height:140%;
				color:#222;
				font-weight:bold;
				width:400px;
				}
.tx_topics_tl a {font-size:14px;}

/* [HR_LINE]罫線トピックス用（430px） */
.hrtop		{
			/*background-image:url(../imgs/hr01.gif);
			background-repeat:repeat-x;*/
			box-sizing: border-box;
			border-top: 1px solid #b7b3ad;
			border-bottom: 1px solid #f5f0e8;
			padding:0px;
			margin:0px 0px 20px 18px;
			width:415px;
			height:2px;
			font-size:1px;
			}

/* [IMG]------------------------------------------------------------- */

/* [IMG]RIGHT */
.tp_imgr	{
			float:right;
			margin:0px 0px 12px 12px;
			}

/* [IMG]LEFT */
.tp_imgl	{
			float:left;
			margin:0px 12px 12px 0px;
			}

/* [IMG]CENTER ※divで中央に配置 */
.tp_imgc	{
			margin:12px 0px 12px 0px;
			text-align:center;
			}

/* [IMG]右寄せ：トップ通常用 */
.tpimgS		{
			float:right;
			margin:3px 3px 10px 10px;
			}

/* [IMG]中央揃え：トップ大サイズ用 */
.tpimgL		{
			margin:0px 0px 12px 0px;
			}

/* [Navigation]--------------------------------------------------------- */
/* [IMG]Next */
.tp_Next	{
			float:right;
			margin:24px 0px 0px 0px;
			}

/* [IMG]Back */
.tp_Back	{
			float:left;
			margin:24px 0px 0px 0px;
			}

/* [BUTTON]------------------------------------------------------------- */
/* ▲ボタン */
div#tptb		{
				padding:41px 0px 0px 272px;
				margin:0px;
				width:110px;
				height:20px;
				}

#tptop_link		{
				padding:0px;
				margin:0px;
				list-style:none;
				width:110px;
				height:20px;
				display:block;
				}

#tptop_link a	{
				padding:0px;
				margin:0px;
				width:110px;
				height:20px;
				display:block;
				}


/* トップ開閉ボタン */
#tpmore			{
				padding-top:5px;
				margin:0px 0px 0px 337px;
				width:117px;
				height:19px;
				}

#tpmore a		{
				background-image:url(../imgs/opclbt01.gif);
				margin:0px;
				width:117px;
				height:19px;
				font-size:1px;
				display:block;
				}

#tpmore a:hover	{
				background-image:url(../imgs/opclbt01.gif);
				background-position:0px -19px;
				width:117px;
				height:19px;
				}


#tpclose		{
				padding-top:5px;
				margin:0px 0px 0px 337px;
				width:117px;
				height:19px;
				}

#tpclose a		{
				background-image:url(../imgs/opclbt02.gif);
				padding:0px;
				margin:0px;
				width:117px;
				height:19px;
				font-size:1px;
				display:block;
				}

#tpclose a:hover	{
				background-image:url(../imgs/opclbt02.gif);
				background-position:0px -19px;
				width:117px;
				height:19px;
				}


#tpback			{
				padding:15px 0px 0px 0px;
				margin:0px;
				width:117px;
				height:19px;
				}

#tpback a		{
				background-image:url(../imgs/info/back.gif);
				padding:0px;
				margin:0px;
				width:117px;
				height:19px;
				font-size:1px;
				display:block;
				}

#tpback a:hover	{
				background-image:url(../imgs/info/back.gif);
				background-position:0px -19px;
				width:117px;
				height:19px;
				}

/* カテゴリALLボタン */
div#cgall		{
				padding:44px 0px 0px 346px;
				margin:0px;
				width:114px;
				height:19px;
				}

#cgall_link		{
				padding:0px;
				margin:0px;
				list-style:none;
				width:98px;
				height:23px;
				display:block;
				}

#cgall_link a	{
				padding:0px;
				margin:0px;
				width:98px;
				height:23px;
				display:block;
				}

/* [TOPICS_HR] */
.tphr01		{
			background-image:url(/ff11/topics/general/shr01.gif);
			background-repeat:repeat-x;
			padding:0px;
			margin:20px 0px 20px 42px;
			width:544px;
			height:2px;
			font-size:1px;
			}

.tphr02		{
			background-image:url(/ff11/topics/general/shr02.gif);
			background-repeat:repeat-x;
			padding:0px;
			margin:20px 0px 20px 42px;
			width:544px;
			height:2px;
			font-size:1px;
			}


.tphr03		{
			background-image:url(/ff11/imgs/spacer.gif);
			background-repeat:repeat-x;
			padding:0px;
			margin:10px 0px 10px 42px;
			width:544px;
			height:2px;
			font-size:1px;
			}

/* [TABLE]----------------------------------------------------------- */

.tpta01		{
			background-color:#FFF;
			padding:0px;
			margin:0px auto 15px auto;
			font-size:12px;
			line-height:150%;
			color:#111;
			border:3px double #bababa;
			}

.tptd01		{
			background-color:#545861;
			font-size:12px;
			line-height:150%;
			color:#FFF;
			height:25px;
			}

.tptr01		{
			background-color:#f7f7f7;
			font-size:12px;
			line-height:150%;
			color:#222;
			height:20px;
			}

.tptr02		{
			background-color:#ebebeb;
			font-size:12px;
			line-height:150%;
			color:#222;
			height:20px;
			}

/* [TABLE 読み物用追加]----------------------------------------------------------- */
.topics-table {
	font-size : 12px;
	background-color : #d8d4c3;
	border           : 1px double #a09c8c;
	border-spacing   : 1px;
	line-height:160%;
	color:#222;
	width:544px;
	margin:0px;
}
.topics-tableTH1, .topics-tableTH2, .topics-tableTD0, .topics-tableTD1, .topics-tableTD2 {
	padding : 3px 4px 2px 4px;
}
.topics-tableTH1 {
	background-color : #5d5341;
	color : #FFF;
}
.topics-tableTH2 {
	background-color : #c8bda9;
	color : #111;
}
.topics-tableTD0 {
	background-color : #f2efe8;
	border           : 0px;
}
.topics-tableTD1 {
	background-color : #f2efe8;
}
.topics-tableTD2 {
	background-color : #e9e7e2;
}

/* [TABLE お知らせ用追加]----------------------------------------------------------- */
.topics-table2 {
	font-size : 12px;
	background-color : #d9d9d5;
	border           : 1px double #b3afa4;
	border-spacing   : 1px;
	line-height:150%;
	color:#000;
	width:544px;
	margin:0px;
}
.topics-tableTH3, .topics-tableTH4, .topics-tableTD3, .topics-tableTD4 {
	padding : 3px;
}
.topics-tableTH3 {
	background-color : #6a6457;
	color : #FFF;
	font-weight:bold;
}
.topics-tableTH4 {
	background-color : #d2cdc2;
	color : #444;
	font-weight:bold;
}
.topics-tableTD3 {
	background-color : #FFF;
	color : #000;
}
.topics-tableTD4 {
	background-color : #f6f6f6;
	color : #000;
}