#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
	overflow: scroll;
    
    /* Specify the width of your pageslide here */
    width: 220px;
    padding: 0;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #01248C;
    color: #FFF;
	
	box-shadow: 4px 4px 47px 40px rgba(0, 0, 0, 0.5);
}


/* lead */
#pageslide #site_navi li.lead {
	font-size: 12px;
	color: #fff;
	background-color: #898989;
	padding: 5px 0 6px 7px;
}
#pageslide #site_navi li.lead_02 {
	font-size: 12px;
	color: #fff;
	background-color: #444444;
	padding: 5px 0 6px 7px;
}

#pageslide #site_navi li.lead_voice {
	font-size: 12px;
	color: #fff;
	background-color: #8a6b40;
	padding: 5px 0 6px 7px;
}

#pageslide #site_navi li.lead_the21 {
	font-size: 12px;
	color: #fff;
	background-color: #002db2;
	padding: 5px 0 6px 7px;
}

#pageslide #site_navi li.lead_rekishikaido {
	font-size: 12px;
	color: #fff;
	background-color: #7B0008;
	padding: 5px 0 6px 7px;
}


/* link */
#pageslide #site_navi li a {
	color: #000;
	font-size: 15px;
	text-decoration: none;
	display: block;
	background-color: #fff;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	padding: 12px 8px;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	
	position: relative;
}
#pageslide #site_navi li a:hover {}

#pageslide #site_navi li a::after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 10px;
    top: 21px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	
	border-right: 4px solid #444444;
	border-top: 4px solid #444444;
}

/* l_color */
#pageslide #site_navi li.l_color_01 a { border-left: 5px solid #FF6600; }
#pageslide #site_navi li.l_color_01 a::after { border-right: 4px solid #FF6600; border-top: 4px solid #FF6600; }

#pageslide #site_navi li.l_color_02 a { border-left: 5px solid #339900; }
#pageslide #site_navi li.l_color_02 a::after { border-right: 4px solid #339900; border-top: 4px solid #339900; }

#pageslide #site_navi li.l_color_03 a { border-left: 5px solid #6699FF; }
#pageslide #site_navi li.l_color_03 a::after { border-right: 4px solid #6699FF; border-top: 4px solid #6699FF; }

#pageslide #site_navi li.l_color_04 a { border-left: 5px solid #003399; }
#pageslide #site_navi li.l_color_04 a::after { border-right: 4px solid #003399; border-top: 4px solid #003399; }

#pageslide #site_navi li.l_color_05 a { background-color: #FFFFF0; }
#pageslide #site_navi li.l_color_05 a::after { border-right: 4px solid #898989; border-top: 4px solid #898989; }

#pageslide #site_navi li.l_color_06 a { background-color: #EEEEEE; }
#pageslide #site_navi li.l_color_06 a::after { border-right: 4px solid #000000; border-top: 4px solid #000000; }

#pageslide #site_navi li.l_color_voice a { border-left: 5px solid #8A6B40; }
#pageslide #site_navi li.l_color_voice a::after { border-right: 4px solid #8A6B40; border-top: 4px solid #8A6B40; }

#pageslide #site_navi li.l_color_the21 a { border-left: 5px solid #002db2; }
#pageslide #site_navi li.l_color_the21 a::after { border-right: 4px solid #002db2; border-top: 4px solid #002db2; }

#pageslide #site_navi li.l_color_rekishikaido a { border-left: 5px solid #7B0008; }
#pageslide #site_navi li.l_color_rekishikaido a::after { border-right: 4px solid #7B0008; border-top: 4px solid #7B0008; }


/*#pageslide #site_navi li.home_shuchi a {
	color: #000000;
	background: #FFF url(image/bg_site_navi_on.png) 97% 50% no-repeat;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
}*/


/* close */
#site_navi ul { padding-top: 35px; }
#site_navi p:first-child {
    background-color: #333;
    font-size: 12px;
    padding: 7px 0 7px 7px;
    position: fixed;
    right: 0;
    top: 0;
    width: 220px;
    z-index: 9999;
}

#pageslide #site_navi .site_navi_close {
    background: url(/css_new/image/site_navi_close_bg.png) no-repeat scroll 5px 7px / 10px auto #fff;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px 2px 21px;
    position: absolute;
    right: 8px;
    top: 4px;
}

@media (min-width: 768px) {
	#site_navi li.lead,
	#site_navi li.lead_02,
	#site_navi li.lead_voice,
	#site_navi li.lead_the21,
	#site_navi li.lead_rekishikaido,
	#site_navi li.lead_management,
	#site_navi li.l_color_01,
	#site_navi li.l_color_02,
	#site_navi li.l_color_03,
	#site_navi li.l_color_04,
	#site_navi li.l_color_05,
	#site_navi li.l_color_06,
	#site_navi p:first-child { display: none; }
	
	#site_header #site_navi li.lead_voice + li a {
		border-left: 1px solid #8A6B40;
	}
	#site_header #site_navi li.lead_the21 + li a {
		border-left: 1px solid #002DB2;
	}
	#site_header #site_navi li.lead_rekishikaido + li a {
		border-left: 1px solid #B22D00;
	}
	#site_header #site_navi li.lead_management + li a {
		border-left: 1px solid #458A00;
	}
}