@charset "shift_jis";
/* --------------------------
CSS 3などをサポートしているブラウザに対して、
よりリッチなデザインを提供する
--------------------------- */

/* ボタンを角丸にする ＆ cursor: pointer; */
input[type=submit], input[type=reset], input[type=button], button {
	/*height: 1.8em;*/
	border-width: 2px;	/* mozの場合、border-radiusさせる為に必要 */
	padding: 2px 4px 3px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover {
	/*-webkit-box-shadow: 3px 3px 5px #333333;*/
	box-shadow: 0px 0px 3px #999999;
}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
label, input[type=radio]:hover, input[type=checkbox]:hover {
	cursor: pointer;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus {
	/*outline:none;*/
	/*border-color:rgba(249,187,0,.50) !important;*/
	/*border-color:rgba(128,128,128,.50) !important;*/
	
	/*border-width: 2px;*/
	/*box-shadow:0 0 4px rgba(249,187,0,.99);*/
	-moz-box-shadow:0 0 4px rgba(249,187,0,.99);
	/*-webkit-box-shadow:0 0 2px rgba(249,187,0,.59);*/
}

/*
div.msgbox {
	-webkit-animation-name: mySequence;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count: 1;
}
*/
@-webkit-keyframes mySequence {
	0% {
		box-shadow:0 0 3px rgba(249,187,0,.99);
	}
	45% {
		box-shadow:0 0 10px rgba(249,187,0,.99);
	}
	100% {
		box-shadow:0 0 1px rgba(249,187,0,.99);
	}
}

.sys_disappearing {
	-webkit-animation-name: disappearing;
	-webkit-animation-duration: 0.85s;
	-webkit-animation-fill-mode: forwards;

	animation-name: disappearing;
	animation-duration: 0.85s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes disappearing {
	100% {
		background-color: #666;
	}
}
@keyframes disappearing {
	100% {
		background-color: #666;
	}
}
.imeoff {
	ime-mode: disabled;
}