@charset "UTF-8";

/* ***********************************************************
 * Stylesheet : Section > Application > common 
 * Since:          2011-12-16
 * Last Modified:  2011-12-16
 * ***********************************************************
 */

.buttonText {  font: 14px/30px Helvetica, Arial, sans-serif;	}

.button_area{	margin:20px 0; }

#button_pdf,
#button_xls {
  border: 2px solid #ccc;
  height: 30px;
  width: 180px;
	/width:160px;
  margin: 0 0 0 50px;
  padding: 0 0 0 10px;
  overflow: hidden;
  display: block;
  color: #fff;
  text-decoration: none;
  
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;

  /*Box Shadow*/
  -webkit-box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 3px #999;

behavior: url(/ja/css/ie-css3.htc);
}

#button_pdf{
  background: #900;
  
  /*Gradient*/
  background:-webkit-gradient(linear,left top,left bottom,color-stop(#c00),color-stop(#900,1));
  background:-webkit-linear-gradient(top, #c00 0%, #900 100%);
  background:-moz-linear-gradient(top, #c00 0%, #900 100%);
  background:-o-linear-gradient(top, #c00 0%, #900 100%);
  background:linear-gradient(top, #c00 0%, #900 100%);
}

#button_xls {
  background: #360;
  
  /*Gradient*/
  background:-webkit-gradient(linear,left top,left bottom,color-stop(#690),color-stop(#360,1));
  background:-webkit-linear-gradient(top, #690 0%, #360 100%);
  background:-moz-linear-gradient(top, #690 0%, #360 100%);
  background:-o-linear-gradient(top, #690 0%, #360 100%);
  background:linear-gradient(top, #690 0%, #360 100%);
}


#button_pdf:hover,
#button_xls:hover{
  width: 280px;
  color: #fff;
  text-decoration: none;
}