@charset "utf-8";
/* Style Index ===============================

	FileName : sidebar.css

========================================= */

/* ------------------------------------------
 Sidebar
-------------------------------------------*/

#sidebar{
    margin-right:3px;
}

/* ------------------------------------------
 ローカルナビ
-------------------------------------------*/

#sideLnav{
}

#sideLnav h2 a{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0;
	text-align:center;
	background:#0052c4 url(../images/sidebar/side_ttl_arrow.png) no-repeat bottom;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}

#sideLnav h2 a:hover{
	background:#1A77C9 url(../images/sidebar/side_ttl_arrow_on.png) no-repeat bottom;
}
#sideLnav h2 a:focus {
    outline-color:#333333;        
}

#sideLnav h4 a{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:15px 0;
	text-align:center;
	background:#0052c4 url(../images/sidebar/side_ttl_arrow.png) no-repeat bottom;
}

#sideLnav h4 a:hover{
	background:#1A77C9 url(../images/sidebar/side_ttl_arrow_on.png) no-repeat bottom;
}

#sideLnav ul{
	background:#FFF;
}

#sideLnav ul li{
	border-bottom:1px solid #CCC;
}

#sideLnav ul li a{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	padding:14px 20px 14px 25px;
	background:url(../images/common/mrk_arrow_blue.png) no-repeat 10px center;
}

#sideLnav ul li a:hover{
	background:url(../images/common/mrk_arrow_gray.png) no-repeat 10px center;
}

/* ------------------------------------------
 追加ナビ
-------------------------------------------*/
.sideAnav{
}

.sideAnav h2{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0;
	text-align:center;
	background:#546E7A;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}

.sideAnav h2 a{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:10px 0;
	text-align:center;
	background:#546E7A;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
}

.sideAnav h2 a:hover{
	background:#424242;
}

.sideAnav ul{
	background:#FFF;
}

.sideAnav ul li{
	border-bottom:1px solid #CCC;
}

.sideAnav ul li a{
	display:block;
	/*font-size:16px;*/
    font-size:1rem;
	padding:14px 20px 14px 25px;
	background:url(../images/common/mrk_arrow_blue.png) no-repeat 10px center;
}

.sideAnav ul li a:hover{
	background:url(../images/common/mrk_arrow_gray.png) no-repeat 10px center;
}
/* ------------------------------------------
 バナー
-------------------------------------------*/

#sideBnr{
	padding:20px 0 0;
}

#sideBnr ul{
}

#sideBnr li{
	padding:0 0 10px;
}