@charset "UTF-8"; /*--------------------------------------------------
for ameba shopping sp login
$Id$
--------------------------------------------------*/
body { font-size:12px; }
/* floating box clear */
#loginForm,#help { zoom:1; }
#loginForm:after,#help:after { content:''; display:block; clear:both; }

/**/
#contents{ background:#F5F5F5; padding-bottom:10px; border-bottom:1px solid #E2E2E2; }
#contents h1,h3 { padding: 0 10px; font-size: 13px; text-align: left; }
#contents h2{text-align: left; margin-left:10px;}

/* user_common overwrite */
header { padding-bottom:0; }
header:after { display:none; }
#loginSection { margin: 0 0 10px; border-top: 1px solid #CCCCCC; font-size: 12px; }
#loginSection form { padding: 10px 5% 15px; }
#loginArea { float: left; width: 65%; margin-bottom:3px; }
#sbmtArea { float: right; margin-top: 25px; width: 30%; }
#loginSection .sbmt { width:100%; height: 70px; }
#loginSection #help{ margin:0 0 15px; }
#loginSection #help p{ float:left; padding: 3px 0 0; }
#loginSection #abbrCheck { float: right; margin: 0; text-align: left; }
#loginSection form ul, #loginSection form li { display: inline; text-align: center; }
#loginSection form li { border-right: 1px solid #999999; margin: 0 5px 0 0; padding: 0 10px 0 0; }
#loginSection form li:last-child { border-right: medium none; margin: 0; padding: 0; }
#loginSection .moreLink { padding: 0 0 5px; }

/* cookie,js */
#attention{ display: none;margin:7px 2px 15px 2px; padding:6px 10px;background:#EFEFEF;text-align:left; }
#attentionJs { display: block; margin:7px 2px 15px 2px; padding:6px 10px;background:#EFEFEF;text-align:left; }
#attention em,
#attentionJs em{font-style:normal;font-weight:bold; }

/*login
--------------------------------------------*/
#contents h1{ background: none repeat scroll 0 0 #EFEFEF;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -o-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -ms-box-shadow:0px 2px 2px rgba(0,0,0,0.2); }
#loginRap { margin: 12px 0; padding: 0; }
#contents #login h1 { text-align: left; }
#contents #login h2{display:block;width:138px;height:16px; text-indent:-9999px; background:url(/common_style/img/sp/title_login.png);background-position:0 0; background-repeat:no-repeat;background-size:200px auto;-webkit-background-size:200px auto; }
#contents p.mid,
#contents p.ex { text-align: left; font-size: 12px; clear: both; margin: 0 0 5px 0px; color: #666; }
#contents p.mid{margin: 15px 0 10px 10px; }

#login .errorId { background: #FEE8EC; margin-bottom: 12px; color: #FF3366; text-align: left;}
.msgError { margin:0 12px;line-height:24px; }
#login .btn { clear:both; text-align:center; margin:0 55px; }
#login .btnPrimary { display: block; white-space:nowrap; height: 77px; width: 100%; line-height: 37px; font-size: 14px; font-weight: bold; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; padding-left:5px; *width:138px; }
#login .btnPrimary:hover { text-decoration: none; }
#login .btnPrimary { color: #FFFFFF !important; border: 2px solid #4DAC26; background: #57BF2B; 
background-image: linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%); 
background-image: -o-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
background-image: -moz-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%); 
background-image: -webkit-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
background-image: -ms-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(87,191,43)),
	color-stop(1, rgb(73,160,35))
	);
float:left; margin-right:40px; }
#login form { margin: 5px 10px 20px 10px; padding:5px 10px 0 10px; text-align: center; border-radius:5px; border:1px solid #D5D5D5; background:#FFF; }
#login form ul, #login form li { text-align: left; display: block; margin-left:2px; font-size:12px; }
#login form li { border-right: none; margin: 0 0 5px; background: url("/common_style/img/sp/ico.png") no-repeat left -97px transparent; padding: 1px 0 1px 22px; }
#login form li:last-child { border-right: medium none; margin: 0; padding: 1px 0 1px 22px; }

#sbmtSection { margin: 0; }
#sbmtArea { margin-top: 0; }
#abbrCheck { clear: both; margin: 0 0 5px 3px; color: #666; font-size:12px; }
#abbrCheck #remInput { margin:2px 0 0 0; }

#registId h2{display:block;width:180px;height:16px; text-indent:-9999px; background:url(/common_style/img/sp/title_login.png);background-position:0 -18px; background-repeat:no-repeat;background-size:200px auto;-webkit-background-size:200px auto; }
#RegistArea { margin: 5px 10px; padding:15px 11px 5px 11px ; text-align: center; border-radius:5px; border:1px solid #D5D5D5; background:#FFF; }
#move a { background: url("/common_style/img/sp/ico.png") no-repeat left -100px transparent; padding-left: 26px; color: #0066CC; }
.btnRegist a.sbmt2 { display: block; border: 1px solid #FF6500; border-radius: 3px; color: #fff; font-weight: bold; margin-bottom:10px;
background:-webkit-gradient(linear, 0% 100%, 0% 21%, from(#FF6500), to(#FD8B40), color-stop(.5,#FD8B40)); padding: 17px; font-size: 14px;
background:-moz-linear-gradient(0% 75% 90deg,#FF6500, #FD8B40, #FD8B40 100%);
box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); -moz-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); -webkit-box-shadow:0 2px 2px rgba(100, 100, 100, 0.15); }

/*subContentsArea*/
#subContentsArea{ padding:0; }

#Aboutshopping h1 { height:22px; border-top:1px solid #CCC; }
#Aboutshopping dl { margin:10px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border:1px solid #E3F4BB; overflow:hidden; text-align:left; background: #FFFFFF;}
#Aboutshopping dt { padding:7px; color:#4DAC26; font-weight:bold; }
#Aboutshopping dd { display:table-cell; padding:7px; vertical-align:middle; }
#Aboutshopping .step1 dt { background: #E3F4BB; -webkit-background-size:213px auto; -moz-background-size:213px auto; -o-background-size:213px auto; background-size:213px auto; }
#Aboutshopping .step2 dt { background: #E3F4BB; -webkit-background-size:134px auto; -moz-background-size:134px auto; -o-background-size:134px auto; background-size:134px auto; }

/*footer
--------------------------------------------*/
footer #footerNav { margin-top: 20px; border-bottom:none; font-size:12px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; }
footer p { padding:7px; margin-top:20px; background:#EEE; text-align:center; color:#A4A4A4; }