@import url(common.css);
@charset "utf-8";

.membox {width:669px; height:151px; background:url(/img/HO/LI/bg_membox.gif) no-repeat;}
.membox .temp_pw {margin-left:100px;line-height:30px;}
.membox .temp_pw .idpw {float:left;background:url(/img/HO/LI/bg_idpw.gif) no-repeat;padding-left:140px;}
.membox dl {clear:both;}
.membox dt {float:left;width:80px;}
.membox dt img {margin-top:5px;}
.membox dd {float:left;margin-bottom:5px;white-space:nowrap}

.membox .login_l {float:left;}
.membox .login_l dt {width:50px;margin-left:20px;}
.membox .login_r {float:left;margin:1px 0 0 10px;}

.membox .join {margin:10px 0 25px 0;text-align:center;}
.membox .join_l {float:left;margin-left:50px;}
.membox .join_l dt {width:85px;margin-left:20px;}
.membox .join_r {float:left;margin:1px 0 0 10px;}

.membox .join_inquiry {float:left; background:url(/img/HO/LI/bg_member.gif) no-repeat; padding-left:180px; margin-left:50px; display:inline; }
.membox .id_search {float:left; background:url(/img/HO/LI/bg_idpw.gif) no-repeat; padding-left:140px; margin-left:100px; display:inline; }

.membox2 {width:669px; height:70px; background:url(/img/HO/LI/bg_membox2.gif) no-repeat; margin:10px 0 5px 0;}
.membox3 {width:669px; height:36px; background:url(/img/HO/LI/bg_membox3.gif) no-repeat; margin:10px 0 5px 0;}
.membox4 {width:669px; background:url(/img/HO/LI/bg_membox4.gif) no-repeat; margin:5px 0 35px 0;text-align:center;padding:16px 0;}
.membox5 {width:668px; height:120px; background:url(/img/HO/LI/bg_membox5.gif) no-repeat; margin:5px 0 20px 0;}
.membox5 p {background:url(/img/HO/LI/bu_arw2.gif) no-repeat left 3px;padding:0 0 0 10px;margin:0 30px;}
.membox5 strong {color:#00785F;}
.tli li {background:url(/img/HO/LI/bu_arw4.gif) no-repeat left 4px;padding-left:10px;margin-left:20px;}

.agreebox {width:669px; height:280px; border:1px solid #C5C5C5; background:#FFF;margin:10px 0 0 0;
scrollbar-base-color:#FFF;
scrollbar-face-color: #FFF; 
scrollbar-shadow-color: #FFF; 
scrollbar-highlight-color: #FFF; 
scrollbar-3dlight-color: #D7D7D7; 
scrollbar-darkshadow-color: #D7D7D7; 
scrollbar-arrow-color: #D7D7D7;

}
.agreebox p {margin:20px;color:#746C5F;}


.agreebox2 {width:669px; border:1px solid #C5C5C5; background:#FFF;margin:10px 0 0 0;
}
.agreebox2 div {margin:3px 2px; height:270px; padding:12px 10px 12px 12px; overflow-y:scroll; 
scrollbar-base-color:#FFF;
scrollbar-face-color: #FFF; 
scrollbar-shadow-color: #D7D7D7; 
scrollbar-highlight-color: #FFF; 
scrollbar-3dlight-color: #D7D7D7; 
scrollbar-darkshadow-color: #FFF; 
scrollbar-arrow-color: #D7D7D7;}
.agreebox2 p {margin:0 0 15px 0; color:#746C5F; line-height:18px;}

.login {margin:20px 0 0 70px;}
.login dl {text-align:center;clear:both;height:34px;}
.login dt {float:left; margin:5px 60px 0 0;}
.login dd {float:left;}

.login_dot {text-align:center; background:url(/img/HO/LI/bg_dot.gif) repeat-x; padding-top:18px; margin-top:10px;}


.write {border-top:#6EA085 2px solid;}
.write th {padding:8px 0 7px 25px; border-bottom:#C9C9C9 1px solid; background:#E4ECEA; color:#00634F; text-align:left;}
.write td {padding:4px 0 4px 12px; border-bottom:#C9C9C9 1px solid;}


.mypage_info {width:672px; height:71px; padding:74px 0 0 13px; line-height:16px; background:url(/img/HO/MP/img_mypage.gif) no-repeat;}


.myinfo{height:65px; margin-bottom:15px; padding:15px 0 0 144px; background:url(/img/HO/MP/bg_myinfochange.gif) no-repeat ; line-height:18px;}

.counselview {width:656px; margin:-7px 0 -4px 0; padding:20px 0 20px 13px; background:#FFF; text-align:left;}
.counselview dt {float:left; width:105px; padding:2px 0; font-weight:bold; background:url(/img/HO/MP/dot.gif) right top repeat-y;}
.counselview dd {float:left; padding:2px 0 0 11px; line-height:16px;}
.counselview dd p {margin:0; padding-bottom:5px;}

.outreason td {padding:4px 0 4px 10px; text-align:left;}

.mypage_myinfo {float:left; width:192px; height:117px; padding:22px 0 0 117px; line-height:19px; background:url(/img/HO/MP/bg_myinfo.gif) no-repeat;}
.mypage_product {float:right; width:337px; height:120px; padding:19px 0 0 17px; background:url(/img/HO/MP/bg_product.gif) no-repeat;}

.list {clear:both; border-top:#6EA085 2px solid; border-right:#FDFBF7 1px solid;}
.list th {padding:7px 0 6px 0; border-bottom:#6EA085 1px solid; border-right:#C9C9C9 1px solid; background:#E4ECEA; color:#00634F; letter-spacing:-1px;}
.list td {padding:7px 0 6px 0; border-right:#C9C9C9 1px solid; border-bottom:#C9C9C9 1px solid; text-align:center;}
.list td.tit {padding-left:11px; text-align:left; font-weight:bold;}

.list2 {clear:both; border-top:#6EA085 2px solid;}
.list2 th {padding:7px 0 6px 0; border-bottom:#6EA085 1px solid; background:#E4ECEA; color:#00634F; letter-spacing:-1px;}
.list2 td {padding:7px 0 6px 0; border-bottom:#C9C9C9 1px solid; text-align:center;}
.list2 td.tit {padding-left:11px; text-align:left;}
.list2 td img.icon {margin:-2px 0 0 0;}

.infobox4 {width:639px; padding:25px 0 17px 30px; line-height:18px; background:url(/img/HO/MP/bg_infobox4.gif) left top no-repeat; overflow:hidden;}
.infobox4_b {clear:both; width:669px; height:7px; background:url(/img/HO/MP/bg_infobox4.gif) left bottom no-repeat;}


.tab {width:669px; height:39px; margin:17px 0 5px -3px; padding-left:14px; background:url(/img/HO/HS/bg_tab.gif) no-repeat;}
.tab li {display:inline; float:left;}
.tab li.on {position:relative; margin-right:-2px;}