@charset "UTF-8";

/* ボタン */
.btn
	{
	cursor: pointer;
	color: #212529;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 4px 12px;
	background-color: transparent;
	/*border: 1px solid transparent;*/
	border:1px solid #aaa;
	font-size: 13px;
	line-height: 1.4;
	border-radius: 3px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='0.5' stop-color='%23eeeeee'/%3E%3Cstop offset='1' stop-color='%23eeeeee'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
button.btn,
input[type="button"].btn,
input[type="submit"].btn,
input[type="reset"].btn
	{
	-webkit-appearance: none;
	appearance: none;
	}
.btn:hover:not(:disabled)
	{
	color: #212529;
	background: #e9e9e9;
	}
.btn:disabled
	{
	color: #212529;
	background: #e9e9e9;
	}
/* 確定 */
.btn-ok
	{
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f7dea0'/%3E%3Cstop offset='0.5' stop-color='%23ecc76b'/%3E%3Cstop offset='1' stop-color='%23ecc76b'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
.btn-ok:hover
	{
	color: #000;
	background: #ecc76b;
	}
/* 追加 */
.btn-add
	{
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e3f5df'/%3E%3Cstop offset='0.5' stop-color='%23c1e9b8'/%3E%3Cstop offset='1' stop-color='%23c1e9b8'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
.btn-add:hover
	{
	color: #000;
	background: #c1e9b8;
	}
/* パターン1 */
.btn-blue
	{
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23dfedf5'/%3E%3Cstop offset='0.5' stop-color='%23b8d8e9'/%3E%3Cstop offset='1' stop-color='%23b8d8e9'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
.btn-blue:hover
	{
	color: #000;
	background: #b8d7e9;
	}
.btn-red
	{
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f5dfdf'/%3E%3Cstop offset='0.5' stop-color='%23e9b8b8'/%3E%3Cstop offset='1' stop-color='%23e9b8b8'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
.btn-red:hover
	{
	color: #000;
	background: #e9b8b8;
	}
.btn-yellow
	{
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1 3'%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f5f0df'/%3E%3Cstop offset='0.5' stop-color='%23e9deb8'/%3E%3Cstop offset='1' stop-color='%23e9deb8'/%3E%3C/linearGradient%3E%3Crect width='1' height='3' fill='url(%23g)'/%3E%3C/svg%3E");
	}
.btn-yellow:hover
	{
	color: #000;
	background: #e9deb8;
	}


/* A-tag アイコン+text  */
.btn-icon .box-center
	{
	display:table;
	}
.box-float
	{
	overflow:hidden;
	*zoom:1;
	}
.box-center
	{
	margin:auto;
	display:block;
	}
.box-float > .box-left
	{
	float:left;
	}

.btn.narrow
	{
	height: 26px;
	}

.btn.slim
	{
	padding: 2px 8px;
	}

.btn.upload_btn
	{
	width: 120px;
  }