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

/* [BODY/HEADER/FOOTER]---------------------------------------------- */
body		{
			background-color:#F4F4F4;
			padding:0px;
			margin:0px;
			}

/* ヘッダーエリア */
#ff11_header	{
	position: relative;
	width:828px;
	height:200px;
	overflow: hidden;
}
/* ヘッダロゴ */
#ff11_header_logo {
	position: absolute;
	top: 5px;
	left: 250px;
	z-index: 0;
	width: 321px;
	height: 182px;
	background-image: url(/ff11/imgs/bg/fflogo_r.png);
	background-repeat: no-repeat;
}
/* ヘッダ背景 */
#ff11_header_bg {
	position: absolute;
	z-index: 0;
	width: 828px;
	height: 200px;
}
	#ff11_header_bg ul,
	#ff11_header_bg li {
		margin: 0;
		padding: 0;
	}
	#ff11_header_bg li {
		position: absolute;
		width: 828px;
		height: 200px;
		list-style-type: none;
	}
/* フォーラムバナー */
#ff11_header_fbn {
	position: absolute;
	z-index: 0;
	right: 15px;
	bottom: 14px;
	display: block;
	width: 210px;
	height: 83px;
	background-image: url(/ff11/imgs/bg/fbn.png);
}

/* MENU位置 */
#ff11_menu	{
			padding:0px;
			margin:0px 0px 0px 0px;
			width:828px;
			}

/* フッター */
#ff11_footer	{
			background-image:url(../imgs/footer.png);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:828px;
			height:70px;
			text-align:left;
			}

/* フッター(フォーマット用) */
#ff11_footer2	{
			background-image:url(../imgs/footer2.gif);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			width:828px;
			height:70px;
			text-align:left;
			}

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

#cont		{
			background-image:url(../imgs/contbg.png);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:828px;
			text-align:left;
			}

#cont2		{
			background-image:url(../imgs/contbg2.gif);
			background-repeat:repeat-y;
			padding:0px;
			margin:0px;
			width:828px;
			text-align:left;
			}

#a_zone		{
			padding:0px;
			margin:0px;
			width:170px;
			text-align:left;
			float:left;
			}

#b_zone		{
			padding:0px;
			margin:0px;
			width:459px;
			text-align:left;
			float:left;
			}

#c_zone		{
			padding-right:3px;
			margin:0px;
			width:195px;
			text-align:left;
			float:left;
			}

#bc_zone	{
			background-color:#555;
			padding:0px;
			margin:0px;
			width:600px;
			text-align:left;
			float:left;
			}

#bc_zone2	{
			padding:0px;
			margin:0px 0px 0px 12px;
			width:604px;
			text-align:left;
			float:left;
			}

/* [A_ZONE]---------------------------------------------------------- */

/* [SUB MENU]---------------------------------------------------------- */
/* トップ汎用メニュー */
#submenu_top {
	width: 170px;
	height: 590px;
	background-image: url(../imgs/introbt5.jpg);
}
	* html #submenu_top.index {
		height: 644px;
	}
	#submenu_top.index {
		padding: 12px 0 0 0;
	}
	* html #submenu_top.other {
		height: 632px;
	}
	#submenu_top.other {
		background-position: 0 -12px;
	}
	#submenu_top a {
		display: block;
		background-image: url(../imgs/introbt5.jpg);
	}
	#submenu_sqexacc {
		height: 70px;
		background-position: 0 -12px;
	}
		#submenu_sqexacc:hover {background-position: right -12px;}
	#submenu_contguide {
		height: 42px;
		background-position: 0 -68px;
		margin: 3px 0 0 0;
	}
		#submenu_contguide:hover {background-position: right -5px;}
	#submenu_newplayer {
		height: 70px;
		background-position: 0 -85px;
		margin: 3px 0 0 0;
	}
		#submenu_newplayer:hover {background-position: right -85px;}
	#submenu_about_xi,
	#submenu_excon,
	#submenu_face,
	#submenu_eminence,
	#submenu_unity,
	#submenu_assist,
	#submenu_store,
	#submenu_transfer,
	#submenu_regcode,
	#submenu_winshift{
		height: 30px;
	}
	#submenu_about_xi {
		background-position: 0 -199px;
		margin: 44px 0 0 0;
	}
		#submenu_about_xi:hover {background-position: right -199px;}
	#submenu_excon {
		background-position: 0 -244px;
		margin: 15px 0 0 0;
	}
		#submenu_excon:hover {background-position: right -244px;}
	#submenu_face {
		background-position: 0 -299px;
		margin: 25px 0 0 0;
	}
		#submenu_face:hover {background-position: right -299px;}
	#submenu_eminence {
		margin-top: 1px;
		background-position: 0 -330px;
	}
		#submenu_eminence:hover {background-position: right -330px;}
	#submenu_unity {
		margin-top: 1px;
		background-position: 0 -361px;
	}
		#submenu_unity:hover {background-position: right -361px;}
	#submenu_assist {
		margin-top: 1px;
		background-position: 0 -392px;
	}
		#submenu_assist:hover {background-position: right -392px;}
	#submenu_store {
		background-position: 0 -435px;
		margin: 13px 0 0 0;
	}
		#submenu_store:hover {background-position: right -435px;}
	#submenu_transfer {
		margin-top: 1px;
		background-position: 0 -466px;
	}
		#submenu_transfer:hover {background-position: right -466px;}
	#submenu_regcode {
		margin-top: 1px;
		background-position: 0 -497px;
	}
		#submenu_regcode:hover {background-position: right -497px;}
	#submenu_winshift {
			margin-top: 1px;
			background-position: 0 -528px;
		}
			#submenu_winshift:hover {background-position: right -528px;}


/* [INTRODUCTION AREA]----------------------------------------------- */
#introarea					{
							background-image:url(../imgs/introbg.gif);
							background-repeat:no-repeat;
							padding:0px;
							margin-bottom:36px;
							width:170px;
							height:224px;
							text-align:left;
							}

/* LINK SETTING */
#introarea_link1			{
							padding:46px 0px 0px 0px;
							margin:0px;
							}

#introarea_link1 a			{
							background-image:url(../imgs/introbt.gif);
							background-position:0px 0px;
							padding:0px;
							margin:0px;
							width:156px;
							height:26px;
							font-size:1px;
							display:block;
							}

#introarea_link1 a:hover	{
							background-image:url(../imgs/introbt.gif);
							background-position:-156px 0px;
							width:156px;
							height:26px;
							}

#introarea_link2			{
							padding:0px;
							margin:0px;
							}

#introarea_link2 a			{
							background-image:url(../imgs/introbt.gif);
							background-position:0px -26px;
							padding:0px;
							margin:0px;
							width:156px;
							height:26px;
							font-size:1px;
							display:block;
							}

#introarea_link2 a:hover	{
							background-image:url(../imgs/introbt.gif);
							background-position:-156px -26px;
							width:156px;
							height:26px;
							}

/* [SERVICE & SUPPORT]----------------------------------------------- */
#ss01				{
					background-image:url(../imgs/ss01.gif);
					background-repeat:no-repeat;
					padding:0px;
					margin:17px 0px 0px 0px;
					width:170px;
					height:130px;
					text-align:left;
					}

/* LINK SETTING（SS） */
#bcs_link			{
					padding:17px 0px 0px 0px;
					margin:0px;
					}

#bcs_link a			{
					background-image:url(../imgs/ssbt05.gif);
					background-position:0px 0px;
					padding:0px;
					margin-left:7px;
					width:147px;
					height:23px;
					font-size:1px;
					display:block;
					}

#bcs_link a:hover	{
					background-image:url(../imgs/ssbt05.gif);
					background-position:0px -23px;
					width:147px;
					height:23px;
					}

#info_link			{
					padding:18px 0px 0px 0px;
					margin:0px;
					}

#info_link a		{
					background-image:url(../imgs/ssbt01.gif);
					background-position:0px 0px;
					padding:0px;
					margin-left:7px;
					width:147px;
					height:23px;
					font-size:1px;
					display:block;
					}

#info_link a:hover	{
					background-image:url(../imgs/ssbt01.gif);
					background-position:0px -23px;
					width:147px;
					height:23px;
					}

#rule_link,
#contact_link			{
					padding:5px 0px 0px 0px;
					margin:0px;
					}

#rule_link a,
#contact_link a		{
					background-image:url(../imgs/ssbt04.gif);
					background-position:0px 0px;
					padding:0px;
					margin-left:7px;
					width:147px;
					height:23px;
					font-size:1px;
					display:block;
					}
#contact_link a {
	background-image:url(../imgs/ssbt06.gif);
}

#rule_link a:hover,
#contact_link a:hover	{
					background-image:url(../imgs/ssbt04.gif);
					background-position:0px -23px;
					width:147px;
					height:23px;
					}

#contact_link a:hover {
					background-image:url(../imgs/ssbt06.gif);
}

#ss_link			{
					padding:10px 0px 0px 0px;
					margin:0px;
					}

#ss_link a			{
					background-image:url(../imgs/ssbt02.gif);
					background-position:0px 0px;
					padding:0px;
					margin-left:7px;
					width:147px;
					height:23px;
					font-size:1px;
					display:block;
					}

#ss_link a:hover	{
					background-image:url(../imgs/ssbt02.gif);
					background-position:0px -23px;
					width:147px;
					height:23px;
					}

#ss02				{
					background-image:url(../imgs/ss02.jpg);
					background-repeat:repeat-y;
					padding:0px;
					margin:0px;
					width:170px;
					height:40px;
					text-align:left;
					}

input#kbtx			{
					background-color:#B8B8B5;
					border:#232323 1px solid;
					margin:18px 0px 0px 11px;
					width:137px;
					height:17px;
					font-size:12px;
					line-height:110%;
					color:#000;
					}

#ss03				{
					background-image:url(../imgs/ss03.gif);
					background-repeat:no-repeat;
					padding:0px;
					margin:0px;
					width:170px;
					height:40px;
					text-align:left;
					}

/* LINK SETTING（KB_SUBMIT） */
#ss_smt				{
					padding:0px;
					margin:0px 0px 0px 53px;
					}

#ss_smt a			{
					background-image:url(../imgs/ssbt03.gif);
					background-position:0px 0px;
					padding:0px;
					margin:0px;
					width:58px;
					height:20px;
					font-size:1px;
					display:block;
					}

#ss_smt a:hover		{
					background-image:url(../imgs/ssbt03.gif);
					background-position:0px -20px;
					width:58px;
					height:20px;
					}


/* [BC_ZONE]----------------------------------------------------------- */
/* TOP_SHEET */
#topsh			{
				background-image:url(../imgs/info/shbg.gif);
				background-repeat:repeat-y;
				padding:0px;
				margin:0px;
				width:459px;
				text-align:left;
				}

#topsh2			{
				background-image:url(../imgs/tobg.gif);
				background-repeat:repeat-y;
				padding:0;
				margin-top: 20px;
				width:459px;
				text-align:left;
				}

/* TOP_SHEET（複数使用のためのclass指定用） */
.topshs			{
				background-image:url(../imgs/info/shbg.gif);
				background-repeat:repeat-y;
				padding:0px;
				margin:0px;
				width:459px;
				text-align:left;
				}

.topshs2		{
				background-image:url(../imgs/info/shbg02.gif);
				background-repeat:repeat-y;
				padding:0px;
				margin:0px;
				width:616px;
				text-align:left;
				}

/* TOP_INFORMATIONエリア */
#all			{
				background-image:url(../imgs/allbg.gif);
				background-repeat:no-repeat;
				padding:0px;
				margin:0px;
				width:459px;
				height:40px;
				}

#allbt			{
				padding-top: 15px;
				margin:0px 0px 0px 336px;
				width:117px;
				height:19px;
				}

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

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


/* [COMMUNITY SITE LINKS]-------------------------------------------- */
/* CATEGORYエリア */
#ctarbg			{
				background-image:url(/community/link/ff11/imgs/links/ctarbg.gif);
				background-repeat:repeat-y;
				padding:0px;
				margin:0px;
				width:604px;
				text-align:left;
				}

/* コミュニティサイト一覧ボタンエリア */
#comlistbg		{
				background-image:url(/community/link/ff11/imgs/links/comlistbg.gif);
				background-repeat:no-repeat;
				padding:0px;
				width:604px;
				height:47px;
				text-align:left;
				}

/* コミュニティサイト一覧ボタン */
#comlistbt			{
					padding:19px 0px 0px 0px;
					margin:0px 0px 0px 430px;
					width:144px;
					height:18px;
					}

#comlistbt a		{
					background-image:url(/community/link/ff11/imgs/links/comlistbt.gif);
					padding:0px;
					margin:0px;
					width:144px;
					height:18px;
					font-size:1px;
					display:block;
					}

#comlistbt a:hover	{
					background-image:url(/community/link/ff11/imgs/links/comlistbt.gif);
					background-position:0px -18px;
					width:144px;
					height:18px;
					}

/* [C_ZONE]---------------------------------------------------------- */


/* [バナーエリア]---------------------------------------------------- */
#czbn		{
			padding-top:0px;
			margin:0px 0px 0px 10px;
			width:175px;
			}
/*#czbn br {
			display: block;
			content: "";
			margin: 0 0 10px;
}*/
#czbn a.imgb {
			display: inline-block;
			margin-bottom: 8px;
}

/* [LAYOUT/LINK]↑ページの先頭へ戻る */
.gotop			{
				background-image:url(../imgs/gotop.gif);
				background-repeat:no-repeat;
				padding:0px;
				margin:10px 0px 12px 460px;
				width:120px;
				height:13px;
				clear:both;
				}

.gotop a		{
				padding:0px;
				margin:0px;
				width:120px;
				height:13px;
				font-size:1px;
				display:block;
				clear:both;
				}


/* 余白調整用（FireFox対応） */
.adjust		{
			padding:0px;
			margin:0px;
			font-size:1px;
			width:1px;
			height:1px;
			}

/* float解除（FireFox対応） */
.floatEnd	{
			clear:both;
			}

/* クリスマス雪装飾 */
#snowDeco {
	position:absolute;
	left:0;
	top:200px;
	width:828px;
	height:6px;
	font-size:1px;
	background-image: url(/ff11/menu/imgs/snow.png);
}

/* トリビューン3バナー */
#vdt3banner {
	background-image: url(/ff11/imgs/vdt3banner.jpg);
	width: 148px;
	height: 26px;
	padding: 45px 0 0 0;
	display: block;
	margin: 10px 0 0 5px;
	color: #ffdf65;
	font-weight: bold;
	text-align: center;
}
* html #vdt3banner {
	height: 71px;
}

/*Twitter枠*/
#tw_zone{
	width:189px;
	/*padding:5px;*/
	margin: 20px 0 0 10px;
	/*background:#e5e5e5;*/
	background:url(/ff11/imgs/twitter/twitterbg.png) no-repeat;
}
/*ss枠*/
#ss{
	width: 148px;
	margin: 30px auto 0;
}