@charset "utf-8";

body{
margin:0;
padding:0;
color:#333;
font-size:12px;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.5em;
}
table{
font-size:12px;
line-height:normal;
text-align:left;
}
form{
margin:0;
padding:0;
}
textarea{
margin:10px 0 0 0;
padding:3px;
width:702px;
height:231px;
font-size:12px;
line-height:1.6em;
}
input{
height:19px;
border:solid 1px #dad8d9;
vertical-align:middle;
}
input.radio{
margin:0 3px 0 0;
border:none;
}
label{
cursor:pointer;
margin:0 20px 0 0;
}
select{
height:21px;
border:solid 1px #dad8d9;
vertical-align:middle;
}
ul{
margin:0;
padding:0;
list-style-type:none;
}
p{
margin:0;
padding:0;
}
span{
margin:0;
padding:0;
}
img{
border:0 none;
}
a:link{
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:underline;
}
.nodysplay{
display:none;
}
.clr{
clear:both;
}

/*inputtext*/
.txtfield-long{
width:250px;
}
.txtfield-birth{
margin:0 5px 0 0;
width:58px;
}
.txtfield-name{
margin:0 5px 0 3px;
width:96px;
}
.txtfield-tel01{
margin:0 8px 0 0;
width:40px;
}
.txtfield-tel02{
margin:0 8px;
width:40px;
}
.txtfield-tel03{
margin:0 0 0 8px;
width:40px;
}
.txtfield-imgconf{
margin:10px auto 0;
width:148px;
border:solid 5px #c6e0ed;
}
.txtfield-imgconf-short{
margin:3px 0 0 0;
width:146px;
}

#container{
margin:0 auto;
width:100%;
}

/*フッター*/
#foot{
clear:both;
margin:0 auto 20px;
padding:15px 0;
width:850px;
height:35px;
background:url(../img/bg_foot.gif) no-repeat;
text-align:center;
}
#foot ul li{
display:inline;
padding:0 5px;
border-right:solid 1px #666;
}
#foot ul li.l-none{
display:inline;
padding:0 5px;
border:none;
}

/*ボックス共通*/
.regist{
margin:0 auto;
padding:0 0 20px;
width:750px;
}
.regist .regist-top,
.regist .regist-bottom{
width:750px;
height:20px;
}
.regist .regist-middle{
padding:0 20px;
width:710px;
}

/*見出し共通*/
.regist .regist-sttl{
padding:12px 0 12px 12px;
width:696px;
background:#fff;
}
/*sttlID登録*/
.sttl-idregist{
background:url(../img/sttl_idregist.gif) no-repeat left 3px;
position:relative;
}
.sttl-idregist p{
padding:30px 0 0 18px;
}
/*sttl追加情報登録*/
.sttl-addregist{
background:url(../img/sttl_addregist.gif) no-repeat;
}
.sttl-addregist ul{
padding:40px 0 0 16px;
}
.sttl-addregist ul li{
line-height:1.4em;
}
/*sttlID情報登録*/
.sttl-nnameregist{
height:26px;
background:url(../img/sttl_nnameregist.gif) no-repeat;
}
.sttl-nnameregist p{
float:right;
display:inline;
margin:-3px 0 0 0;
padding:0 12px 0 0;
}
/*sttlID情報*/
.sttl-idinfo{
height:12px;
background:url(../img/sttl_idinfo.gif) no-repeat;
}
/*sttl追加情報*/
.sttl-addinfo{
height:12px;
background:url(../img/sttl_addinfo.gif) no-repeat;
}
/*sttl画像認証*/
.sttl-imgconfirm{
background:url(../img/sttl_imgconfirm.gif) no-repeat;
}
.sttl-imgconfirm p{
padding:16px 0 0 18px;
}
/*sttl利用規約*/
.sttl-license{
background:url(../img/sttl_license.gif) no-repeat;
}
.sttl-license p{
padding:16px 0 0 16px;
font-size:10px;
color:#999;
}
/*NEXON IDについてボタン*/
#about-btn{
position:absolute;
top:2px;
right:19px;
}
/*sttlID情報修正*/
.sttl-idinfo-modify{
height:12px;
background:url(../img/sttl_idinfo_modify.gif) no-repeat;
}
/*sttl追加情報修正*/
.sttl-addregist-modify{
height:28px;
background:url(../img/sttl_addregist.gif) no-repeat;
}

/*入力必須項目*/
#input-necessary{
position:relative;
width:710px;
height:24px;
}
#input-necessary p{
padding:0 0 0 12px;
position:absolute;
top:7px;
right:5px;
background:url(../img/icn_necessary.gif) no-repeat 0 5px;
}
/*フォームテーブル*/
.regist table{
margin:10px 0 0 0;
width:710px;
background:#fff;
border-collapse:collapse;
}
/*.regist table td,
.regist table th{
vertical-align:top;
}*/
/*項目td設定*/
.regist-ttl{
padding:12px 0 12px 12px;
width:137px;
font-weight:normal;
vertical-align:top;
}
.regist-ttl div{
position:relative;
}
.regist-ttl div.icn-necessary{/*必須項目*/
position:relative;
margin:0;
padding:0 0 0 12px;
background:url(../img/icn_necessary.gif) no-repeat 0 2px;
}
.regist-ttl div.icn-error{/*エラー時*/
position:relative;
margin:0;
padding:0 0 0 12px;
background:url(../img/icn_error.gif) no-repeat 0 2px;
}
.regist-ttl .info-type{/*公開/非公開*/
position:absolute;
top:1px;
right:5px;
color:#cc3333;
font-size:10px;
}

/*入力td設定*/
.regist-input{
padding:7px 22px 2px 12px;
width:248px;
border-right:none;
vertical-align:top;
}
.regist-input p{
margin:0 0 5px 0;
}
.regist-input .comment{
margin:0 0 5px 0;
padding:0 0 0 10px;
}

/*注意td設定*/
.regist-caution{
padding:8px 0;
width:276px;
border-left:none;
vertical-align:top;
}
.regist-caution ul{
list-style-type:none;
}
.regist-caution ul li{
padding:0 0 0 14px;
color:#999;
font-size:10px;
line-height:1.4em;
text-indent:-14px;
}

/*項目タイトルなしtd*/
.regist-normal{
padding:12px 0 12px 12px;
text-align:center;
font-weight:normal;
}

/*確認時td右側*/
.regist-confirm{
padding:12px 0 12px 12px;
width:546px;
height:9px;
vertical-align:middle;
}


/*確認注意txt*/
#confirm-cauiton{
margin:0 auto;
padding:0 0 5px 0;
width:750px;
text-align:center;
}

/*確認ボタン*/
.confirm-btn{
margin:0 auto;
padding:11px 12px 20px;
width:726px;
height:63px;
text-align:center;
}
.btn-bg-blue{
background:url(../img/bg_confirm_blue.gif) no-repeat;
}
.btn-bg-gray{
background:url(../img/bg_confirm_gray.gif) no-repeat;
}
.confirm-btn .btn-l{
float:left;
}
.confirm-btn .btn-r{
float:right;
}

/*ようこそ*/
#welcome{
margin:0 auto 20px;
width:750px;
height:130px;
}
#welcome #nxid{
float:left;
padding:50px 0 0 40px;
width:250px;
height:80px;
}
#welcome #nxid p{
padding:7px 0 0;
}
#welcome #btn-play{
float:left;
width:460px;
height:130px;
}
#welcome #btn-play a{
display:block;
width:460px;
height:130px;
}
/*ダウンロード*/
#welcome{
margin:0 auto 20px;
width:750px;
height:130px;
}
#welcome #nxid-id{
float:left;
padding:50px 0 0 40px;
width:250px;
height:80px;
}
#welcome #nxid-id p{
padding:7px 0 0;
}
#welcome #btn-play-id{
float:left;
width:460px;
height:130px;
}
#welcome #btn-play-id a{
display:block;
width:460px;
height:130px;
}
#welcome #nxid-id-l{
float:left;
padding:50px 0 0 30px;
width:260px;
height:80px;
}
#welcome #nxid-id-l p{
padding:7px 0 0;
}
#welcome #nxid-id-a{
float:left;
padding:50px 0 0 30px;
width:260px;
height:80px;
}
#welcome #nxid-id-a p{
padding:12px 0 0;
}
/*バナーエリア*/
#bnr-area{
clear:both;
margin:0 auto;
padding:0 0 20px 0;
width:705px;
height:60px;
text-align:center;
}
#bnr-area .bnr{
margin:0 auto;
display:block;
width:225px;
height:60px;
}

/*テーブル背景灰色*/
.top-gray{
background:url(../img/bg_regist_top_gray.gif) no-repeat left top;
}
.bottom-gray{
background:url(../img/bg_regist_bottom_gray.gif) no-repeat left top;
}
.middle-gray{
background:url(../img/bg_regist_mid_gray.gif) repeat-y left top;
}

/*テーブル背景水色*/
.top-pblue{
background:url(../img/bg_regist_top_pblue.gif) no-repeat left top;
}
.bottom-pblue{
background:url(../img/bg_regist_bottom_pblue.gif) no-repeat left top;
}
.middle-pblue{
background:url(../img/bg_regist_mid_pblue.gif) repeat-y left top;
}

/*線色設定*/
.line-blue-all{/*青*/
border:solid 1px #c6e0ed;
}
.line-blue{/*青*/
border-top:solid 1px #c6e0ed;
border-bottom:solid 1px #c6e0ed;
}
.line-blue-r{/*青*/
border-right:solid 1px #c6e0ed;
}

.line-gray-all{/*灰色*/
border:solid 1px #e5e4e4;
}
.line-gray{/*灰色*/
border-top:solid 1px #e5e4e4;
border-bottom:solid 1px #e5e4e4;
}

#complete-caution{
margin:0 auto 20px;
padding:13px 0 13px 42px;
width:556px;
height:76px;
}
.icn-balloon{
margin:0 0 10px;
padding:10px 0 0 38px;
background:url(../img/icn_balloon.gif) no-repeat left top;
}
.icn-arrow{
margin:0 0 0 38px;
padding:0 0 0 17px;
background:url(../img/icn_arrow.gif) no-repeat left 2px;
}

/*txtデコレーション*/
.s-10{
font-size:10px;
}
.s-12{
font-size:12px;
}
.s-14{
font-size:14px;
}
.c-wh{
color:#fff;
}
.c-red{
color:#cc6666;
}
.c-gr{
color:#999;
}
.c-dgr{
color:#666;
}
.c-bl{
color:#0099cc;
}
.c-or{
color:#f08f2d;
}
.c-grn{
color:#693;
}

.c-blk{
color:#000000;
}
.c-pnk{
color:#e06f6f;
}
.c-gry{
color:#9d9d9d;
}


/*ライン*/
.line{
margin:0 auto;
width:808px;
height:40px;
background:url(../img/img_line.gif) no-repeat center 10px;
}

#pagetop{
margin:0 auto;
padding:20px 0 0 0;
width:665px;
height:30px;
background:url(../img/img_line.gif) no-repeat center 10px;
text-align:right;
}
#pagetop a.btn-pagetop{
display:block;
float:right;
width:85px;
height:12px;
background:url(../img/btn_pagetop.gif) no-repeat;
}

/*エラー時の表示設定*/
tr.error{
background:#e8fdfe;
}
span.error{
background:#cf4040;
color:#fff;
}
p.error{
clear:both;
margin:0 auto;
font-size:14px;
text-align:center;
}

/*会員情報修正*/
#head-area-modify{
margin:0 auto;
padding:62px 0 0;
width:100%;
height:28px;
}
.ttl-modify{
background:url(../img/bg_header_modify.gif) no-repeat center top;
}

/*サポート利用のお客様へ*/
#head-area-supportinfo{
margin:0 auto;
padding:0;
width:100%;
height:100px;
}
.ttl-supportinfo{
background:url(../img/ttl_supportinfo.gif) no-repeat center 45px;
}
#support-info{
margin:0 auto;
padding:20px 25px 15px;
width:570px;
height:124px;
background:url(../img/bg_supportinfo.gif) no-repeat;
}
#confirm-btn-s{
margin:0 auto;
padding:11px 0 20px;
width:620px;
height:63px;
background:url(../img/bg_confirm_blue_s.gif) no-repeat;
text-align:center;
}

/*ニックネーム*/
#head-area-nname{
margin:0 auto;
padding:72px 0 0;
width:100%;
height:133px;
}
.ttl{
background:url(../img/bg_header_nname.gif) no-repeat center top;
}
#about{
margin:0 auto;
width:630px;
}
#sttl-about-nname{
margin:0 0 5px 10px;
width:112px;
height:16px;
background:url(../img/sttl_aboutnname.gif) no-repeat;
}
#nname-info{
padding:10px 25px 10px;
width:580px;
height:64px;
background:url(../img/bg_nnameinfo.gif) no-repeat;
}