@charset "utf-8";

a {outline: none;}
a:link {text-decoration: none; color:#333333;}
a:visited {text-decoration: none; color:#333333;}
a:hover {text-decoration: none; color: #aaaaaa;}
a:active {text-decoration: none; color: #aaaaaa;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:“alpha(opacity=70)”;}
a:focus{ outline:none; }

ul{margin:0; padding: 0; list-style: none;}

/*==========================================
 btn000
===========================================*/
a.btn000{display: inline-block;
width: 100%; margin: 22px auto; padding: 8px 0;
border: 1px solid #192e5f;
background: transparent;
color:#192e5f;
text-align: center;
font-size: 1em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1.5;
letter-spacing:1px;
transition: .4s;}
a.btn000 span{display: block;}
a.btn000 i{font-size:1.1em;}
/* banner000 ======================================*/
a.banner000:hover {background: #192e5f; color: #ffffff;}

/*==========================================
 btn001
===========================================*/
a.btn001{display: inline-block;
width: 100%; margin: 0 auto 4px; padding: 8px 0;
border: 1px solid #192e5f;
background: transparent;
color:#192e5f;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1;
letter-spacing:1px;
transition: .4s;}
a.btn001 span{display: block;}
a.btn001 i{font-size:1.8em;}
/* banner001 ======================================*/
a.banner001:hover {background: #192e5f; color: #ffffff;}

/*==========================================
 btn001auto
===========================================*/
a.btn001auto{display: inline-block;
width: auto; margin: 18px auto; padding: 8px 22px;
border: 1px solid #192e5f;
background: transparent;
color:#192e5f;
text-align: center;
font-size: 1.08em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1.5;
letter-spacing:1px;
transition: .4s;}
a.btn001auto span{display: block;}
a.btn001auto i{font-size:1.2em; }
/* banner001auto ======================================*/
a.banner001auto:hover {background: #192e5f; color: #ffffff;}

/*==========================================
 btn002
===========================================*/
a.btn002{display: inline-block; width: 100%; margin: 18px auto; padding: 8px 0;
border: 1px solid #cccccc;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.08em;
/*font-weight: bolder; */
text-decoration: none;
line-height: 1.5;
letter-spacing:1px;
transition: .4s;}
a.btn002 span{display: block;}
a.btn002 i{font-size: 1.5em;}
/* banner002===========================================*/
a.banner002 {position: relative; z-index: 2; background-color: #192e5f;}
a.banner002::after {
display: block;
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
background: rgba(255,255,255,0.5);
transition: .3s;}
a.banner002:hover::after {width: 100%; height: 100%;}

/*==========================================
 btn003
===========================================*/
a.btn003{display: inline-block;
width: 100%; margin: 22px auto; padding: 8px 0;
border: 1px solid #333333;
background: transparent;
color:#333333;
text-align: center;
font-size: 1em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 1.5;
letter-spacing:1px;
transition: .4s;}
a.btn003 span{display: block;}
a.btn003 i{font-size:1.2em;}
/* banner003 ======================================*/
a.banner003:hover {background: #cccccc; color: #ffffff;}