@charset "shift_jis";

/* =======================================
2017/9/9 shibata add
for present link button
========================================== */
.myButton {
	/*ボックスの影*/
	box-shadow:0px 4px 9px -1px #bfbfbf;
	-moz-box-shadow:0px 4px 9px -1px #bfbfbf;
	-webkit-box-shadow:0px 4px 9px -1px #bfbfbf;
	/*ボックスの背景*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, gray), color-stop(1, black));
	background:-moz-linear-gradient(top, gray 5%, black 100%);
	background:-webkit-linear-gradient(top, gray 5%, black 100%);
	background:-o-linear-gradient(top, gray 5%, black 100%);
	background:-ms-linear-gradient(top, gray 5%, black 100%);
	background:linear-gradient(to bottom, gray 5%, black 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='gray', endColorstr='black',GradientType=0);
	background-color:gray;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/*ボーダーのフチ*/
	border-radius:6px;
	border:1px solid #cccccc;
	display:inline-block;
	cursor:pointer;
	color:yellow;
	font-size:x-large;
	font-weight:bold;
	padding:20px 40px 20px 40px;
	margin: 10px 0 20px 0;
	text-decoration:none;
	position: relative;	
}
.myButton p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
	border-radius: 4px 0 0 4px;
    width: 8px;
    height: 100%;
    background: red;
}
.myButton p:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
	border-radius: 0 4px 4px 0;
    width: 8px;
    height: 100%;
    background: red;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, black), color-stop(1, gray));
	background:-moz-linear-gradient(top, black 5%, gray 100%);
	background:-webkit-linear-gradient(top, black 5%, gray 100%);
	background:-o-linear-gradient(top, black 5%, gray 100%);
	background:-ms-linear-gradient(top, black 5%, gray 100%);
	background:linear-gradient(to bottom, black 5%, gray 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='gray',GradientType=0);
	background-color:black;
	color: white;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButtonclose {
	/*ボックスの背景*/
	background-color:#a1a1a1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/*ボーダーのフチ*/
	border-radius:6px;
	border:1px solid #c1c1c1;
	display:inline-block;
	cursor:pointer;
	color:#c1c1c1;
	font-size:x-large;
	font-weight:bold;
	padding:20px 40px 20px 40px;
	margin: 15px 0 7px 0;
	text-decoration:none;
	position: relative;	
}