@charset "UTF-8";

/* 共通 */
/*----------------------------------------------------------------------------*/
html {
	background-color: #000;
}
body {
	font-size: 12px;
}

/* ----- ヘッダ要素 ----- */
#header {
	min-width: 966px;
	font-size: 12px;
}
	/* ----- スクエニヘッダ ----- */
	#sqex-header {
		height: 37px;
		line-height: 1;
		border-bottom: 1px solid #838383;
		background-color: #000;
	}
		/* ----- スクエニロゴ ----- */
		#sqex-logo {
			float: left;
			padding: 12px 0 0 10px;
		}
			#sqex-logo a {
				display: block;
				width: 130px;
				height: 14px;
			}

/* ----- フッタ要素 ----- */
.sqex-footer-shares img {
	height: 36px;
}
#footer {
	font-size: 1em;
	padding: 20px 0 20px 0;
	background-color: #000;
}
#sqexFooter {
	min-width: 966px;
}
	/* ----- コピーライト ----- */
	#copyright {
	}
		#copyright a,
		#copyright span {
			display: inline-block;
			vertical-align: middle;
			background-repeat: no-repeat;
			background-position: center;
		}
		#copyright-label {
			text-align: center;
		}
			#copyright-label a,
			#copyright-label span {
				padding: 0 10px;
			}
		#copyright-text {
			color: #ccc;
			text-align: center;
		}
		.__server-year__ {
			vertical-align: top !important;
		}

/* コーポレートフッタの上書き */
#sqexFooter {
	margin-right: auto;
	margin-left: auto;
	min-width: 966px;
}
	* html #sqexFooter {
		width: 966px;
	}

/* ----- メニュー ----- */
#menu {
	margin-right: auto;
	margin-left: auto;
	width: 1004px;
}
	#menu li {
		float: left;
		margin-right: 2px;
		margin-left: 2px;
		margin-bottom: 1px
	}
	/* ボタン */
	#menu a {
		display: block;
		width: 247px;
		height: 39px;
		background-image: url(../img/common/menu/button/menu.png);
	}
		#menu a:hover {
			background-position: left bottom;
		}

/* applyボタン */
#button {
	text-align: center;
	margin:5px auto;
}
#apply-button a {
	text-align: center;
	margin:5px auto 10px auto;
	display: block;
	width: 490px;
	height: 48px;
	}
#apply-button a:hover {
	background-position: left bottom;
	}

/* ----- 汎用ボタン ----- */
.common-button {
	display: block;
	width: 251px;
	height: 39px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	text-align: center;
	line-height: 3.4;
	background-image: url(../img/common/misc/button/common.png);
}
	.common-button:hover {
		text-decoration: none;
		background-position: left bottom;
	}

/* ----- 汎用テーブル ----- */
.common-table {

}
	.common-table th {
		color: #fff;
		font-weight: bold;
		text-align: center;
		background-color: #7e7e7e;
	}
	.common-table th,
	.common-table td {
		padding-top: 4px;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		border: 1px solid #555555;
		vertical-align: middle;
	}

	.common-table td .plane{
		padding:5px;
		width:70%;
		color:#000;
		background-color:#fff;
	}
	.common-table th .plane{
		padding:5px;
		width:20%;
		color: #fff;
		font-weight: bold;
		text-align: center;
		background-color: #7e7e7e;
	}
	/* 松竹梅カラーリング */
	.common-table th.standard {
		background-color: #526d4b;
	}
	.common-table td.standard {
		background-color: #f0f8ee;
	}
	.common-table th.gold {
		background-color: #a7890b;
	}
	.common-table td.gold {
		background-color: #f9f6e6;
	}
	.common-table th.platinum {
		background-color: #6e7490;
	}
	.common-table td.platinum {
		background-color: #eff1f8;
	}

/* ----- ロドストか公式へとぶボタンエリア ----- */
#goto-ffxiv-navi {
}
	/* トップページレイアウトの場合 */
	#top-layout #goto-ffxiv-navi {
		padding-bottom: 50px;
		width: 500px;
	}
	/* サブページレイアウトの場合 */
	#sub-layout #goto-ffxiv-navi {
		padding-top: 32px;
		padding-bottom: 76px;
		width: 1000px;
	}
	#top-layout #goto-ffxiv-navi,
	#sub-layout #goto-ffxiv-navi {
		margin-right: auto;
		margin-left: auto;
	}
	/* ロードストーンへボタン */
	#goto-lds-button {
		float: right;
	}
	/* 公式サイトへボタン */
	#goto-official-button {
		float: left;
	}

/* ----- スクロールトップボタン ----- */
#scrolltop-button,
#scrolltop-button a {
	position: absolute;
	top: 0;
	display: block;
	width: 80px;
	height: 59px;
}
	#scrolltop-button {
		right: 0;
		overflow: hidden;
		z-index: 10;
	}
	#scrolltop-button a {
		left: 80px;
		cursor: pointer;
		background-image: url(../img/common/misc/button/scrolltop.png);
	}

/* ----- コンテンツ ----- */
#contents {
	line-height: 1.5;
	background-color: #fff;
}
	* html #contents {
	}

#contents a {
	color: #ff0000;
	text-decoration: underline;
}
	#contents a:hover {
		text-decoration: none;
	}

/* トップレイアウト */
/*----------------------------------------------------------------------------*/
#top-layout {
	min-width: 1000px;
	background-color: #fff;
	background-image: url(../img/common/layout/top/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	/* ロゴ */
	#top-logo {
		padding-top:65px;
		height: 203px;
		text-align: center;
	}
		#top-logo img {
			position: relative;
			top: 5px;
		}
	/* applyボタン上部*/
	.button-top{
		margin-bottom:35px;
	}
	/* applyボタン下部*/
	.button-bottom{
		margin-bottom:15px;
	}
	/* 動画枠 */
	#viedo {
		margin-top: 40px;
		margin-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 580px;
		height: 328px;
		background-image: url(../img/common/top/video.png);
	}
		#viedo iframe {
			position: relative;
			left: 3px;
			top: 3px;
		}

	/* エターナルバンドとは */
	#top-about-text {
		padding-bottom: 45px;
		text-align: center;
	}

/* サブページレイアウト */
/*----------------------------------------------------------------------------*/
#sub-layout {
	background-image: url(../img/common/layout/sub/bg.png);
}
	/* ヘッダ */
	#sub-header {
		background-image: url(../img/ja/layout/sub/header.jpg);
		background-position: center top;
	}
	/* フッタ */
	#sub-footer {
		background-image: url(../img/common/layout/sub/footer.jpg);
		background-position: center bottom;
	}
	/* メインコンテンツ */
	#sub-main {
		margin-right: auto;
		margin-left: auto;
		min-width: 1000px;
		max-width: 1200px;
		background-image: url(../img/common/layout/sub/main.jpg);
		background-position: center top;
		background-repeat: repeat-y;
	}
	* html #sub-main {
		width: 1000px;
	}
	#sub-header,
	#sub-footer {
		background-repeat: no-repeat;
	}
	/* サブのコンテンツ画面 */
	#sub-content {
		padding-top: 70px;
		padding-bottom: 70px;
		margin-right: auto;
		margin-left: auto;
		width: 952px;
		min-height: 300px;
	}
		* html #sub-content {
			height: 300px;
		}

/* サブメニュー */
/*----------------------------------------------------------------------------*/
.sub-menu {
	width: 952px;
	height: 35px;
	background-image: url(../img/common/submenu/bg.png);
	background-repeat: no-repeat;
}
	.sub-menu table {
		margin-right: auto;
		margin-left: auto;
	}
	.sub-menu td {
		padding-left: 30px;
		padding-right: 30px;
		height: 35px;
		background-image: url(../img/common/submenu/split.png);
		background-position: right top;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.sub-menu a {
		color: #fff !important;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none !important;
	}
		.sub-menu a:hover {
			color: #ffe400 !important;
		}
		.sub-menu a.active {
			cursor: default;
			color: #00bfdb !important;
		}

/* 松竹梅ボックス */
/*----------------------------------------------------------------------------*/
.rank-box {
	margin-right: auto;
	margin-left: auto;
	width: 912px;
}
	.rank-box .standard,
	.rank-box .gold,
	.rank-box .platinum,
	.rank-box .simplify {
		margin-right: 2px;
		margin-left: 2px;
		min-height: 100px;
		border-width: 1px;
		border-radius: 3px;
		border-style: solid;
		float: left;
		width: 298px;
		background-repeat: no-repeat;
		background-position: center 1px;
	}
	.rank-head {
		height: 30px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		line-height: 2.4;
	}
	.rank-item {
		text-align: center;
		padding-bottom: 10px;
	}
	.rank-img {
		text-align: center;
		margin:5px 4px;
	}
	/* スタンダード */
	.rank-box .standard {
		border-color: #9aa9a0;
		background-image: url(../img/common/misc/belt/standard.png);
		background-color: #f0f8ee;
	}
	/* ゴールド */
	.rank-box .gold {
		border-color: #c5b984;
		background-image: url(../img/common/misc/belt/gold.png);
		background-color: #f9f6e6;
	}
	/* プラチナ */
	.rank-box .platinum {
		border-color: #a0a2aa;
		background-image: url(../img/common/misc/belt/platinum.png);
		background-color: #eff1f8;
	}
	/* 装飾なし */
	.rank-box .simplify {
		border-color: transparent;
		min-height: 0;
	}


/* 式の流れ */
/*----------------------------------------------------------------------------*/
/* ----- ステップ ----- */
#step {
}
	#step li , #step02 li{
		position: relative;
		float: left;
	}
	/* 矢印をめりこませる */
	#step li , #step02 li {
		position: relative;
		float: left;
		margin-left: -4px;
	}
	#step02 {
		margin-top:5px;
	}

	/* 重なり順 */
	#step li:first-child ,#step02 li:first-child {
		margin-left: 0;
		z-index: 17;
	}
	#step li:first-child + li,
	#step02 li:first-child + li {z-index: 16;}
	#step li:first-child + li + li,
	#step02 li:first-child + li + li {z-index: 14;}
	#step li:first-child + li + li + li,
	#step02 li:first-child + li + li + li {z-index: 13;}

	#step li:first-child + li + li + li + li {z-index: 12;}
	#step li:first-child + li + li + li + li + li {z-index: 11;}
	#step li:first-child + li + li + li + li + li + li {z-index: 10;}
	/* 矢印ボタンの定義 */
	#step li a, #step02 li a {
		display: block;
		width: 139px;
		height: 63px;
		background-image: url(../img/common/planning/step/arrow.png);
	}
	/* 最後のやじるしだけ形が異なる */
	#step02 li:first-child + li + li + li a {
		width: 142px;
		background-image: url(../img/common/planning/step/arrow_last.png);
	}
	#step li a:hover, #step02 li a:hover {
		background-position: left center;
	}
	/* 子ページ表示状態 */
	#step li a.active,#step02 li a.active {
		cursor: default;
		background-position: left bottom;
	}

/* 詳細テンプレ */
/*----------------------------------------------------------------------------*/
/* ----- アイコンつき見出し ----- */
/* 大見出し */
h1 {
	padding-left: 20px;
	color: #0077af;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/common/misc/icon/h1.png);
	background-position: left 1px;
}
/* 中見出し */
h2 {
	padding-left: 12px;
	color: #089b92;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/common/misc/icon/h2.png);
	background-position: left 4px;
}
h1, h2 {
	background-repeat: no-repeat
}

/* ----- テキスト関連 ----- */
/* 注釈色 */
.notice-text {
	color: #b43b00;
}

/* ----- 領域 ----- */
/* テキスト領域 */
.sub-detail {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
/* h1にぶらさがる */
.h1-indent {
	padding-left: 20px;
}
/* h2にぶらさがる */
.h2-indent {
	padding-left: 12px;
}

/* 式場 */
/*----------------------------------------------------------------------------*/
/* 式場スライダー */
.venue-slider {
	width: 290px;
	margin-left: 4px;
	padding-bottom: 5px;
}

/* bxsliderの上書き */
.bx-wrapper {
	margin-bottom: 0;
	border: 0;
}

/* 料金ページ */
/*----------------------------------------------------------------------------*/
.fees-table {

}
.fees-table th {
	vertical-align: middle;
}
.fees-table td {
	text-align: center;
}