/* ===---===[ RAPTURE -Player Site- DESIGN_TEMPLATE_STYLE -100711- ]===---=== */

/*-------------------------------------------------------------------------
 * エレメントの初期設定
 * ------------------------------------------------------------------------ */

/* エレメント：ボディ
 --------------------------------------------------------------------------- */
/* BODYの背景画像を指定 */
body {
	color   : #333;
	background-image    : url(/global/images/common/default/element/body.png);
	background-position : center;
}

/* IE7の画像バグ対応
 --------------------------------------------------------------------------- */
img {
	vertical-align: top;
}

/* 画像を中央配置する、リピートもしない
 --------------------------------------------------------------------------- */
.imgToCenter {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* -------------------------------------------------------------------------
 * BG 外側の背景枠
 * ------------------------------------------------------------------------- */
/* コーポレートヘッダー装飾 */
#bg {
	width             : 100%;
	height            : 100%;
	text-align        : center;
	background-repeat : repeat-x;
	background-image  : url(/global/images/common/default/bg/bg/header.png);
}

/* 全体の枠 */
#bg2 {
	width               : 1120px;
	min-height          : 100%;
	margin              : auto;
	background-image    : url(/global/images/common/default/bg/bg/base.jpg);
	background-repeat   : repeat-y;
}

/* 全体枠IE対策 */
* html #bg2 {
	height : 100%;
}

/* -------------------------------------------------------------------------
 * コーポレートヘッダー
 * ------------------------------------------------------------------------- */
#corporate-header {
	width: 100%;
	height: 38px;
	margin: 0 auto;
	background-image: url(/global/images/common/default/bg/bg/header.png);
}
	#corporate-header-logo {
		margin: 12px 0 0 8px;
		width: 130px;
		height: 14px;
		display: block;
		background-image: url(/global/images/common/default/pheader-logo-black.gif);
		background-repeat: no-repeat;
	}
	#langSelectArea {
	}
		#langSelectArea th {
			width: 8px;
		}
		.headerLangFlag {
			width: 19px;
			height: 13px;
			font-size: 1px;
			display: block;
		}
		
	#jaFlag {background-image: url(/global/images/common/default/misc/nationalflag/ja.png)}
	#enFlag {background-image: url(/global/images/common/default/misc/nationalflag/en.png)}
	#gbFlag {background-image: url(/global/images/common/default/misc/nationalflag/engb.png)}
	#frFlag {background-image: url(/global/images/common/default/misc/nationalflag/fr.png)}
	#deFlag {background-image: url(/global/images/common/default/misc/nationalflag/de.png)}
	.langSelected {
		width: 19px;
		height: 9px;
		font-size: 1px;
		display: none;
		background-image: url(/global/images/common/default/misc/nationalflag/arrow.png);
	}

/* -------------------------------------------------------------------------
 * ラップ
 * ------------------------------------------------------------------------- */
#wrap {
	width               : 100%;
	text-align          : center;
	margin              : 0 auto;
	background-image    : url(/global/images/common/default/wrap/bg.jpg);
	background-position : 80px 0;
	background-repeat   : repeat-y;
}

	/* ヘッダー
	 --------------------------------------------------------------------------- */
	#wrap-header {
		width               : 100%;
		margin              : auto;
		background-repeat   : no-repeat;
		background-position : center;
		text-align          : left;
	}
	
		/* ヘッダーイメージ共通 */
		#wrap-header-image {
			width  : 100%;
			height : 202px;
		}
	
		/* ヘッダーログイン状態 */
		.login #wrap-header-image {
			background-image : url(/global/images/common/default/wrap/header/imageLogin.jpg);
		}
		
		/* ヘッダーログアウト状態 */
		.logout #wrap-header-image {
			background-image : url(/global/images/common/default/wrap/header/imageLogout.jpg);
		}
		
		/* ヘッダーFF14ロゴ共通 */
		#wrap-header-logo {
			width    : 360px;
			height   : 190px;
			position : absolute;
			margin   : 0 0 0 106px;
			display  : block;
		}
		
		/* ヘッダーニュース：マイページ用 */
		#wrap-header-news {
			width  : 100%;
			height : 24px;
			background-image : url(/global/images/common/default/wrap/header/newsMypage.png);
		}
		
		/* ヘッダーログアウトボタン */
		#wrap-header #btLogout {
			width  : 86px;
			height : 16px;
			position : absolute;
			margin   : 0 0 0 964px;
		}
		
		/* ヘッダーバナーエリア */
		#wrap-header #header-banners {
			position : absolute;
			margin : 14px 0 0 775px;
			text-align : center;
		}
		/* ヘッダーバナー */
		.header-banner {
			margin  : auto;
			display : block;
		}

	/* ボディ
	 --------------------------------------------------------------------------- */
	#wrap-body {
		width             : 100%;
		text-align        : center;
		margin            : 0 auto;
		background-repeat : repeat-y;
	}
	
	/* フッター
	 --------------------------------------------------------------------------- */
	#wrap-footer {
		width      : 100%;
		text-align : center;
	}
		/* フッター領域指定 背景画像はjavascriptで動的に切り替えています */
		#wrap-footer #wrap-footer-bg {
			width               : 100%;
			height              : 100%;
			margin              : 0 auto;
			background-position : center top;
			background-repeat   : no-repeat;
		}
		
		/* フッター:タイムゾーンウィンドウを表示するボタン */
		#btShowTimeZoneWindow {
			width    : 160px;
			height   : 20px;
			position : absolute;
			margin   : 18px 0 0 96px;
		}
		
		/* コピーライト */
		#copyright {
			float      : right;
			position   : relative;
			top        : 30px;
			right      : 90px;
			width      : 750px;
		}
			#copyright div {
				font-size  : 10px;
				color      : #fff;
				text-align : right;
				margin     : 0 0 15px 0;
			}

/* -------------------------------------------------------------------------
 * コンテナ
 * ------------------------------------------------------------------------- */
#container {
	float      : left;
	text-align : left;
}

/* -------------------------------------------------------------------------
 * 左メニュー
 * ------------------------------------------------------------------------- */
#menu {
	float : left;
	width : 266px;
	background-repeat : no-repeat;
}
	.login #menu {/* ログイン時ボタン背景 */
		background-image : url(/global/images/common/default/menu/header/btMypage.png);
	}
	
	.logout #menu {/* ログアウト時ボタン背景 */
		background-image : url(/global/images/common/default/menu/header/btLogin.png);
	}


	/* メニューボタン
	 --------------------------------------------------------------------------- */
	/* メニューボタン共通定義 */
	#btMypage, #btLogin {
		height            : 68px;
		display           : block;
		background-repeat : no-repeat;
		text-align        : left;
	}

		/* Aタグ */
		#btMypage a, #btLogin a {
			width    : 160px;
			height   : 28px;
			display  : block;
			position : relative;
			top      : 4px;
			left     : 101px;
		}
	
	/* メインメニュー親
	 --------------------------------------------------------------------------- */
	#mainmenu {
		float : right;
		text-align : left;
	}
	#mainmenu div {
		line-height : 120%;
	}

	/* 第一階層
	 --------------------------------------------------------------------------- */
	.menu-btLv1, .menu-btLv1-hasChild, .menu-btLv1-hasChild-off, .menu-btLv1-moderate {
		width   : 218px;
		height  : 32px;
		display : block;
		background-repeat : no-repeat;
	}
	.menu-btLv1-hasChild, .menu-btLv1-hasChild-off {
		height  : 28px;
	}
	.menu-btLv1-moderate {
		margin  : 0 0 0 28px;
		width   : 190px;
	}
	
	.menu-btLv1:hover,
	.menu-btLv1-hasChild:hover, .menu-btLv1-hasChild-off:hover, .menu-btLv1-moderate:hover {
		background-position : 0 bottom;
	}
	.menu-lv1-body {
		padding : 0 0 0 18px;
		background-repeat : repeat-y;
		background-image  : url(/global/images/common/default/menu/button/lv1/body.png);
	}
	.menu-lv1-footer {
		width  : 218px;
		height : 8px;
		font-size : 1px;
		background-image : url(/global/images/common/default/menu/button/lv1/footer.png);
	}
	
	
	/* 第ニ階層&第三階層以降
	 --------------------------------------------------------------------------- */
	.menu-btLv2, .menu-btLvx, .menu-btLv2-hasChild, .menu-btLvx-hasChild {
		width               : 200px;
		display             : block;
		text-align          : left;
		background-repeat   : no-repeat;
		background-position : 0 bottom;
		text-decoration     : none;
		font-weight         : bolder;
		color               : #CCC2AD;
		cursor              : pointer;
	}
	/* ホバーの水色 */
	.menu-btLv2:hover, .menu-btLvx:hover, .menu-btLv2-hasChild:hover, .menu-btLvx-hasChild:hover {
		background-image    : url(/global/images/common/default/menu/button/lv2/body.png);
	}
		/* ホバーの文字色 */
		.menu-btLv2:hover .menu-btLv2-body,
		.menu-btLvx:hover .menu-btLvx-body,
		.menu-btLv2-hasChild:hover .menu-btLv2-body,
		.menu-btLvx-hasChild:hover .menu-btLvx-body {
			color : #BFFAFF;
		}
		.menu-btLv2-header, .menu-btLv2-footer,
		.menu-btLvx-header, .menu-btLvx-footer {
			height    : 6px;
			font-size : 1px;
		}
		.menu-btLv2-header, .menu-btLvx-header {
			background-image : url(/global/images/common/default/menu/button/lv2/header.png);
		}
		.menu-btLv2-body, .menu-btLvx-body {
			text-align          : left;
		}
		.menu-btLv2-hasChild .menu-btLv2-body, .menu-btLvx-hasChild .menu-btLvx-body {
			background-image    : url(/global/images/common/default/menu/button/lv2/icArrow.png);
			background-repeat   : no-repeat;
			background-position : 177px center;
		}
		.menu-btLv2-footer, .menu-btLvx-footer {
			background-image : url(/global/images/common/default/menu/button/lv2/footer.png);
		}
		.menu-btLv2-inner, .menu-btLvx-inner {
			padding             : 0 20px 0 25px;
			background-repeat   : no-repeat;
			background-position : 12px 0;
			background-image    : url(/global/images/common/default/menu/button/lv2/icDot.png);
		}
	
	/* 第三階層以降
	 --------------------------------------------------------------------------- */
	.menu-lvx {
		width    : 200px;
		position : absolute;
		z-index  : 100;
		margin   : -28px 0 0 170px;
		display  : none;
	}
	.menu-lvx-header, .menu-lvx-footer {
		height    : 6px;
		font-size : 1px;
	}
	.menu-lvx-header {
		background-image : url(/global/images/common/default/menu/button/lvx/header.png);
	}
	.menu-lvx-body {
		background-image : url(/global/images/common/default/menu/button/lvx/body.png);
	}
	.menu-lvx-footer {
		background-image : url(/global/images/common/default/menu/button/lvx/footer.png);
	}

	/* GCボタン
	 --------------------------------------------------------------------------- */
	.btMenuGCIndex {
		width : 266px;
		height: 120px;
	}
	.btMenuGC {
		width : 220px;
		height: 46px;
		margin: 0 0 0 46px;
	}
	#gcMenuArea {
		margin: 0 0 6px 0;
	}

/* -------------------------------------------------------------------------
 * コンテンツ
 * ------------------------------------------------------------------------- */
/* プレイヤーサイトと併用するため#contentsの中身は記述しないこと
 --------------------------------------------------------------------------- */
#contents {
	/* 記述不可 */
}

	/* ヘッダー
	 --------------------------------------------------------------------------- */
	#contents-header {
		width             : 774px;
		height            : 20px;
		background-image  : url(/global/images/common/default/contents/header/bg/oneColumn.png);
		background-repeat : no-repeat;
	}

	/* ボディ
	 --------------------------------------------------------------------------- */
	#contents-body {
	}
	
	/* ボディ内枠
	 --------------------------------------------------------------------------- */
	.contents-frame {
		border : 1px solid #D7D9CE;
	}
		.contents-frame-lv1 {
			border  : 1px solid #F3F5E8;
			background-color : #EBE9D8;
		}
			.contents-frame-lv2 {
				padding : 2px;
			}
	
		.contents-frame-inner {
			width   : 540px;
			margin  : auto;
			padding : 3px 0 3px 0;
			text-align : left;
		}
		#one-column .contents-frame-inner {
			width: 720px;
		}
	
	/* フッター
	 --------------------------------------------------------------------------- */
	#contents-footer{
	}
	
	/* コンテンツページタイトル
	 --------------------------------------------------------------------------- */
	#contents-title {
		text-align     : center;
		color          : #000;
		height         : 28px;
		margin-bottom  : 8px;
	}
		#contents-title-inner {
			position  : relative;
			top       : 6px;
			color     : #d9c898;
		}
		#contents-title a {
			color       : #ffd24c;
			font-weight : bold;
		}
	
	/* コンテンツ大見出し
	 --------------------------------------------------------------------------- */
	/* 通常見出し */
	.contents-headline {
		background-image  : url(/global/images/common/default/contents/body/headline/ml.png);
		background-repeat : repeat-y;
	}
	.contents-headlineInner {
		background-image    : url(/global/images/common/default/contents/body/headline/mr.png);
		background-repeat   : repeat-y;
		background-position : right;
	}
	.contents-headlineTL, .contents-headlineTR, .contents-headlineBL, .contents-headlineBR {
		width     : 5px;
		height    : 5px;
		font-size : 1px;
		background-repeat : no-repeat;
	}
	.contents-headlineTL {
		background-image : url(/global/images/common/default/contents/body/headline/tl.png);
		float : left;
	}
	.contents-headlineTR {
		background-image : url(/global/images/common/default/contents/body/headline/tr.png);
		float : right;
	}
		.contents-headlineBL {
		background-image : url(/global/images/common/default/contents/body/headline/bl.png);
		float : left;
	}
	.contents-headlineBR {
		background-image : url(/global/images/common/default/contents/body/headline/br.png);
		float : right;
	}
	.contents-headlineHeader, .contents-headlineFooter {
		height    : 5px;
		font-size : 1px;
		background-repeat : repeat-x;
	}
	.contents-headlineHeader { background-image : url(/global/images/common/default/contents/body/headline/tc.png); }
	.contents-headlineFooter { background-image : url(/global/images/common/default/contents/body/headline/bc.png); }
	.contents-headlineBody, .contents-headlineToggle {
		padding : 0 0 0 5px;
		margin  : 0 5px 0 5px;
		text-align : left;
		background-image : url(/global/images/common/default/misc/texture/texture1.png);
	}
		.contents-headlineBody div, .contents-headlineBody a {
			color       : #fff;
			font-weight : bold;
			text-align  : left;
			display     : block;
			background-image : url(/global/images/common/default/contents/body/headline/bg.png);
			background-position : right bottom;
			background-repeat : no-repeat;
		}
		
		/* FXIME:無理やりなので直す */
		.contents-headlineBody p a {
			background-image : none;
		}
		.contents-headlineShow, .contents-headlineHide {
			width: 36px;
			height: 18px;
		}
		.contents-headlineShow {
			background-image : url(/global/images/common/default/contents/body/headline/button/show.png);
		}
		.contents-headlineHide {
			background-image : url(/global/images/common/default/contents/body/headline/button/hide.png);
		}
	
	.contents-headline-margin {
		height : 4px;
		font-size : 1px;
	}
		

	/* 強調枠ない見出し */
	.contents-inboxheadline {
		background-image  : url(/global/images/common/default/contents/body/inboxheadline/ml.png);
		background-repeat : repeat-y;
	}
	.contents-inboxheadlineInner {
		background-image    : url(/global/images/common/default/contents/body/inboxheadline/mr.png);
		background-repeat   : repeat-y;
		background-position : right;
	}
	.contents-inboxheadlineTL, .contents-inboxheadlineTR, .contents-inboxheadlineBL, .contents-inboxheadlineBR {
		width     : 3px;
		height    : 3px;
		font-size : 1px;
		background-repeat : no-repeat;
	}
	.contents-inboxheadlineTL {
		background-image : url(/global/images/common/default/contents/body/inboxheadline/tl.png);
		float : left;
	}
	.contents-inboxheadlineTR {
		background-image : url(/global/images/common/default/contents/body/inboxheadline/tr.png);
		float : right;
	}
		.contents-inboxheadlineBL {
		background-image : url(/global/images/common/default/contents/body/inboxheadline/bl.png);
		float : left;
	}
	.contents-inboxheadlineBR {
		background-image : url(/global/images/common/default/contents/body/inboxheadline/br.png);
		float : right;
	}
	.contents-inboxheadlineHeader, .contents-inboxheadlineFooter {
		height    : 3px;
		font-size : 1px;
		background-repeat : repeat-x;
	}
	.contents-inboxheadlineHeader { background-image : url(/global/images/common/default/contents/body/inboxheadline/tc.png); }
	.contents-inboxheadlineFooter { background-image : url(/global/images/common/default/contents/body/inboxheadline/bc.png); }
	.contents-inboxheadlineBody {
		padding : 0 0 0 5px;
		margin  : 0 3px 0 3px;
		text-align : left;
		background-image : url(/global/images/common/default/misc/texture/texture1.png);
	}
		.contents-inboxheadlineBody div, .contents-headlineBody a {
			color       : #fff;
			font-weight : bold;
			text-align  : left;
			display     : block;
		}
	
	
	/* コンテンツ中見出し
	 --------------------------------------------------------------------------- */
	.contents-subHeader {
		height     : 29px;
		text-align : left;
		overflow   : hidden;
		background-image    : url(/global/images/common/default/contents/body/subHeader.png);
		background-repeat   : no-repeat;
		background-position : 1px 0;
	}
		.contents-subHeader div {
			color       : #4C3926;
			padding     : 1px 0 0 18px;
			font-weight : bold;
		}

	/* コンテンツリード文
	 --------------------------------------------------------------------------- */
	.contents-lead-text {
		margin : 0 0 4px 0;
		text-align : left;
	}
	
	/* コンテンツのエラー文　表示する要素がないときなど
	 --------------------------------------------------------------------------- */
	.contents-error-text {
		text-align : center;
		padding    : 20px 0 20px 0;
	}

	/* コンテンツテーブル
	 --------------------------------------------------------------------------- */
	/* タイプ１ */
	.contents-table1 {
		border           : 1px solid #CFCCBB;
		background-color : #F5F4EC;
		border-spacing   : 1px;
		width            : 100%;
	}
		.contents-table1TH1, .contents-table1TH2, .contents-table1TD1,
		.contents-table1TD2, .contents-table1TD3, .contents-table1TD4,
		.contents-table1TD1-err, .contents-table1TD2-err, .contents-table1TD3-err, .contents-table1TD4-err,
		.contents-table1TH1-err, .contents-table1TH2-err {
			padding : 3px 4px 2px 4px;
		}
		.contents-table1TH1, .contents-table1TH2 {
			color : #4C3926;
		}
		.contents-table1TH1-err, .contents-table1TH2-err,
		.contents-table1TD1-err, .contents-table1TD2-err, .contents-table1TD3-err, .contents-table1TD4-err {
			color            : #fff;
			background-color : #B30000;
		}
		.contents-table1TH1 {
			background-color : #C6BFB4;
		}
		.contents-table1TH2 {
			background-color : #D2CCC2;
		}
		.contents-table1TD1 {
			background-color : #E6E5DD;
		}
		.contents-table1TD2 {
			background-color : #EBEAE2;
		}
		.contents-table1TD3 {
			background-color : #F0EEE7;
		}
		.contents-table1TD4 {
			background-color : #F5F4EC;
		}
		.contents-table1-note {
			color     : #990F0F;
			font-size : 11px;
		}
		.contents-table1-note-err {
			color     : #fff;
			font-size : 11px;
		}
	
	.contents-table1-mini {
		padding          : 1px;
		border           : 1px solid #CFCCBB;
		background-color : #F5F4EC;
	}
	.contents-table1TD1-mini {
		background-color : #E6E5DD;
	}
	
	/* タイプ2 */
	.contents-table2 {
		background-color : #FCFCFC;
		border           : 1px double #c3c0b2;
		border-spacing   : 1px;
	}
		.contents-table2TH1, .contents-table2TH2, .contents-table2TD1, .contents-table2TD2 {
			padding : 3px 4px 2px 4px;
		}
		.contents-table2TH1 {
			background-color : #5d5241;
			color : #FFF;
		}
		.contents-table2TH2 {
			background-color : #C6BFB4;
			color : #111;
		}
		.contents-table2TD1 {
			background-color : #f5f5f0;
		}
		.contents-table2TD2 {
			background-color : #ebeae2;
		}
	
	/* タイプ3 */
	.contents-table3 {
		border           : 1px solid #24211C;
		background-color : #4B4A3A;
		border-spacing   : 1px;
		width            : 100%;
	}
	.contents-table3TH1, .contents-table3TH2, .contents-table3TD1, .contents-table3TD2 {
		padding : 1px 3px 1px 3px;
	}
	.contents-table3TH1, .contents-table3TH2 {
		color : #D9D2C3;
	}
	.contents-table3TD1, .contents-table3TD2 {
		color : #000;
	}
	.contents-table3TH1 {
		background-color : #353228;
	}
	.contents-table3TH2 {
		background-color : #474336;
	}
	.contents-table3TD1 {
		background-color : #888470;
	}
	.contents-table3TD2 {
		background-color : #948E78;
	}
				
/* -------------------------------------------------------------------------
 * マイページメニュー
 * ------------------------------------------------------------------------- */
#mypagemenu {
	width  : 838px;
}
	/* ログインキャラクター
	 --------------------------------------------------------------------------- */
	#mypagemenu-logincharacter {
		width  : 838px;
		height : 31px;
		position: relative;
		background-image : url(/global/images/common/default/mypagemenu/bgLoginCharacter.png);
	}
		#mypagemenu-logincharacter-contents {
			color       : #fff;
			font-weight : bold;
			width       : 748px;
			position    : relative;
			top         : 12px;
		}
		#mypagemenu-logincharacetr-label {
			font-size : 1px;
			background-repeat : no-repeat;
		}

	/* ヘッダー
	 --------------------------------------------------------------------------- */
	#mypagemenu-header {
		width     : 774px;
		height    : 6px;
		font-size : 1px;
		background-repeat : no-repeat;
		background-image  : url(/global/images/common/default/mypagemenu/header.png);
	}

	/* ボディ
	 --------------------------------------------------------------------------- */
	#mypagemenu-body {
		height           : 16px;
		background-image : url(/global/images/common/default/mypagemenu/body.png);
		background-repeat: no-repeat;
		padding          : 0 0 0 28px;
	}

	/* フッター 親のクラス名で中身の画像が切り替わります
	 --------------------------------------------------------------------------- */
	#mypagemenu-footer {
		width             : 774px;
		height            : 5px;
		font-size         : 1px;
		background-image  : url(/global/images/common/default/mypagemenu/footer.png);
		background-repeat : no-repeat;
	}
	
	/* マイページメニューボタン
	 --------------------------------------------------------------------------- */
	#btMMAccount {
		height    : 16px;
	}
	
	/* アカウント下プルダウン
	 --------------------------------------------------------------------------- */
	#accountDropdown {
		width: 180px;
		position: absolute;
		z-index: 300;
		background-image: url(/global/images/common/default/mypagemenu/accountDropdown/body.png);
	}
		#accountDropdownHeader, #accountDropdownFooter {
			background-repeat: no-repeat;
		}
		#accountDropdownHeader {
			background-image: url(/global/images/common/default/mypagemenu/accountDropdown/header.png);
		}
		#accountDropdownFooter {
			padding: 4px 0 3px 0;
			background-position: 0 bottom;
			background-image: url(/global/images/common/default/mypagemenu/accountDropdown/footer.png);
		}
	/* ドロップダウンラベル */
	.accountDropdownLabel {
		display: block;
		width: 174px;
		font-weight: bolder;
		color: #CCC2AD;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 bottom;
		overflow: hidden;
		cursor: pointer;
	}
	.accountDropdownLabel:hover {
		color: #BFFAFF;
		background-image: url(/global/images/common/default/mypagemenu/accountDropdown/button.png);
	}
		.accountDropdownLabel div {
			min-height: 22px;
			padding: 2px 0 0 22px;
			background-position: 9px 6px;
			background-repeat  : no-repeat;
			background-image   : url(/global/images/common/default/menu/button/lv2/icDot.png);
		}
		* html .accountDropdownLabel div {
			height: 22px;
		}
	
	/* マイページ&キャラクターページメニューボタン
	 --------------------------------------------------------------------------- */
	.btMM, .btCM {
		width  : 144px;
		height : 16px;
		background-repeat : no-repeat;
	}
	
/* -------------------------------------------------------------------------
 * キャラクターページメニュー
 * ------------------------------------------------------------------------- */
#charpagemenu {
	width             : 774px;
	background-repeat : no-repeat;
}

	/* ヘッダー
	 --------------------------------------------------------------------------- */
	#charpagemenu-header {
	}

	/* ボディ
	 --------------------------------------------------------------------------- */
	#charpagemenu-body {
		width   : 100%;
		height  : 16px;
		padding : 0 0 0 28px;
		background-image : url(/global/images/common/default/characterpagemenu/body.png);
		background-repeat : no-repeat;
	}
	 
	/* フッター
 	--------------------------------------------------------------------------- */
	#charpagemenu-footer {
		width  : 100%;
		height : 5px;
		font-size : 1px;
		background-image : url(/global/images/common/default/characterpagemenu/footer.png);
	}

/* -------------------------------------------------------------------------
 * キャラクターページキャラネーム
 * ------------------------------------------------------------------------- */
#charpage-charname {
	width : 774px;
}
	
	/* ヘッダー
 	--------------------------------------------------------------------------- */
	#charpage-charname-header {
	}
	
	/* ボディ
 	--------------------------------------------------------------------------- */
	#charpage-charname-body {
		width  : 100%;
		height : 30px;
		background-image : url(/global/images/common/default/characterpagecharname/body.png);
	}
	
	/* フッター
 	--------------------------------------------------------------------------- */
	#charpage-charname-footer {
		width  : 100%;
		height : 6px;
		font-size : 1px;
		background-image : url(/global/images/common/default/characterpagecharname/footer.png);
	}
	
	/* キャラ名
 	--------------------------------------------------------------------------- */
	#charpage-charname-name {
		width           : 465px;
		text-align      : center;
		position        : relative;
		top             : 5px;
		left            : 156px;
	}
		#charpage-charname-name a {
			color           : #fff;
			font-weight     : bolder;
			text-decoration : none;
		}
	
	/* フォローする
 	--------------------------------------------------------------------------- */
	#charpage-charname-follow {
		position : absolute;
		margin   : -6px 0 0 644px;
	}
	
	/* キャラクタートップへ
 	--------------------------------------------------------------------------- */
	#charpage-charname-chartop {
		position : absolute;
		margin   : 12px 0 0 0;
	}
	
	/* フォローするボタン：ヘッダで使用
 	--------------------------------------------------------------------------- */
	.btRemoveFollow, .btAddFollow, .lbFollowing {
		width   : 130px;
		height  : 18px;
		display : block;
		position: absolute;
	}
	
	/* フォローするボタン:リストで使用
 	--------------------------------------------------------------------------- */
	.follow-list .btRemoveFollow, .follow-list .btAddFollow, .follow-list .lbFollowing {
		width   : 130px;
		height  : 18px;
		display : block;
		position: relative;
	}
	
	/* キャラクターページトップボタン
 	--------------------------------------------------------------------------- */
	#btCMCharacterTop {
		width  : 160px;
		height : 18px;
	}

/* -------------------------------------------------------------------------
 * ドロップダウンメニュー
 * ------------------------------------------------------------------------- */
.dropdownmenu {
	width : 200px;
	z-index : 200;
	overflow : hidden;
}
	.dropdownmenu-header {
		font-size : 1px;
		height    : 8px;
		background-image : url(/global/images/common/default/mypagemenu/dropdownmenu/header.png);
	}
	.dropdownmenu-body {
		background-image : url(/global/images/common/default/mypagemenu/dropdownmenu/body.png);
	}
	.dropdownmenu-footer {
		font-size : 1px;
		height    : 10px;
		background-image : url(/global/images/common/default/mypagemenu/dropdownmenu/footer.png);
	}
	/* ドロップダウンメニューボタン */
	.dropdownmenu-button {
		display : block;
		text-decoration : none;
		min-height : 24px;
	}
	* html .dropdownmenu-button {
		height : 24px;
	}
	.dropdownmenu-button:hover {
		background-position : 0 bottom;
		background-repeat   : no-repeat;
		background-image    : url(/global/images/common/default/mypagemenu/dropdownmenu/button/body.png);
	}
	.dropdownmenu-button-header, .dropdownmenu-button-footer {
		height    : 6px;
		font-size : 1px;
	}
	.dropdownmenu-button-header {background-image : url(/global/images/common/default/mypagemenu/dropdownmenu/button/header.png)}
	.dropdownmenu-button-footer {background-image : url(/global/images/common/default/mypagemenu/dropdownmenu/button/footer.png)}
	.dropdownmenu-button-body {
		background-repeat : no-repeat;
		background-position : 12px 1px;
	}
	.dropdownmenu-button-inner {
		font-weight : bolder;
		color : #CCC2AD;
		padding : 0 6px 0 32px;
	}
	.dropdownmenu-button:hover .dropdownmenu-button-inner {
		color : #bffaff;
	}
	.dropdown-child {
		display: none;
	}

/* -------------------------------------------------------------------------
 * 非ログイン状態で表示されるメニューの代行要素
 * ------------------------------------------------------------------------- */
/* ログインをうながすメッセージ */
#unlessloginmenu-message {
	width  : 783px;
	height : 31px;
	background-image 	: url(/global/images/common/default/unlessloginmenu/bgLoginMessage.png);
	background-position : 0 bottom;
	background-repeat   : no-repeat;
}

/* 非ログイン状態でキャラクターページメニューが表示されていない状態で表示される、メニューの閉じた状態 */
#unlessloginmenu {
	height : 9px;
	font-size : 1px;
	background-image : url(/global/images/common/default/unlessloginmenu/bg.png);
	background-repeat   : no-repeat;
}

/* -------------------------------------------------------------------------
 * ページガイド
 * ------------------------------------------------------------------------- */
.contents-guide {
	width     : 774px;
	height    : 3px;
	font-size : 1px;
	background-repeat : no-repeat;
}
	.contents-guide div {
		height    : 3px;
		font-size : 1px;
	}

	/* マイページメニュー用コンテンツガイド背景 */
	#mypagemenu .contents-guide {
		background-image  : url(/global/images/common/default/contentsguide/mypage/base.png);
	}
	
	/* キャラクターページメニュー用コンテンツガイド背景 */
	#charpagemenu .contents-guide {
		background-image  : url(/global/images/common/default/contentsguide/characterpage/base.png);
	}
	/* キャラクター情報ガイド */
	.character .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/orange.png);
	}
	/* 日記ガイド */
	.diary .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/yellow.png);
	}
	
	/* プレイログガイド */
	.playlog .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/skyblue.png);
	}
	
	/* リンクシェルガイド */
	.forum .contents-guide div, .group .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/ygreen.png);
	}
	/* プレイログガイド */
	.playlog .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/skyblue.png);
	}
	/* フォローガイド */
	.relation .contents-guide div {
		background-image : url(/global/images/common/default/contentsguide/purple.png);
	}
	 

/* -------------------------------------------------------------------------
 * トピックパス
 * ------------------------------------------------------------------------- */
#topicpath {
	width : 774px;
}

	/* ヘッダ
 	--------------------------------------------------------------------------- */
	#topicpath-header {
		width     : 100%;
		height    : 12px;
		font-size : 1px;
		background-image : url(/global/images/common/default/topicpath/header.png);
	}
	
	/* フッター
 	--------------------------------------------------------------------------- */
	#topicpath-footer {
		width     : 100%;
		height    : 10px;
		font-size : 1px;
		background-image : url(/global/images/common/default/topicpath/footer.png);
	}
	
	/* ボディ
 	--------------------------------------------------------------------------- */
	#topicpath-body {
		width : 100%;
		font-size : 1px;
		background-image  : url(/global/images/common/default/topicpath/body.png);
	}
	
	/* パス領域
 	--------------------------------------------------------------------------- */
	#topicpath-patharea {
		padding: 2px 0 0 14px;
	}
	
		/* パスの設定 */
		.topicpath-current {
			color       : #fff;
			font-weight : bold;
			background-image  : url(/global/images/common/default/topicpath/iconCurrent.png);
		}
		.topicpath-past {
			background-image  : url(/global/images/common/default/topicpath/iconPast.png);
		}
		
		.topicpath-current a, .topicpath-current div {
			color       : #fff;
			font-weight : bold;
		}
		.topicpath-current a:hover {
			color : #fff;
		}
		.topicpath-past a, .topicpath-past div {
			color : #807B73;
		}
		.topicpath-past a:hover {
			color : #807B73;
		}
		.topicpath-current, .topicpath-past {
			font-size : 10px;
			float   : left;
			padding : 0 0 0 16px;
			margin  : 0 0 0 7px;
			background-position : 0 2px;
			background-repeat   : no-repeat;
		}
		.topicpath-current a, .topicpath-past a, .topicpath-current div, .topicpath-past div {
			font-size : 10px;
			text-decoration : none;
		}
		.topicpath-current a:hover, .topicpath-past a:hover {
			text-decoration : underline;
		}
	
	/* ガイド
 	--------------------------------------------------------------------------- */
	#topicpath-guide {
		width     : 144px;
		height    : 10px;
		font-size : 1px;
		background-repeat : no-repeat;
		background-image  : url(/global/images/common/default/topicpath/guide.png);
		position  : relative;
	}
	
	/* ガイドポジションの設定
 	--------------------------------------------------------------------------- */
	/* 自分の */
	.character #topicpath-guide {
		left : 27px;
	}
	.diary #topicpath-guide {
		left : 172px;
	}
	.forum #topicpath-guide, .group #topicpath-guide,
	.playlog .other #topicpath-guide {
		left : 315px;
	}
	.playlog #topicpath-guide,
	.relation .other #topicpath-guide {
		left : 460px;
	}
	.relation #topicpath-guide {
		left : 605px;
	}

	/* 非表示になるパターン */
	.mypage #topicpath-header,
	.fileManager #topicpath-header,
	.loginCharacter #topicpath-header,
	.characterpagetop #topicpath-header
	 {
		display : none;
	}
	

/* -------------------------------------------------------------------------
 * カラムサイズを指定する
 * ------------------------------------------------------------------------- */

/* コンテンツ最低高さ
 --------------------------------------------------------------------------- */
#one-column, #two-column-L, #two-column-L-title, #two-column-R, #three-column, #azone, #bzone, #czone {
	min-height : 400px;
}

/* IE対応 */
* html #one-column, * html #two-column-L, * html #two-column-L-title, * html #two-column-R, * html #three-column, * html #azone, * html #bzone, * html #czone {
	height : 400px;
}

/* 1カラム カラム背景はJSで動的に指定
 --------------------------------------------------------------------------- */
#one-column {
	background-repeat : repeat-y;
}
	#one-column #azone {
		width             : 774px;
		text-align        : center;
		padding           : 20px 0 0 0;
		background-repeat : no-repeat;
		background-image : url(/global/images/common/default/contents/header/bg/oneColumn.png);
	}
	
	/* プレイヤーサイトの場合：プレイヤーサイトはページ毎に個々のヘッダーを作成 */
	.playersite #one-column #azone {
		padding : 0px;
		background-image : none;
	}
	
	#one-column #azone-contents, #one-column .azone-contents {
		width      : 764px;
		margin     : auto;
	}

/* 2カラム（左がメインパターン） カラム背景はJSで動的に指定
 --------------------------------------------------------------------------- */
#two-column-L, #two-column-L-title {
	background-repeat : repeat-y;
}

/* 大きいエリア */
#two-column-L #azone, #two-column-L-title #azone {
	width      : 578px;
	float      : left;
	text-align : center;
	padding    : 20px 0 0 0;
	background-repeat : no-repeat;
}
	/* 大きいエリアの中身 */
	#two-column-L #azone-contents, #two-column-L-title #azone-contents,
	#two-column-L .azone-contents, #two-column-L-title .azone-contents {
		width      : 566px;
		margin     : auto;
	}
	
	/* 日記の場合 タイトル付きヘッダー */
	.diary #two-column-L #azone {
		padding : 0px;
		background-image : url(/global/images/common/default/contents/header/bg/twoColumnLWithTitle.png);
	}
	
	/* プレイヤーサイトの場合：プレイヤーサイトはページ毎に個々のヘッダーを作成 */
	.playersite #two-column-L #azone {
		padding : 0px;
		background-image : none;
	}

	/* 標準ヘッダー */
	#two-column-L #azone {
		background-image : url(/global/images/common/default/contents/header/bg/twoColumnL.png);
	}
	/* タイトルつきヘッダー */
	#two-column-L-title #azone {
		padding : 0px;
		background-image : url(/global/images/common/default/contents/header/bg/twoColumnLWithTitle.png);
	}


/* 小さいエリア */
#two-column-L #bzone, #two-column-L-title #bzone {
	width : 232px;
	float : left;
}
	#two-column-L #bzone-contents, #two-column-L-title #bzone-contents {
		width  : 182px;
	}


/* 2カラム（右がメインパターン）
 --------------------------------------------------------------------------- */
#two-column-R {
}

/* 小さいエリア */
#two-column-R #azone {
	width : 192px;
	float : left;
}

/* 大きいエリア */
#two-column-R #bzone {
	width : 574px;
	float : left;
}

/* 3カラム
 --------------------------------------------------------------------------- */
#three-column {
	width             : 774px;
	text-align        : center;
	background-repeat : repeat-y;
}

	#three-column-contents {
		width      : 760px;
		margin     : auto;
		text-align : left;
	}

/* 小さいエリア */
#three-column #azone {
	width       : 192px;
	float       : left;
	padding     : 0 0 0 0;
}

/* 中くらいエリア */
#three-column #bzone {
	width : 376px;
	float : left;
}

/* 小さいエリア */
#three-column #czone {
	width : 192px;
	float : left;
}

/* -------------------------------------------------------------------------
 * ウィンドウ
 * ------------------------------------------------------------------------- */

/* 共通部分
 --------------------------------------------------------------------------- */
.window {
	margin : 0;
	overflow : hidden;
}

	/* ウィンドウヘッダ */
	.window-header {
		height            : 34px;
		padding           : 0 8px 0 0;
		background-repeat : no-repeat;
	}
	
		/* ウィンドウトグルとコンフィグ */
		.window-toggle a, .window-config a, .window-close a {
			width     : 16px;
			height    : 16px;
			display   : block;
			font-size : 1px;
			position  : relative;
			top       : 7px;
		}
	
		/* ウィンドウトグルボタン ムーバブルと固定 */
		.window-toggle {
			float : right;
		}
		.window-toggle a {/* ムーバブル */
			background-image : url(/global/images/common/default/window/movable/part/minimize.png);
		}
		.win-fixed .window-toggle a {/* 固定 */
			background-image : url(/global/images/common/default/window/fixed/part/minimize.png);
		}
		.window-toggle a:hover {
			background-position : 0 center;
		}
		.window-toggle a:active {
			background-position : 0 bottom;
		}
		/* ウィンドウトグル：クローズ状態 ムーバブルと固定 */
		.window-toggle.window-toggle-min a {/* ムーバブル */
			background-image : url(/global/images/common/default/window/movable/part/resize.png);
		}
		.win-fixed .window-toggle.window-toggle-min a {/* 固定 */
			background-image : url(/global/images/common/default/window/fixed/part/resize.png);
		}
		
		/* ウィンドウコンフィグボタン ムーバブルと固定 */
		.window-config {
			float : right;
		}
		.window-config a {/* ムーバブル */
			background-image : url(/global/images/common/default/window/movable/part/config.png);
		}
		.win-fixed .window-config a {/* 固定 */
			background-image : url(/global/images/common/default/window/fixed/part/config.png);
		}
		.window-config a:hover {
			background-position : 0 center;
		}
		.window-config a:active {
			background-position : 0 bottom;
		}
		
		/* ウィンドウ閉じるボタン */
		.window-close {
			float : right;
		}
		.window-close a {/* ムーバブル */
			background-image : url(/global/images/common/default/window/movable/part/close.png);
		}
		.win-fixed .window-close a {/* ムーバブル */
			background-image : url(/global/images/common/default/window/fixed/part/close.png);
		}
		.window-close a:hover {
			background-position : 0 center;
		}
		.window-close a:active {
			background-position : 0 bottom;
		}

		/*  */
		.window-header li {
			list-style-type : none;
		}
	
	/* ウィンドウタイトル */
	.window-title {
		height      : 34px;
		margin-top  : 7px;
		text-align  : center;
		line-height : 135%;
		color       : #E6E6E6;
		position    : absolute;
	}
	.win-fixed .window-title {
		color       : #CBC4A2;
	}

	/* ウィンドウボディ */
	.window-body {
		background-repeat : repeat-y;
	}

	/* ウィンドウコンテンツ */
	.window-contents {
		padding : 0 8px 0px 8px;
		color   : #E6E6E6;
	}
	.win-fixed .window-contents {
		padding : 0 4px 0px 4px;
	}

	/* ウィンドウフッター */
	.window-footer {
		height            : 16px;
		background-repeat : no-repeat;
		font-size         : 1px;
	}
	
	/* ウィンドウ罫線 */
	.window-hr {
		width     : 100%;
		height    : 9px;
		font-size : 1px;
		margin    : 2px 0 0 0;
		background-repeat   : no-repeat;
		background-position : center;
		background-image    : url(/global/images/common/default/window/common/hr.png);
	}
	
	/* ウィンドウリンク色:強 */
	.window-lnk1 {
		color : #A3AACC;
	}
	.window-lnk1:hover {
		color : #BFFAFF;
		text-decoration : none;
	}
	.win-fixed .window-lnk1 {
		color : #B39862;
	}
	.win-fixed .window-lnk1:hover {
		color : #FFF2B2;
	}
	/* ウィンドウリンク色:弱 */
	.window-lnk2 {
		color : #99916B;
	}
	.window-lnk2:hover {
		color : #E6DAA1;
		text-decoration : none;
	}
	/* 通常色 */
	.window-text-normal {
		 color : #E6E6E6;
	}
	/* 弱目のテキスト色 */
	.window-text-weak {
		color : #808080;
	}
	.win-fixed .window-text-weak {
		color : #99947A;
	}
	/* 強調色 */
	.window-text-strong {
		color : #F2973D;
	}
	/* エラー色 */
	.window-text-error {
		color : #CC4747;
		padding : 12px 0 12px 0;
	}
	.win-fixed .window-text-error {/* エラー色固定用 */
		color : #CC4747;
		padding : 12px 0 12px 0;
	}
	/* 0件表示 */
	.window-text-nodata {
		color : #808080;
		padding : 12px 0 12px 0;
	}
	/* 注釈 */
	.window-text-note {
		color : #FFA64C;
	}
	
	/* ウィンドウ内見出し */
	.window-text-headline {
		padding : 0 0 0 15px;
		background-position : 0 2px;
		background-repeat : no-repeat;
	}
	.window-text-headline.icInformation {
		background-image : url(/global/images/common/default/window/fixed/part/icInformation.png);
	}
	.window-text-headline.icTopics {
		background-image : url(/global/images/common/default/window/fixed/part/icTopics.png);
	}
	/* 小さいテキスト */
	.window-text-smallitem {
		color     : #D9D0A3;
		font-size : 10px;
	}
	/* ニュース用window内部コンテンツ幅 */
	.window-news-inner {
		padding : 0 8px 0 8px;
	}
	/* ニュース用バナーフレーム */
	.window-banner {
		width      : 368px;
		height     : 108px;
		text-align : left;
		display    : block;
		cursor     : pointer;
	}
		.window-banner div {
			width  : 368px;
			height : 108px;
			position : absolute;
			background-image : url(/global/images/common/default/window/common/bannerbase.png);
		}
		.window-banner img {
			display  : block;
			position : absolute;
			margin   : 4px 0 0 4px;
		}
	
	/* ウィンドウ表示用テーブル */
	.window-table1 {
		width            : 100%;
		border           : 1px solid #333333;
		background-color : #0D0D0D;
		border-spacing   : 1px;
	}
	.window-table1TD1, .window-table1TD2 {
		color   : #fff;
		padding : 3px 4px 2px 4px;
	}
	.window-table1TD1 {
		background-color : #191919;
	}
	.window-table1TD2 {
		background-color : #262626;
	}
	.window-table1Lnk1 {color:#B39862}
	.window-table1Lnk1:hover {color:#FFF2B2}


/* 特大サイズウィンドウ
 --------------------------------------------------------------------------- */
#one-column #azone .window {
	width : 760px;
}

	/* ウィンドウヘッダ */
	#one-column #azone .window .window-header {
		background-image : url(/global/images/common/default/window/movable/xlarge/header.png);
	}

	/* ウィンドウタイトル */
	#one-column #azone .window .window-title {
		width : 760px;
	}

	/* ウィンドウボディ */
	#one-column #azone .window .window-body {
		background-image : url(/global/images/common/default/window/movable/xlarge/body.png);
	}

	/* ウィンドウフッタ */
	#one-column #azone .window .window-footer {
		background-image : url(/global/images/common/default/window/movable/xlarge/footer.png);
	}
	
	/* ウィンドウヘッダ最小化 */
	#one-column #azone .window .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/xlarge/headerMin.png);
	}


/* 大サイズウィンドウ
 --------------------------------------------------------------------------- */
#two-column-L #azone .window,
#two-column-L-title #azone .window,
#two-column-R #bzone .window {
	width : 568px;
}

	/* ウィンドウヘッダ */
	#two-column-L #azone .window .window-header,
	#two-column-L-title #azone .window .window-header,
	#two-column-R #bzone .window .window-header {
		background-image : url(/global/images/common/default/window/movable/large/header.png);
	}

	/* ウィンドウタイトル */
	#two-column-L #azone .window .window-title,
	#two-column-L-title #azone .window .window-title,
	#two-column-R #bzone .window .window-title {
		width : 568px;
	}

	/* ウィンドウボディ */
	#two-column-L #azone .window .window-body,
	#two-column-L-title #azone .window .window-body,
	#two-column-R #bzone .window .window-body {
		background-image : url(/global/images/common/default/window/movable/large/body.png);
	}

	/* ウィンドウフッタ */
	#two-column-L #azone .window .window-footer,
	#two-column-L-title #azone .window .window-footer,
	#two-column-R #bzone .window .window-footer {
		background-image : url(/global/images/common/default/window/movable/large/footer.png);
	}
	
	/* ウィンドウヘッダ最小化 */
	#two-column-L #azone .window .window-header.window-min,
	#two-column-L-title #azone .window .window-header.window-min,
	#two-column-R #bzone .window .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/large/headerMin.png);
	}

/* 小サイズウィンドウ
 --------------------------------------------------------------------------- */
#two-column-L #bzone .window,
#two-column-L-title #bzone .window,
#two-column-R #azone .window,
#three-column #azone .window,
#three-column #czone .window,
.win-small {
	width  : 192px;
}

	/* ウィンドウヘッダ */
	#two-column-L #bzone .window-header,
	#two-column-L-title #bzone .window-header,
	#two-column-R #azone .window-header,
	#three-column #azone .window-header,
	#three-column #czone .window-header,
	.win-small .window-header {
		background-image : url(/global/images/common/default/window/movable/small/header.png);
	}
	/* ホバー状態 */
	#three-column #azone .win-hover .window-header,
	#three-column #czone .win-hover .window-header,
	.win-hover.win-small .window-header {
		background-image : url(/global/images/common/default/window/movable/small/headerHover.png);
	}

	/* ウィンドウタイトル */
	#two-column-L #bzone .window-title,
	#two-column-L-title #bzone .window-title,
	#two-column-R #azone .window-title,
	#three-column #azone .window-title,
	#three-column #czone .window-title,
	.win-small .window-title {
		width : 192px;
	}

	/* ウィンドウボディ */
	#two-column-L #bzone .window-body,
	#two-column-L-title #bzone .window-body,
	#two-column-R #azone .window-body,
	#three-column #azone .window-body,
	#three-column #czone .window-body,
	.win-small .window-body {
		background-image : url(/global/images/common/default/window/movable/small/body.png);
	}
	/* ホバー状態 */
	#three-column #azone .win-hover .window-body,
	#three-column #czone .win-hover .window-body,
	.win-small .window-body {
		background-image : url(/global/images/common/default/window/movable/small/bodyHover.png);
	}

	/* ウィンドウフッタ */
	#two-column-L #bzone .window-footer,
	#two-column-L-title #bzone .window-footer,
	#two-column-R #azone .window-footer,
	#three-column #azone .window-footer,
	#three-column #czone .window-footer,
	.win-small .window-footer {
		background-image : url(/global/images/common/default/window/movable/small/footer.png);
	}
	/* ホバー状態 */
	#three-column #azone .win-hover .window-footer,
	#three-column #czone .win-hover .window-footer,
	.win-hover.win-small .window-footer {
		background-image : url(/global/images/common/default/window/movable/small/footerHover.png);
	}
	
	/* ウィンドウヘッダ最小化 */
	#two-column-L #bzone .window-header.window-min,
	#two-column-L-title #bzone .window-header.window-min,
	#two-column-R #azone .window-header.window-min,
	#three-column #azone .window-header.window-min,
	#three-column #czone .window-header.window-min,
	.win-small .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/small/headerMin.png);
	}
	/* ホバー状態 */
	#three-column #azone .win-hover .window-header.window-min,
	#three-column #czone .win-hover .window-header.window-min,
	.win-hover.win-small .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/small/headerMinHover.png);
	}

/* 中サイズウィンドウ
 --------------------------------------------------------------------------- */
#three-column #bzone .window, .win-medium {
	width  : 376px;
}

	/* ウィンドウヘッダ ムーバブルと固定 */
	#three-column #bzone .window-header,
	.win-medium .window-header {
		background-image : url(/global/images/common/default/window/movable/medium/header.png);
	}
	#three-column #bzone .win-fixed .window-header,
	.win-medium.win-fixed .window-header {
		background-image : url(/global/images/common/default/window/fixed/medium/header.png);
	}
	#three-column #bzone .win-hover .window-header,
	.win-hover.win-medium .window-header {
		background-image : url(/global/images/common/default/window/movable/medium/headerHover.png);
	}

	/* ウィンドウタイトル */
	#three-column #bzone .window-title,
	.win-medium .window-title {
		width : 376px;
	}

	/* ウィンドウボディ ムーバブルと固定 */
	#three-column #bzone .window-body,
	.win-medium .window-body {
		background-image  : url(/global/images/common/default/window/movable/medium/body.png);
	}
	#three-column #bzone .win-fixed .window-body,
	.win-medium.win-fixed .window-body {
		background-image  : url(/global/images/common/default/window/fixed/medium/body.png);
	}
	#three-column #bzone .win-hover .window-body,
	.win-hover.win-medium .window-body {
		background-image  : url(/global/images/common/default/window/movable/medium/bodyHover.png);
	}

	/* ウィンドウフッタ ムーバブルと固定 */
	#three-column #bzone .window-footer,
	.win-medium .window-footer {
		background-image  : url(/global/images/common/default/window/movable/medium/footer.png);
	}
	#three-column #bzone .win-fixed .window-footer,
	.win-medium .win-fixed .window-footer {
		background-image  : url(/global/images/common/default/window/fixed/medium/footer.png);
	}
	#three-column #bzone .win-hover .window-footer,
	.win-hover.win-medium .window-footer {
		background-image  : url(/global/images/common/default/window/movable/medium/footerHover.png);
	}
	
	/* ウィンドウヘッダ最小化 ムーバブルと固定 */
	#three-column #bzone .window-header.window-min,
	.win-medium .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/medium/headerMin.png);
	}
	#three-column #bzone .win-fixed .window-header.window-min,
	.win-medium .win-fixed .window-header.window-min {
		background-image : url(/global/images/common/default/window/fixed/medium/headerMin.png);
	}
	#three-column #bzone .win-hover .window-header.window-min,
	.win-hover.win-medium .window-header.window-min {
		background-image : url(/global/images/common/default/window/movable/medium/headerMinHover.png);
	}

/* 操作中ウィンドウ透明化表示
 --------------------------------------------------------------------------- */
.win-move {
	filter:       alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity:      0.5;
}

/* -------------------------------------------------------------------------
 * ダイアログウィンドウ
 * ------------------------------------------------------------------------- */
.dialogwin {
}
	.dialogwin li {
		list-style-type : none;
	}
	.dialogwin li ul li {
		position : relative;
	}
	.dialogwin1 {
		background-image : url(/global/images/common/default/window/dialog/bl.png);
	}
	.dialogwin2 {
		background-image : url(/global/images/common/default/window/dialog/bc.png);
	}
	.dialogwin3 {
		background-image : url(/global/images/common/default/window/dialog/br.png);
	}
	.dialogwin4 {
		background-image : url(/global/images/common/default/window/dialog/ml.png);
	}
	.dialogwin5 {
		background-image : url(/global/images/common/default/window/dialog/mc.png);
	}
	.dialogwin6 {
		background-image : url(/global/images/common/default/window/dialog/mr.png);
	}
	.dialogwin7 {
		background-image : url(/global/images/common/default/window/dialog/tl.png);
	}
	.dialogwin8 {
		background-image : url(/global/images/common/default/window/dialog/tc.png);
	}
	.dialogwin9 {
		background-image : url(/global/images/common/default/window/dialog/tr.png);
	}
	/* 4つ角 */
	.dialogwin1, .dialogwin3 {
		width  : 30px;
		height : 32px;
		background-repeat : no-repeat;
	}
	.dialogwin7, .dialogwin9 {
		width  : 30px;
		height : 40px;
		background-repeat : no-repeat;
	}
	
	/* 左右の縦の辺 */
	.dialogwin4, .dialogwin6 {
		width  : 30px;
		background-repeat : repeat-y;
	}
	
	/* 上下の横の辺 */
	.dialogwin2, .dialogwin8 {
		background-repeat : repeat-x;
	}
	.dialogwin2 {
		height : 32px;
	}
	.dialogwin8 {
		height : 40px;
	}
	
	/* ダイアログ専用ボタン */
	.btDialog {
		width   : 160px;
		height  : 28px;
		background-image    : url(/global/images/common/default/window/dialog/btDialog.png);
	}
		.btDialog div {
			padding    : 5px 0 0 0;
			text-align : center;
		}

	/* ダイアログ注釈文言 */
	.dialogwin-note {
		color : #ffff00;
	}
	
	/* ダイアログウィンドウ用見出し */
	.dialogwin-headline {
		height     : 26px;
		text-align : left;
		overflow   : hidden;
		background-image    : url(/global/images/common/default/window/dialog/headline.png);
		background-repeat   : no-repeat;
		background-position : 1px 0;
	}
		.dialogwin-headline div {
			color       : #D9C877;
			padding     : 1px 0 0 18px;
			font-weight : bold;
		}

	
/* -------------------------------------------------------------------------
 * ヘッダータイムゾーン
 * ------------------------------------------------------------------------- */
#timezonePopup {
	width : 480px;
	height: 110px;
	background-image: url(/global/images/common/default/timezone/bg.png);
	position : absolute;
	margin   : 88px 0 0 556px;
}
	#timezonePopup #timezonePopupBtn {
		text-align  : center;
		margin-left : 56px
	}
	#timezonePopup #btSetTimezone,
	#timezonePopup #btChangeTimezone {
		width : 182px;
		height: 22px;
	}
	#timezonePopup #timezonePopupMsg {
		height              : 40px;
		color               : #fff;
		text-align          : left;
		padding             : 25px 0 0 100px;
		background-repeat   : no-repeat;
		background-image    : url(/global/images/common/default/timezone/icon.png);
		background-position : 55px 22px;
	}

/* -------------------------------------------------------------------------
 * 入力エリア
 * ------------------------------------------------------------------------- */
.common-input {
	border : 1px solid #99918A;
}
	.common-input-err {
		border           : 1px solid #B30000;
		background-color : #FFF7CC;
	}

/* -------------------------------------------------------------------------
 * ボーダー：罫線 1実線　2破線　3100%線
 * ------------------------------------------------------------------------- */
.line-type1, .line-type2 {
	font-size : 1px;
	height    : 18px;
	background-position : 0 center;
	background-repeat   : repeat-x;
}
.line-type1, .line-type1-flat {
	background-image    : url(/global/images/common/default/misc/line/type1.png);
}
.line-type2, .line-type2-flat {
	background-image    : url(/global/images/common/default/misc/line/type2.png);
}
.line-type3 {
	font-size : 1px;
	height    : 7px;
	background-image : url(/global/images/common/default/misc/line/type3.png);
}

/* 高さのマージンがない罫線 */
.line-type1-flat, .line-type2-flat {
	font-size : 1px;
	height    : 2px;
	background-repeat : repeat-x;
}

/* -------------------------------------------------------------------------
 * ページ下部ボタン共通設定
 * ------------------------------------------------------------------------- */
/* ナビエリア共通 */
.naviArea {
	margin : auto;
}
	.naviArea td {
		width : 30px;
	}

.naviArea.naviAreaBottom {
	margin : 0 auto 5px auto;
}

/* 通常のＭサイズ */
.btNavi, .btNaviL, .btNaviXL {
	width   : 200px;
	height  : 28px;
	display : block;
}
/* Lサイズ */
.btNaviL {
	width : 280px;
}
/* LLサイズ */
.btNaviXL {
	width : 480px;
}
	.btNavi:hover, .btNaviL:hover, .btNaviXL:hover {
		background-position : 0 bottom;
	}

/* -------------------------------------------------------------------------
 * ページ下部以外のボタン設定
 * ------------------------------------------------------------------------- */
.btCtrlSizeM {
	width   : 258px;
	height  : 20px;
	display : block;
}
	.btCtrlSizeM:hover {
		background-position : 0 bottom;
	}

/* -------------------------------------------------------------------------
 * 装飾箱
 * ------------------------------------------------------------------------- */
.box1 {
	background-color  : #F5F4EC;
	background-image  : url(/global/images/common/default/misc/box/box1/ml.png);
	background-repeat : repeat-y;
}
	.box1Inner {
		background-image    : url(/global/images/common/default/misc/box/box1/mr.png);
		background-repeat   : repeat-y;
		background-position : right;
	}
	.box1TL, .box1TR, .box1BL, .box1BR {
		width     : 7px;
		height    : 7px;
		font-size : 1px;
		background-repeat : no-repeat;
	}
	.box1TL {
		background-image : url(/global/images/common/default/misc/box/box1/tl.png);
		float : left;
	}
	.box1TR {
		background-image : url(/global/images/common/default/misc/box/box1/tr.png);
		float : right;
	}
		.box1BL {
		background-image : url(/global/images/common/default/misc/box/box1/bl.png);
		float : left;
	}
	.box1BR {
		background-image : url(/global/images/common/default/misc/box/box1/br.png);
		float : right;
	}
	.box1Header, .box1Footer {
		height    : 7px;
		font-size : 1px;
		background-repeat : repeat-x;
	}
	.box1Header { background-image : url(/global/images/common/default/misc/box/box1/tc.png); }
	.box1Footer { background-image : url(/global/images/common/default/misc/box/box1/bc.png); }
	.box1Body {
		margin : 0 7px 0 7px;
	}
		
/* -------------------------------------------------------------------------
 * 簡易検索エリア
 * ------------------------------------------------------------------------- */
#simple-search {
	float : right;
	margin : 3px 111px 0 0;
}
	#simple-search-input {
		width  : 172px;
		height : 16px;
		line-height   : 100%;
		border-top    : 1px solid #2E2A1E;
		border-right  : 1px solid #827F78;
		border-left   : 1px solid #2E2A1E;
		border-bottom : 1px solid #827F78;
		margin        : 1px 0 0 0;
		float         : left;
		background-color : #DEDBCE;
		color            : #4B4632;
	}
	#btSimpleSearch {
		width  : 180px;
		height : 18px;
		margin : 0 8px 0 0;
		float  : left;
	}
	#btSimpleSearchChara {
		width  : 180px;
		height : 18px;
		margin : 0 0 0 0;
		float  : left;
	}

/* -------------------------------------------------------------------------
 * ナウローディング
 * ------------------------------------------------------------------------- */
/* 黒色ローディング */
.nowloading-black {
	height     : 100px;
	margin     : auto;
	text-align : center;
	background-image : url(/global/images/common/default/misc/nowloading/black/bg.png);
}
.nowloading-black div {
	height : 100%;
	background-position : center;
	background-repeat   : no-repeat;
}

/* 白色ナウローディング */
.nowloading-white {
	background-position : center 0;
	background-repeat   : no-repeat;
}

.nowloading-anime {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/community/images/common/default/misc/loading.gif);
}

/* -------------------------------------------------------------------------
 * ページの先頭へ戻る
 * ------------------------------------------------------------------------- */
.goto-top {
	height  : 19px;
	padding : 0;
	margin  : 5px 23px 5px 0;
}
.goto-top a {
	height  : 19px;
	display : block;
}
.goto-top-icon {
	 background-image  : url(/global/images/common/default/misc/gototop/icGotoTop.png);
	 background-repeat : no-repeat;
	 width : 20px;
}

/* -------------------------------------------------------------------------
 * キャラクターアイコン
 * ------------------------------------------------------------------------- */
.character-icon-win {
	border : 1px solid #666;
}
.character-icon {
	border : 1px solid #CFCCBB;
}
.switch-portrait-icon {
	border : 1px solid #998563;
	display: block;
	width: 40px;
	height: 40px;
}

/* -------------------------------------------------------------------------
 * 矢印ボタン
 * ------------------------------------------------------------------------- */
/* 矢印ボタン単品 */
.btNextArrow, .btPrevArrow {
	display : block;
	width   : 20px;
	height  : 20px;
}
.btNextArrow { background-image : url(/global/images/common/default/misc/button/btNextArrow.png) }
.btPrevArrow { background-image : url(/global/images/common/default/misc/button/btPrevArrow.png) }

/* 文字つきの矢印ボタン */
.btNextArrowWithLabel, .btPrevArrowWithLabel {
	display : block;
	min-height  : 20px;
	line-height : 170%;
	background-repeat : no-repeat;
}
* html .btNextArrowWithLabel, * html .btPrevArrowWithLabel {
	height : 20px;
}
.btNextArrowWithLabel {
	padding : 0 20px 0 0;
	text-align : right;
	background-position : right center;
	background-image : url(/global/images/common/default/misc/button/btNextArrowWithLabel.png);
}
.btNextArrowWithLabel:hover {
	background-image : url(/global/images/common/default/misc/button/btNextArrowWithLabelHover.png);
}
.btPrevArrowWithLabel {
	padding : 0 0 0 20px;
	background-position : 0 center;
	background-image : url(/global/images/common/default/misc/button/btPrevArrowWithLabel.png)
}
.btPrevArrowWithLabel:hover {
	background-image : url(/global/images/common/default/misc/button/btPrevArrowWithLabelHover.png);
}

/* -------------------------------------------------------------------------
 * ヘッダーの導線バナー
 * ------------------------------------------------------------------------- */
#bnGotoPromo {
	width  : 225px;
	height : 72px;
}
#bnGotoForum {
	margin-top: 4px;
	width  : 200px;
	height : 89px;
}
#bnNBegin, #bnFFXIV2, #bnLegacy, #bnWelcomeback, #bnTransReborn {
	width  : 266px;
	height : 140px;
}

/* -------------------------------------------------------------------------
 * 拡大画像の注釈
 * ------------------------------------------------------------------------- */
#imgzoom-note {
	position : absolute;
	top : 0px;left : 0px;
	color : #fff;
}
#imgzoom-note-mc, #imgzoom-note-mr {
	height : 68px;
	float  : left;
}
#imgzoom-note-mc {
	background-image : url(/global/images/common/default/misc/imgzoom/mc.png);
}
	#imgzoom-note-mc div {
		padding : 20px 0 0 15px;
	}
#imgzoom-note-mr {
	width : 150px;
	background-image : url(/global/images/common/default/misc/imgzoom/mr.png);
}

/* -------------------------------------------------------------------------
 * 画像ミニプレビューアイコン
 * ------------------------------------------------------------------------- */
.icMiniPreview {
	width: 16px;
	height: 16px;
	display: block;
	background-image : url(/global/images/common/default/misc/icon/minipreview.png);
}
.miniPreviewContainer {
	z-index: 10;
	position: absolute;
	display: none;
	overflow: hidden;
	background-image : url(/global/images/common/default/misc/minipreview/frame.png);
}
.miniPreviewContainer td{
	width: 174px;
	height: 174px;
}
.miniPreviewImage {
	border: 1px solid #988564;
}


/* -------------------------------------------------------------------------
 * 共通ページャ
 * ------------------------------------------------------------------------- */
.common-pager {
	border : 1px solid #D7D9CE;
}
	.common-pager-inner {
		border  : 1px solid #F3F5E8;
		padding : 2px;
		background-color : #EBE9D8;
	}
	
	/* ページャ見出し */
	.common-pager-headline {
		background-image  : url(/community/images/common/default/pager/common/headline/ml.png);
		background-repeat : repeat-y;
	}
	.common-pager-headlineInner {
		background-image    : url(/community/images/common/default/pager/common/headline/mr.png);
		background-repeat   : repeat-y;
		background-position : right;
	}
	.common-pager-headlineTL, .common-pager-headlineTR, .common-pager-headlineBL, .common-pager-headlineBR {
		width     : 3px;
		height    : 3px;
		font-size : 1px;
	}
	.common-pager-headlineTL {
		background-image : url(/community/images/common/default/pager/common/headline/tl.png);
		float : left;
	}
	.common-pager-headlineTR {
		background-image : url(/community/images/common/default/pager/common/headline/tr.png);
		float : right;
	}
		.common-pager-headlineBL {
		background-image : url(/community/images/common/default/pager/common/headline/bl.png);
		float : left;
	}
	.common-pager-headlineBR {
		background-image : url(/community/images/common/default/pager/common/headline/br.png);
		float : right;
	}
	.common-pager-headlineHeader, .common-pager-headlineFooter {
		height    : 3px;
		font-size : 1px;
		background-repeat : repeat-x;
	}
	.common-pager-headlineHeader { background-image : url(/community/images/common/default/pager/common/headline/tc.png); }
	.common-pager-headlineFooter { background-image : url(/community/images/common/default/pager/common/headline/bc.png); }
	.common-pager-headlineBody {
		text-align : left;
		padding : 0 5px 0 5px;
		margin  : 0 3px 0 3px;
		background-image : url(/global/images/common/default/misc/texture/texture2.png);
	}
	/* プルダウン部分のテキスト指定 */
	.common-pager-headlineBody td {
		font-weight : bolder;
		color : #fff;
	}
	/* x件中x件表示 */
	.common-pager-counter {
		text-align : center;
		padding : 0 0 4px 0;
	}
	/* 次へ前へ部分 */
	.common-pager-paging {
		text-align : center;
		padding : 2px 0 0 0;
	}
		.common-pager-paging table {
			margin : auto;
		}
		.common-pager-paging th {
			width : 21px;
		}
	
	/* ページャ用罫線調整 */
	.common-pager .line-type2 {
		height : 2px;
	}
	/* オレンジの協調部分 */
	.common-pager-paging-strong {
		color       : #CC7700;
		font-size   : 16px;
		font-weight : bold;
	}
	.commonPagerCounterStrStrong {
		color : #CC7700;
	}
	.common-pager-index {
		padding : 0 10px 0 10px;
	}
	/* 上限表示 */
	.common-pager-error {
		border : 1px solid #D58878;
		background-color : #BF4830;
		text-align : center;
		color : #fff;
		margin-top:4px;
	}
	/* マージン上下のスペース調整用 */
	.common-pager-margin {
		height : 4px;
		font-size : 1px;
	}
	
	/* 次へ前へボタン */
	.btPgNext, .btPgPrev, .btPgEnd, .btPgFirst {
		width   : 20px;
		height  : 20px;
		display : block;
	}
	.btPgNext { background-image : url(/community/images/common/default/pager/common/btPgNext.png) }
	.btPgPrev { background-image : url(/community/images/common/default/pager/common/btPgPrev.png) }
	.btPgFirst { background-image : url(/community/images/common/default/pager/common/btPgFirst.png) }
	.btPgEnd { background-image : url(/community/images/common/default/pager/common/btPgEnd.png) }


/* 共通ボタン */
.btNaviBase {
	text-decoration : none;
	background-image:url(/players/images/common/default/button/btNaviBase.png);
}
	.btNaviBase div {
		position   : relative;
		top        : 4px;
		text-align : center;
		color      : #fff;
	}
	.btNaviBase:hover div {
		color      : #fff;
	}
/* -------------------------------------------------------------------------
 * トップバナー
 * ------------------------------------------------------------------------- */
#fullTopBannerArea {
	width: 774px;
	height: 70px;
	overflow: hidden;
	background-image: url(/community/images/common/default/contents/mypage/topBanner/bg.png);
	background-position: 0 bottom;
}
#fullTopBannerArea div {
	margin: 3px 0 0 0;
	text-align: center;
}

			#vWrap {
				width:100%;
				height:100%;
				background:transparent url(/players/images/common/default/meteor/header.png) no-repeat top center;
			}
			#vTable {
				width:100%;
				height:100%;
				background:transparent url(/players/images/common/default/meteor/footer.png) no-repeat bottom right;
			}
			#vTableHeader {
				height:100px;
			}
			#vTableBody {
			}
			#vTableFooter {
				height:100px;
				color:#fff;
				text-align:center;
				text-shadow:0px 1px 1px #000,0px 0px 1px #000,1px 0px 1px #000,0px -1px 1px #000,-1px -1px 1px #000,-1px 0px 1px #000;
			}