@charset "utf-8";

/* Common
--------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}
	
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html,body {
	height: 100%;
	color: #575757;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3", sans-serif;
	background: url(../images/landing/body_back.jpg) top repeat-x #fff;
	scrollbar-base-color: #cccccc;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #676767;
	scrollbar-shadow-color: #676767;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	}

a {
	color: #0033FF;
	text-decoration: underline;
	overflow: hidden;
	}

a:hover {
	color: #3a7000;
	text-decoration: none;
	}

img {
	border: none;
	vertical-align: bottom;
	}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

ul {list-style: none;}

br.clear {clear: both;}

.iepngfix {behavior: expression(IEPNGFIX.fix(this));}

.none {
	position: relative;
	left: -9999px;
	top: -9999px;
	}


/* Landing Layout
--------------------------------------------------------------------------- */

#container { text-align:center;}

#wrapper {
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 970px;
	height: 700px;
	z-index: 10;
	}

#wrapper h1 {
	position: absolute;
	left: 40px;
	top: 0;
	width: 270px;
	height: 140px;
	z-index: 130;
	}

#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 970px;
	height: 115px;
	z-index: 30;
	}
#wrapperBack {
	margin: 0 auto 0 auto;
	width: 100%;
	height: 790px;
	z-index:20;
	}
h2#campaignBack {
	position:absolute;
	top:420px;
	left:330px;
	width: 620px;
	height: 240px;
	z-index: 40;
	}
#flashRegist {
	position: absolute;
	top: 485px;
	left: 15px;
	z-index: 120;
	}
#stepRegist {
	clear: both;
	position:absolute;
	top:750px;/*100805_680変更*/
	left:16px;
	width: 940px;
	height: 120px;
	z-index: 15;
	}
p.step,
p.memberBt {
	overflow:hidden;
	float: left;
	width: 600px;
	height: 115px;
	position:relative;
	}
p.step {
	width: 600px;
	}
p.memberBt {width:300px;}

p.step a,
p.memberBt a{
	display:block;
	height:0;
	padding: 115px 0 0 0;
	}
p.step a {
	width: 600px;
	background: url(../images/landing/regist_step.png) left top no-repeat;
	}
p.memberBt a {
	width: 300px;
	background: url(../images/landing/member_bt.png) left top no-repeat;
	}
p.step a:hover {
	background: url(../images/landing/regist_step.png) left -115px no-repeat;
	_background: url(../images/landing/regist_step.png) left -114px no-repeat;
	}
p.memberBt a:hover {
	background: url(../images/landing/member_bt.png) left -115px no-repeat;
	_background: url(../images/landing/member_bt.png) left -114px no-repeat;
	}


#moviePlayer {
	position: absolute;
	left: 635px;
	top: 490px;
	width:301px;
	height:270px;
	background: url(../images/landing/pv_back.png) left top no-repeat;
	z-index: 25;/*110から変更*/
	}
/* IE7 and below */	
#moviePlayer embed {
	*position: absolute;
	*left: 16px;
	*top: 23px;
	}
/* IE7 and below end */

#moviePlayer object {
	position: absolute;
	left: 16px;/*16から変更*/
	top: 23px;/*23から変更*/
	}

#cosmicGuide {
	position: absolute;
	left: 240px;
	top: 23px;
	z-index: 100;
	}

#btnSpecial {
	position: absolute;
	left: 360px;
	top: 580px;
	z-index: 100;
	width:280px;
	height:46px;
	background: url(../images/landing/special_100618.png) left top no-repeat;
	}
#btnSpecial a{
	height:0;
	display:block;
	padding-top:46px;
	}
#btnSpecial a:hover{ background: url(../images/landing/special_100618.png) left -46px no-repeat;}

#btnMovie {
	position: absolute;
	left: 546px;
	top: 28px;
	z-index: 100;
	width:128px;
	height:110px;
	background: url(../images/landing/btn_movie.png) left top no-repeat;
	}
#btnMovie a{
	height:0;
	display:block;
	padding-top:110px;
	}
#btnMovie a:hover{ background: url(../images/landing/btn_movie.png) left -110px no-repeat;}


#crim_effect {
	position: absolute;
	left: 10px;
	top: 27px;
	z-index: 20;
	}

#bgImage {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	}

#footer {
	position:absolute;
	clear: both;
	top:860px;/*100805_760変更*/
	left:22px;
	width: 920px;
	height: 130px;
	text-align:left;
	background: url(../images/landing/footer_back.png) bottom no-repeat;
	z-index: 999;
	}

#footer h3 {
	float: left;
	position: relative;
	margin:60px auto 0 75px;
	display: block;
	height:60px;
}

#footer p {
	float: left;
	width: 540px;
	padding: 30px 0 3px 20px;
	font-size: 10px;
	line-height: 1.6;
	color: #FFFFFF;
	}

#footer p a {
	color: #FFFFFF;
	text-decoration: underline;
	}

#footer address {
	float: left;
	width: 540px;
	padding: 0 0 0 20px;
	font-style: normal;
	font-size: 10px;
	color: #FFFFFF;
	}