@CHARSET "UTF-8";

/* デフォルトのボタン(divタグ用) */
div.button {
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	color: #444;
	background-color: #fab387;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px ;
	border: dashed thin transparent;
	min-width: 50px;
	cursor: pointer;

	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

div.button:hover {/* マウスを乗せた時 */
	background-color: #f7c6a7;
	color: #444;
	transition: 0.5s ;
}

div.button:active {/* 押下時 */
	background-color: #444;
	color: #fefefe;
}

div.button:focus {/*tab遷移でフォーカスが当たった時*/
	border: dashed thin #7a7a7a;
}

div.button::selection {/* ctrl + 「a」等で選択時 */
	color: #444;
}