@charset "utf-8";

/*
============================================================
style.css
------------------------------------------------------------

■ 全体
■ ムービー
■ 下部

作成日：2013.12.18
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

============================================================
*/
/* ---------------------------------------------------------
■ 全体
--------------------------------------------------------- */
#wrap {
	text-align: center; }

body #content {
	width: 1000px;
	margin: 0 auto;
	padding: 0; }




/* ---------------------------------------------------------
■ ムービー
--------------------------------------------------------- */
#movie {
	position: relative;
	line-height: 0; }

/* テキスト */
#ttlMain {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -176px;
	z-index: 1; }

#ttlSub {
	position: absolute;
	top: 248px;
	left: 50%;
	margin-left: -155px;
	z-index: 1; }



/* ポップアップ */
.pop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 570px;
	z-index: 10;
	background: url(../img/bg_popup.png) repeat; }

.popMain {
	position: absolute;
	top: 25px;
	left: 25px;
	border: 1px solid #ffffff; }

.btnClose {
	position: absolute;
	top: 32px;
	right: 32px;
	cursor: pointer; }

#btnMore {
	position: absolute;
	bottom: 50px;
	right: 50px;
	z-index: 5; }

#btnMore a {
	display: block;
	width: 168px;
	height: 46px;
	text-indent: -99999px;
	background: url(../img/btn_more.png) no-repeat; }

#btnMore a:hover {
	background-position: 0 -46px; }


/* ---------------------------------------------------------
■ 下部
--------------------------------------------------------- */
#bottomContent {
	overflow: hidden;
	padding: 0 0 35px;
	_zoom: 1; }

.bcLeft,
.bcRight {
	float: left;
	width: 160px;
	padding: 30px 0 0; }

.btn {
	position: relative; }

/* oahu
.iconNew {
	position: absolute;
	top: -11px;
	left: -24px; }
*/

/* maui
.iconNew {
	position: absolute;
	top: -1px;
	left: 150px; }
*/

.iconNew {
	position: absolute;
	top: 6px;
	left: -30px; }

#btn1 a,
#btn3 a {
	display: block;
	width: 157px;
	height: 70px;
	text-indent: -99999px; }

#btn2 a,
#btn4 a {
	display: block;
	width: 157px;
	height: 67px;
	text-indent: -99999px; }

#btn1 a { background: url(../img/bg_nav1.jpg) no-repeat; }
#btn2 a { background: url(../img/bg_nav2.jpg) no-repeat; }
#btn3 a { background: url(../img/bg_nav3.jpg) no-repeat; }
#btn4 a { background: url(../img/bg_nav4.jpg) no-repeat; }

#btn1 a:hover { background-position: 0 -70px; }
#btn2 a:hover { background-position: 0 -67px; }
#btn3 a:hover { background-position: 0 -70px; }
#btn4 a:hover { background-position: 0 -67px; }


.bcCenter {
	float: left;
	width: 680px;
	padding: 40px 0 0; }


.credit {
	padding: 0 0 15px;
	color: #7290C0;
	font-size: 75%;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 14px;
	text-align: center; }

.credit a {
	color: #7290C0;
	text-decoration: none; }

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