@charset "utf-8";

/* ===================================================================
	色に関する設定。通常時の背景、文字色、マウスオーバー時の背景、文字色など
=================================================================== */

/* メニュー上の現在地背景 */
/*3～4パターンに分かれる*/
#side_menu_container {
	
}

#side_menu_title {
	background-color:#557b8e;
	color:#ffffff;
	border-bottom:solid 3px #333333
}

.sidememu_type_b #side_menu_title {
	background-color:#9ca858;
}

#side_menu_title a,
#side_menu_title a:visited{
	color:#ffffff;
}

#side_menu_title a:hover{
	color:#ffffff;
	text-decoration:underline;
}


/* 通常&現在地の背景 */
.side_bt,
.side_current {
	background-color:#eeeeee;
	border-bottom:solid 1px #bbbbbb;
}


/* 通常のテキストの色 */
.side_bt a,
.side_bt a:visited {
	color:#000000;
	text-decoration:none;
}


.side_bt a:hover {
	 /*マウスオーバー*/ 
	color:#000000;
	text-decoration:none;
	background-color:#c5d2d8;
}

.side_bt:hover > div {
	 /*マウスオーバー*/ 
	color:#000000;
	text-decoration:none;
	background-color:#c5d2d8;
}
.side_bt:hover > a {
	 /*マウスオーバー*/ 
	color:#000000;
	text-decoration:none;
	background-color:#c5d2d8;
}

.sidememu_type_b .side_bt a:hover {
	/* マウスオーバー */
	color:#000000;
	text-decoration:none;
	background-color:#d9dcc8;
}

/* 現在地 */
.side_current .parent_a {
	border-bottom:solid 3px #fb9127;
}

/* 現在地のテキストの色 */
.side_current a,
.side_current a:visited {
	color:#000000;
	text-decoration:none;
}



/* side menu 4階層目 */

ul.side_drop {
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}

/* 通常の背景 */
li.side_drop_bt {
	/*margin:-2px 0px 0px;*/
	background-image:url(/common/img/menu_bg/side_drop_custom.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

/* 通常のテキストの色 */
.side_drop_bt a,
.side_drop_bt a:visited {
	color:#000000;
	text-decoration:none;
}


/* マウスオーバー */
li.side_drop_bt_on{
	/* マウスオーバーの背景  */
	background-image:url(/common/img/menu_bg/side_drop_custom_on.png);
	background-repeat: repeat-x;
}

.side_drop_bt a:hover {
	/* マウスオーバーのテキスト */
	color:#000000;
	text-decoration:none;
}


/* 現在地 */
li.side_drop_current {
/*	margin:-2px 0px 0px;*/
	background-image:url(/common/img/menu_bg/side_drop_custom_cu.png);
	background-repeat: no-repeat;
}

/* 現在地のテキスト */
.side_drop_current a,
.side_drop_current a:visited  {
	color:#000000;
	text-decoration:none;
}



/*サイドバー折り畳み*/

    .figure_purse {
        width: 1px;
        display:table-cell;
        vertical-align: middle;
        padding-right: 10px;
    }

    .list_label {
        width : 260px;
    }

    .list_label > li {
        background-color: #DADADA;
        box-sizing:border-box;

    }
    
    .list_header {
        background-color: #779daf;

    }
    
    .list_header > a {
        text-decoration: none;
        width: 230px;
        padding: 14px 15px;
        font-size: 1.2em;
        line-height: 1.3em;
        color: #ffffff;
    }
    
    
    .li_top {
        border-bottom: solid 2px #999999;
    }
    
    .group_border {
        border-bottom: solid 2px #999999;
    }
    

    .arrow{
        position: relative;
        display: inline-block;
        padding: 0 0 15px 16px;
        color: #000;
        vertical-align: middle;
        text-decoration: none;
        font-size: 15px;
        float:right;
    }

    .arrow::before,
    .arrow::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;

    }


    .figure::before{
        left: 3px;
        width: 6px;
        height: 6px;
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);

    }

    .right_rotation{

        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition-property:transform;
        transition-duration: 0.5s;
    }

    .left_rotation{

        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition-property:transform;
        transition-duration: 0.5s;
    }
    
    
    .this_category .parent_a {
        
            border-bottom: solid 3px #fb9127;
        
    }