/* ++++++++++++++++++++++++++	common	++++++++++++++++++++++++++ */

body{margin:0; padding:0; }
img{border:none; }
ul, li {list-style-type:none; margin:0; padding:0; text-align:left;}
td,body,div,li{font-family:verdana, tahoma, sans-serif; font-size:10px; color:#686868;	}
.fl {float:left}	.fr {float:right}
p {margin:0; padding:0; }
.b {font-weight:bold;}
.p11 {font-size:11px; }
.p14 {font-size:14px; }
.ls0 {letter-spacing:0}
.ls1 {letter-spacing:-1px}
.ls2 {letter-spacing:1px}
.ln14 {line-height:1.4}
.ln15 {line-height:1.5}
.ln17 {line-height:1.7}

a:link, a:visited {color:#686868; text-decoration:none}
a:hover, a:active {color:#686868; text-decoration:underline}

.gray01, a.gray01:link, a.gray01:visited, a.gray01:hover, a.gray01:active {color:#505050; }
.gray02, a.gray02:link, a.gray02:visited, a.gray02:hover, a.gray02:active {color:#999999; }
.gray03, a.gray03:link, a.gray03:visited, a.gray03:hover, a.gray03:active {color:#666; }
.gray04, a.gray04:link, a.gray04:visited, a.gray04:hover, a.gray04:active {color:#4A4A4A; }
.gray05, a.gray05:link, a.gray05:visited, a.gray05:hover, a.gray05:active {color:#252525; }
.gray06, a.gray06:link, a.gray06:visited, a.gray06:hover, a.gray06:active {color:#393939; }
.gray07, a.gray07:link, a.gray07:visited, a.gray07:hover, a.gray07:active {color:#7F7F7F; }
.green, a.green:link, a.green:visited, a.green:hover, a.green:active {color:#59A822; }/*green*/
.org, a.org:link, a.org:visited, a.org:hover, a.org:active {color:#FF6600; }/*orange*/
.org02, a.org02:link, a.org02:visited, a.org02:hover, a.org02:active {color:#F7941C; }
.org03, a.org03:link, a.org03:visited, a.org03:hover, a.org03:active {color:#FE7C00; }
.org04, a.org04:link, a.org04:visited, a.org04:hover, a.org04:active {color:#F94600; }
.sgn, a.sgn:link, a.sgn:visited, a.sgn:hover, a.sgn:active {color:#FF6C00; font-weight:bold; text-decoration:underline; }
.red, a.red:link, a.red:visited, a.red:hover, a.red:active {color:#FF0000; }/*red*/
.red01, a.red01:link, a.red01:visited, a.red01:hover, a.red01:active {color:#FF494E; }/*red*/

/*Underline*/
.u, a.u:link, a.u:visited, a.u:hover, a.u:active{text-decoration:underline; }

input, select {font-family:verdana, tahoma, sans-serif; font-size:10px; color:#000; height:19px;	}
.box01 {border:1px solid #CFCFCF; padding:2px 5px 0 5px}
.box02 {border:1px solid #CFCFCF; padding:2px 5px 0 5px; width:240px; }
.box03 {border:1px solid #AAA; color:#666;	}
.box04 {border:1px solid #CFCFCF; padding:2px 5px 0 5px; color:#666; font-weight:bold; }
.box05 {border:1px solid #CFCFCF; padding:2px 5px 0 5px; color:#666; }
.box06 {border:1px solid #DBDBDB; padding:2px 5px 0 5px; color:#CCC; }
input.mb {margin-bottom:-2px}
textarea {font-family:verdana, tahoma, sans-serif; font-size:10px; color:#686868; }
textarea.ta01 {border:1px solid #CFCFCF; padding:2px 5px 0 5px; overflow:auto; }
textarea.ta02 {border:0; padding:5px; overflow:auto; font-size:11px; }

h2 {padding:0; margin:0; font-size:11px; text-indent:-9000px	}

.scroll {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#B4B4B4;
scrollbar-3dlight-color:#DFDFDF;
scrollbar-arrow-color:#FF6600;
scrollbar-track-color:#F2F2F2;
scrollbar-darkshadow-color:#E2E2E2;
scrollbar-base-color:#E2E2E2;
}

/*history*/
#history {color:#505050; text-align:left; margin:0 0 17px 7px;}
#history a {color:#505050; }

/*footer*/
#footer {clear:both; width:780px; height:91px; background:url(/image/payment/common/foot_bg.gif) no-repeat; margin:0 auto; margin-bottom:10px }
#footer .lk {font-size:10px; color:#636363; padding:13px 0 10px 0; clear:both;}
#footer .lk a {font-size:10px; color:#636363; text-decoration:underline}
#footer .logo a {float:left; margin:20px 13px 0 24px; width:69px; height:17px; background:url(/image/payment/common/foot_logo.gif) no-repeat; text-indent:-9000px; }
#footer .copyright {float:left; padding:17px 0 0 0; text-align:left; font-size:9px; color:#636363; }
#footer .ad {float:right; padding:6px 6px 0 0; }


/*login area*/
		  .login_t {width:162px; background:url(/image/payment/common/r_box05_t.gif) no-repeat 0 top;    height:5px; overflow:hidden; font-size:0; clear:both}
		  .login   {width:162px; background:url(/image/payment/common/r_box05_m.gif) repeat-y; padding:0 4px; text-align:center; }
html>body .login   {width:155px; overflow:hidden;}
		  .login_b {width:162px; background:url(/image/payment/common/r_box05_b.gif) no-repeat 0 bottom; height:5px; overflow:hidden; font-size:0; clear:both} /*font-size:0 makes bottom piece show up in IE*/
.login .msg {padding:4px 0 0 6px; text-align:left; color:#505050 }
.login .msg a:link, .login .msg a:visited {color:#F36422; font-weight:bold;}
/**** Added 2006-12-21 ****/
.login .notsignedin_area {background:url(/image/payment/common/bu_arw04.gif) no-repeat 4px 5px; padding: 0 0 6px 18px; height: 15px; line-height: 17px; }
.login .notsignedin_txt  {font-size: 10px; text-align: left; color:#FF6C00; font-weight: bold; }
.login .signin_hdivider {background: url(/image/payment/common/r_line01_dotted.gif) no-repeat; height: 1px; margin:0 0 0 4px;}
.login .signin_form_area {height: 72px; padding-top: 6px;}
.login .signin_form_area .signin_form_spacer01 {float: left; height: 4px; width: 95px;}
.login .signin_form_area .signin_form_spacer02 {float: left; height: 5px; width: 152px;}
.login .signin_form_area .signin_form_textbox  input {float: left;  width:90px; height: 14px; margin: 0 0 4px 4px; padding-left: 2px; height:18px; border: 1px solid #CFCFCF; color: #999999; }
.login .signin_form_area .signin_form_btn      input {float: right; width:47px; height: 40px; margin: 0 5px 0 0;}
.login .signin_form_area .signin_form_checkbox input {float: left; margin-top: 0;}
.login .signin_form_area .signin_form_checkbox   {line-height: 17px; width:  17px; height: 17px; float: left; }
.login .signin_form_area .signin_form_secure_txt {line-height: 17px; width: 100px; height: 17px; float: left; text-align: left; padding-left: 3px; color: #898989; }
.login ul.signin_options {height: 30px;}
.login li.forgotpassword {height: 14px; background:url(/image/payment/common/r_ico_forgotpass.gif) no-repeat 5px 1px; padding-left:20px; font-size:9px; color: #898989;}
.login li.newusersignup  {height: 14px; background:url(/image/payment/common/r_ico_newuser.gif)    no-repeat 5px 1px; padding-left:20px; font-size:9px; color: #898989;}
.login a.forgotpassword       {color: #898989; text-decoration:underline;} 
.login a.forgotpassword:hover {color: #505050;}
.login a.newusersignup        {color: #FF6C00; text-decoration:underline; font-weight: bold;}
.login a.newusersignup:hover  {color: #FF3C00;}
/**** //Added 2006-12-21 ****/
.login .in {background:url(/image/payment/common/ico_in.gif) no-repeat 15px center; padding:18px 0 15px 53px; text-align:left; color:#464646; }
.login .link {padding:10px 7px 5px 0; text-align:right; border-bottom:1px solid #C9C9C9; font-size:9px; color:#505050}
.login .link a:link, .link a:visited {color:#808182; text-decoration:underline}
.login .grt {padding:7px 0 5px 3px; text-align:left; font-size:9px; color:#505050}
.login .grt b {letter-spacing:1px}
		  .login .avatar {position:relative; height:120px; }
html>body .login .avatar {}
.login .btn {padding:7px 0 3px 0; }
.login .gem {width:146px; background:url(/image/payment/common/r_box04.gif) no-repeat; padding:5px 0 0 0; clear:both; }
.login .gem_b {width:146px; height:4px; background:url(/image/payment/common/r_box04_b.gif) no-repeat; overflow:hidden;clear:both; margin-bottom: 5px} /* .login .gem_b {width:146px; height:4px; background:url(/image/payment/common/r_box04_b.gif) no-repeat; overflow:hidden;clear:both} *//*Added bottom-margins*/
html>body .gem, .gem_b	{margin-left:4px; float:left; }
.login .gem2_t {width:146px; background:url(/image/payment/common/r2_box04_t.gif) no-repeat; height:4px; overflow:hidden; font-size:0;clear:both;} /* keep this an image instead of a css background */
.login .gem2   {width:146px; background:url(/image/payment/common/r2_box04_m.gif) repeat-y; padding:5px 0 5px 0; clear:both; }
.login .gem2_b {width:146px; background:url(/image/payment/common/r2_box04_b.gif) no-repeat; height:4px; overflow:hidden; font-size:0;clear:both; margin-bottom: 5px} /* .login .gem_b {width:146px; height:4px; background:url(/image/payment/common/r_box04_b.gif) no-repeat; overflow:hidden;clear:both} *//*Added bottom-margins*/
html>body .gem2, html>body .gem2_b, html>body .gem2_t	{margin-left:4px; float:left; }
.login .gem td {color:#505050; }
.login .gem td.l {background:url(/image/payment/common/bu_arw02.gif) no-repeat 0px 7px; padding:2px 0 0 6px; text-align: left; font-size:9px; color:#464646; } /* .login .gem td.l {background:url(/image/payment/common/bu_arw02.gif) no-repeat 0 7px; padding:2px 0 0 6px; font-size:9px; color:#464646; font-weight:bold; } *//* Removed font-weight, added text-align */
.login .gem td.ico {padding:2px 0 3px 0; }
.login .gem td.r {padding:2px 10px 0 0; text-align: right; font-size:10px;} /* .login .gem td.r {padding:2px 0 0 0; font-size:10px; font-family:arial; } *//* Removed font-family, added text align */
.login .gem td.line {height:1px; background:#E8E8E8; }
.login .gem .lv {float:left; width:102px; background:url(/image/payment/common/r_lv01.gif) no-repeat; margin:2px 0 0 3px; text-align:left; }
.login .gem .lv .graph {background:url(/image/payment/common/r_lv02.gif) repeat-x; height:10px; }
.login .gem .pst {float:right; margin-right:2px; color:#505050 }
html>body .login .gem .pst {margin-right:7px; }
/* NEW Gem 2006-10-24 */
.login .gem .gem_levelup {margin:5px 0 0 2px;}
.login .gem .gem_levelup_bg          {height:10px; width: 118px; background:url(/image/payment/r_gem_lvl_bg.gif)      repeat-x; text-align: left;}
.login .gem .gem_levelup_left_full   {height:10px; width:   4px; background:url(/image/payment/r_gem_lvl_l_full.gif)  repeat-x; text-align: left;}
.login .gem .gem_levelup_right_full  {height:10px; width:   4px; background:url(/image/payment/r_gem_lvl_r_full.gif)  repeat-x; text-align: left;}
.login .gem .gem_levelup_left_empty  {height:10px; width:   4px; background:url(/image/payment/r_gem_lvl_l_empty.gif) repeat-x; text-align: left;}
.login .gem .gem_levelup_right_empty {height:10px; width:   4px; background:url(/image/payment/r_gem_lvl_r_empty.gif) repeat-x; text-align: left;}
.login .gem .gem_mygems_title  {width: 130px; height:17px; background: url(/image/payment/r_gem_tit_mygems.gif) no-repeat 5px top;}
.login .gem .gem_history_title {width: 130px; height:17px; background: url(/image/payment/r_gem_tit_gemhistory.gif) no-repeat 5px top;}
.login .gem .more {width: 140px; height:17px; position:relative; padding-top:1px; vertical-align: top; text-align: right; }
.login .gem .gem_history_col01, .login .gem .gem_history_col02, 
.login .gem .gem_history_col03, .login .gem .gem_history_col04, 
.login .gem .gem_history_col00 {font-size:9px; line-height: 15px;} /* {font-size:10px; line-height: 13px;} */
.login .gem .gem_history_col00 {text-align: left; padding: 0 0 0 10px;}
.login .gem .gem_history_col01 {text-align: left; padding-left: 0px;}
.login .gem .gem_history_col02 {text-align: left; padding: 0 1px 0 1px;}
.login .gem .gem_history_col03 {text-align: left; padding-right: 0px; }
.login .gem .gem_history_col04 {text-align: left; }
.login .gem .gem_history_negative {color: #F13224;}
.login .gem .gem_history_positive {color: #0071BC;}

.login .msg {padding:4px 0 0 6px; text-align:left; color:#505050 }
.login .msg a:link, .login .msg a:visited {color:#F36422; font-weight:bold;}



/*box*/
.cbox01 {background:url(/image/payment/common/c_box01_t.gif) no-repeat; margin-top:6px; padding:10px 0 5px 0; }
.cbox01_b {background:url(/image/payment/common/c_box01_b.gif) no-repeat; height:6px; overflow:hidden; }
.cbox02 {background:url(/image/payment/common/c_box02.gif) no-repeat; height:29px; margin-top:5px; text-align:left;color:#7F7F7F; font-size:11px; letter-spacing:-1px; font-weight:bold; padding:6px 0 0 7px }
.cbox03_t {background:url(/image/payment/common/c_box03_t.gif) no-repeat; height:38px; margin-top:30px; color:#FFF; font-weight:bold; padding-top:9px; }
html>body .cbox03_t {height:29px;}
.cbox03_m {background:url(/image/payment/common/c_box03_m.gif) repeat-y; }
.cbox03_b {background:url(/image/payment/common/c_box03_b.gif) no-repeat; height:5px; overflow:hidden; }
.cbox04_t {background:url(/image/payment/common/c_box04_t.gif) no-repeat; height:7px; overflow:hidden; margin-top:5px; }
.cbox04_m {background:url(/image/payment/common/c_box04_m.gif) repeat-y; }
.cbox04_b {background:url(/image/payment/common/c_box04_b.gif) no-repeat; height:7px; overflow:hidden; }
.cbox05_t {background:url(/image/payment/common/c_box05_t.gif) no-repeat; height:5px; overflow:hidden; margin-top:5px; }
.cbox05_m {background:url(/image/payment/common/c_box05_m.gif) repeat-y; }
.cbox05_b {background:url(/image/payment/common/c_box05_b.gif) no-repeat; height:5px; overflow:hidden; }
.cbox06_t {background:url(/image/payment/common/c_box06_t.gif) no-repeat; height:6px; overflow:hidden; margin-top:5px; }
.cbox06_m {background:url(/image/payment/common/c_box06_m.gif) repeat-y; }
.cbox06_b {background:url(/image/payment/common/c_box06_b.gif) no-repeat; height:6px; overflow:hidden; }
.cbox07_t {background:url(/image/payment/common/c_box07_t.gif) no-repeat; height:6px; overflow:hidden; margin-top:5px; }
.cbox07_m {background:url(/image/payment/common/c_box07_m.gif) repeat-y; }
.cbox07_b {background:url(/image/payment/common/c_box07_b.gif) no-repeat; height:6px; overflow:hidden; }
.cbox08_t {background:url(/image/payment/common/c_box08_t.gif) no-repeat; height:33px; overflow:hidden; margin-top:12px; }
.cbox08_m {background:url(/image/payment/common/c_box08_m.gif) repeat-y; }
.cbox08_b {background:url(/image/payment/common/c_box08_b.gif) no-repeat; height:8px; overflow:hidden; }
.cbox10_t {background:url(/image/payment/common/c_box10_t.gif) no-repeat; height:5px; overflow:hidden; margin-top:5px; }
.cbox10_m {background:url(/image/payment/common/c_box10_m.gif) repeat-y; }
.cbox10_b {background:url(/image/payment/common/c_box10_b.gif) no-repeat; height:5px; overflow:hidden; }
.cbox11_t {background:url(/image/payment/common/c_box11_t.gif) no-repeat; height:5px; overflow:hidden; margin-top:10px; }
.cbox11_m {background:url(/image/payment/common/c_box11_m.gif) repeat-y; }
.cbox11_b {background:url(/image/payment/common/c_box11_b.gif) no-repeat; height:5px; overflow:hidden; }
.cbox12_t {background:url(/image/payment/common/c_box12_t.gif) no-repeat; height:8px; overflow:hidden; }
.cbox12_m {background:url(/image/payment/common/c_box12_m.gif) repeat-y; }
.cbox12_b {background:url(/image/payment/common/c_box12_b.gif) no-repeat; height:8px; overflow:hidden; }
.cbox15 {background:url(/image/payment/common/c_box15.gif) no-repeat; height:106px; overflow:hidden; margin-top:16px; }

/*button*/
.cbtn {margin:10px 0 15px 0; vertical-align:top; }
.cbtn_l {float:left; padding-left:6px; color:#999;	}
.cbtn_r {float:right; padding-right:6px; }
.cbtn02 {text-align:center; padding:4px 0 18px 0;}

/*page navigation*/
#pgnavi {background:url(/image/payment/common/pgbox.gif) no-repeat; padding:5px 0; margin-top:8px; }
table.pgnavi {font-weight:bold; }
table.pgnavi{height:12px;border-collapse:collapse}
table.pgnavi td {background:url(/image/payment/common/bu_pgbar02.gif) no-repeat right center; font-size:10px}
table.pgnavi td.pdl {padding-left:8px; font-size:9px; background:none; }
table.pgnavi td.pdr, table.pgnavi td.pdr02 {padding-right:8px; font-size:9px}
table.pgnavi td.pdr a {color:#4F4F4F}
table.pgnavi td.pdl a, table.pgnavi td.pdr02 a {color:#767676}
table.pgnavi td.num {width:23px; text-align:center}
table.pgnavi td.btn {width:96px;}
table.pgnavi a.num {display:block; color:#939393;}
table.pgnavi a.np {display:block; color:#767676;}
table.pgnavi a.selected {display:block; color:#4A4A4A; }
img.arw1 {margin:0 0 1px 2px }
img.arw2 {margin:0 3px 2px 3px }

/*page navigation 02 & btn area*/
.pgbtn {padding:0 10px; height:23px; margin-bottom:8px; position:relative; }
.pgbtn .btn {text-align:right;}
.pgbtn .btn img {vertical-align:top; margin-left:2px}
.pgbtn .order {padding-right:17px}

table.pgnavi02 {font-weight:bold; margin:10px 0 0 10px}
table.pgnavi02 {height:12px;border-collapse:collapse}
table.pgnavi02 td {background:url(/image/payment/common/bu_pgbar02.gif) no-repeat right center; font-size:10px}
table.pgnavi02 td.pdl {padding-left:8px; font-size:9px; background:none; }
table.pgnavi02 td.pdr {padding-right:8px; font-size:9px}
table.pgnavi02 td.num {width:23px; text-align:center}
table.pgnavi02 a.num {display:block; color:#939393;}
table.pgnavi02 a.np {display:block; color:#767676;}
table.pgnavi02 a.selected {display:block; color:#4A4A4A; }


/*sub content title*/
#subtit {height:23px; margin-bottom:10px; }


/*layer box*/
.lybox {border:1px solid #ADADAD; background:#F5F5F5; padding:4px; margin-top:3px; clear:both; z-index:100}
.lybox li {background:url(/image/payment/common/bu_arw07.gif) no-repeat 4px 5 px; padding-left:11px; font-size:9px; line-height:1.6}
.lybox .bar {background:#DEDEDE; height:1px; overflow:hidden; padding-left:0; margin:4px 0 1px -10px; }
html>body  .lybox .bar {margin:4px auto 1px auto; }