@charset "shift-jis";
.button1,.button2{
width:218px;
height:50px;
text-align:center;
border-radius:4px;
box-shadow:0 2px 2px rgba(0,0,0,.2);
font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
font-weight:700;
text-decoration:none;
}
.button1,.button1:hover,.button2,.button2:hover{
text-decoration:none;
}
.button1{
display:inline-block;
}
.button1::after,.button1::before,.button2::after,.button2::before{
position:absolute;
z-index:-1;
display:block}
.button1,.button1::after,.button1::before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .3s;
transition:all .3s;
content:""}
.button2{
display:inline-block;
}
.button2::after,.button2::before{
content:''}
#IconList1 a:after,#IconList1 a:before{
display:block;
content:"";
position:absolute;
top:50%;
width:8px;
height:8px;
margin-top:-4px;
}
.button2,.button2::after,.button2::before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all .3s;
transition:all .3s}
.button1{
background:url(../img/bg_list_top_off.png) 194px 50% no-repeat #0099ff;
border:1px solid #0099ff;
color:#fff;
line-height:50px;
}
.button1:hover{
background:url(../img/bg_list_top_on.png) 200px 50% no-repeat #fff;
border-color:#0099ff;
color:#00ace6;
}
.button2{
background:url(../img/bg_list_top_off2.png) 194px 50% no-repeat #0cc;
border:1px solid #0cc;
color:#fff;
line-height:50px;
}
.button2:hover{
background:url(../img/bg_list_top_on2.png) 200px 50% no-repeat #fff;
border-color:#0cc;
color:#0cc;
}
#IconList1 a:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:20px;
background:#fff;
}
#IconList1 a:after{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:15px;
background:#00a0e9;
}
#IconList1 a:hover:after{
background:#3ab2e9;
}