@charset "UTF-8";
/*------------------------------------------------
ameba CSS for group login
FileName:login.css
$Date: 2012/11/21 07:29:58 $
$Revision: 1.5 $
--------------------------------------------------*/
/*TOC===============================================
login form
==================================================*/

/* wrap
--------------------------------------------*/
#wrap{background:#ffc124;width:100%;}
#mainArea {position:relative;width: 892px;margin:0 auto;padding-top:54px;background:#ffc124 url(/group/img/screen/pub/login/bg_main.png) no-repeat 0 25px;}
#mainArea h1{position:absolute; left:172px; top:128px; width:353px; height:72px; text-indent:-9999px;background:url(/group/img/screen/pub/login/logo_group.png) no-repeat;}
#mainArea p{position:absolute; left:197px; top:212px; width:296px; height:34px; text-indent:-9999px;background:url(/group/img/screen/pub/login/text_sub.png) no-repeat;}

/* loginBox
--------------------------------------------*/
#loginBox { margin:0 0 50px 661px; width:231px; background:url(/group/img/screen/pub/login/bg_loginbox.png) repeat-y left center; text-align:left; z-index:100; }
#loginBoxTop { background:url(/group/img/screen/pub/login/bg_loginbox_top.png) no-repeat left top; }
#loginBox form { background:url(/group/img/screen/pub/login/bg_loginbox_bottom.png) no-repeat left bottom; }
#loginBox #btnRegist { width:195px; margin:0 auto; padding:20px 0; background:url(/home/img/top/line_loginbox.gif) no-repeat center bottom; }

#loginBox #userInput { width:195px; margin:0 auto 13px; padding-top:5px; }
#loginBox #userInput dl { float:left; width:115px;margin-top:7px; }
#loginBox #userInput dt { width:63px; height:12px; margin:0 0 3px; text-indent:-9999px; overflow:hidden; }
#loginBox #userInput #amebaId { background:url(/home/img/top/txt_loginbox_amebaid.gif) no-repeat left top; }
#loginBox #userInput #pwd { background:url(/home/img/top/txt_loginbox_pwd.gif) no-repeat left top; }
#loginBox #userInput dd { padding:0 0 6px; }
#loginBox #userInput dd input { width:115px; ime-mode:disabled; }
#loginBox #userInput #btnLogin { float:right; width:69px; }
#login_button { margin-top:10px; }

#loginBox ul { width:195px; margin:0 auto; color:#666666; }
#loginBox #privacyLink { width:195px; margin:0 auto 7px; padding:0 0 5px 2px; background:url(/home/img/top/line_loginbox.gif) no-repeat center bottom; font-size:0.85em; }
#loginBox #privacyLink input { margin:0 5px 0 0; vertical-align:middle; }
#loginBox #privacyLink li { margin:0 0 5px; }
#loginBox #privacyLink li li { float:left; margin:0; padding:0 10px 0 0; }
#loginBox #memberLink { width:195px; margin:0 auto; padding:8px 0 16px 0; font-size:0.85em; background:url(/home/img/top/line_loginbox.gif) no-repeat center top; }
#loginBox #memberLink li { padding:0 0 1px 0; background:url(/common_style/img/common/icon/arrow12.gif) no-repeat -4px -2px; padding-left:13px; }
.error {margin: 5px 0 5px 0px;}

/* subArea
--------------------------------------------*/
#subArea {width: 892px;margin:20px auto;background:#fff;}
#subArea ul{ width:892px; }
#subArea ul li{ display:block;float:left;width:275px;height:182px;margin-right:33px; }
#subArea ul li.last{ float:right;margin-right:0; }
#qrArea{ position:relative;text-align:right;margin-top:23px; }
#qrArea .urlTxt{ color:#929292;position:absolute;right:95px;top:40px;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:15px;font-weight:bold;  }