@charset "utf-8";

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

/*==========================================
 btn000
===========================================*/
a.btn000{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 4px 0;
border: 1px solid #23458d;
background: transparent;
color: #23458d;
text-align: center;
font-size: 1.04em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .3s;
}
a.btn000 span{display: block; font-size: 1.18em; font-weight:800;}

/*==========================================
 banner000
===========================================*/
a.banner000 {background: rgba(255,255,255, 0.8);
position: relative;
z-index: 2;
}
a.banner000::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(136,136,136,0.8);
transition: .3s;
}
a.banner000:hover::after {
width: 100%;
height: 100%;
}

/*==========================================
 btn001 btn001i
===========================================*/
a.btn001{display: inline-block;
width: 100%;
margin: 18px auto;
padding: 8px 0;
border: 1px solid #ffffff;
background: transparent;
color:#ffffff;
text-align: center;
font-size: 1.18em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .4s;
}
a.btn001 span{display: block; font-size: 1.18em; font-weight:800;}
a.btn001 span.texticampus {display: block; color:#4dd2ff; font-size:1.48em; font-weight:800;}


/*==========================================
 banner001
===========================================*/
a.banner001 {position: relative;
z-index: 2;
}
a.banner001::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,.4);
transition: .3s;
}
a.banner001:hover::after {
width: 100%;
height: 100%;
}

/*==========================================
 btn002 
===========================================*/
a.btn002{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 4px 0;
border: 1px solid #cccccc;
background: transparent;
color: #ff3366;
text-align: center;
font-size: 1.04em;
/*font-weight: bold;*/
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .3s;
}
a.btn002 span{display: block; font-size: 1.18em; font-weight:800;}


/*==========================================
 banner002
===========================================*/
a.banner002 {background: rgba(255,255,255, 0.8);
position: relative;
z-index: 2;
}
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,51,102, 0.9);
transition: .3s;
}
a.banner002:hover::after {
width: 100%;
height: 100%;
}


/*==========================================
 btn003 
===========================================*/
a.btn003{display: inline-block;
width: 100%;
margin: 8px auto;
padding: 4px 0;
border: 1px solid #ff3366;
background: transparent;
color: #ffffff;
text-align: center;
font-size: 1.18em;
font-weight:800;
text-decoration: none;
line-height: 2;
letter-spacing:1px;
transition: .3s;
}
a.btn003 span{display: block; font-size: 1.18em; font-weight:400;}


/*==========================================
 banner003
===========================================*/
a.banner003 {background: rgba(255,51,102, 0.9);
position: relative;
z-index: 2;
}
a.banner003::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(77,210,255,0.8);
transition: .3s;
}
a.banner003:hover::after {
width: 100%;
height: 100%;
}


/*==========================================
 pagetop
===========================================*/
#pagetop {position: fixed; bottom: 8px; right: 8px; z-index:887;}
#pagetop .fa{color:#ffffff;}
#pagetop a {background: #74b0ba;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE */
filter: alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Firefox(old) */
-khtml-opacity: 0.8; /* Safari(old) */
opacity: 0.8;

box-shadow: 1px 1px 4px #333333;
text-decoration: none;
color: #ffffff;
height:6em;
width: 6em;
text-align: center;
margin: 0 auto 0 auto;
padding: 1.2em;
border-radius: 3em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;}
#pagetop a:hover {text-decoration: none; background: #acc3bd;}


/*==========================================
 Bread
===========================================*/
.bread{margin-top:4px; margin-bottom:8px; margin-left:auto; margin-right:1px;}
.bread ol{margin:0; padding:0; list-style: none;}
.bread li a{display: inline-block;
padding: 5px;
color: #ffffff;
font-size: 0.88em;
text-decoration: none;}
.bread li a:hover{color: #ff0000; text-decoration: underline;}
.bread ol:after{content: "";
display: block;
clear: both;}
.bread li{float: left; width: auto;}
.bread li:after	{content: '\003e';
margin-left: 10px;
margin-right: 10px;
color: #cccccc;}