a.button {  
	  /* サイズ指定 */
	  width: 115px;
	  height: 33px; 
	  display: block;
	  margin:  5px;
	  
	  /* 縦横中央揃え */
	  text-align: center;
	  line-height: 40px;
	  
	  /* 色指定 */
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
		background-color:#ededed;
		color:#777777;
	  
	  /* 角丸 */
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		border:1px solid #dcdcdc;
	  
	  /* シャドウ / ベベル */
		text-shadow:1px 1px 0px #ffffff;
		-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
		-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
		box-shadow:inset 1px 1px 0px 0px #ffffff;
	  
	  /* その他 */
	  text-decoration: none;
		font-size:14px;
		font-weight:normal;
		position: relative;
	  
		text-shadow:1px 1px #555;
	}

	a.button:hover {
	  /* 反転 */
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
		background-color:#dfdfdf;
	}

	a.button:active {
		position:relative;
		top:1px;
	}


	a.button img.arrow {
	  width: 24px;
	  height: 50px;
		display:inline-block;

	  /* 位置合わせ用 */
	  vertical-align: middle;
	  margin: 0 10px 5px 0;
	}

	a.button span.arrow {
	  width: 24px;
	  height: 50px;
	  background-image: url(arrow.png);
	  background-size: 24px 24px;
		display:inline-block;
	  text-indent: -9999px;

	  /* 位置合わせ用 */
	  vertical-align: middle;
	  margin: 0 10px 5px 0;
	}

	a.button:before {
	  position: absolute;
	  content: "";
	  width:  64px;
	  height: 64px;
	  top:    50%;
	  left:   30%;
	  margin: -16px 0 0 0;
	  background-repeat: no-repeat;
	}

	a.button.TOP {
		color:#ffffff;
		-webkit-border-top-left-radius: 15px;  
		-webkit-border-top-right-radius: 0px;  
		-webkit-border-bottom-right-radius: 0px;  
		-webkit-border-bottom-left-radius: 15px;  
		-moz-border-radius-topleft: 15px;  
		-moz-border-radius-topright: 0px;  
		-moz-border-radius-bottomright: 0px;  
		-moz-border-radius-bottomleft: 15px;  
	}
	a.button.TOP:before {
	  background-image: url(K2_LOGO_2017bk.png);
	  background-size: auto 31px;
	}

	a.button.NEWS {
    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;
    /* 文字の太さをboldに指定 
    font-weight: bold;*/
    /* 文字色を白色に指定 */
    color: #220022;

		border-radius:0px;
		-webkit-border-top-left-radius: 0px;  
		-webkit-border-top-right-radius: 0px;  
		-webkit-border-bottom-right-radius: 0px;  
		-webkit-border-bottom-left-radius: 0px;  
		-moz-border-radius-topleft: 0px;  
		-moz-border-radius-topright: 0px;  
		-moz-border-radius-bottomright: 0px;  
		-moz-border-radius-bottomleft: 0px;  
	}

	a.button.LINK {
    /* 文字サイズを1.4emに指定 */
    font-size: 0.9em;
    /* 文字の太さをboldに指定 
    font-weight: bold;*/
    /* 文字色を白色に指定 */
    color: #220022;
		-webkit-border-top-left-radius:  0px;  
		-webkit-border-top-right-radius:15px;  
		-webkit-border-bottom-right-radius:15px;  
		-webkit-border-bottom-left-radius:  0px;  
		-moz-border-radius-topleft: 15px;  
		-moz-border-radius-topright: 0px;  
		-moz-border-radius-bottomright: 0px;  
		-moz-border-radius-bottomleft: 15px;  
	}

	a.button.K2SKIS {
	  height: 60px;
	}
	a.button.K2SKIS:before {
	  background-image: url(K2SNOW_LOGO_2019bk.png);
	  width:  100%;
	  top:    10px;
	  left:   10px;
	  background-size: 83% auto;
	}

	a.button.K2SNOWBOARDING {
	  height: 60px;
	}
	a.button.K2SNOWBOARDING:before {
	  background-image: url(K2SNOWBOARDING_LOGO_2017bk.png);
	  width:  100%;
	  top:    22px;
	  left:   22px;
	  background-size: 66% auto;
	}

	a.button.LINE {
	  height: 60px;
	}
	a.button.LINE:before {
	  background-image: url(LINE_LOGO_2017bk.png);
	  width:  100%;
	  top:    32px;
	  left:   17px;
	  background-size: 75% auto;
	}

	a.button.FT {
	  height: 60px;
	}
	a.button.FT:before {
	  background-image: url(FT_LOGO_2017bk.png);
	  width:  100%;
	  top:    22px;
	  left:   26px;
	  background-size: 62% auto;
	}

	a.button.K2SKATES {
	  height: 60px;
	}
	a.button.K2SKATES:before {
	  background-image: url(K2SKATES_2017_bk.png);
	  width:  100%;
	  top:    20px;
	  left:   21px;
	  background-size: 68% auto;
	}

	a.button.RIDE {
	  height: 60px;
	}
	a.button.RIDE:before {
	  background-image: url(Ride_Logo_Rectangle.png);
	  width:  100%;
	  top:    31px;
	  left:    7px;
	  background-size: 90% auto;
	}

	a.button.TUBBS {
	  height: 60px;
	}
	a.button.TUBBS:before {
	  background-image: url(TUBBS_LOGO_2017bk.png);
	  width:  100%;
	  top:    29px;
	  left:    8px;
	  background-size: 87% auto;
	}

	a.button.bca {
	  height: 60px;
	}
	a.button.bca:before {
	  background-image: url(bca_LOGO_2017bk.png);
	  width:  100%;
	  top:    23px;
	  left:   6px;
	  background-size: 90% auto;
	}



	li{ display:inline; }


	ul.nav{
	  padding: 20px;
	  font-size: 0;
	}
	ul.nav li{
	  display: inline-block;
	  border: 0px solid #FFFFFF;
	  padding: 0px;
	  background: #FFFFFF;
	  width: 115px;
	  text-align: center;
	  font-size: 1rem;
	}
	ul.nav li a{
	  color: #fff;
	  text-decoration: none;
	}