/* ボタンに影付き */

a.cp9_btn {
  	display: inline-block;
	width: 300px;				/* ボタンの幅を設定 */
  	position: relative;
  	padding: 0.2em 0.2em;
  	text-decoration: none;
	text-align: center;			/* 表セルボックスの水平方向の配置を設定：中央 */
/*  background: #668ad8;		/*ボタン色*/
  	background: #d3d3d3;		/*ボタン色：グレー*/
/*	color: #FFF;				/* 文字色 */
/*	color: #24F;				/* 文字色 */
  	color: #000;				/* 文字色 */
/*  border-bottom: solid 5px #36528c;	/*ボタン下色より暗めに*/
/*  border-right: solid 5px #5375bd;	/*ボタン右色より暗めに*/
  	border-bottom: solid 5px #999999;	/* #808000;ボタン色より暗めに*/
  	border-right: solid 5px #666666;	/* #A0A000;ボタン色より暗めに*/
	border-radius: 4px;					/* ボタンの角の丸みをつける */
}

a.cp9_btn:before {  
  content: " ";
  position: absolute;
  bottom: -5px;
  left: -1px;
  width: 0;
  height: 0;
  border-width: 0 6px 6px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFF;
}

a.cp9_btn:after {  
  content: " ";
  position: absolute;
  top: -1px;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 0px 6px 6px 0px;
  border-style: solid;
  border-color: #FFF;
  border-bottom-color: transparent;
}

a.cp9_btn:active {
  /*ボタンを押したとき*/
  border:none;
  -webkit-transform: translate(6px,6px);
  transform: translate(6px,6px);
}

a.cp9_btn:active:after, a.cp_btn:active:before {
  content: none;/*ボタンを押すと線が消える*/
}