@charset "utf-8";
/* CSS Document */

#message {
	width:100%;
	text-align:center;
}

div#message div p {
	height:auto;
	margin:0;
	border:none;
	font-size:0.80em;
	text-align:left;
	font-weight:normal;
}

div#message div p em {
	font-weight:normal;
}

.info, .success, .warning, .error, .validation {
	width:600px;
    border: 1px solid;
    margin: 10px auto;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	text-align:justify;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/common/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/common/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/common/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/common/error.png');
}

@media screen and (max-width: 960px) {/* 640px以下*/
	.info, .success, .warning, .error, .validation {
		width:80%;
	}
}