@charset "UTF-8";

/**
 * 全体初期化
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,textarea{margin: 0;padding: 0;font-size: 12px;line-height: 1.5;font-family: sans-serif;}
table{border-collapse: separate;border-spacing: 0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style: normal;font-weight: normal;}
caption,th{text-align: left;}
q:before,q:after{content: '';}
a{text-decoration: none;outline: none; }


html, body {
	color: #ddd;
	height: 100%;
	text-align: center;
	background: #000 url(../../images/realmreborn/common/body/bg.png) repeat-x;
}

ul, ul li {
	list-style-type: none;
}

textarea {
  min-width: 400px;
}

.Type1 a {
	color: #bf4967;
	text-decoration: none;
}
.Type1 a:hover {
	color: #ff2a7a;
	text-decoration: none;
}

/* 最大領域 */
#base {
	width: 1000px;
	margin: auto;
	min-height: 100%;
	position: relative;
	background: transparent url(../../images/realmreborn/common/base/bg.png) repeat-y center top;
}

 /* IE対応 */
* html #base {height:100%;}

/**
 * ヘッダー
 */
#baseTop {
	overflow: hidden;
	height: 228px;
	background: transparent url(../../images/realmreborn/common/base/header/bg02.png);
}
/* コーポレートヘッダー領域 */
#corporateHeaderWrapper {
	height: 37px;
}

/* 自サイトヘッダー領域 */
#selfHeaderWrapper {
	height: 170px;
}

/**
 * ヘッダーロゴ
 */
#ff14Logo {
	width: 348px;
	height: 132px;
	margin: 0 0 0 40px;
	display: block;
}
.jp #ff14Logo {background-image: url(../../images/realmreborn/ja/base/header/navi/logo02.png);}
.us #ff14Logo {background-image: url(../../images/realmreborn/en/base/header/navi/logo02.png);}
.gb #ff14Logo {background-image: url(../../images/realmreborn/en/base/header/navi/logogb02.png);}
.fr #ff14Logo {background-image: url(../../images/realmreborn/fr/base/header/navi/logo02.png);}
.de #ff14Logo {background-image: url(../../images/realmreborn/de/base/header/navi/logo02.png);}

/**
 * ヘッダー地域選択
 */
#regionSelectorWrapper {
	width: 184px;
	height: 34px;
	margin: 5px 0 0 0;
	background: transparent url(../../images/realmreborn/common/base/header/navi/region/bg.png);
}
/* ヘッダー国旗 */
#regionSelector {
	padding: 10px 0 0 35px;
}
#regionSelectorWrapper li, #regionSelectorWrapper a {
	width: 21px;
	height: 15px;
	display: block;
}
#regionSelectorWrapper li {
	margin: 0 4px 0 0;
}
#regionSelectorWrapper a {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
#regionSelectorWrapper a:hover, #regionActive a {
	filter: alpha(opacity=100);
	opacity: 1;
}
/* アクティブ状態 */
#regionActive a {
	background-position: 0 bottom;
}
/* 各国旗ボタン */
#regionJPButton {background-image: url(../../images/realmreborn/common/base/header/navi/region/jp.png);}
#regionUSButton {background-image: url(../../images/realmreborn/common/base/header/navi/region/us.png);}
#regionGBButton {background-image: url(../../images/realmreborn/common/base/header/navi/region/gb.png);}
#regionFRButton {background-image: url(../../images/realmreborn/common/base/header/navi/region/fr.png);}
#regionDEButton {background-image: url(../../images/realmreborn/common/base/header/navi/region/de.png);}

/**
 * ヘッダーバナー
 */
#headerBannerWrapper {
}
#headerBannerWrapper table {
	margin: auto;
}
#headerBannerWrapper td {
	padding: 0 3px;
}
#headerBannerWrapper a {
	width: 232px;
	height: 52px;
	display: block;
}
#ja #ldsHeaderBanner {background-image: url(../../images/realmreborn/ja/base/header/navi/banner/lds.png);}
#en #ldsHeaderBanner {background-image: url(../../images/realmreborn/en/base/header/navi/banner/lds.png);}
#fr #ldsHeaderBanner {background-image: url(../../images/realmreborn/fr/base/header/navi/banner/lds.png);}
#de #ldsHeaderBanner {background-image: url(../../images/realmreborn/de/base/header/navi/banner/lds.png);}

#ja #guideHeaderBanner {background-image: url(../../images/realmreborn/ja/base/header/navi/banner/guide.png);}
#en #guideHeaderBanner {background-image: url(../../images/realmreborn/en/base/header/navi/banner/guide.png);}
#fr #guideHeaderBanner {background-image: url(../../images/realmreborn/fr/base/header/navi/banner/guide.png);}
#de #guideHeaderBanner {background-image: url(../../images/realmreborn/de/base/header/navi/banner/guide.png);}

#ja #forumHeaderBanner {background-image: url(../../images/realmreborn/ja/base/header/navi/banner/forum.png);}
#en #forumHeaderBanner {background-image: url(../../images/realmreborn/en/base/header/navi/banner/forum.png);}
#fr #forumHeaderBanner {background-image: url(../../images/realmreborn/fr/base/header/navi/banner/forum.png);}
#de #forumHeaderBanner {background-image: url(../../images/realmreborn/de/base/header/navi/banner/forum.png);}

#ja #productHeaderBanner {background-image: url(../../images/realmreborn/ja/base/header/navi/banner/product.png);}
#en #productHeaderBanner {background-image: url(../../images/realmreborn/en/base/header/navi/banner/product.png);}
#fr #productHeaderBanner {background-image: url(../../images/realmreborn/fr/base/header/navi/banner/product.png);}
#de #productHeaderBanner {background-image: url(../../images/realmreborn/de/base/header/navi/banner/product.png);}

/**
 * ボディ
 */
#baseMiddle {
	padding-bottom:120px;
}

/**
 * 見出し
 */
.LargeHeading, .ImportantHeading {
	width: 960px;
	height: 37px;
	margin: auto;
	overflow: hidden;
}


.LargeHeading span, .ImportantHeading span, .MiddleHeading span, .MiddleHeading2 span {
	text-align: left;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
/* 大見出し */
.LargeHeading {
	background-image: url(../../images/realmreborn/common/base/body/heading/large.png);
}
.LargeHeading span {
	color: #edd487;
	margin: 13px 0 0 35px;
}
/* 重要見出し */
.ImportantHeading {
	background-image: url(../../images/realmreborn/common/base/body/heading/important.png);
}
.ImportantHeading span {
	color: #fe9999;
	margin: 13px 0 0 21px;
}

/* 中見出し */
.MiddleHeading {
	margin: auto;
	width: 908px;
  padding-bottom:3px;
	min-height: 29px;
	border: 1px solid #555;
	background: transparent url(../../images/realmreborn/common/base/body/heading/middle.png);/* OLJ:画像差し替え */
}
* html .MiddleHeading {
	height: 29px;
}
.MiddleHeading span {
	color: #fff;
	font-size: 12px;
	display: block;
	padding: 7px 0 7px 12px;
}


.MiddleHeading span {
	color: #fff;
	font-size: 12px;
	padding: 7px 0 0 12px;
}
/* 中見出し2 */
.MiddleHeading2 {
	width: 910px;
	height: 31px;
	background: transparent url(../../images/realmreborn/common/base/body/heading/middle2.png);
}
.MiddleHeading2 span {
	color: #ffc0c0;
	font-size: 12px;
	padding: 7px 0 0 12px;
}
/* 小見出し */
.SmallHeading {
	background: transparent url(../../images/realmreborn/common/base/body/misc/icon/list.png) no-repeat 0 2px;
}
.SmallHeading span {
	display: block;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 14px;
}
.SmallHeading.Type1 span {
	color: #fff;
}
.SmallHeading.Type2 span {
	color: #333;
}


/**
 * 各種ボタン
 */
.SquareButton, .LongButton, .SearchButton, .TabButton, .NaviButton {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.SquareButton:hover, .LongButton:hover, .SearchButton:hover, .TabButton:hover, .NaviButton:hover {
	background-position: 0 bottom;
}
/* 四角い上下に広めのボタン */
.SquareButton {
	width: 217px;
  padding-left: 5px;
  padding-right: 5px;
	height: 100px;
	background-image: url(../../images/realmreborn/common/base/body/navi/button/square.png);
}
.SquareButton span, .LongButton span, .TabButton span, .SearchButton span, .NaviButton span {
	color: #fff;
}
/* 横長のボタン */
.LongButtonWrapper {
}
.LongButtonWrapper li {
	margin: 0 0 2px 0;
}
.LongButton {
	width: 453px;
	height: 43px;
	text-align: left;
	overflow: hidden;
	background-image: url(../../images/realmreborn/common/base/body/navi/button/long.png);
}
.LongButton span {
	padding: 0 0 0 22px;
}
/* 検索ボタン */
.SearchButton {
	width: 88px;
	height: 38px;
	background-image: url(../../images/realmreborn/common/base/body/navi/button/search.png);
}
.SearchButton span {
	font-weight: bold;
}
/* タブボタン */
.TabButton {
	width: 224px;
	height: 33px;
	background-image: url(../../images/realmreborn/common/base/body/navi/button/tab.png);
}
.TabButton span {
	font-weight: bold;
}
.TabButton:hover span {
	color: #8fc0e9;
}
.TabButton.TabButtonActive {
	cursor: default;
	background-position: 0 center;
}
.TabButton.TabButtonActive:hover span {
	color: #fff;
}
/* ナビボタン */
.NaviButton {
	width: 200px;
	height: 29px;
	background-image: url(../../images/realmreborn/common/base/body/navi/button/navi.png);
}
.NaviButton span {
	font-weight: bold;
}

/**
 * ボックス
 */
.BoxBlock.Type1, .BoxBlock.Type2 {
	width: 920px;
}
.BoxBlock.Type2 {
	color: #000;
}
.BoxBlockTop.Type1, .BoxBlockBottom.Type1, .BoxBlockTop.Type2, .BoxBlockBottom.Type2 {
	height: 5px;
	font-size: 0;
}
/* 黒ボックス */
.BoxBlockTop.Type1 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type1/top.png);}
.BoxBlockMiddle.Type1 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type1/middle.png);}
.BoxBlockBottom.Type1 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type1/bottom.png);}

/* 白ボックス */
.BoxBlockTop.Type2 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type2/top.png);}
.BoxBlockMiddle.Type2 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type2/middle.png);}
.BoxBlockBottom.Type2 {background-image: url(../../images/realmreborn/common/base/body/misc/box/type2/bottom.png);}

/**
 * 特殊テキスト
 */
.NoteText.Type1 {
	color: #b96538;
}
.NoteText.Type1 a {
	color: #bf4967;
	text-decoration: underline;
}
.NoteText.Type1 a:hover {
	color: #ff2a7a;
	text-decoration: none;
}

/**
 * 罫線
 */
.DottedLine.Type1, .DottedLine.Type2 {
	font-size: 0;
	height: 1px;
}
.DottedLine.Type1 {background-image: url(../../images/realmreborn/common/base/body/misc/line/dotted1.png);}
.DottedLine.Type2 {background-image: url(../../images/realmreborn/common/base/body/misc/line/dotted2.png);}

/**
 * フッター領域
 */
#baseBottom {
	height:120px;
	width: 1000px;
	position:absolute;
	bottom:0;
	left:0;
}

/**
 * フッター背景こみラッパー
 */
#footerWrapper {
	width: 960px;
	margin: auto;
	background: transparent url(../../images/realmreborn/common/base/footer/bg.png) repeat-x;
}

/**
 * フッターナビ
 */
#footerNaviWrapper {
	padding: 20px 0;
}
#footerNaviWrapper table {
	margin: auto;
}
#footerNaviWrapper td {
	padding:0 2px;
}
/* フッターボタン */
#footerNaviWrapper a, #footerNaviWrapper div {
	display: block;
	width: 226px;
	height: 49px;
}
#footerNaviWrapper a:hover {
	background-position: 0 bottom;
}
/* ルール&ポリシー */
#footerNaviPolicyButton {background-image: url(../../images/realmreborn/common/base/footer/navi/button/policy.png);}
#ja #footerNaviPolicyLabel {background-image: url(../../images/realmreborn/ja/base/footer/navi/button/policy.png);}
#en #footerNaviPolicyLabel {background-image: url(../../images/realmreborn/en/base/footer/navi/button/policy.png);}
#fr #footerNaviPolicyLabel {background-image: url(../../images/realmreborn/fr/base/footer/navi/button/policy.png);}
#de #footerNaviPolicyLabel {background-image: url(../../images/realmreborn/de/base/footer/navi/button/policy.png);}

/* よくあるトラブル */
#footerNaviFaqButton {background-image: url(../../images/realmreborn/common/base/footer/navi/button/faq.png);}
#ja #footerNaviFaqLabel {background-image: url(../../images/realmreborn/ja/base/footer/navi/button/faq.png);}
#en #footerNaviFaqLabel {background-image: url(../../images/realmreborn/en/base/footer/navi/button/faq.png);}
#fr #footerNaviFaqLabel {background-image: url(../../images/realmreborn/fr/base/footer/navi/button/faq.png);}
#de #footerNaviFaqLabel {background-image: url(../../images/realmreborn/de/base/footer/navi/button/faq.png);}

/* お問い合わせ */
#footerNaviContactButton {background-image: url(../../images/realmreborn/common/base/footer/navi/button/contact.png);}
#ja #footerNaviContactLabel {background-image: url(../../images/realmreborn/ja/base/footer/navi/button/contact.png);}
#en #footerNaviContactLabel {background-image: url(../../images/realmreborn/en/base/footer/navi/button/contact.png);}
#fr #footerNaviContactLabel {background-image: url(../../images/realmreborn/fr/base/footer/navi/button/contact.png);}
#de #footerNaviContactLabel {background-image: url(../../images/realmreborn/de/base/footer/navi/button/contact.png);}

/* 不具合報告 */
#footerNaviReportButton {background-image: url(../../images/realmreborn/common/base/footer/navi/button/report.png);}
#ja #footerNaviReportLabel {background-image: url(../../images/realmreborn/ja/base/footer/navi/button/report.png);}
#en #footerNaviReportLabel {background-image: url(../../images/realmreborn/en/base/footer/navi/button/report.png);}
#fr #footerNaviReportLabel {background-image: url(../../images/realmreborn/fr/base/footer/navi/button/report.png);}
#de #footerNaviReportLabel {background-image: url(../../images/realmreborn/de/base/footer/navi/button/report.png);}


/* コピーライト */
#copyright {
	color: #bbb;
}

/**
 * 汎用領域
 */
.OuterBound {
	width: 960px;
	margin: auto;
}
/* 内側の領域2種 OutとInで10pxの差がある */
.InnerBound {
	margin: auto;
}
.InnerBound.Out {
	width: 920px;
}
.InnerBound.In {
	width: 910px;
}
.TextBound {
	margin: auto;
	width: 886px;
}

/**
 * フロート
 */
.FloatLeft {
	float: left;
}
.FloatRight {
	float: right;
}
.FloatEnd {
	clear: both;
}

/**
 * 行揃え
 */
.TextAlignLeft {
	text-align: left;
}
.TextAlignRight {
	text-align: right;
}
.TextAlignCenter {
	text-align: center;
}

/**
 * ここから個別領域の定義
 */

/**
 * 検索エリア
 */
.SearchInput {
	height: 38px;
	padding: 0 0 0 10px;
	line-height: 3;
	border: 1px solid #000;
}

/**
 * タブナビラッパー
 */
#tabNaviWrapper {
}
/* タブボタンの設定 */
#tabNaviButtonWrapper {
	width: 224px;
}
#tabNaviButtonWrapper ul {
	
}
#tabNaviButtonWrapper li {
	margin: 0 0 1px 0;
}
/* タブナビ */
#tabNaviBoxWrapper {
	width: 687px;
	margin: 0 0 0 -1px;
}
#tabNaviBoxTop, #tabNaviBoxBottom {
	height: 3px;
	font-size: 0;
}
#tabNaviBoxTop {background-image: url(../../images/realmreborn/common/base/body/navi/tab/box/top.png);}
#tabNaviBoxMiddle {background-image: url(../../images/realmreborn/common/base/body/navi/tab/box/middle.png);}
#tabNaviBoxBottom {background-image: url(../../images/realmreborn/common/base/body/navi/tab/box/bottom.png);}

/* タブナビゲーションのテキストリンク */
#tabNaviTextLinkWrapper {
	color: #bbb;
}
#tabNaviTextLinkWrapper a {
	color: #bf4967;
	text-decoration: underline;
}
#tabNaviTextLinkWrapper a:hover {
	color: #ff2a7a;
	text-decoration: none;
}
#tabNaviTextLinkWrapper span {
	color: #fff;
}

/**
 * 汎用ページャ
 */
.PagerWrapper {
	margin: auto;
}
.PagerNumLinkWrapper {
}
.PagerNumLinkWrapper a, .PagerNumLinkWrapper span {
	padding: 0 3px;
	text-decoration: underline;
}
.PagerNumLinkWrapper a {
	color: #999;
}
.PagerNumLinkWrapper a:hover {
	color: #fff;
	text-decoration: none;
}
.PagerNumLinkWrapper span {
	color: #fff;
}
.PagerFirstButton, .PagerPrevButton, .PagerLastButton, .PagerNextButton {
	width: 13px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}
.PagerFirstButton {
	background-image: url(../../images/realmreborn/common/base/body/navi/pager/button/first.png);
}
.PagerPrevButton {
	margin: 0 6px 0 6px;
	background-image: url(../../images/realmreborn/common/base/body/navi/pager/button/prev.png);
}
.PagerLastButton {
	background-image: url(../../images/realmreborn/common/base/body/navi/pager/button/last.png);
}
.PagerNextButton {
	margin: 0 5px 0 7px;
	background-image: url(../../images/realmreborn/common/base/body/navi/pager/button/next.png);
}

/**
 * テーブルとアイコンリスト
 */
/* グレーテーブル */
table.Type1 {
	margin: auto;
	border-spacing: 1px;
	background-color: #2f2f2f;
}
table.Type1 td {
	color: #ddd;
	padding: 3px 3px 3px 19px;
	background-color: #4a4a4a;
}
/* テーブルをリストとして使う */
table.Type1 td.List {
	background: #4a4a4a url(../../images/realmreborn/common/base/body/misc/icon/list.png) no-repeat 5px 6px;
}
table.Type1 td.List a {
	color: #ddd;
}
table.Type1 td.List ul {
	position: relative;
}
table.Type1 li.Date {
	position: absolute;
	bottom: 0;
	right: 5px;
	color: #999;
	display: table-cell;
	vertical-align: bottom;
}


table.Type2 {
	border-spacing: 1px;
	background-color: #2f2f2f;
}
table.Type2 .Td1 {
	color: #ddd;
	padding: 5px 10px 5px 10px;
	background-color: #4a505a;
}

table.Type2 .Td2 {
	color: #ddd;
	padding: 5px 10px 5px 10px;
	background-color: #6a6a6a;
}

h5{font-weight:bold;font-size:13px;padding:0 15px 0 15px; margin-bottom: 10px; margin-top: 10px;background-image:url(/images/news-large-icon.gif);background-repeat:no-repeat;background-position:0 0;line-height:130%;}

.formdb{display:block;}
.formdn{display:none;}

td.Td2 label input {margin-right: 3px;}


/* ルール&ポリシー */
#ruleButton {
	width: 214px;
	height: 32px;
	display: block;
	position: relative;
	top: 60px;
	left: -20px;
}
#ja #ruleButton {background-image: url(/images/realmreborn/ja/base/header/navi/rule.png);}
#en #ruleButton {background-image: url(/images/realmreborn/en/base/header/navi/rule.png);}
#fr #ruleButton {background-image: url(/images/realmreborn/fr/base/header/navi/rule.png);}
#de #ruleButton {background-image: url(/images/realmreborn/de/base/header/navi/rule.png);}