div#login-area {
	width:246px;
	background:url(/img/mypage/login_02.gif) left bottom repeat-y;
	margin:10px 0 0 0;
	padding-bottom:10px;
	text-align:center;
	clear:both;}

div#login-tit {
	height:33px;
	background:url(/img/mypage/login_01.gif) left top no-repeat;}



div#login-contents {
	padding:10px 14px;
	text-align:left;
	color:#676767;
	font-size:10px;
	line-height:140%;}

img#login-bar {
	margin:0 0 5px 0;}


div#login-btn {
	text-align:center;
	padding:0 42px;}


div#login-btn a{
	display:block;
	width:161px;
	height:20px;
	background:url(/img/mypage/login-btn.gif) left top no-repeat;
	text-indent:-9999px;}


div#login-btn a:hover{
	background:url(/img/mypage/login-btn_on.gif) left top no-repeat;}



div#login-contents div#users{
	background:url(/img/mypage/users-arrow.gif) 0 2px no-repeat;
	_background:url(/img/mypage/users-arrow.gif) 0 0 no-repeat;
	font-size:12px;
	color:#328EBD;
	line-height:100%;
	padding-left:13px;
	margin:5px 0;
	}

div#login-contents a{
	color:#328EBD;
	text-decoration:underline;}

div#login-contents a:hover{
	color:#85BCD8;
	text-decoration:underline;}




div#m-change-btn ,div#m-logout-btn {
	text-align:center;
	padding:0 10px;}


div#m-change-btn a{
	display:block;
	width:223px;
	height:20px;
	background:url(/img/mypage/m-chage-btn.gif) left top no-repeat;
	text-indent:-9999px;}


div#m-change-btn a:hover{
	background:url(/img/mypage/m-chage-btn_on.gif) left top no-repeat;}




div#m-logout-btn a{
	margin:5px 0;
	display:block;
	width:223px;
	height:20px;
	background:url(/img/mypage/m-logout-btn.gif) left top no-repeat;
	text-indent:-9999px;}


div#m-logout-btn a:hover{
	background:url(/img/mypage/m-logout-btn_on.gif) left top no-repeat;}


div#other-link a{
	font-size:12px;
	color:#328EBD;
	text-decoration:underline;}

div#other-link a:hover{
	color:#85BCD8;
	text-decoration:underline;}