@charset "utf-8";
/* interg Document */

body{background:#ebebeb;}
#intgWrap { width:100%; border-top:#717aaa 0px solid; }
#intgTop{ width:806px; height:52px; margin:auto; background:#FFF url(../../images/topNavi_bg.gif)}
#intgTop ul{height:52px;}
#intgTop ul li{float:left;}
#intgTop ul li a{ display:block;text-indent:-1000em;overflow:hidden;}

#intgTop #logMenu .logBt a{ width:88px; height:22px; margin-left:23px; margin-top:15px; background: url(../../images/topNavi_logBt.gif) no-repeat;}
#intgTop #logMenu .logBt a:hover{background: url(../../images/topNavi_logBtOn.gif) no-repeat;}
#intgTop #logMenu .signBt a{ width:91px; height:23px; margin-left:18px; margin-top:15px; background: url(../../images/topNavi_signBt.gif) no-repeat;}
#intgTop #logMenu .signBt a:hover{background: url(../../images/topNavi_signBtOn.gif) no-repeat;}

#intgTop #pageMenu .myPage a{ width:80px; background:  url(../../images/top_site_mypage.gif) no-repeat;}
#intgTop #pageMenu .myPage a:hover{background: url(../../images/top_site_mypageOn.gif) no-repeat;}
#intgTop #pageMenu .rioCoin a{ width:140px;background:  url(../../images/top_site_rioCoin.gif) no-repeat;}
#intgTop #pageMenu .rioCoin a:hover{background: url(../../images/top_site_rioCoinOn.gif) no-repeat;}
#intgTop #pageMenu .support a{ width:86px;margin-right:12px; background: url(../../images/top_site_support.gif) no-repeat;}
#intgTop #pageMenu .support a:hover{background: url(../../images/top_site_supportOn.gif) no-repeat;}

#intgTop #logMenu{ float:left; background:url(../../images/topNavi_bg_left.gif) no-repeat; }
#intgTop #pageMenu{ float:right; background:url(../../images/topNavi_bg_right.gif) right no-repeat;}
#intgTop #pageMenu li{height:12px; margin-top:19px; }

#logWrap {width:806px; height:42px;margin:auto; position:relative; margin-top:5px; }
#logWrap #logBox li{float:left; height:30px; padding-left:5px; }
#logWrap #logBox li a{ display:block;text-indent:-1000em;overflow:hidden;}

#logWrap #logBox li input{ color:#CBA; border:#CBA 3px solid;font-size:14px; font-weight:bold; width:150px; height:17px; padding-left:5px; padding-top:2px; margin:6px 10px 0 0;}

#logWrap  .login a{ width:66px; height:29px; margin-right:12px; background: url(../../images/log_loginBt.gif) no-repeat;margin-top:5px;}
#logWrap  .login a:hover{background: url(../../images/log_loginBtOn.gif) no-repeat;}

#logWrap  #idForget li { position:absolute; right:10px; top:23px; }
#logWrap  #idForget li a{color:#E51;font-size:11px; }

#titWrap { background:url(../../images/tit_bg.gif) no-repeat; width:808px; margin:auto; margin-bottom:5px; padding:11px 0;}

#cntWrap{width:808px;margin:auto; background:#FFF url(../../images/ctnBox_bg.gif) repeat-y;margin-bottom:15px;}
#cntWrap #cntTop{ background:url(../../images/ctnBox_bg_top.gif) no-repeat; height:10px;}
#cntWrap #cntBtm{ background:url(../../images/ctnBox_bg_btm.gif) bottom no-repeat; height:20px;}

#cntWrap #cntCenter{padding:20px 0;}

#footer{ background:url(../../images/footer.gif) no-repeat; width:800px; height:80px;  margin:auto; padding-top:26px; color:#47a4c4; }

/* Main  PAGE */

#Main{text-align:center;}
#Main ul{ margin:auto;margin-top:110px; width:550px; height:360px;}
#Main ul li{ float:left; margin-right:20px;}
#MainMainFoot{ text-align:center; margin-top:50px;}


#title{ width:760px; margin:auto; background:url(../../images/subTit_bg.gif) no-repeat; text-align:left; margin-bottom:18px; padding-top:1px;}
#title dt{ color:#FFF; height:22px; margin: 9px 0 0 12px ; font-weight:bold;}
#title dd{ color:#69C;margin: 10px 0 0 12px ; }
#cntBox{ width:680px; border:#CCC 1px solid; padding:40px; margin:0 auto;}
#cntBox #colorBox{ width:400px; padding:20px; background:#ccc7c0; border:#a9a39b 1px solid; margin:0 auto; }
#cntBox #colorBox ul li{ padding-top:5px; color:#776c66}
#cntBox #colorBox input{ margin-left:10px; color:#DF6F44; padding-left:5px; width:200px;}
#cntBox #colorBox span{ color:#63F; font-size:14px; font-weight:bold; letter-spacing:1px;}

#cntBox #colorBox .emailTxt{ padding-left:0px; font-size:12px; color:#FFF;}
#cntBox #textBox{  margin:30px; color:#888; letter-spacing:1pt;}

/* PAGE */

#emailBt { margin:auto;}
#emailBt li a{ display:block;text-indent:-1000em;overflow:hidden; background:url(../../images/email_Enter.gif) no-repeat; width:240px; height:50px;}
#emailBt li a:hover{ background:url(../../images/email_EnterOn.gif) no-repeat;}

#emailOsi{width:520px; margin:auto;}
#emailOsi li{  margin-top:15px; color:#C60;text-align:left;}

#sign table{ text-align:left;margin-top:10px; margin-bottom:30px; }
#sign table input{border:#bfb9a7 1px solid; color:#69C; height:18px; margin: 2px 0 6px 0 ; padding:2px 0 0 5px; }
#sign table .noBorder{ border:0;}
#sign table .year{ width:50px; text-align:right; padding:2px 5px 0 -1px; }
#sign table .dd{ width:30px; text-align:right; padding:2px 5px 0 0 ;}
#sign table th{ color:#e35511; font-weight:normal; height:26px;}
#sign table td{ border:#bfb9a7 1px solid; padding:4px; padding-left:20px; color:#827666; width:150px;}
#sign table .tdColor{ background:#eee9e4; width:540px;}


#sign table .tdColor ul li{ width:480px; color:#827666; margin-bottom:8px}
#sign table .tdColor .addr{ width:380px; margin-left:30px;}
#sign table .tdColor .addr2{width:380px; margin-left:54px;}
#sign table .tdColor select{ width:120px; height:22px; color:#888;}
#sign table .tdColor span{ display:block; margin:10px 0;color:#888;}
#sign table .tdColor img{ margin-bottom:5px; margin-left:10px;}

#sign table .tdColor #numInput { width:300px; float:right;}
#sign table .tdColor #numInput li{ width:80px; float:left; padding-top:6px; color:#69C; text-align:right; padding-left:10px;}
#sign table .tdColor #numInput li input{ margin-top:-6px;border:#bfb9a7 1px solid; color:#69C; width:80px; }
#sign table .tdColor #numInput li img{ margin-top:-7px; margin-left:20px;}

#sign table .textBox{ width:700px; height:80px; margin:auto; border:0; color:#666;}
#sign #agree{ width:160px;  margin:auto;}
#sign #agree dd{ margin-bottom:20px;}
#sign #agree dd a{ display:block;text-indent:-1000em;overflow:hidden; background:url(../../images/sign_enter.gif) no-repeat; width:160px; height:48px;}
#sign #agree dd a:hover{ background:url(../../images/sign_enterOn.gif) no-repeat;}


#signResult table{ text-align:left;margin-top:10px; margin-bottom:30px; margin:0 auto;}
#signResult table th{ color:#e35511; font-weight:normal; height:26px;}
#signResult table td{ border:#bfb9a7 1px solid; padding:4px; padding-left:30px; color:#827666; width:150px; height:28px;}
#signResult table .tdResult{ color:#09C; width:380px;padding-left:30px; }


#signResult ul { width:220px; height:100px; padding-bottom:20px 0; margin:auto;}
#signResult ul li{ float:left; margin-left:8px; border:#f30 1px soild;}
#signResult .Enter a{ display:block;text-indent:-1000em;overflow:hidden; background:url(../../images/signResult_enter.gif) no-repeat; width:88px; height:38px;}
#signResult .Enter a:hover{ background:url(../../images/signResult_enterOn.gif) no-repeat;}
#signResult .Back a{ display:block;text-indent:-1000em;overflow:hidden; background:url(../../images/signResult_back.gif) no-repeat; width:88px; height:38px;}
#signResult .Back a:hover{ background:url(../../images/signResult_backOn.gif) no-repeat;}

.signDone{ margin:50px 0 ; }
#signBanner { width:760px; height:210px; margin:auto;}
#signBanner li{ float:left; margin-bottom:15px; }
#signBanner .center{ margin:0 15px ;}


#log_head{ height:150px;}
#log_head img{ margin-top:100px; margin-left:10px;}

#log_box_wrap{ background:url(../../images/log_box_bottom.gif) bottom no-repeat; margin-top:50px;}
#log_box_wrap #log_box_top{ background:url(../../images/log_box_top.gif) no-repeat; width:757px; height:104px;}
#log_box_wrap #log_box_top #log_faq{ width:185px; height:35px; padding-right:30px;float:right; margin-top:56px; margin-right:5px;}

#log_box_wrap #log_box_mid{ background:url(../../images/log_box_mid.gif) left no-repeat; width:680px; height:150px; margin:auto; border-top:#CCC 1px solid; border-bottom:#CCC 1px solid; position:relative;}
#log_box_wrap #log_box_mid #log_in{ width:292px;position:absolute; top:35px; left:362px; }
#log_box_wrap #log_box_mid #log_in input{ background:#F2F2F2; border:#D0D0D0 1px solid; width:180px; height:23px; }
#log_box_wrap #log_box_mid #log_in .id_box{position:absolute;top:19px; }
#log_box_wrap #log_box_mid #log_in .pwd_box{position:absolute;  top:49px;}
#log_box_wrap #log_box_mid #log_in .log_bt{ position:absolute; left:196px; top:16px; }

#log_box_wrap #log_etc_bt { margin-top:10px; text-align:center;}
#log_box_wrap #log_etc_bt .etc_bt{ padding-left:20px;}
#log_box_wrap  #log_box_bottom { height:120px; width:698px; margin:auto; padding-top:40px;}


#idPwd{ width:740px; height:330px; margin-bottom:70px; background:url(../../images/idPwd_bg.jpg) no-repeat; position:relative;}
#idPwd .id a{ display:block; width:294px; height:77px; position:absolute; top:178px; left:36px;}
#idPwd .id a:hover{ border:#f30 1px solid; background:url(../../images/idPwd_id.gif)} 
#idPwd .pwd a{ display:block; width:294px; height:77px; position:absolute; top:178px; left:408px;}
#idPwd .pwd a:hover{ border:#f30 1px solid; background:url(../../images/idPwd_pwd.gif)} 


#idPwd_id{ margin-bottom:50px;}
#idPwd_id table{ width:700px; text-align:left; margin-top:30px;border-bottom:#bfb9a7 1px solid; letter-spacing:1px; }
#idPwd_id table input{border:#bfb9a7 1px solid; color:#69C; height:18px; margin: 2px; 6px ; padding:2px 0 0 5px; }
#idPwd_id table th{ color:#e35511; font-weight:normal; height:26px; padding-bottom:10px; line-height:18px;border-bottom:#bfb9a7 1px solid;}
#idPwd_id table td{ padding:4px; color:#827666; padding:5px; padding-left:10px; height:30px;}
#idPwd_id table .tdColor{ background:#eee9e4; height:22px;} 
#idPwd_id table .year{ width:50px; text-align:right; padding:2px 5px 0 -1px; }
#idPwd_id table .dd{ width:30px; text-align:right; padding:2px 5px 0 0 ;}

#idPwd_id #send_bt{margin-top:30px; text-align:center;}
#idPwd_id .caution{ height:70px; color:#69C; padding-left:20px; line-height:19px;}

#idPwd_send{width:660px; }
#idPwd_send div{ padding-top:8px; height:20px;  background:#aba48f; color:#FFF; margin:40px 0; font-weight:bold; font-size:14px; }
#idPwd_send li{ padding:20px; color:#999; line-height:20px;}
#idPwd_send .eMail{ color:#F50; font-weight:bold;font-size:14px; letter-spacing:1px;}
#idPwd_send .topPage{ padding-top:50px; height:40px; border-top:#aba48f 1px solid; text-align:right; font-size:10px;letter-spacing:1px;}
#idPwd_send .topPage a{color:#09C;}
#idPwd_send .topPage a:hover{color:#F30; text-decoration:none;}

#ageAgree {height:330px;}
#ageAgree #title dt{ margin:0 20px; padding:8px; color:#FFF; font-size:14px;}
#ageAgree .agreeBox{height:180px; border:#bfb9a7 1px solid; padding:15px; line-height:19px; letter-spacing:0px;  margin:20px; color:#666;}
#ageAgree p{ text-align:center;}
#ageAgree button{ padding:5px 15px; padding-top:8px; margin:10px; color:#555; }
#ageAgree #agreeOk{color:#C33;}


#pwChange #colorBox dl { width:420px; margin:auto;} #pwChange #colorBox dl dt{float:left;  width:180px;height:30px; padding-top:8px; font-size:14px; color:#736456;} #pwChange #colorBox dl dd{float:left; width:240px;height:38px; } #pwChange #colorBox dl dd input{ border:#bbb5b0 2px solid; width:220px; font-size:16px; padding:2px; color:#F20;} #pwChange #colorBox dl .smallText{ text-align:left;color:#B0F; font-size:11px; padding-left:5px;width:200px; }

#pwChange #colorBox .btn_pwChange{ clear:both;width:222px; height:57px; margin:auto;} #pwChange #colorBox .btn_pwChange a{ display:block; background:url(../../images/specialPages/pwChange_btn.gif) no-repeat; width:222px; height:57px; text-indent:-1000em;} #pwChange #colorBox .btn_pwChange a:hover{background:url(../../images/specialPages/pwChange_btnOv.gif) no-repeat; }

#pwChange .textBox{ color:#F60; text-align:left; letter-spacing:1px;  width:500px; margin:auto; line-height:18px; padding:20px 0; }

#pwChange #title dd{ color:#19C;text-align:left; letter-spacing:1px;  width:500px; margin:auto; line-height:18px; padding:20px 0;}
#pwChange #colorBox{zoom:1; background:#F3F3F3; width:460px; padding:20px; border:#bbb5b0 1px solid; text-align:left; } #pwChange #colorBox:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

#pwChange #colorBox ul{ line-height:18px; border-bottom:#9C8F7C 1px dotted; padding:5px; padding-bottom:10px;  margin-bottom:50px;} #pwChange #colorBox ul li{ color:#F20; font-size:14px; } #pwChange #colorBox ul li span{color:#F20; font-size:8px; padding-right:10px;}

#pwChange #colorBox dl { width:420px; margin:auto;} #pwChange #colorBox dl dt{float:left;  width:180px;height:30px; padding-top:8px; font-size:14px; color:#736456;} #pwChange #colorBox dl dd{float:left; width:240px;height:38px; } #pwChange #colorBox dl dd input{ border:#bbb5b0 2px solid; width:220px; font-size:16px; padding:2px; color:#F20;} #pwChange #colorBox dl .smallText{ text-align:left;color:#B0F; font-size:11px; padding-left:5px;width:200px; }

#pwChange #colorBox .btn_pwChange{ clear:both;width:222px; height:57px; margin:auto;} #pwChange #colorBox .btn_pwChange a{ display:block; background:url(../../images/specialPages/pwChange_btn.gif) no-repeat; width:222px; height:57px; text-indent:-1000em;} #pwChange #colorBox .btn_pwChange a:hover{background:url(../../images/specialPages/pwChange_btnOv.gif) no-repeat; }

#pwChange .textBox{ color:#F60; text-align:left; letter-spacing:1px;  width:500px; margin:auto; line-height:18px; padding:20px 0; }

#pwChange .btn_pwChange2{clear:both;width:360px;height:80px; margin:auto;} #pwChange #colorBox .btn_pwChange2 a{ display:block; float:left; background:url(../../images/specialPages/pwChange_btn.gif) no-repeat; width:168px; height:45px; text-indent:-1000em;margin-left:10px;}
#pwChange #colorBox .btn_pwChange2 .btn1{ background: url(../../images/specialPages/pwChange_btn2.gif) no-repeat; } #pwChange #colorBox .btn_pwChange2 .btn1:hover{ background: url(../../images/specialPages/pwChange_btn2Ov.gif) no-repeat;} #pwChange #colorBox .btn_pwChange2 .btn2{ background: url(../../images/specialPages/noChange_btn.gif) no-repeat;} #pwChange #colorBox .btn_pwChange2 .btn2:hover{ background: url(../../images/specialPages/noChange_btnOv.gif) no-repeat;}