@charset "utf-8";

/* ログインに関するスタイルシート */
body {
	height:				100%;
	width:				790px;
	min-width:			100%;
	max-width:			790px;
	margin:				0px auto;
	font-family:		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:	#F5F5F5;
}

/* ----- タイトル表示領域 --------------------------------------------------- */
.titleArea {
	background:			#f5f5f5;
	border-bottom:		double #d5d5d5 2px;
}

.titleArea .title {
	color:				#000000;
}

.centerArea {
	text-align:			center;
	display:			block;
}


.loginArea {
	width:				790px;
	min-width:			790px;
	max-width:			790px;
	padding-left:		12px;
	overflow-x:			visible;
	overflow-y:			visible;
	display:			inline-block;
}
h1 {
	color:				#003B77;
	font-size:			18px;
	font-weight:		normal;
	margin-top:			0px;
	margin-bottom:		3px;
	text-align:			left;
}
.loginPanel {
	padding:			12px;
}
form {
	padding:			70px 140px 67px 170px;
}

/* ----- 部品表示領域 --------------------------------------------------- */
/* ラベル */
label {
	font-size:			13px;
	height:				27px;
	width:				110px;
	line-height:		27px;
	vertical-align:		middle;
	display:			inline-block;
	text-align:			left;
}
/* テキスト */
input[type="text"] {
	width:				340px;
	height:				25px;
	text-indent:		1em;
	border:				1px solid #808080;
	margin-bottom:		15px;
	display:			inline-block;
}
input[type="password"] {
	width:				340px;
	height:				25px;
	text-indent:		1em;
	border:				1px solid #808080;
	margin-bottom:		15px;
	display:			inline-block;
}
.buttonArea {
	float:				right;
}
/** メッセージに関するスタイルシート */
.loginMessageArea {
	background-color:	#F0F7FC;
}

.loginMessageArea .messageError {
	color:			#FF0000;
	font-size:		13px;
	width:			600px;
	height:			30px;
	vertical-align:		middle;
	display:		inline-block;
	text-align:		left;
}

.messageIconError:before {
	content:		"";
	background:		url(../../images/icon/attention.png) no-repeat left center;
	background-size:	20px 20px;
	width:			20px;
	height:			20px;
	margin-right:		6px;
	margin-top:		3px;
	float:			left;
}
/* 注意表示 */
.caution {
	background-color:	#FFFFFF;
	border:				1px solid #808080;
	text-align:			left;
}
.attention{
	color:				#000000;
	font-size:			17px;
	height:				35px;
	line-height:		35px;
	vertical-align:		middle;
	padding:			4px 0px;
	display:			inline-block;
}
.attention:before {
	content:			"";
	background:			url(../../images/icon/icon_caution.png) no-repeat left center;
	background-size:	35px 35px;
	width:				35px;
	height:				35px;
	margin-right:		4px;
	float:				left;
}
.cautionMessage {
	width:				565px;
	margin-left:		30px;
	margin-top:			15px;
	margin-bottom:		10px;
	display:			inline-block;
}
li {
	color:				#4D4D4D;
	font-size:			12px;
	width:				540px;
	letter-spacing:		1.2px;
	padding-left:		1em;
	text-indent:		-1em;
	list-style:			none;
}
/* login.css */
li:before {
	content:			'・';
}