@charset "utf-8";

/* =============================================================

　　MODULE CSS 設定

============================================================= */


/*  全体 設定
---------------------------------------------*/

/* コンテナー */
#container {
	position: relative;
	background-color: #000;
	background-image: url(../images/common/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* リンク */
#header a,
#content a,
#footer a {
	transition: all 0.3s ease-in-out;
}


/*  ヘッダー 設定
---------------------------------------------*/

#header {
	position: relative;
	z-index: 0;
}

/* 金色ライン */
#header:before {
	position: absolute;
	top: 242px;
	left: 0;
	z-index: 5;
	background: url(../images/common/bg-line.png) repeat-x;
	width: 100%;
	height: 4px;
	content: "";
}

/* -------- サイトロゴ -------- */

#header #sitelogo {
	position: relative;
	z-index: -1;
	height: 246px;	
}

/* インナー */
#header #sitelogo .boxInner {
	position: relative;
	z-index: -1;
	padding-top: 116px;
	padding-left: 4px;
}

/* チェインクロニクルイメージ画像 */
#header #sitelogo .boxInner:before {
	position: absolute;
	top: 0;
	right: -73px;
	z-index: -1;
	background: url(../images/common/header/bg-chain-chronicle.png) no-repeat;
	width: 565px;
	height: 320px;
	content: "";
}

/* セガ×文化放送ロゴ */
#header #sitelogo .imgSegaJoqr {
	margin-bottom: -1px;
}

/* サイトメインロゴ */
#header #sitelogo .ttlSiteLogo {
}

/* チェインクロニクルロゴ */
#header #sitelogo .imgChainChronicle {
	position: absolute;
	top: 7px;
	left: 313px;
}


/* -------- グローバルナビ -------- */

.boxGlobalNav {
	overflow: hidden;
	margin: 0 auto;
}

#header .boxGlobalNav {
	margin-bottom: 18px;
}

/* リスト */
.boxGlobalNav li {
	float: left;
	width: 190px;
	height: 73px;
	margin-left: 10px;	
}

.boxGlobalNav li:first-child {
	margin-left: 5px;
}

.boxGlobalNav li,
.boxGlobalNav li a {
	background-repeat: no-repeat;
	background-position: bottom;
}

/* リンク */
.boxGlobalNav li a {
	display: block !important;
	width: 100%;
	height: 100%;
}

/* ---- お知らせ ---- */
.boxGlobalNav li.btnNews a {
	background-image: url(../images/common/header/gnav-btn-news.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnNews,
.boxGlobalNav li.btnNews a:hover {
	background-image: url(../images/common/header/gnav-btn-news-hover.png);
}

/* ---- 実施概要 ---- */
.boxGlobalNav li.btnOutline a {
	background-image: url(../images/common/header/gnav-btn-outline.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnOutline,
.boxGlobalNav li.btnOutline a:hover {
	background-image: url(../images/common/header/gnav-btn-outline-hover.png);
}

/* ---- 応募要項 ---- */
.boxGlobalNav li.btnEntry a {
	background-image: url(../images/common/header/gnav-btn-entry.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnEntry,
.boxGlobalNav li.btnEntry a:hover {
	background-image: url(../images/common/header/gnav-btn-entry-hover.png);
}

/* ---- 二次審査 ---- */
.boxGlobalNav li.btnJudge a {
	background-image: url(../images/common/header/gnav-btn-judge.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnJudge,
.boxGlobalNav li.btnJudge a:hover {
	background-image: url(../images/common/header/gnav-btn-judge-hover.png);
}

/* ---- 最終審査 ---- */
.boxGlobalNav li.btnLastJudge a {
	background-image: url(../images/common/header/gnav-btn-last-judge.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnLastJudge,
.boxGlobalNav li.btnLastJudge a:hover {
	background-image: url(../images/common/header/gnav-btn-last-judge-hover.png);
}

/* ---- オーディション合格者 ---- */
.boxGlobalNav li.btnResult a {
	background-image: url(../images/common/header/gnav-btn-result.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnResult,
.boxGlobalNav li.btnResult a:hover {
	background-image: url(../images/common/header/gnav-btn-result-hover.png);
}

/* ---- 免責事項 ---- */
.boxGlobalNav li.btnDisclaimer a {
	background-image: url(../images/common/header/gnav-btn-disclaimer.png);
}

/* リンク触れた時 */
.boxGlobalNav li.btnDisclaimer,
.boxGlobalNav li.btnDisclaimer a:hover {
	background-image: url(../images/common/header/gnav-btn-disclaimer-hover.png);
}



/*  コンテンツ 設定
---------------------------------------------*/

/* -------- パンくず -------- */

.boxBreadcrumb,
.boxBreadcrumb a {
	color: #dee0e2;
}

.boxBreadcrumb {
	font-size: 0.84em;
	margin-bottom: 32px;
}

.boxBreadcrumb p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal; /* IE */
}

.boxBreadcrumb a:hover {
	text-decoration: underline;
}


/* -------- カテゴリータイトル -------- */

.ttlCategory {
	background: url(../images/common/content/bg-line-gold.png) repeat-x bottom;
	margin-bottom: 20px;
	padding: 0 0 12px 2px;
}


/* -------- ページング -------- */

.boxPaging {
	border-top: 1px solid #525252;
	margin-bottom: 40px;
	padding: 20px 0 0;
	text-align: center;
	font-size: 1.1em;
}

.boxPaging p {
	margin: 0 auto;
}

.boxPaging p a {margin: 0 30px;}

.boxPaging p a:hover {
	text-decoration: underline;
}

.boxPaging .btnPrev {
	float: left;
}

.boxPaging .btnTop {
	margin: 0 auto;
}

.boxPaging .btnNext {
	float: right;
}


/* -------- グローバルナビ -------- */

#content .boxGlobalNav {
	padding-top: 80px;
}


/* -------- ドット付きリスト＆タイトル -------- */

.boxDotList > li {
  padding-left: 10px;
}

.boxDotList > li:before {
  margin-left: -15px;
  content: "・";
}

.boxDotBigList > li,
.ttlDotBig {
	position: relative;
	padding-left: 16px;
}

.boxDotBigList > li:before,
.ttlDotBig:before {
	position: absolute;
	top: 6px;
	top: 4px\9;
	left: 0;
	background: url(../images/common/content/li-bg-dot.png) no-repeat;
	width: 15px;
	height: 15px;
  content: "";
}


/* タイトル・ロゴ・アイコンの文字インデント設定（背景画像使用）
-------------------------- */

.boxGlobalNav li a {
  background-repeat: no-repeat;
  text-indent: 140%;
  /text-indent: -9999px;
  text-indent: -9999px\9;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}


/*  フッター 設定
---------------------------------------------*/

#footer {
	background: url(../images/common/bg-line.png) repeat-x top;
}

#footer .boxInner {
	padding: 20px 0 0;
	text-align: center;
	color: #cea04a;
}

/* -------- コピーライト -------- */

#footer .txtCopyright {
	font-size: 0.85em;
}

/* -------- ページトップボタン -------- */

#footer #btnPageTop {
	margin-left: 940px;
}

/* リンク触れた時の画像読み込み用 */
#footer #btnPageTop {
	background-image: url(../images/common/footer/btn-pagetop-hover.png);
}

/* リンク */
#footer #btnPageTop a {
	display: block;
	overflow: hidden;
	background: url(../images/common/footer/btn-pagetop.png) no-repeat;
	width: 54px;
	height: 52px;
}

/* 画像 */
#footer #btnPageTop a img {
	display: none;
}

/* リンク触れた時 */
#footer #btnPageTop a:hover {
	background-image: url(../images/common/footer/btn-pagetop-hover.png);
}