/*--------------------------------- Support Navi ---------------------------------*/

/*BODY#pcs #Area #Main #Mcontents { width: 757px }*/
BODY#pcs #Area #Main #sppnavi { 
    float: left; 
    width: 250px; 
    background-color: #404040; 
    /*border-radius: 7px 7px 7px 7px; */
    overflow-y: scroll;
    height: 645px;
    border-bottom: 1px solid #404040;
    border-top: 1px solid #404040;
}

@media screen and (min-width:780px) and (max-width: 1024px) {
/*BODY#pcs #Area #Main #Mcontents { width: 757px }*/
    BODY#pcs #Area #Main #sppnavi { 
        float: left; 
        width: 165px; 
        background-color: #404040; 
        /*border-radius: 7px 7px 7px 7px; */
        overflow-y: scroll;
        height: 645px;
    }
    BODY#pcs #Area #Main { WIDTH: 967px; margin-left: auto; }
    BODY#pcs #Area #Main #Mnavi { FLOAT: left; WIDTH: 165px; }
    BODY#pcs #Area #Main #Mcontents {
	    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 785px; LINE-HEIGHT: 120%; PADDING-TOP: 0px
    }
    div.ga2012_breadcrumbs,
    div#ga2012_content{
	    width:967px;
	    margin:0 auto;
    }
}

/*BODY#pcs #Area #Main #sppnavi .sidemenu { 
     
}*/

h1.side_ttl {
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
    color: #FFFFFF;
    background-color: #404040;
    border-radius: 3px 3px 3px 3px;
    /*border-radius: 7px 7px 7px 7px;*/
}
h3.side_ttl {
    font-size: 100%;
    margin: 0px 0px 5px 0px;
    padding: 8px 20px 8px 20px;
    color: #FFFFFF;
    background-color: #404040;
    border-radius: 3px 3px 3px 3px;
    /*border-radius: 7px 7px 7px 7px;*/
}
.bdl_sppnavi {
    /*border:2px solid #404040;
    border-radius: 7px;*/
}
.side_accd div.linkbttn {
	margin:0;
	padding:7px 23px 7px 10px;
	cursor: pointer;
	font-weight:bold;
	background:#404040;
    border-top:2px solid #404040;
	background-image: url(../../../spn/img/home.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;
}
.side_accd div.linkbttn:hover {
	background:#505050;
	background-image: url(../../../spn/img/home.gif);
	background-repeat: no-repeat;
	background-position: right 2px center;   
}
.side_accd div.linkbttn a {
	display: block;
    color: #FFFFFF !important;
    font-weight: bold !important;
}
.side_accd div.linkbttn a:hover {
	text-decoration: none !important;
}

dl.side_accd dt h4,.side_accd div.linkbttn a {
    font-size: 85%;
}

.side_accd div.linkbttn2 {
	margin:0;
	padding:7px 23px 7px 10px;
	cursor: pointer;
	font-weight:bold;
	background:#404040;
    border-top:2px solid #404040;
	background-image: url(../../../common/img/link_right_w.gif);
	background-repeat: no-repeat;
	background-position: right 7px center;
}
.side_accd div.linkbttn2:hover {
	background:#505050;
	background-image: url(../../../common/img/link_right_w.gif);
	background-repeat: no-repeat;
	background-position: right 7px center;   
}
.side_accd div.linkbttn2 a {
	display: block;
    color: #FFFFFF !important;
    font-weight: bold !important;
}
.side_accd div.linkbttn2 a:hover {
	text-decoration: none !important;
}

dl.side_accd dt h4,.side_accd div.linkbttn2 a {
    font-size: 85%;
}

dl.side_accd dd div {
    padding-bottom: 4px;
    padding-top: 3px;
    border-bottom: 1px dashed #A2B5C4;
}

/*dl.side_accd dd div.sublists {
    padding: 10px;
    border-bottom:none;
}*/

/*--------------------------------- MENU CSS ---------------------------------*/

dl.side_accd {
	border:2px solid #404040;
	border-top:none;
	/*margin-bottom:20px;*/
}

dl.side_accd a {
	color: ##003A6C !important;
    font-size: 80%;
    font-weight: bold !important;
}

dl.side_accd dt{
	margin:0;
	padding:7px 23px 7px 10px;
	cursor: pointer;
	font-weight:bold;
	background:#404040;
    color: #FFFFFF;
	border-top:2px solid #404040;
	background-image: url(../../../common/img/link_plus_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dt:hover{
	background:#505050;
	background-image: url(../../../common/img/link_plus_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dt.active{
	background:#252525;
	background-image: url(../../../common/img/link_minus_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dt.active:hover{
	background:#505050;
	background-image: url(../../../common/img/link_minus_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dd{
	margin:0;
	background:#ffffff;
	padding:3px 5px;
	border-top:2px solid #404040;
}

/*--------------------------------- SUB-MENU CSS ---------------------------------*/

dl.side_accd dd.subarea{
	/*padding: 0 !important;*/
}

dl.side_accd dd.subarea dl.sub_accd {
	margin: 0 !important;
    padding: 3px 0px 3px 0px;
}

dl.side_accd dd.subarea dl.sub_accd dt{
	/*margin:0 !important;
	padding:7px 23px 7px 10px;
	cursor: pointer;
	font-weight:bold;*/
	background:#EEEEEE;
    border:1px solid #404040;
    /*border-bottom:1px solid #829BB0;*/
    color: #000000;
	background-image: url(../../../common/img/link_plus_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dd.subarea dl.sub_accd dt:hover{
	background:#ECECEC;
	background-image: url(../../../common/img/link_plus_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dd.subarea dl.sub_accd dt.active{
	background:#DCDCDC;
	background-image: url(../../../common/img/link_minus_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dd.subarea dl.sub_accd dt.active:hover{
	background:#ECECEC;
	background-image: url(../../../common/img/link_minus_b.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

dl.side_accd dd.subarea dl.sub_accd dd{
	margin:0;
	padding:3px 5px;
	border-top:none;
    border-bottom:1px solid #404040;
    border-left:1px solid #404040;
    border-right:1px solid #404040;
    background:#F4F4F4;
}

/*--------------------------------- ハンバーガーメニュー ---------------------------------*/

#sppnavi-spn {
  display: none;
  position: relative;
  margin: 10px 0px 10px 5px;
}

/*--------------------------------- スマホ版メニュー外側シャドウエリア ---------------------------------*/

#nav-close {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #404040;
  opacity: 0;
  transition: .2s ease-in-out;
}

/*--------------------------------- スマホ版メニューの中身 ---------------------------------*/

#nav-content {
  width: 85%;
  max-width: 300px;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  z-index: 9000;
  background: #404040;
  transition: .2s ease-in-out;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
}

/*--------------------------------- スマホ版メニューの表示 ---------------------------------*/

#nav-close.active {
  display: block;
  opacity: .3;
}

#nav-content.active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(03,35,60,.50);
}

/*--------------------------------- ハンバーガーメニューオープンボタン ---------------------------------*/

.menu-txt {
    font-weight: bold;
    font-size: 100%;
    margin-left: 5px;
    color: #404040;
}

#open-btn {
  width: 25px;
  height: 15px;
  display:inline-block;
  cursor: pointer;
}

#open-btn span {
  background-color: #404040;
  height: 4px;
  width: 25px;
  position: absolute;
  transition: all 0.3s;
  border-radius: 20px;
}

#open-btn span:nth-of-type(1) {
  top: 0;
}

#open-btn span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}

#open-btn span:nth-of-type(3) {
  bottom: 0;
}

/*--------------------------------- ハンバーガーメニュークローズボタン ---------------------------------*/

#close-btn {
  width: 30px;
  height: 22px;
  position: absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
}

#close-btn span {
  background-color: #ffffff;
  height: 2px;
  width: 100%;
  position: absolute;
  transition: all 0.3s;
}

#close-btn span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

#close-btn span:nth-of-type(2) {
  display: none;
}

#close-btn span:nth-of-type(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/*--------------------------------- コンテンツトップボタン ---------------------------------*/

#ct_pagetop {
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	font-family: "Shuei KakuGo Kin L", "Hiragino Kaku Gothic W3 JIS2004", "メイリオ", Meiryo;
	text-align: center;
	z-index: 100;
}
#ct_pagetop a {
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	background-color: #404040;
	text-align: center;
	margin: 0 auto;
	padding: 2px 7px;
	border-radius: 3px;
}
#ct_pagetop a:hover {
	color: #ffffff !important;
	background-color: #505050;
}

/*--------------------------------- お役立ち度ボタン ---------------------------------*/

#s_survey {
    background-color: #f3f3f3;
}

#s_survey .linkbtn_list{
  display: flex;
  justify-content: center;
}

#s_survey .linkbtn {
	width: 13%;
    margin: 5px 10px;
    padding:5px 7px 5px 7px;
	text-align:center;
	font-size:95%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background-color: #e2e2e2;
}

#s_survey .linkbtn:hover {
    opacity: 0.7;
}

#s_survey .linkbtn a {
    text-decoration:none;
    display: block;
	color: #111111 !important;
}

#s_survey .linkbtn a .starcolor {
	color: #1B75BC !important;
    font-size: 130%;
}

#s_survey .linkbtn a:hover {
    text-decoration:none !important;
}

@media screen and (max-width: 480px) {
	#s_survey .linkbtn_list{
        display:block;
    }
    
    #s_survey .linkbtn {
        width: 90%;
    }
}

.side_accd div.linkbttn.linksearch {
  background: #c3c3c3 url(../../../spn/img/ic_search_blue.svg) right 2px center no-repeat;
  background-size: 18px 18px;
  transition: all .3s ease;
}
.side_accd div.linkbttn.linksearch a {
  color: #222222 !important;
  transition: all .3s ease;
}
.side_accd div.linkbttn.linksearch:hover {
  background: #505050 url(../../../spn/img/ic_search.svg) right 2px center no-repeat;
  background-size: 18px 18px;
}
.side_accd div.linkbttn.linksearch:hover a {
  color: #ffffff !important;
}