@charset "utf-8";

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

/*==========================================
 Sidebanner
===========================================*/
#sidebanner {margin: 0px 0 18px; /*border-bottom: solid 1px #cccccc;*/}
#sidebanner section {border:solid 1px #cccccc; background: #1475b9; margin: 0px auto 4px;}
#sidebanner h1 {margin-left: 4px; font-size: 14px; font-weight:bold; color: #ffffff;}
#sidebanner p {margin: 8px 0 0 4px; color:#ffffff;}
#sidebanner section a {display: block;
position: relative;			/* ボックス全体にposition:relativeを指定 */
padding: 8px 20px 15px 0;
text-decoration: none;
overflow: hidden;}

#sidebanner section a:after {color: #ffffff;
font-family: FontAwesome;
font-size: 13px;
content: '\f054';
display: block;
position: absolute;/* position:absoluteボックス右側リンクアイコン配置 */
width: 10px;
line-height: 10px;
top: 50%;/* リンクアイコン上下中央配置 */
margin-top: -5px;
transition-duration: 0.3s;/* リンクアイコンアニメーション動作（FireFoxのみ） */
}

#sidebanner section a:link,#sidebanner section a:visited {background-color: transparent;}
#sidebanner section a:hover,#sidebanner section a:active {background-color: #cccccc;}
#sidebanner section a:link:after,#sidebanner section a:visited:after {right: 6px;/* リンクアイコン右端6px配置*/}
#sidebanner section a:hover:after,#sidebanner section a:active:after {right: 3px;/* マウスオーバーリンクアイコン位置 */}


/*==========================================
 Sidebar
===========================================*/
#sidebar {margin-top:4px; /*border-bottom: solid 1px #cccccc;*/}
#sidebar section {border: solid 1px #cccccc; margin: 0px auto 4px;}
#sidebar h1 {margin-left: 84px; font-size:14px; font-weight:bold; color:#333333;}
#sidebar p {margin-left:84px; color:#666666;font-size: 12px;}
#sidebar .img {float:left; margin:0;}
#sidebar section a {display: block;
position: relative;			/* ボックス全体にposition:relativeを指定 */
padding: 8px 20px 8px 0;
text-decoration: none;
overflow: hidden;}

#sidebar section a:after {color: #0d5287;
font-family: FontAwesome;
font-size: 14px;
content: '\f054';
display: block;
position: absolute;/* position:absoluteボックスの右側リンクアイコンを配置 */
width: 10px;
line-height: 10px;
top: 50%;/* リンクアイコン上下中央配置 */
margin-top: -5px;
transition-duration: 0.3s;/* リンクアイコンをアニメーション動作（FireFox） */
}

#sidebar section a:link,#sidebar section a:visited {background-color: transparent;}
#sidebar section a:hover,#sidebar section a:active {background-color: #cccccc;}
#sidebar section a:link:after,#sidebar section a:visited:after {right: 6px;/* リンクアイコン右端6px配置*/}
#sidebar section a:hover:after,#sidebar section a:active:after {right: 3px;/* マウスオーバーリンクアイコン位置*/}



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

/*==========================================
 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(0,0,0,0.2);
transition: .3s;
}
a.banner001:hover::after {
width: 100%;
height: 100%;
}



/*==========================================
 Bread
===========================================*/
.bread{margin-bottom: 18px;}
.bread ol{margin: 0; padding: 0; list-style: none}
.bread li a{display: inline-block;
padding: 5px;
color: #000000;
font-size: 12px;
text-decoration: none;}

.bread li a:hover{background-color: #eeeeee}
.bread ol:after{content: "";
display: block;
clear: both}

.bread li{float: left; width: auto;}
.bread li:after{
font-family: FontAwesome;
font-size: 14px;
content: '\003e';
margin-left: 4px;
margin-right: 4px;
color: #888888}


/*==========================================
 page-top
===========================================*/
#page-top {position: fixed;
bottom: 18px;
right: 18px;
font-size: 12px;font-weight: bold;}

#page-top .fa{color:#196297;}

#page-top a {background: #ffffff;
border:solid 1px #cccccc;
text-decoration: none;
color: #196297;
width: 80px;
padding: 18px 0;
text-align: center;
display: block;
border-radius: 18px;}

#page-top a:hover {text-decoration: none; background:#f5f5f5;}