@charset "utf-8";

/*------------------------------------
ログイン
--------------------------------------*/


#content {
	position: relative;
}

#login figure {
	position: absolute;
	bottom: -0;
	right: -144px;

}




form dt {
	font-weight: bold;
	font-size: 1.05em;
}

.ex {
	color: #666;
	font-size: 0.95em;
	display: inline-block;
	font-weight: normal;
}


form dd {
	margin: 0 0 14px 0;
}


/*
#firstTime {
background:url(/shared/common/images/pic_mensuke.png) no-repeat 94% 96.5%;
}
*/

.formBtn {
	padding: 20px 10px;
}

.newEntry,
.login {
	float: none;
	margin: auto;
	padding: 0 0 0 20px;
}


.formBtn .inputWrap:before,
.formBtn .modoru:before {
	background: none;
}

@media only screen and (max-width:640px) {


	#login figure {
		display: none;
	}



	#firstTime {
		background: none;
	}




	.formBtn a.newEntry {
		background-size: 22px 22px, auto;
		background-position: 14% 50%;
		width: 140px;
		height: 40px;
		line-height: 40px;
	}

	.formBtn input.login {
		background-size: 22px 22px, auto;
		background-position: 24% 50%;
		width: 160px;
		height: 40px;
		line-height: 40px;
	}
}


#login section#guest {
	clear: both;
	width: auto;
	margin: 10px 8px 10px;
	float: none;
	position: relative;
	top: 12px;
}

@media only screen and (max-width:640px) {
	#login section#guest {
		margin: 10px auto;
	}
}

#login section#guest .formBtn a {
	width: 190px;
	font-size: 1.15em;
	text-align: left;
	padding-left: 18px;
}

#login section#guest p {
	margin-bottom: 0;
}

@media only screen and (max-width:640px) {

	#login section .formBtn input,
	#login section .formBtn a,
	#login section#guest .formBtn a {
		font-size: 1em;
		height: 40px;
		line-height: 40px;
		white-space: nowrap;
	}

	#login section#guest .formBtn a {
		width: 170px;
		text-align: left;
		padding-left: 10px;
	}


}

.leadTxtCart {
	text-align: left;
	margin: auto 10px 18px;
}