@charset "utf-8";

/* ==========================================
ログイン　CSS
===========================================*/

/*--ログインボックス　横並び--*/
.LoginBox {
	float:none;
}
.LoginBoxL,
.LoginBoxR {
	float: left
}

.LoginBoxL {
	margin-Right: 20px;
}

/* ==========================================
ログインボックスエリア（背景水色）
===========================================*/
/*--エリアタイトル（左）--*/
.LoginTitle,
.LoginTitleL,
.LoginTitleR {
	/*background: #008bdd;*/
	padding: 12px 0 12px 10px;
	/*color: #fff;*/
	font-size: 1.1em;
}
/*--ログインエリア（左）--*/
.LoginArea,
.LoginAreaL,
.LoginAreaR {
	/*background: #e9eef4;*/
	padding: 20px 0;
	text-align: center;
}
/*--エリア--*/
.LoginTitle {
	width: 100%;
}
/*--タイトル--*/
.LoginArea {
	width: 101%;
}
/*--エリア（左）--*/
.LoginTitleL {
	width: 480px;
}
/*--タイトル（左）--*/
.LoginAreaL {
	width: 490px;
}

/*--エリア（右）--*/
.LoginTitleR {
	width: 420px;
}

/*--タイトル（右）--*/
.LoginAreaR {
	width: 430px;
}

/*--エリア内文字--*/
.ReferArea p {
	line-height: 2.0em;
	font-size: 1.2em;
}

/* ==========================================
ログイン入力ボックス
===========================================*/

/*--ID・パスワード　横並びリスト--*/
.LoginSummary {
	text-align: center;
	margin: 12px 0 7px 0;
}
.LoginSummary li {
	display: inline-block;
	margin: 0 10px;
	vertical-align:middle;
}

/*--ID・パスワード　入力ボックス--*/
.LoginSummary input[type=text],
.LoginSummary input[type=password] {
	width: 260px;
	height: 28px;
}

/* ==========================================
ログインボタン
===========================================*/

input.LoginSubmitBtn {
	width: 240px;
	height: 50px;
	/*background-color: #008bdd;*/
	border-radius: 5px;
	color: #FFF;
	font-size: 1.3em;
	/*border: 1px solid #008bdd;*/
	border: none;
	font-family: "メイリオ", Meiryo;
}
input.LoginSubmitBtn:hover {
	/*background-color: #50a9dd !important;*/
	color: #FFF;
}

.LoginCheck {
	margin: 12px 0 12px 23px;
}

.LoginCheck .ErrTxt{
	Color: Red; font-size: 1.1em;
}

/* ==========================================
はじめてのお客様ボックス
===========================================*/
.BeginnerTxt {
	margin: 15px;
	text-align: center;
}

.BeginnerTxt p {
	line-height: 1.7em;
}
/* ==========================================
はじめてのお客様(背景水色)のリンクボタン（明るい水色） Link
===========================================*/

.LoginAreaR .TopLink {
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	font-size: 1.4em;
	line-height: 50px;
	vertical-align: middle;
	/*background: #99cdff;*/
	overflow: hidden;
	text-decoration:none;
	/*border: 2px solid #e9eef4;*/
	height: 50px;
	width: 200px;
	color: #555;
	margin-bottom: 5px;
}

.LoginAreaR .TopLink span {
	display:inline-block;
	transition: .5s;
}

.LoginAreaR .TopLink:hover {
	/*background: #bedfff;*/
	transition: 0.7s;
	/*border: 2px solid #bedfff;*/
}