a.anchor{
    display: block;
    padding-top: 10px;
    margin-top: -10px;
}




#navi_icon_click_view_html{
	padding:0 20px 20px 20px;line-height:2em;
}


#navi_icon_click_view {
	position:fixed;
	top:0;left:0;
	padding:0px;
	background-color:white;
	border-right:1px #666666 solid;
	border-bottom:1px #666666 solid;
	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	font-size:16px;
	line-height:1em;
	visibility:hidden;

	color:black;
	text-shadow:1px 1px 2px white;
}







#list_close_icon{
	color:#999999;
	font-size:24px;
	text-align:right;
	cursor:pointer;
	margin:0 0 0 0;
}


/*ハンバーガーアイコンをCSSだけで表現*/
#navi_icon,#navi_icon:before,#navi_icon:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 25px;/*長さ*/
	border-radius: 3px;
	background: #FFFFFF;
	display: block;
	content: '';

	cursor:pointer;

}

#navi_icon:before {
	bottom: -8px;
}

#navi_icon:after {
	bottom: -16px;
}

#navi_icon_box {
	position:fixed;
	top:52px;left:0;
	padding:10px 0 0 8px;
	background-color:#666;
	width:35px;
	height:30px;

	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);

		z-index:2004;
		visibility:hidden;
}



#mobile_space{
	height:10px;
}

@media screen and (max-width:735px){/*max-width:735px or max-width:767px*/
	#navi_icon_box {
		visibility:visible;
	}

	#mobile_space{
		height:100px;
	}

}
