@charset "UTF-8";

@import url(common.css);
@import url(textsettings.css);

#wrapper {
	position: relative;
}

#fl {
	width: 100%;
	background: transparent url(../images/fl_brlogo.gif) no-repeat 0 0;
	text-align: center;
}

#flcont {
	width: 100%; margin: 0 auto;
	height: 540px;
}

#brlogo {
	width: 276px; height: 177px;
	background: url(../images/fl_brlogo.png) no-repeat 0 0;
	z-index: 100;
	position: absolute; top: 0; left: 0;
	/*behavior: url(/dvd-video/js/fx-iepngfix.htc);*/
}

#navo {
	width: 740px;
	margin: 0 auto 20px auto;
}

#nav {
	margin: 0; padding: 0;
	height: 42px;
	list-style: none;
}

#nav li {
	width: 222px; height: 42px;
}

#nav li a {
	width: 100%; height: 100%;
	background-position: 0 0;
}

#nav li#toga { float: left; }

#nav li#toga a {
	background: transparent url(../images/nav_prize.gif) no-repeat;
}

#nav li#tott { margin-left: 259px; }

#nav li#tott a {
	background: transparent url(../images/nav_titles.gif) no-repeat;
}

#nav li#todl { float: right; }

#nav li#todl a {
	background: transparent url(../images/nav_dl.gif) no-repeat;
}

#nav li#toga a:hover, #nav li#tott a:hover, #nav li#todl a:hover {
	background-position: 2px 2px;
}

h2 {
	height: 25px;
	background: transparent url(../images/oubo.gif) no-repeat center top;
}

#oubo .inner {
	background: transparent url(../images/sticker.gif) no-repeat right 10px;
}

#catch {
	width: 551px; height: 58px;
	background: transparent url(../images/catch.gif) no-repeat 0 0;
	margin-bottom: 25px; margin-top: 10px;
}

#step1, #step2, #step3, #step3note {
	width: 700px;
	margin: 0 auto;
}

#step1 {
	position: relative;
	/*height: 101px;*/
	background: transparent url(../images/step1.gif) no-repeat 0 0;
	padding-top: 110px;
}

#step1 p { display: none; }

#step1 #anno {
	display: block;
	border: 1px solid #f00;
	padding: 5px; margin-bottom: 0;
	font-size: 80%; color: #f00;
}

.btn_tit {
	width: 240px; height: 25px;
	position: absolute; top: 76px; left: 175px;
}

.btn_tit a {
	width: 100%; height: 100%;
	background: transparent url(../images/btn_tit.gif) no-repeat 0 0;
}
.btn_tit a:hover { background-position: 0 -25px; }

.dwn {
	height: 50px;
	background: transparent url(../images/dwn.gif) no-repeat center top;
}

#step2 {
	position: relative;
	height: 286px;
	background: transparent url(../images/step2.gif) no-repeat 0 0;
}

#step2 p { display: none; }

.btn_dl {
	width: 165px;
	height: 58px;
	position: absolute;
	top: 215px;
	left: 535px;
}

.btn_dl a {
	width: 100%; height: 100%;
}

#noform {
	width: 90%; margin: 0 auto;
	background: #faecd9 url(../images/noform_bg.gif) no-repeat center top;
	padding: 10px 15px;
}

#noform h3 {
	width: 332px; height: 26px;
	margin: 0;
	background: transparent url(../images/noform_tit.gif) no-repeat 0 0;
}

#noform .colL, #noform .colR {
	width: 49%;
}

#noform p {
	margin-left: 1em;
}

#noform p.steps {
	font-weight: bold;
	margin-top: 3px;
	margin-left: 0;
}

p.note {
	font-size: 85%;
}

#noform #address {
	padding: 5px;
	font-weight: bold;
	border: 1px solid #666;
}

.btn_giv {
	width: 240px; height: 25px;
}

.btn_giv a {
	width: 100%; height: 100%;
	background: transparent url(../images/btn_giveaway.gif) no-repeat 0 0;
}
.btn_giv a:hover { background-position: 0 -25px; }

#noform .btn_giv {
	margin-left: 1em;
	margin-bottom: 10px;
}

#step3 {
	position: relative;
	height: 184px;
	background: transparent url(../images/step3.jpg) no-repeat 0 0;
}

#step3 p { display: none; }

#step3 .btn_giv {
	position: absolute; top: 148px; left: 460px;
}

#notice {
	width: 90%;
	border: 1px solid #666;
	padding: 10px 10px 0 10px;
	margin: 10px auto 0 auto;
	text-align: left:
}

#office {
	position: relative;
	margin: 20px 10px 0 10px;
}

#office h4 {
	width: 287px; height: 16px;
	background: transparent url(../images/office.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
}

.btn_faq {
	width: 240px; height: 25px;
}

.btn_faq a {
	width: 100%; height: 100%;
	background: transparent url(../images/btn_faq.gif) no-repeat 0 0;
}
.btn_faq a:hover { background-position: 0 -25px; }

#office .btn_faq {
	float: right;
}


#btn_blpage {
	text-align: center;
	padding: 5px 0 10px 0;
}

#btn_blpage a {
	width: 472px; height: 42px;
	background: transparent url(../images/btn_site.gif) no-repeat 0 0;
	margin: 0 auto;
}

#btn_blpage a:hover { background-position: 2px 2px; }