/* 各色ボタン (gray: IE11標準) */
.b-gray, 
.b-blue, 
.b-red, 
.b-orange, 
.b-green {
	color: rgb(33,33,33);
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: pointer;
	border-radius: 4px;
}

.b-gray:disabled, 
.b-blue:disabled, 
.b-red:disabled, 
.b-orange:disabled, 
.b-green:disabled,
.b-gray:disabled:hover, 
.b-blue:disabled:hover, 
.b-red:disabled:hover, 
.b-orange:disabled:hover, 
.b-green:disabled:hover {
	color: #777;
	background: #ccc;
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: not-allowed;
}

/* 各配色 */
.b-blue {
	background: rgb(180,215,255);
	background: linear-gradient( rgb(210,235,255), rgb(160,200,245));
}
.b-blue:hover {
	background: rgb(200,230,255);
	border: solid 1px rgb(80,100,245);
}

.b-red {
	background: rgb(255,144,144);
	background: linear-gradient( rgb(255,172,172), rgb(245,128,128));
}
.b-red:hover {
	background: rgb(255,176,176);
	border: solid 1px rgb(245,90,90);
}

.b-orange {
	background: rgb(255,180,80);
	background: linear-gradient( rgb(255,210,130), rgb(240,166,60));
}
.b-orange:hover {
	background: rgb(255,200,128);
	border: solid 1px rgb(235,120,40);
}

.b-green {
	background: rgb(80,226,90);
	background: linear-gradient( rgb(128,255,160), rgb(80,226,90));
}
.b-green:hover {
	background: rgb(128,255,160);
	border: solid 1px rgb(60,200,60);
}

.b-gray {
	color: rgb(33,33,33);
	background: rgb(220,220,220);
	background: linear-gradient( rgb(235,235,235), rgb(212,212,212));
}
.b-gray:hover {
	background: rgb(166,243,255);
	border: solid 1px rgb(38,160,218);
}

/* ボタン配色終わり */

button.koutai { display: none; }