@charset "utf-8";

/* 初 */

@import url(../../_ex/default.css); 


/* -------------------------------------------------------------------
 レイアウト枠
------------------------------------------------------------------- */

div#joinWrap {
	width: 649px;
	padding: 89px 0px 30px;
	margin: 20px auto 0px auto;
	background: #000000;
	text-align: left;
	position: relative; }

div#joinCt {
	width: 609px;
	margin: 0px 20px 0px 20px;
	background: url(../_im/join_bg.gif) repeat-y; }

div#joinCtBg {
	width: 609px;
	padding-top: 29px;
	background: url(../_im/join_bg_top.gif) no-repeat; }


/* -------------------------------------------------------------------
 メイン
------------------------------------------------------------------- */

/* タイトル */

div#joinWrap h1 {
	display: block;
	width: 652px;
	height: 83px;
	position: absolute;
	top: 0px;
	left: -2px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */ }

div#joinWrap h1 span {
	display: block;
	width: 652px;
	height: 83px;
	background: url(../_im/join_title.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; }


p.officialLink {
	margin: 0px 0px 5px 23px;
	font-size: 120%;
}

p.officialLink a:link,
p.officialLink a:visited {
	color: #FF0590;
}

p.officialLink a:hover,
p.officialLink a:active {
	color: #E247BE;
}

/* コンテンツ */

div#joinTop {
	width: 533px;
	margin-left: 37px;
	padding: 27px 0px 25px;
	background: url(../_im/join_top.gif) no-repeat;
	position: relative; }

div#joinTop p.phArea {
	position: absolute;
	top: 24px;
	left: 190px; }

div#joinTop div#movieBox {
	width: 135px;
	margin-left: 42px;
	padding: 19px 0px 16px;
	background: url(../_im/movie_bg.gif) no-repeat; }

div#joinTop p.txt {
	display: block;
	width: 109px;
	height: 41px;
	position: relative;
	margin: 0px 0px 7px 13px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */ }

div#joinTop p.txt span {
	display: block;
	width: 109px;
	height: 41px;
	background: url(../_im/movie_txt.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; }

div#joinTop p.btn {
	display: block;
	width: 89px;
	height: 29px;
	margin-left: 25px;
	position: relative;
	cursor: pointer;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */ }

div#joinTop p.btn span {
	display: block;
	width: 89px;
	height: 29px;
	background: url(../_im/btn_movie.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; }

div#joinTop p.btn a:hover span {
	cursor: pointer; }

div#joinTop ul {
	margin: 9px 0px 0px 42px; }

div#joinMain {
	margin: 30px 40px 0px 47px; }

div#joinMain dl dt {
	margin-top: 20px;
	color: #A9C420;
	font-size: 120%;
	font-weight: bold; }

div#joinMain dl dd {
	margin-left: 5px;
	padding-left: 1em;
	text-indent: -1em; }

div#joinMain h2 {
	margin-top: 20px;
	text-align: center;
	color: #FF0590;
	font-size: 120%;
	font-weight: bold; }

div#joinMain h3 {
	margin-top: 17px;
	color: #FF0590;
	font-size: 120%;
	font-weight: bold; }

div#joinBtm {
	margin: 30px 40px 0px 47px;
	text-align: center; }

div#joinBtm p {
	color: #DF8A00; }

div#joinBtm ul.btnArea {
	margin: 40px 0px 15px }

div#joinBtm ul.btnArea li {
	display: inline;
	padding: 0px 20px; }

div#joinBtm p.btn {
	margin-top: 55px; }


/* -------------------------------------------------------------------
 フッター
------------------------------------------------------------------- */

div#joinWrap div#ft {
	width: 609px;
	height: 129px;
	margin: 0px;
	background: url(../_im/join_bg_btm.gif) no-repeat left bottom;
	position: relative }

div#ft p {
	display: block;
	width: 83px;
	height: 30px;
	margin: 0px 0px 0px 79px;
	top: 70px; }

div#ft p span {
	background: url(../_im/join_amuse.gif) no-repeat; }

div#ft address {
	display: block;
	width: 343px;
	height: 15px;
	position: absolute;
	top: 81px;
	left: 183px; }

div#ft address span {
	background: url(../_im/join_copyright.gif) no-repeat; }