
@charset "utf-8";

/*==========================================

==========================================*/


/*-----------------------
=2■spPrm
-----------------------*/

#spPrm img {
		width: 100%;
		height: auto;
}

/*-----------------------
=2■pbtnBox_spn
-----------------------*/

#pbtnBox_spn {
	background-color: #e7e7e7;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	overflow: hidden;
	display: table;
	width: 100%;
	}
	
#pbtnBox_spn div {
	height: 50px;
}

#pbtnBox_spn .wrap_btn{
	width: 97%;
    display: table;
	margin: 7px auto 10px;
}

/*-----------------------
=2-1■spnBtn_1
-----------------------*/

#pbtnBox_spn .spnBtn_1 a{
	width: 97%;
	height: 50px;
}

/*-----------------------
=2-2■spnBtn_2
-----------------------*/
#pbtnBox_spn .spnBtn_2 {
    border-collapse: separate;
    border-spacing: 6px 0;
}
#pbtnBox_spn .spnBtn_2 a{
	width: 49%;
	height: 50px;
}

/*-----------------------
=2-3■spnBtn_3
-----------------------*/

#pbtnBox_spn .spnBtn_3 a{
	width: 32%;
	height: 50px;
}


/*-----------------------
=2-color■btncolor
-----------------------*/

/*------common--------*/

#pbtnBox_spn a{
	color: #000;
	border: 1px solid #A5A5A5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*font-size: 1.1em;*/
	font-size: 14.3px;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0px 1px 2px #222;
	-moz-box-shadow: 0px 1px 2px #222;
	-webkit-box-shadow: 0px 1px 2px #222;
	-o-box-shadow: 0px 1px 2px #222;
	-ms-box-shadow: 0px 1px 2px #222;
	display: table-cell;
	vertical-align: middle;
	word-break:break-word;
}

/*------ default --------*/

#pbtnBox_spn, #pbtnBox_spn a {
	background: #f0f0f0;
	background: -moz-linear-gradient(bottom,#dddcdd, #f0f0f0 69%,#f8f7f8);
	background: -webkit-gradient(linear, left bottom, left top, from(#dddcdd), color-stop(0.69,#f0f0f0), to(#f8f7f8));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ white --------*/

#pbtnBox_spn a.white {
	background: #f0f0f0;
	background: -moz-linear-gradient(bottom,#dddcdd, #f0f0f0 69%,#f8f7f8);
	background: -webkit-gradient(linear, left bottom, left top, from(#dddcdd), color-stop(0.69,#f0f0f0), to(#f8f7f8));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ gray --------*/

#pbtnBox_spn a.gray {
	background: #8b8b8b;
	background: -moz-linear-gradient(bottom,#7a7a7a, #8b8b8b 69%,#9a9a9a);
	background: -webkit-gradient(linear, left bottom, left top, from(#7a7a7a), color-stop(0.69,#8b8b8b), to(#9a9a9a));
	color: #FFF;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
}

/*------ red --------*/

#pbtnBox_spn a.red{
	background: #D32E18;
	background: -moz-linear-gradient(bottom,#b7271c, #df2f21 69%,#ff6446);
	background: -webkit-gradient(linear, left bottom, left top, from(#b7271c), color-stop(0.69,#df2f21), to(#ff6446));
	color: #fff;
	text-shadow: 0px -1px 1px #9B0541;
}

/*------ pink --------*/

#pbtnBox_spn a.pink {
	background: #e4a7a9;
	background: -moz-linear-gradient(bottom,#d49c9d, #e4a7a9 69%,#f1b1b3);
	background: -webkit-gradient(linear, left bottom, left top, from(#d49c9d), color-stop(0.69,#e4a7a9), to(#f1b1b3));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ orange --------*/

#pbtnBox_spn a.orange {
	background: #e38f36;
	background: -moz-linear-gradient(bottom,#d0822f, #e38f36 69%,#f19839);
	background: -webkit-gradient(linear, left bottom, left top, from(#d0822f), color-stop(0.69,#e38f36), to(#f19839));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ yellow --------*/

#pbtnBox_spn a.yellow {
	background: #dfc422;
	background: -moz-linear-gradient(bottom,#c8b11d, #dfc422 69%,#f0d524);
	background: -webkit-gradient(linear, left bottom, left top, from(#c8b11d), color-stop(0.69,#dfc422), to(#f0d524));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ limeyellow --------*/

#pbtnBox_spn a.limeyellow {
	background: #c2dd3f;
	background: -moz-linear-gradient(bottom,#adc637, #c2dd3f 69%,#d2ef44);
	background: -webkit-gradient(linear, left bottom, left top, from(#adc637), color-stop(0.69,#c2dd3f), to(#d2ef44));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ green --------*/

#pbtnBox_spn a.green {
	background: #62cb35;
	background: -moz-linear-gradient(bottom,#57b52e, #62cb35 69%,#6bdb39);
	background: -webkit-gradient(linear, left bottom, left top, from(#57b52e), color-stop(0.69,#62cb35), to(#6bdb39));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ lightgreen --------*/

#pbtnBox_spn a.lightgreen {
	background: #35ddb3;
	background: -moz-linear-gradient(bottom,#2ec09c, #35ddb3 69%,#39ebbf);
	background: -webkit-gradient(linear, left bottom, left top, from(#2ec09c), color-stop(0.69,#35ddb3), to(#39ebbf));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ marineblue --------*/

#pbtnBox_spn a.marineblue {
	background: #22d3df;
	background: -moz-linear-gradient(bottom,#1dbec8, #22d3df 69%,#24e4f0);
	background: -webkit-gradient(linear, left bottom, left top, from(#1dbec8), color-stop(0.69,#22d3df), to(#24e4f0));
	color: #000;
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
}

/*------ blue --------*/

#pbtnBox_spn a.blue {
	background: #227fd7;
	background: -moz-linear-gradient(bottom,#1d76c8, #227fd7 69%,#2489E9);
	background: -webkit-gradient(linear, left bottom, left top, from(#1d76c8), color-stop(0.69,#227fd7), to(#2489E9));
	color: #fff;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
}

/*------ purple --------*/

#pbtnBox_spn a.purple {
	background: #dc6ede;
	background: -moz-linear-gradient(bottom,#c562c6, #dc6ede 69%,#ee77f0);
	background: -webkit-gradient(linear, left bottom, left top, from(#c562c6), color-stop(0.69,#dc6ede), to(#ee77f0));
	color: #FFF;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
}

/*------  --------*/

