@charset "utf-8";

/*プロック*/
.box5{
	max-width:400px;
    width: 100%;
	height:726px;
    background-color: #d7f5ee;
    margin: 0 auto;
    float: left;
/*    margin: 5px;*/
}
/*プロックページタイトル*/

.box5 h3{
	width:300px;
	height:26px;
    font-size: 1rem
}
#ya-00{/*メニュー下のバー*/
    position: relative;
    top: 38px;
    left:-189px;
}
#ya-11{/*矢印縦棒*/
    position: relative;
    top:38px;
    left: -182px;
}
#ya-22{/*矢印横棒*/
    position: relative;
    top: 36px;
    left:-92px;
    width:190px}

#ya-22 span{/*矢印ページ数*/
    position: relative;
    top:8px;
    left:50px
}
#ya-33{/*下の矢印縦棒*/
    position: relative;
    top: 29px;
    left:2px;
}

#ya-44:after{/*矢印*/
    position: relative;
    top:19px;
    left: 463px;
}
.ul-1 span{/*メニュー*/
    position: relative;
    top:10px;
    padding:5px 19px 6px 8px;
    background-color:#157760;
    line-height: 1.6em;
    text-align: center;
    color: #fff;
}
.ul-1 li a{/*メニュー*/
    color: #fff
}
.page-img3{/*ページ画像枠*/
    margin-top: 0px;
    width: 300px;
    height:450px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    background-color:#eee
}
.page-img3 img{/*ページ画像枠*/
    width: 268px;
    height:365px;
    position: relative;
    top:5px
}

.page-img3 img{
    margin-top: 16px}

.ul-2{/*メニュー*/
    width: 100%;
    position: relative;
    top:0px;
    line-height: 1.8em
}
.ul-3{/*メニュー*/
    width: 100%;
    position: relative;
    top:-23px;
    line-height: 1.8em
}
#menu-center-l .ul-2 li,
#menu-center-r .ul-3 li{/*メニューli*/
    line-height: 2.2em;
    margin-top:4px;
    margin-bottom: 2px;
    padding-left: 8px;
    background-color:#157760;
    position: relative;
    top:0px
}
#menu-center-r .ul-2 li{/*メニューli*/
    line-height: 2.2em;
    margin-bottom: 4px;
    padding-left: 8px;
    background-color:#157760;
}
#menu-center-l{/*メニュー枠*/
    position: relative;
    top:0px;
}
#inner-center-l{/*点線枠*/
    position: relative;
    top:-338px;
     }
#inner-center-r2{/*点線枠*/
    width: 266px;/*ページ画像サイドメニュー枠*/
    height: 35px;
    margin: 0 auto;
    position: relative;
    top:-314px;
}

/*ページ内リンク*/

#inner-center-l,
#inner-center-r2
{/*ページ画像サイドメニューエリア枠*/
    border: dashed 2px #157760;
    border-radius: 5px;
}
#inner-center-l,#inner-center-l:hover
{margin-left: -15px
}

#inner-center-l:hover,
#inner-center-r2:hover
{/*ページ画像サイドメニューエリア枠*/
    border: solid 2px #ea280e;
    border-radius: 5px;

}
#ya-bar{
    width:8px;
    height: 280px;
    margin-top: 32px;
    margin-left: 119px
}
#ya-bar2{
    width:8px;
    height: 254px;
    margin-top: 32px;
    margin-left: 124px
}

#inner-center-l:hover > #ya-bar,
#inner-center-r2:hover > #ya-bar2{/*タイトル枠とページ画像*/
    background-color: #157760;
    -webkit-transition: .5s;
    transition: .5s;
}

#menu-center-l .inner3{
    position: relative;
    top:0px;
}
#menu-center-r .inner3{
    position: relative;
    top:0px
}


/*下層目ページ案内*/
#up-r-ya5,
#up-r-ya6{/*下層目ページ案内*/
    margin-left: 0px;
    margin-bottom: 32px;
    width:100px;
    height: 16px;
    padding: 5px;
    text-align: center;
    background-color:#157760;
}
#up-r-ya5{/*下層目ページ案内*/
    margin-top: -53px;
}
#up-r-ya6{/*下層目ページ案内*/
    margin-top: -54px;
}
#up-r-ya5 p,
#up-r-ya6 p{
    line-height: 1.3em;
    font-size: 0.6rem;
    color: #fff
}
/*下層メニュー枠*/
#menu-center-l{
    max-width: 300px;
    width: 100%;
    height: 180px;
}
#menu-center-r{
    max-width: 300px;
    width: 100%;
    height: 198px;
}

#up-r-ya5:after,
#up-r-ya6:after{
    content: "\f063";
    font-family: FontAwesome;
    color: #157760;
    font-size: 2rem;
    position: relative;
}
#up-r-ya5:after{/*左下BOX向き矢印*/
    top:-32px;
    left:72px
}
#up-r-ya6:after{/*右下BOX向き矢印*/
    top:-32px;
    left:66px
}

/*〓点線枠*/
#inner-center-l,
#inner-center-r{
    border: dashed 2px #157760;
    border-radius: 5px;
}

#inner-center-l:hover > #ya-bar,
#inner-center-r:hover > #ya-bar2{/*タイトル枠とページ画像*/
    background-color: #157760;
    -webkit-transition:1s;
    transition:1s;
}

.menu-li:hover{/*メニュー枠*/
    background-color: rgba(0, 128, 0, 0.3);
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-li:hover + .inner3{/*タイトル枠とページ画像*/
    border: solid 2px #008080;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*━━━━━━━━━━━スマホサイズ用 ■【959px以下】━━━━━━━━━━━*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
@media all and (max-width: 959px) {

    
}