@charset "utf-8";

/** メッセージに関するスタイルシート */

.messageArea {
	background-color:	#f5f5f5;
}

.messageArea .messageError {
	color:			#FF0000;
	font-size:		13px;
	width:			1100px;
	height:			30px;
	line-height:		27px;
	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;
}
.messageArea .messageInfomation {
	color:			#0000CD;
	font-size:		13px;
	width:			100%;
	height:			30px;
	line-height:	27px;
	vertical-align:	middle;
	display:		inline-block;
	text-align:		left;
}

.messageIconInfomation:before {
	content:		"";
	background:		url(../../images/icon/info.png) no-repeat left center;
	background-size:	20px 20px;
	width:			20px;
	height:			20px;
	margin-right:		6px;
	margin-top:		3px;
	float:			left;
}

.messageArea .messageWarning {
	color:				#00ced1;
	font-size:			13px;
	width:				100%;
	height:				30px;
	line-height:		27px;
	vertical-align:		middle;
	display:			inline-block;
}

.messageIconWarning:before {
	content:			"";
	background:			url(../../images/icon/icon_caution.png) no-repeat left center;
	background-size:	20px 20px;
	width:				20px;
	height:				20px;
	margin-right:		6px;
	margin-top:			3px;
	float:				left;
}

.messageArea .messageLoad {
	color:			#0000CD;
	font-size:		13px;
	width:			100%;
	height:			30px;
	line-height:	27px;
	vertical-align:	middle;
	display:		inline-block;
	text-align:		left;
}

.messageIconLoad:before {
	content:		"";
	background:		url(../../images/icon/load.gif) no-repeat left center;
	background-size:	20px 20px;
	width:			20px;
	height:			20px;
	margin-right:		6px;
	margin-top:		3px;
	float:			left;
}

/* ----- *** ---------------------------------------------------------------- */
.messageIconInfo:before {
    content: "";
    background: url(../../images/icon/info.png) no-repeat left center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 3px;
    float: left;
}

.messageArea .messageInfo {
    color: #0000CD;
    font-size: 13px;
    width: 100%;
    height: 30px;
    line-height: 27px;
    vertical-align: middle;
    display: inline-block;
}