/* ハンバーガーアイコンの枠 */ 
#h-menu { 
position:relative; 
width:		36px; 
height:		38px; 
margin:		6px; 
cursor:		pointer; 
display:	block; 
border:		1px solid #ccc; 
box-shadow:	1px 1px 1px #ccc; 
border-radius:	4px; 
text-align:	center; 
background-color:#fff; 
} 
 
/* ハンバーガーアイコン下のテキスト */ 
#h-text { 
width:		36px; 
font-size:	6px; 
margin-top:	6px; 
color:		#848484; 
text-align:center; 
display:	block; 
} 
 
/*	ハンバーガーアイコンの作成　*/ 
#h-icon { 
position:	relative; 
display:	block; 
width:		23px; 
height:		17px; 
top:		4px; 
left:		7px; 
background-color:#848484;	/* アイコンの線の色 */ 
} 
 
/* ハンバーガーアイコンの白線部分作成 */ 
#h-icon:before, #h-icon:after { 
position:	absolute; 
left:		0; 
content:	""; 
width:		100%; 
border-top:	4px solid #fff;  
} 

#h-icon:before { 
top:		3px; 
} 

#h-icon:after { 
bottom:		3px; 
}