@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;}
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{
	color:#fff!important;
	text-decoration:none;
}
a:hover {
	color:#fee661!important;
}

html, body {
	height:100%;
	text-align:center;
}

body {
	color:#cec4a8;
	background-image:url(../imgs/template/common/body/bg.jpg);
}

hr {
	border:none;
	width:980px;
	height:12px;
	margin:0;
	background:transparent url(../imgs/template/common/misc/hr/bg.png) repeat-x;
}
ul li, dl dt, dl dd {list-style-type:none;}

hr.Type2 {
	height: 3px;
	width: 100%;
	background:transparent url(../imgs/template/common/misc/hr/type2.png) repeat-x;
}
.HrType3 {
	background:transparent url(../imgs/template/common/misc/hr/type3.png) repeat-y center;
}
.HrType4 {
	background:transparent url(../imgs/template/common/misc/hr/type3.png) repeat-y center;
}
#en .HrType4 {
	background-position: 290px 0;
}
/**
 * フロート
 */
.FloatLeft {
	float:left;
}
.FloatRight {
	float:right;
}
.ClearBoth {
	clear:both;
	font-size: 0;
}
/**
 * テキスト位置
 */
.AlignLeft {
	text-align:left;
}
.AlignRight {
	text-align:right;
}
.AlignCenter {
	text-align:center;
}
/**
 * 共通領域外側
 */
.CommonBound {
	width:980px;
	margin:auto;
}
/**
 * 共通領域内側
 */
.CommonInner {
	width:880px;
	margin:auto;
}
/**
 * 共通領域内側を二つに分割する場合
 */
.CommonInnerSplit {
	width:440px;
}
/* 領域左右 */
.CommonInnerSplitLeftInner, .CommonInnerSplitRightInner {
	width:410px;
}
/* 領域左側 */
.CommonInnerSplitLeftInner {
}
/* 領域右側 */
.CommonInnerSplitRightInner {
	margin:0 0 0 30px;
}
.CommonMargin {
	height:8px;
}
/**
 * テキスト見出し
 */
.TextHeadline {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 13px 0;
	color: #cdb86a;
}
/**
 * 注釈カラー
 */
/* 通常注釈 */
.Note {
	color:#c26454;
}
/* 注釈カラー2 */
.Note2 {
	color: #ce8245;
}
/* メニューのアップデート表示 */
.MenuUpdate {
	color:#f76cec;
	font-size:10px;
	position:absolute;
	top:-7px;
	left:12px;
	letter-spacing:1px;
	font-family:Helvetica, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
/* ストーリー用アップデート */
.MenuStoryUpdate {
	position: absolute;
	top: 43px;
	color:#f76cec;
	font-size:10px;
	position:absolute;
	font-family:Helvetica, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
/* モーダル状態で使う強調 */
.ModalStrong {
	color:#cdb86a!important;
}
.Block {
	display:block;
}
.Hide {
	display: none;
}
/**
 * 角丸
 */
.CommonRadius, .CommonRadiusInner {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
}
.CommonRadius {
	border:1px solid #3f3b33;
}
.CommonRadiusInner {
	background-color:#1f1c15;
	border:1px solid #000;
}
/**
 * 表組み
 */
.CommonTable {
	/*border:1px solid #CFCCBB;*/
	background-color:#696040;
	border-spacing:1px;
}
.CommonTable th, .CommonTable td {
	border:1px solid #2f2b1e;
}
.CommonTable th {
	background-color:#443e2b;
}
.CommonTable td {
	background-color:#27241a;
}
.CommonTable a {
	color:#fee661!important;
	text-decoration:underline!important;
}
.CommonTable a:hover {
	color:#ffa336!important;
	text-decoration:none!important;
}
.ShadowText {
	color:#f4edd2!important;
	line-height:3;
	-webkit-text-shadow:1px 1px 1px #000;
	-moz-text-shadow:1px 1px 1px #000;
	-o-text-shadow:1px 1px 1px #000;
	-ms-text-shadow:1px 1px 1px #000;
	text-shadow:1px 1px 1px #000;
}
/*
 * ページ汎用内サブボタン
 */
.SubButton, .SubButtonCommingSoon {
	width:281px;
	height:31px;
	display:block;
	background-image:url(../imgs/template/common/misc/button/sub.png);
}
.SubButton:hover {
	background-position:0 bottom;
}
.SubButton span {
	display:block;
	color:#fff!important;
	width:100%;
	text-align:center;
	padding:6px 0 0 0;
}
.SubButtonCommingSoon {
	background-image:url(../imgs/template/common/misc/button/subcomming.png);
}
.SmallButton {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff!important;
	width: 150px;
	height: 34px;
	background-image:url(../imgs/template/common/misc/button/small.png);
}
/**
 * 拡大画像
 */
#expansionImg {
	cursor:pointer;
}
/* マスク */
#mask {
	cursor:pointer;
}
/**
 * 基礎部分
 */
#base {
	min-height:100%;
	min-width:1024px;
	margin:auto;
	position:relative;
	text-align:center;
	background:transparent url(../imgs/template/common/base/bg.jpg) repeat-y center top;
}
/* IE対応 */
* html #base {height:100%;width:1024px;}

.BaseInner {
	width:1024px;
	margin:auto;
}

/* ヘッダー */
#baseHeader {
	margin:auto;
	text-align:left;
}
/* ヘッダーサイズノーマル */
.HeaderNormal#baseHeader {
	background:transparent url(../imgs/template/common/base/header/bg.jpg) no-repeat top center;
}
/* ヘッダーサイズラージ */
.HeaderLarge#baseHeader {
	background:transparent url(../imgs/template/common/base/header/bgL.jpg) no-repeat top center;
}
/* ボディー */
#baseBody {
	margin:auto;
	padding:0 0 30px 0;
}
/* USの場合 */
.us #baseBody {
	padding:0 0 250px 0;
}
/* フッター */
#baseFooter {
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
}
/* USの場合 */
.us #baseFooter {
	height:250px;
}

/**
 * ヘッダー
 */
#baseHeaderInner {
	width:1024px;
	margin:auto;
}
/* メイン部分 */
#headerContainer {
	text-align:left;
	height:194px;
}
#ja #headerContainer {
	background-image:url(../imgs/template/ja/base/header/logo.png);
}
#en #headerContainer {
	background-image:url(../imgs/template/en/base/header/logo.png);
}
#fr #headerContainer {
	background-image:url(../imgs/template/fr/base/header/logo.png);
	background-position: 0 -20px;
}
#de #headerContainer {
	background-image:url(../imgs/template/de/base/header/logo.png);
	background-position: 0 -20px;
}
/**
 * xijpへのバナー
 */
#xijpBanner {
	display:block;
	width:200px;
	height:88px;
	background-image:url(../imgs/template/common/misc/banner/header/bg.png);
	position:absolute;
	z-index:0;
	margin:61px 0 0 800px;
}
#xijpBanner:hover {
	background-position:0 bottom;
}

/**
 * アドリンロゴボタン
 */
#adoulinLogoBtn {
	width:370px;
	height:150px;
	display:block;
	margin:20px 0 0 325px;
	position:absolute;
	z-index:0;
}
/**
 * 言語選択
 */
#langSelectContainer {
	width:160px;
	height:22px;
	position:absolute;
	z-index:0;
	margin:15px 0 0 843px;
	overflow:hidden;
	padding:6px 0 0 0;
	background-repeat:no-repeat;
}
#ja #langSelectContainer, #en #langSelectContainer {
	background-image:url(../imgs/template/ja/misc/lang/bg.png);
}
#fr #langSelectContainer {
	background-image:url(../imgs/template/fr/misc/lang/bg.png);
}
#de #langSelectContainer {
	background-image:url(../imgs/template/de/misc/lang/bg.png);
}
#langSelectContainer ul {
	clear:both;
	margin:0 0 0 70px;
}
#langSelectContainer li {
	list-style-type:none;
	float:left;
	margin:0 2px 0 0;
}
#langSelectContainer a {
	width:15px;
	height:10px;
	display:block;
	font-size:0;
}
/* 言語旗 */
#langJPBtn {
	background-image:url(../imgs/template/common/misc/lang/jp.png);
}
#langUSBtn {
	background-image:url(../imgs/template/common/misc/lang/us.png);
}
#langEUBtn {
	background-image:url(../imgs/template/common/misc/lang/eu.png);
}
#langFRBtn {
	background-image:url(../imgs/template/common/misc/lang/fr.png);
}
#langDEBtn {
	background-image:url(../imgs/template/common/misc/lang/de.png);
}
/* 選択状態にする */
.jp #langJPBtn {
	background-position:0 bottom;
	cursor:default;
}
.us #langUSBtn {
	background-position:0 bottom;
	cursor:default;
}
.eu #langEUBtn {
	background-position:0 bottom;
	cursor:default;
}
.fr #langFRBtn {
	background-position:0 bottom;
	cursor:default;
}
.de #langDEBtn {
	background-position:0 bottom;
	cursor:default;
}
/**
 * FF11へのリンク 
 */
#ff11Lnk {
	width:160px;
	height:22px;
	display:block;
	position:absolute;
	z-index:0;
	margin:15px 0 0 20px;
	background-image:url(../imgs/template/common/base/header/ff11Lnk.png);
}
/**
 * 音楽再生
 */
#musicFlashContent {
	position:absolute;
	z-index:1;
	margin:40px 0 0 20px;
}
/**
 * メインメニュー
 */
#mainMenuContainer {
	width:1002px;
	height:117px;
	margin:auto;
}
/* メインメニューエリア */
/* ホームとプロモ */
#mainMenuAreaLeft {
	float:left;
	width:175px;
}
/* メインメニュー */
#mainMenuAreaCenter {
	float:left;
	width:640px;
	padding:55px 0 0 0;
	text-align:center;
}
#mainMenuAreaCenter a {
	display:block;
	height:31px;
	position:relative;
	text-align:left;
}
#mainMenuAreaCenter a:hover {
	background-position:0 bottom;
}
/* ボタンコンテナ */
.MenuBtnContainer {
	margin:0 auto 0 auto;
}
.MenuBtnContainer th {
	width:30px;
}
#fr .MenuBtnContainer th {
	width:20px;
}
/* エリアボタン */
#ja #menuAreaBtn {
	width:186px;
	background-image:url(../imgs/template/ja/menu/area.png);
}
#en #menuAreaBtn {
	width:292px;
	background-image:url(../imgs/template/en/menu/area.png);
}
#fr #menuAreaBtn {
	width:245px;
	background-image:url(../imgs/template/fr/menu/area.png);
}
#de #menuAreaBtn {
	width:287px;
	background-image:url(../imgs/template/de/menu/area.png);
}
/* モンスターボタン */
#ja #menuMonsterBtn {
	width:181px;
	background-image:url(../imgs/template/ja/menu/monster.png);
}
#en #menuMonsterBtn {
	width:111px;
	background-image:url(../imgs/template/en/menu/monster.png);
}
#fr #menuMonsterBtn {
	width:200px;
	background-image:url(../imgs/template/fr/menu/monster.png);
}
#de #menuMonsterBtn {
	width:193px;
	background-image:url(../imgs/template/de/menu/monster.png);
}
/* ジョブボタン */
#ja #menuJobBtn {
	width:128px;
	background-image:url(../imgs/template/ja/menu/job.png);
}
#en #menuJobBtn {
	width:90px;
	background-image:url(../imgs/template/en/menu/job.png);
}
#fr #menuJobBtn {
	width:135px;
	background-image:url(../imgs/template/fr/menu/job.png);
}
#de #menuJobBtn {
	width:88px;
	background-image:url(../imgs/template/de/menu/job.png);
}
/* 開拓システムボタン */
#ja #menuColonizationBtn {
	width:113px;
	background-image:url(../imgs/template/ja/menu/colonization.png);
}
#en #menuColonizationBtn {
	width:115px;
	background-image:url(../imgs/template/en/menu/colonization.png);
}
#fr #menuColonizationBtn {
	width:132px;
	background-image:url(../imgs/template/fr/menu/colonization.png);
}
#de #menuColonizationBtn {
	width:125px;
	background-image:url(../imgs/template/de/menu/colonization.png);
}
/* 武器防具ボタン */
#ja #menuArmouryBtn {
	width:145px;
	background-image:url(../imgs/template/ja/menu/armoury.png);
}
#en #menuArmouryBtn {
	width:78px;
	background-image:url(../imgs/template/en/menu/armoury.png);
}
#fr #menuArmouryBtn {
	width:153px;
	background-image:url(../imgs/template/fr/menu/armoury.png);
}
#de #menuArmouryBtn {
	width:135px;
	background-image:url(../imgs/template/de/menu/armoury.png);
}
/* 魔境ボタン */
#ja #menuSkirmishesBtn {
	width:84px;
	background-image:url(../imgs/template/ja/menu/skirmishes.png);
}
#en #menuSkirmishesBtn {
	width:142px;
	background-image:url(../imgs/template/en/menu/skirmishes.png);
}
#fr #menuSkirmishesBtn {
	width:152px;
	background-image:url(../imgs/template/fr/menu/skirmishes.png);
}
#de #menuSkirmishesBtn {
	width:157px;
	background-image:url(../imgs/template/de/menu/skirmishes.png);
}
/* モグリゾート */
#ja #menuMogGardenBtn {
	width: 112px;
	background-image:url(../imgs/template/ja/menu/moggarden.png);
}
#en #menuMogGardenBtn {
	width: 120px;
	background-image:url(../imgs/template/en/menu/moggarden.png);
}
#fr #menuMogGardenBtn {
	width: 107px;
	background-image:url(../imgs/template/fr/menu/moggarden.png);
}
#de #menuMogGardenBtn {
	width: 107px;
	background-image:url(../imgs/template/de/menu/moggarden.png);
}

/* アートワーク */
#mainMenuAreaRight {
	float:right;
	position: relative;
}
/* トップへ戻るボタン */
#gotoTopBtn {
	width:105px;
	height:18px;
	display:block;
	margin:57px 0 0 2px;
	background-image: url(../imgs/template/common/menu/button/home.png);
}
#gotoTopBtn:hover, #gotoStoryBtn:hover {
	background-position: 0 bottom;
}
#gotoStoryBtn {
	width: 137px;
	height: 18px;
	display: block;
	margin: 57px 2px 0 0;
}
#ja #gotoStoryBtn {background-image:url(../imgs/template/ja/menu/button/story.png);}
#en #gotoStoryBtn {background-image:url(../imgs/template/en/menu/button/story.png);}
#fr #gotoStoryBtn {background-image:url(../imgs/template/fr/menu/button/story.png);}
#de #gotoStoryBtn {background-image:url(../imgs/template/de/menu/button/story.png);}
/* プロモ動画とアートワーク表示ボタン */
#showPromoVideoBtn, #showArtWorkBtn {
	position:relative;
	height:26px;
	display:block;
}
#showPromoVideoBtn:hover, #showArtWorkBtn:hover {
	background-position:0 bottom;
}
/* プロモ動画の表示 */
#showPromoVideoBtn {
	width:151px;
	margin:15px 0 0 0;
}
#ja #showPromoVideoBtn {
	background-image:url(../imgs/template/ja/button/promovideo.png);
}
#en #showPromoVideoBtn {
	background-image:url(../imgs/template/en/button/promovideo.png);
}
#de #showPromoVideoBtn {
	background-image:url(../imgs/template/de/button/promovideo.png);
}
#fr #showPromoVideoBtn {
	background-image:url(../imgs/template/fr/button/promovideo.png);
}
#showPromoVideoBtn .MenuUpdate {
	left:22px;
}
/* アートワークの表示 */
#showArtWorkBtn {
	width:125px;
	margin:16px 0 0 0;
}
#ja #showArtWorkBtn, #en #showArtWorkBtn {
	background-image:url(../imgs/template/ja/button/artwork.png);
}
#fr #showArtWorkBtn {
	background-image:url(../imgs/template/fr/button/artwork.png);
}
#de #showArtWorkBtn {
	background-image:url(../imgs/template/de/button/artwork.png);
}
/* ボトムマージン */
#headerBottom {
}
.HeaderNormal #headerBottom {
	height:56px;
}
.HeaderLarge #headerBottom {
	height:216px;
}

/**
 * フッター
 */
/* US用のバナー */
#footerUSBanner {
	height:102px;
	text-align:;
	background:transparent url(../imgs/template/common/footer/banner.png) no-repeat center top;
}

/* esrbボタン二種 */
#esrbRateBtn, #esrbPrivacyBtn {
	display:block;
	position:absolute;
	z-index:0;
}
#esrbRateBtn {
	width:140px;
	height:65px;
	margin:2px 0 0 72px;
}
#esrbPrivacyBtn {
	width:76px;
	height:102px;
	margin:0px 0 0 804px;
}
/* USのESRBテキスト */
#footerUSLink {
	text-align: right;
	margin: 0 0 20px;
}

/**
 * 動画エリア
 */
#videoContainer {
	width:1024px;
	height:142px;
	margin:5px 0 0 0;
	background:transparent url(../imgs/template/common/misc/movie/bg.png) no-repeat center;
}
.HeaderNormal #videoContainer {
	display:none;
}
.HeaderLarge #videoContainer {
	display:block;
}
#videoContainerHideBtn {
	display:block;
	width:17px;
	height:17px;
	background:transparent url(../imgs/template/common/misc/movie/button/close.png) no-repeat center;
	position:absolute;
	z-index:0;
	margin:12px 0 0 976px;
}
#videoImageThumbnailContainer {
	margin:auto;
}
#videoImageThumbnailContainer th {
	width:40px;
}
/* 動画サムネイル */
.VideoImageThumbnailBase {
	cursor:pointer;
	color:#fff697;
	width:218px;
	height:122px;
	border:1px solid #4e4839;
}
#videoImageThumbnail1 {
	background:transparent url(../imgs/template/common/misc/movie/thumbnail/movie1.png) no-repeat 1px;
}
#videoImageThumbnail2 {
	background:transparent url(../imgs/template/common/misc/movie/thumbnail/movie2.png) no-repeat 1px;
}

/**
 * トップページ
 */
/* トップコンテナ背景 */
#topContent {
	background:transparent url(../imgs/template/common/content/top/bg.png) no-repeat;
}
/* タイトル */
#topTitle {
	width:980px;
	height:87px;
	background-repeat:no-repeat;
}
#ja #topTitle {
	background-image:url(../imgs/template/ja/content/top/title.png);
}
#en #topTitle {
	background-image:url(../imgs/template/en/content/top/title.png);
}
#fr #topTitle {
	background-image:url(../imgs/template/fr/content/top/title.png);
}
#de #topTitle {
	background-image:url(../imgs/template/de/content/top/title.png);
}
/* テキスト */
#topText {
	height:710px;
	background-repeat:no-repeat;
	background-position:center top;
}
#ja #topText {
	background-image:url(../imgs/template/ja/content/top/text.png);
}
#en #topText {
	background-image:url(../imgs/template/en/content/top/text.png);
}
#fr #topText {
	background-image:url(../imgs/template/fr/content/top/text.png);
}
#de #topText {
	background-image:url(../imgs/template/de/content/top/text.png);
}
/* 製品情報  & 更新情報  */
#productHeadline, #updateHeadline {
	background-repeat:no-repeat;
}
/**
 * 製品情報
 */
/* 見出し */
#productHeadline {
	height:32px;
}
#ja #productHeadline {
	background-image:url(../imgs/template/ja/content/top/product/title.png);
}
#en #productHeadline {
	background-image:url(../imgs/template/en/content/top/product/title.png);
}
#fr #productHeadline {
	background-image:url(../imgs/template/fr/content/top/product/title.png);
}
#de #productHeadline {
	background-image:url(../imgs/template/de/content/top/product/title.png);
}
/* プロモページへボタン */
#gotoPromoBtn {
	display:block;
	width:569px;
	height:90px;
	margin:auto;
}
#ja #gotoPromoBtn {
	background-image:url(../imgs/template/ja/content/top/product/button/banner.png);
}
#en #gotoPromoBtn {
	background-image:url(../imgs/template/en/content/top/product/button/banner.png);
}
#fr #gotoPromoBtn {
	background-image:url(../imgs/template/fr/content/top/product/button/banner.png);
}
#de #gotoPromoBtn {
	background-image:url(../imgs/template/de/content/top/product/button/banner.png);
}
/* アドゥリン購入ボタン */
#buyAdoulinBtn, #buyCollectionBtn, #buyAdoulinBtn div, #buyCollectionBtn div, #buyNowBtn {
	display:block;
	width:341px;
	height:38px;
	cursor:pointer;
	text-decoration:none!important;
}
#buyNowBtn {
	overflow:hidden;
	text-decoration:none!important;
}
#buyNowBtn div {
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 0;
}
#buyAdoulinBtn:hover, #buyCollectionBtn:hover, #buyNowBtn:hover {
	background-position:0 bottom;
}
#buyAdoulinBtn, #buyNowBtn {
	background-image:url(../imgs/template/common/content/top/product/button/buyadoulin.png);
}
#ja #buyAdoulinBtn div {
	background-image:url(../imgs/template/ja/content/top/product/button/buyadoulin.png);
}
#en #buyAdoulinBtn div, #fr #buyAdoulinBtn div, #de #buyAdoulinBtn div {
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 0;
}
/* ヴァナコレ購入ボタン */
#buyCollectionBtn {
	background-image:url(../imgs/template/common/content/top/product/button/buyset.png);
}
#ja #buyCollectionBtn div {
	background-image:url(../imgs/template/ja/content/top/product/button/buyset.png);
}
#en #buyCollectionBtn div, #fr #buyCollectionBtn div, #de #buyCollectionBtn div {
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 0;
}
/* 製品情報 */
#productInfo {
	padding:5px;
}
#productInfo th, #productInfo td {
	padding:3px 6px;
} 
/**
 * 更新情報
 */
/* 見出し */
#updateHeadline {
	height:32px;
}
#ja #updateHeadline {
	background-image:url(../imgs/template/ja/content/top/update/title.png);
}
#en #updateHeadline {
	background-image:url(../imgs/template/en/content/top/update/title.png);
}
#fr #updateHeadline {
	background-image:url(../imgs/template/fr/content/top/update/title.png);
}
#de #updateHeadline {
	background-image:url(../imgs/template/de/content/top/update/title.png);
}
/* 更新情報エリア */
#update {
	padding:10px;
}
#update div {
	height:70px;
	overflow:auto;
}

/**
 * 相関図
 */
/* タイトル */
#correlationTitle {
	width:980px;
	height:112px;
	background-repeat:no-repeat;
}
#ja #correlationTitle {
	background-image:url(../imgs/template/ja/content/correlation/title.png);
}
#en #correlationTitle {
	background-image:url(../imgs/template/en/content/correlation/title.png);
}
#correlationImage {
	padding-top: 16px;
	padding-bottom: 10px;
}
/**
 * 登場キャラクター
 */
/* コンテナ背景 */
#characterContent {
	background:transparent url(../imgs/template/common/content/character/bg.png) no-repeat;
}
/* タイトル */
#characterTitle {
	width:980px;
	height:107px;
	background-repeat:no-repeat;
}
#ja #characterTitle {
	background-image:url(../imgs/template/ja/content/character/title.png);
}
#en #characterTitle {
	background-image:url(../imgs/template/en/content/character/title.png);
}
#fr #characterTitle {
	background-image:url(../imgs/template/fr/content/character/title.png);
}
#de #characterTitle {
	background-image:url(../imgs/template/de/content/character/title.png);
}
/* テキスト */
#characterText {
	height:840px;
	background-repeat:no-repeat;
}
#ja #characterText {
	background-image:url(../imgs/template/ja/content/character/text.png);
}
#en #characterText {
	background-image:url(../imgs/template/en/content/character/text.png);
}
#fr #characterText {
	background-image:url(../imgs/template/fr/content/character/text.png);
}
#de #characterText {
	background-image:url(../imgs/template/de/content/character/text.png);
}
/* サムネイル */
#characterThumbnail1, #characterThumbnail2, #characterThumbnail3 {
	display:block;
	width:151px;
	height:106px;
	position:absolute;
}
#characterThumbnail1 {
	margin:15px 0 0 0;
	background-image:url(../imgs/template/common/content/character/thumbnail/1.png);
}
#characterThumbnail2 {
	margin:69px 0 0 140px;
	background-image:url(../imgs/template/common/content/character/thumbnail/2.png);
}
#characterThumbnail3 {
	margin:0 0 0 270px;
	background-image:url(../imgs/template/common/content/character/thumbnail/3.png);
}
/* その他のコンテンツエリア */
#characterInfo {
	width:420px;
	margin-left:60px;
}
#ja #characterInfo {
	margin-top:220px;
}
#en #characterInfo {
	margin-top:230px;
}
#fr #characterInfo {
	margin-top:245px;
}
#de #characterInfo {
	margin-top:300px;
}
#characterInfoOther {
	width:420px;
	position:absolute;
	margin:205px 0 0 0;
}
#characterInfoOther .CommonRadiusInner {
	padding:10px;
}
/**
 * 各種ページ遷移ボタン
 */
/* キャラクターへ */
#gotoCharacter {
	width:231px;
	height:24px;
	display:block;
	margin:23px 0 0 0;
}
#ja #gotoCharacter {
	background-image:url(../imgs/template/ja/content/top/button/character.png);
}
#en #gotoCharacter {
	background-image:url(../imgs/template/en/content/top/button/character.png);
}
#fr #gotoCharacter {
	background-image:url(../imgs/template/fr/content/top/button/character.png);
}
#de #gotoCharacter {
	background-image:url(../imgs/template/de/content/top/button/character.png);
}
/* トップへ */
#gotoPrologue {
	width:258px;
	height:26px;
	display:block;
	margin:23px 0 0 0;
}
#ja #gotoPrologue {
	background-image:url(../imgs/template/ja/content/character/button/top.png);
}
#en #gotoPrologue {
	background-image:url(../imgs/template/en/content/character/button/top.png);
}
#fr #gotoPrologue {
	background-image:url(../imgs/template/fr/content/character/button/top.png);
}
#de #gotoPrologue {
	background-image:url(../imgs/template/de/content/character/button/top.png);
}
/**
 * サブコンテンツ共通メニュー
 */
#subContentMenu, .subContentMenu {
	margin:auto;
}
/**
 * エリア
 */
#areaContent {
}
/* 最小高を背景画像に合わせる */
#areaBG {
	padding:40px 0 0 0;
	min-height:670px;
	background-repeat:no-repeat;
	background-position:center top;
}
* html #areaBG {
	height:670px;
}
/* タイトル */
#areaTitle {
	width:980px;
	height:140px;
	background-repeat:no-repeat;
}
#ja #areaTitle {
	background-image:url(../imgs/template/ja/content/area/index/title.png);
}
#en #areaTitle {
	background-image:url(../imgs/template/en/content/area/index/title.png);
}
#fr #areaTitle {
	background-image:url(../imgs/template/fr/content/area/index/title.png);
}
#de #areaTitle {
	background-image:url(../imgs/template/de/content/area/index/title.png);
}
/* エリアテキスト */
#areaText {
	margin:auto;
	text-align:center;
	width:470px;
}
/* エリア詳細 */
#areaDetail {
	margin:0 0 0 0;
}
/* サムネイルエリア */
.AreaThumbnails {
	margin:0 auto 30px auto;
}
.AreaThumbnails th {
	width:10px;
}
/**
 * モンスター
 */
#monsterContent {
	
}
/* タイトル */
#monsterTitle {
	width:980px;
	height:140px;
	background-repeat:no-repeat;
}
#ja #monsterTitle {
	background-image:url(../imgs/template/ja/content/monster/index/title.png);
}
#en #monsterTitle {
	background-image:url(../imgs/template/en/content/monster/index/title.png);
}
#fr #monsterTitle {
	background-image:url(../imgs/template/fr/content/monster/index/title.png);
}
#de #monsterTitle {
	background-image:url(../imgs/template/de/content/monster/index/title.png);
}
/* モンスター説明文 */
#monsterText {
	width:350px;
	float:left;
	text-align:left;
}
/* モンスター画像 */
#monsterLook {
	width:520px;
	float:right;
	text-align:right;
}
/**
 * ジョブ
 */
#jobContent {
}
/* タイトル */
#jobTitle {
	width:980px;
	height:120px;
	background-repeat:no-repeat;
}
#ja #jobTitle {
	background-image:url(../imgs/template/ja/content/job/title.png);
}
#en #jobTitle {
	background-image:url(../imgs/template/en/content/job/title.png);
}
#fr #jobTitle {
	background-image:url(../imgs/template/fr/content/job/title.png);
}
#de #jobTitle {
	background-image:url(../imgs/template/de/content/job/title.png);
}
/* ジョブ説明テキスト */
.JobComment {
	line-height:2.5;
}
/* ジョブ名見出し */
#jobTitleType1, #jobTitleType2 {
	width:410px;
	height:44px;
}
/* 風水士 */
#ja #jobTitleType1 {
	background-image:url(../imgs/template/ja/content/job/type1/title.png);
}
#en #jobTitleType1 {
	background-image:url(../imgs/template/en/content/job/type1/title.png);
}
#fr #jobTitleType1 {
	background-image:url(../imgs/template/fr/content/job/type1/title.png);
}
#de #jobTitleType1 {
	background-image:url(../imgs/template/de/content/job/type1/title.png);
}
/* 魔剣 */
#ja #jobTitleType2 {
	background-image:url(../imgs/template/ja/content/job/type2/title.png);
}
#en #jobTitleType2 {
	background-image:url(../imgs/template/en/content/job/type2/title.png);
}
#fr #jobTitleType2 {
	background-image:url(../imgs/template/fr/content/job/type2/title.png);
}
#de #jobTitleType2 {
	background-image:url(../imgs/template/de/content/job/type2/title.png);
}
/* ジョブ一覧表示 */
#jobLook {
	width:980px;
	height:470px;
	text-align:left;
	background-image:url(../imgs/template/common/content/job/look.png);
}
/* ジョブ拡大ボタン */
#jobLook a {
	display:block;
	position:absolute;
	z-index:0;
	height:470px;
}
/* 風水女 */
#jobExpansionBtnType1Female {
	width:135px;
	margin-left:50px;
}
/* 風水男 */
#jobExpansionBtnType1Male {
	width:290px;
	margin-left:185px;
}
/* 魔剣女 */
#jobExpansionBtnType2Female {
	width:180px;
	margin-left:475px;
}
/* 魔剣男 */
#jobExpansionBtnType2Male {
	width:275px;
	margin-left:655px;
}
/* ジョブ詳細リンク集 */
.JobDetailLinkContainer {
}
.JobDetailLinkContainer a {
	margin:0 auto 5px auto;
}
/* ジョブ装備表示ボタン */
#jobShowEquipBtn {
	display:block;
	width:529px;
	height:75px;
	margin:auto;
}
#ja #jobShowEquipBtn {
	background-image:url(../imgs/template/ja/content/job/button/equip.png);
}
#en #jobShowEquipBtn {
	background-image:url(../imgs/template/en/content/job/button/equip.png);
}
#fr #jobShowEquipBtn {
	background-image:url(../imgs/template/fr/content/job/button/equip.png);
}
#de #jobShowEquipBtn {
	background-image:url(../imgs/template/de/content/job/button/equip.png);
}
/**
 * ジョブ詳細
 */
/* ジョブ詳細共通テキスト */
.JobLeadText, .JobDetailText, .JobDetailTextLeft, .JobDetailTextRight {
	line-height:2;
}
.JobLeadText {
	color:#f4edd2;
	width:540px;
	margin:auto;
}
.JobDetailTextLeft {
	width:430px;
	float:left;
}
.JobDetailTextRight {
	width:440px;
	float:right;
}
/**
 * 魔剣のSS
 */
.JobType2Screenshot {
	width:980px;
	height:498px;
}
.JobType2Screenshot td {
	width:460px;
}
.JobType2Screenshot td div {
	padding:0 15px;
}
.JobType2Screenshot th {
	width:60px;
}
/**
 * 開拓システム
 */
#colonizationContent {
	
}
/* タイトル */
#colonizationTitle {
	width:980px;
	height:120px;
	background-repeat:no-repeat;
}
#ja #colonizationTitle {
	background-image:url(../imgs/template/ja/content/colonization/title.png);
}
#en #colonizationTitle {
	background-image:url(../imgs/template/en/content/colonization/title.png);
}
#fr #colonizationTitle {
	background-image:url(../imgs/template/fr/content/colonization/title.png);
}
#de #colonizationTitle {
	background-image:url(../imgs/template/de/content/colonization/title.png);
}
/* 開拓システム説明文 */
#colonizationText {
	margin:auto;
	text-align:center;
	width:470px;
}
/* 七支公 */
#colonizationMonster {
	width:980px;
	height:1244px;
	margin:40px 0 0 0;
	background-repeat:no-repeat;
}
#ja #colonizationMonster {
	background-image:url(../imgs/template/ja/content/colonization/naakuals/monster.png);
}
#en #colonizationMonster {
	background-image:url(../imgs/template/en/content/colonization/naakuals/monster.png);
}
#fr #colonizationMonster {
	background-image:url(../imgs/template/fr/content/colonization/naakuals/monster.png);
}
#de #colonizationMonster {
	background-image:url(../imgs/template/de/content/colonization/naakuals/monster.png);
}
#colonizationExpansionBtnMons1, #colonizationExpansionBtnMons2, #colonizationExpansionBtnMons3,
#colonizationExpansionBtnMons4, #colonizationExpansionBtnMons5, #colonizationExpansionBtnMons6 {
	display:block;
}
#colonizationExpansionBtnMons1, #colonizationExpansionBtnMons2, #colonizationExpansionBtnMons3 {
	height:444px;
	float:left;
}
#colonizationExpansionBtnMons1 {
	width:340px;
}
#colonizationExpansionBtnMons2 {
	width:334px;
}
#colonizationExpansionBtnMons3 {
	width:294px;
}
#colonizationExpansionBtnMons4, #colonizationExpansionBtnMons5 {
	width:485px;
	height:370px;
	float: left;
}
#colonizationExpansionBtnMons6 {
	width: 440px;
	height: 420px;
	margin: 0 0 0 280px;
}
#colonizationBG {
	width:1024px;
	text-align:left;
	background-repeat:no-repeat;
}
/* モンスターの詳細テキスト */
#colonizationDetailText {
	margin:0 0 0 22px;
	line-height:2;
}
/* ワーカーマスターのモーダルテキスト */
.CoalitionsModalText {
	color:#f4edd2;
	line-height:2;
}

/**
 * 魔境
 */
#skirmishesContent {
}
.SkirmishesText {
	line-height: 1.5!important;
}
.SkirmishesRadiusInner {
	width: 836px;
	margin: auto;
	padding: 14px 0 14px 0;
}
#delveEquipLook {
	width: 880px;
	height: 323px;
}
#ja #delveEquipLook {
	background-image: url(../imgs/template/ja/content/skirmishes/delve/equip.png);
}
#en #delveEquipLook {
	background-image: url(../imgs/template/en/content/skirmishes/delve/equip.png);
}
#fr #delveEquipLook {
	background-image: url(../imgs/template/fr/content/skirmishes/delve/equip.png);
}
#de #delveEquipLook {
	background-image: url(../imgs/template/de/content/skirmishes/delve/equip.png);
}
#delveEquipLook1, #delveEquipLook2, #delveEquipLook3 {
	display: block;
	height: 100%;
	float: left;
}
#delveEquipLook1 {
	width: 330px;
}
#delveEquipLook2 {
	width: 290px;
}
#delveEquipLook3 {
	width: 235px;
}
.SkirmishesTwinBoxContainer {
	width: 836px;
	margin: 15px auto;
}
.SkirmishesTwinBox {
	width: 400px;
}

.IncursionTwinBox {
	width: 400px;
}

#en .IncursionTwinBox {
	float: left;
	margin-left: 30px;
}
#en .IncursionTwinBox:first-child {
	width: 278px;
	margin-left: 0;
}

.ItemSSList {
	margin: 0 0 12px 0;
}
	.ItemSSList li {
		float: left;
		margin: 0 0 0 7px;
	}
	.ItemSSList li:first-child {
		margin: 0;
	}

.ItemSSList2 {
	margin: 0 0 12px 0;
}
	.ItemSSList2 li {
		float: left;
		margin: 0 0 0 4px;
	}
	.ItemSSList2 li:first-child {
		margin: 0;
	}

/**
 * 武具
 */
#armouryContent {
	background:transparent url(../imgs/template/common/content/armoury/index/bg.png) no-repeat;
}
#armouryEquipLook {
	width:980px;
	height:514px;
	background:transparent url(../imgs/template/common/content/armoury/index/equip/look.png) no-repeat;
}
#armouryEquipLook a:first-child {
	margin:0 0 0 70px;
}
#armouryEquipLook a {
	display:block;
	height:100%;
	float:left;
}
#armouryEquipLookBtn1 {
	width:337px;
}
#armouryEquipLookBtn2 {
	width:230px;
}
#armouryEquipLookBtn3 {
	width:270px;
}

/**
 * 読み物
 */
#storyContent {
	width: 980px;
	margin: auto;
}

#storySubMenu {
	width: 330px;
}
#storySubMenu ul li {
	margin: 0 0 2px 0;
}
.StorySubMenuButton {
	width: 100%;
	height: 34px;
	display: block;
}
.StorySubMenuButton.StorySubMenuButtonOpen {
	background-image: url(../imgs/template/common/content/story/submenu/button/open.png);
}
.StorySubMenuButton.StorySubMenuButtonClose {
	background-image: url(../imgs/template/common/content/story/submenu/button/close.png);
}
.StorySubMenuButton.StorySubMenuButtonDeactive {
	background-image: url(../imgs/template/common/content/story/submenu/button/open.png);
}
.StorySubMenuButton:hover {
	background-position: 0 bottom;
}
.StorySubMenuButton.StorySubMenuButtonDeactive:hover {
	background-position: 0 top;
}

/* 物語フレーム */
.StorySubMenuFrame {
	width: 317px;
}
.StorySubMenuFrame table {
	margin: 0 0 0 10px;
}
.StorySubMenuFrame th {
	width: 30px;
	text-align: right;
}
#fr .StorySubMenuFrame th {
	width: 60px;
}
.StorySubMenuFrame td {
	width: 260px;
	text-align: left;
}
#fr .StorySubMenuFrame td {
	width: 230px;
}
.StorySubMenuFrame .StorySubMenuLink {
	color: #f4edd2!important;
	text-decoration: underline;
}
.StorySubMenuFrame .StorySubMenuLink:hover {
	color: #f4edd2!important;
	text-decoration: none;
}
/* 日記リンク用 */
.StorySubMenuDialyLink {
	color: #c48f39!important;
	text-decoration: underline;
}
.StorySubMenuDialyLink:hover {
	color: #c48f39!important;
	text-decoration: none;
}

.StorySubMenuUpdate {
	color: #f76cec !important;
	font-size: 10px;
	font-family:Helvetica, 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
.StorySubMenuFrameBody {
	padding: 10px 0 0 0;
	background-image: url(../imgs/template/common/content/story/submenu/body.png);
}
.StorySubMenuFrameFooter {
	height: 12px;
	background-image: url(../imgs/template/common/content/story/submenu/footer.png);
}
/* 物語罫線 */
.StorySubMenuFrameLine {
	font-size: 0;
	height: 1px;
	background: transparent url(../imgs/template/common/content/story/submenu/line.png) no-repeat;
	margin: 10px 0;
}
/* ストーリー見出し */
.StorySubMenuFrameHeadline {
	color: #918263;
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px 25px;
}
/* 物語枠組み */
#storyFrame {
	width: 649px;
}
/* 物語詳細 */
#storyDetail {
	color: #27241c;
}
/* ヘッダー */
#storyDetailHeader {
	height: 127px;
	background-image: url(../imgs/template/common/content/story/frame/header.png);
}
#storyDetailHeaderInner {
	padding: 28px 0 0 58px;
	display: table-cell;
	width: 542px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}
/* ヘッダ内タイトル */
#storyDetailTitle {
	color: #574001;
	font-size: 14px;
	font-weight: bold;
}
/* ヘッダ内リンク */
#storyDetailHeaderLink a {
	color: #a10800 !important;
	text-decoration: underline;
}
#storyDetailHeaderLink a:hover {
	color: #a10800 !important;
	text-decoration: none;
}
/* ボディ */
#storyDetailBody {
	background-image: url(../imgs/template/common/content/story/frame/body.png);
}
#storyDetailBodyDark {
	background-image: url(../imgs/template/common/content/story/frame/body_dark.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
}
/* ストーリー詳細リンク */
.StoryDetailLink {
	color: #a10800 !important;
	text-decoration: underline;
}
.StoryDetailLink:hover {
	color: #a10800 !important;
	text-decoration: none;
}
/* フッター */
#storyDetailFooter,
#storyDetailFooterDark {
	height: 94px;
	text-align: left;
	background-image: url(../imgs/template/common/content/story/frame/footer.png);
}
#storyDetailFooterDark {
	background-image: url(../imgs/template/common/content/story/frame/footer_dark.png);
}
/* クレジット */
#storyAuthorCredit {
	padding: 13px 0 0 0;
	margin: 0 0 0 58px;
}
#storyDetailFooterDark #storyAuthorCredit {
	color: #c5b488;
}
/* 物語詳細用罫線 */
.StoryDetailLine {
	padding: 20px 0;
	background: transparent url(../imgs/template/common/content/story/frame/line.png) no-repeat 0 center;
}
/* 物語テキスト領域 */
.StoryDetailTextBound {
	margin: 0 0 0 58px;
	width: 542px;
}
.StoryDetailText {
	color: #000;
	line-height: 1.8;
}
/* 物語テキスト見出し */
.StoryDetailTextHeadline {
	color: #4d752d;
	font-size: 20px;
	font-weight: bold;
}
/**
 * 物語ボックス1 薄茶
 */
.StoryDetailBox1 {
	font-size: 12px;
	width: 541px;
}
.StoryDetailBox1 .StoryDetailBoxHeader,
.StoryDetailBox1 .StoryDetailBoxFooter {
	height: 10px;
	font-size: 0;
}
.StoryDetailBox1 .StoryDetailBoxHeader {background-image: url(../imgs/template/common/content/story/box/box1/header.png);}
.StoryDetailBox1 .StoryDetailBoxFooter {background-image: url(../imgs/template/common/content/story/box/box1/footer.png);}
.StoryDetailBox1 .StoryDetailBoxBody {
	text-align: center;
	background-image: url(../imgs/template/common/content/story/box/box1/body.png);
}
.StoryDetailBox1 .StoryDetailBoxBodyInner {
	width: 520px;
	margin: auto;
	text-align: left;
}
.StoryDetailBox1 .StoryDetailBoxStrong {
	color: #7c1d00;
}
.StoryDetailBox1 .StoryDetailBoxText {
	color: #000;
}
/**
 * 物語ボックス2 濃茶
 */
.StoryDetailBox2 {
	font-size: 12px;
	width: 541px;
}
.StoryDetailBox2 .StoryDetailBoxHeader {
	width: 541px;
	height: 24px;
}
#ja .StoryDetailBox2 .StoryDetailBoxHeader,
#en .StoryDetailBox2 .StoryDetailBoxHeader {
	background-image: url(../imgs/template/ja/content/story/box/box2/header.png);
}
#fr .StoryDetailBox2 .StoryDetailBoxHeader {
	background-image: url(../imgs/template/fr/content/story/box/box2/header.png);
}
#de .StoryDetailBox2 .StoryDetailBoxHeader {
	background-image: url(../imgs/template/de/content/story/box/box2/header.png);
}
.StoryDetailBox2 .StoryDetailBoxFooter {
	height: 10px;
	font-size: 0;
	background-image: url(../imgs/template/common/content/story/box/box2/footer.png);
}
.StoryDetailBox2 .StoryDetailBoxHeadline {
	width: 541px;
	height: 41px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #f0d869;
	font-weight: bold;
	font-size: 14px;
	background-image: url(../imgs/template/common/content/story/box/box2/headline.png);
}

.StoryDetailBox2 .StoryDetailBoxBody {
	padding: 0 0 10px 0;
	text-align: center;
	background-image: url(../imgs/template/common/content/story/box/box2/body.png);
}
.StoryDetailBox2 .StoryDetailBoxBodyInner {
	width: 520px;
	margin: auto;
	text-align: left;
}
.StoryDetailBox2 .StoryDetailBoxStrong {
	color: #f0d869;
}
.StoryDetailBox2 .StoryDetailBoxText {
	color: #fffbec;
	
}
/**
 * 物語ボックス2 黒
 */
.StoryDetailBoxDark {
	width: 541px;
	border: 1px solid #362c13;
	border-radius: 4px;
}
.StoryDetailBoxDark .StoryDetailBoxHeader,
.StoryDetailBoxDark .StoryDetailBoxFooter {
	height: 10px;
	font-size: 0;
}
.StoryDetailBoxDark .StoryDetailBoxBody {
	text-align: center;
}
.StoryDetailBoxDark .StoryDetailBoxBodyInner {
	width: 520px;
	margin: auto;
	text-align: left;
}
.StoryDetailBoxDark .StoryDetailBoxStrong {
	color: #7d1d04;
}
.StoryDetailBoxDark .StoryDetailBoxText {
	color: #c5b488;
}

/*.StoryDetailBox {
	font-size: 12px;
	width: 541px;
}
.StoryDetailBoxHeader, .StoryDetailBoxFooter {
	height: 10px;
	font-size: 0;
}
.StoryDetailBoxHeader {background-image: url(../imgs/template/common/content/story/box/header.png);}
.StoryDetailBoxFooter {background-image: url(../imgs/template/common/content/story/box/footer.png);}
.StoryDetailBoxBody {
	text-align: center;
	background-image: url(../imgs/template/common/content/story/box/body.png);
}
.StoryDetailBoxBodyInner {
	width: 520px;
	margin: auto;
	text-align: left;
}
.StoryDetailBoxHeadline {
	color: #f0d869;
}
.StoryDetailBoxText {
	color: #e9dcca;
}*/

/**
 * モグガーデン
 */
#mogGardenContent {
	width: 980px;
	margin: auto;
	background: transparent url(../imgs/template/common/content/moggarden/index/bg.png) no-repeat;
}

/**
 * 確認ダイアログ
 */
.CommonDialog {
	color: #fff;
	border: 1px solid #6d6350;
	border-radius:6px;
	background-color: #28241c;
}

/**
 * ヘッダ注意書き
 */
#headNotice {
	position: absolute;
	color: #d90000;
	width: 550px;
	text-align: center;
	margin: 135px 0 0 260px;
	line-height: 1.2;
	text-shadow: 1px 1px 3px #000000;
}
#headNotice a {
	color: #ff7e00 !important;
	text-decoration: underline !important;
}
#headNotice a:hover {
	color: #ff7e00 !important;
	text-decoration: none !important;
}