#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    top: 0;
    height: auto;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

/*------------------------------------------
 *　サイドバー
------------------------------------------*/
#modal {display:none;}

#modal h2{
	font-size:16px;
	border-bottom:1px solid #fff;
	font-weight:normal;
	text-shadow:none;
}

#modal ul{
	margin-bottom:20px;
}

#modal ul li{
	padding:4px 0 5px 0;
	color:#fff;
	font-size:86%;
	text-shadow:none;
}

#modal ul li a{
	padding:4px 0 8px 0;
	border-bottom:1px dashed #6f6f6f;
	display:block;
	color:#fff;
}

.modal_border{
	border-top:1px dashed #6f6f6f;
}

/* 2階層目 */

#modal ul.two{margin:0 0 0 15px;}

#modal ul.two li a{
	display:block;
	color:#fff;
	border-bottom:0px dashed #6f6f6f;
	padding:0px 0;
}

#modal ul li.indext{
	border-bottom:0px dashed #6f6f6f;
	display:block;
	color:#fff;
	padding-left:10px;
}


#modal p.close{
	font-weight:bold;
}

#modal p.close a{
	color:#000;
	padding:3px 10px;
	background:#ccc;
	width:50px;
	text-decoration:none;
	text-align:center;
}

.open{
	display:block;
	padding:7px;
	float:right;
	margin-top:5px;	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	-webkit-background-size:20px 20px;
	border-radius:3px;
	border:1px solid #e0e0e0;
}

.open img{
	vertical-align:middle;
}