@charset "UTF-8";
@import "./css/gecko.css";



html {
background:url("./images/bg_head.jpg") repeat-x top left transparent;}

body {
	background:url('./images/bg_wrapper_nfn.jpg') center 23px no-repeat transparent;
	padding:0;
	margin:0;
	font-size:small;
	_font-size:x-small;/*IE*/
	font-family:'MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	color:#fff;
	word-break:break-all;}

a{ color:#3C70B4;}
b{ font-weight:normal;}
img {border:none;}
hr {
	margin:12px 0;
	border:none;
	border-bottom:1px solid #fff;
	font-size:0;
	height:0;
	line-height:0;}

/*---------------------
common
---------------------*/
.red {color:#f00;}
.yel {color:#fcff00;}

.bold {font-weight:bold;}

/*---------------------
layout
---------------------*/
#wrapper {
	width:1000px;
	margin:-3px auto 0;
	background:url('./images/bg_wrapper_nfn.jpg') center top no-repeat;}

#siteLogo {
	position:relative;
	width:635px;
	height:111px;
	margin:0 auto;}

#siteLogo a {
	display:block;
	width:270px;
	height:100px;
	position:absolute;
	left:0;
	top:8px;}

#container {
	position:relative;
	width:635px;/*637*/
	margin:0 auto;
	border:1px solid #000;
	background:url("./images/bg_main.png") left top repeat-y transparent;}

#mainContent {
	min-height:500px;
	_height:500px;
	margin:9px;}

#mainContent h3 {
	position:absolute;
	left:268px;
	top:-92px;}

#mainContent h4 {
	font-weight:bold;
	font-size:12px;
	margin:12px 0 1px 0;}

#mainContent .btnbox {
	text-align:center;}

#mainContent p {
	margin:35px auto;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	line-height:1.6;}

/* menu */
.menu {
	width:597px;
	height:48px;
	margin: 0 auto;
	background:url("") left top no-repeat transparent;}

.step1 .menu {background-image:url("./images/menu_step1.png");}
.step2 .menu {background-image:url("./images/menu_step2.png");}
.step3 .menu {background-image:url("./images/menu_step3.png");}

.menu a {
	display:block;
	width:199px;
	height:48px;
	float:left;}

.menu span {display:none;}

/* error */
.error {
	width:485px;
	padding:12px 60px;
	background-color:#f00;}


/*---------------------
login
---------------------*/
#login {
	position:relative;
	width:605px;
	height:156px;
	margin:8px auto 0;
	background:url("./images/bg_login.gif") left top no-repeat transparent;}

#login button {
	position:absolute;
	left:321px;
	top:47px;
	width:251px;
	height:64px;
	background:url("./images/btn_login.gif") left top no-repeat transparent;
	border:none;
	cursor:pointer;}

#vpid,#vppwd {
	position:absolute;
	left:34px;
	width:248px;
	height:19px;
	border:none;}

#login #vpid,#login #vppwd {
	background:url("./images/bg_input.gif") left top no-repeat transparent;}

#login #vpid {
	top:56px;
	background-position:left top;}

#login #vppwd {
	top:82px;
	background-position:left bottom;}

#forgetPwd {
	width:100%;
	position:absolute;
	left:0;
	top:120px;
	text-align:center;
	font-size:10px;
	color:#545454;}

#forgetPwd a {
	color:#010dff;
	font-weight:bold;}

/*---------------------
sdid
---------------------*/
/* create_sdid */
.create_sdid {
	position:relative;
	width:605px;
	height:156px;
	margin:8px auto 0;
	background:url("./images/bg_sdid.gif") left top no-repeat transparent;}

.create_sdid dl {
	position:absolute;
	left:65px;
	top:108px;
	font-size:11px;
	color:#fcff00;}

.create_sdid #vpid,.create_sdid #vppwd {
	position:absolute;
	left:278px;
	width:248px;
	height:19px;
	border:none;
	background:url("") left top no-repeat transparent;}

.create_sdid #vpid {
	top:50px;
	background-position:left top;}

.create_sdid #vppwd {
	top:75px;
	background-position:left bottom;}

/* create_mail */
.regist_mail {
	position:relative;
	width:605px;
	height:107px;
	margin:8px auto 0;
	background:url("./images/bg_mail.gif") left top no-repeat transparent;}

.regist_mail p {
	position:absolute;
	left:15px;
	top:10px;
	color:#111;}

.regist_mail #mail1,.regist_mail #mail2 {
	position:absolute;
	left:278px;
	width:248px;
	height:19px;
	border:none;
	background:url("./images/bg_input_mail.gif") left top no-repeat transparent;}

.regist_mail #mail1 {
	top:50px;
	background-position:left top;}

.regist_mail #mail2 {
	top:75px;
	background-position:left bottom;}

/* rule */
.rule {
	position:relative;
	width:605px;
	height:234px;
	margin:8px auto 10px;
	background:url("./images/bg_rule.gif") left top no-repeat transparent;}

.rule iframe {
	position:absolute;
	left:21px;
	top:13px;
	border:1px solid #fff;}




#sdid button {
	display:block;
	width:505px;
	height:54px;
	margin:0 auto;
	background:url("./images/btn_3_1.gif") left top no-repeat transparent;
	border:none;
	cursor:pointer;}


/*---------------------
logout
---------------------*/
#logout p {
	position:relative;
	width:622px;
	height:38px;
	margin:13px auto 5px;
	background:url("./images/bg_logout.gif") left top no-repeat transparent;
	text-align:right;
	line-height:38px;
	font-weight:bold;}

#logout a {
	margin:0 10px 0 20px;}

#logout img {
	vertical-align:middle;}



/*---------------------
complete
---------------------*/
/*
.step3 .leftimg {
	padding-left:310px;
	background:url("./images/img_4_1.gif") left top no-repeat transparent;}
*/







/*---------------------
footer
---------------------*/
#copyRight {
	width:637px;
	height:43px;
	margin:0 0 -3px -1px;
	background:url("./images/bg_footer.gif") left top no-repeat transparent;}



/*---------------------
[common]:float clear
---------------------*/
.menu:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
.menu {zoom:100%;}


/*---------------------
[common]:text fly out
---------------------*/
.dsLabelH,
.menu a,
#siteLogo a,
#copyRight {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/