@charset "utf-8";




/* ■■■リンクバー■■■ */

ul.bar-link{
list-style: none;
margin: 0;
}
.bar-link a{
text-decoration: none;
text-align: center;
display: inline-block;
position: relative;
line-height: 1.4em;
min-width: 16em;
color: white;
font-weight: bold;
padding: 0.5em 2em 0.5em 0.25em;
margin: 0 4px 0.5em 0;
background: #000080;

border: 2px solid #AAAAAA;
border-right: 2px solid #444444;
border-bottom: 2px solid #444444;
border-radius: 5px;
text-shadow: 0 0 5px black;
}
.bar-link a:visit{
color: #FF99FF;
}


a.l-1st{
background: #000099;
background: -webkit-linear-gradient(top, #0000CC, #000099);
background: linear-gradient(to bottom, #0000CC, #000099);
}
a.l-2nd{
margin-left: 1em;
background: #009900;
background: -webkit-linear-gradient(top, #00CC00, #009900);
background: linear-gradient(to bottom, #00CC00, #009900);
}

a.l-1st:hover,
a.l-2nd:hover{
background: #FF9900;
background: -webkit-linear-gradient(top, #FFCC00, #FF9900);
background: linear-gradient(to bottom, #FFCC00, #FF9900);
}

.l-1st:after,
.l-2nd:after{/*リンク矢印アイコン*/
position: absolute;
top: 50%;
right: 8px;
content: '';
width: 8px;
height: 8px;
margin-top: -5px;
border-top: 3px solid white;
border-right: 3px solid white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}