*{ margin:0; padding:0;}

ul{ padding:0px; margin:0px;}

li{ padding:0px; margin:0px;}

/*------------------------------------
	#menu スタイル
--------------------------------------*/
#menu {	width:100%; max-width:980px; margin:0 auto; padding:0;}

#menu li{ display:block; width: 120px; float:left; margin:0; padding:0; border-top:#eee solid 1px; border-right:#eee solid 1px; border-left:#eee solid 1px; border-bottom:3px solid #0066ff;}

#menu li a { color: #272BFF; display:block; padding:15px 0px; text-align:center; text-decoration:none;}

#menu li:last-child a{ border:none;}

#menu li a:hover{ background:#bce2e8;}

#toggle { display:none;}

.sen{ border-bottom:3px solid #0066ff;}
 
/* 画面サイズが800px以下の場合に適用 */
/*@media screen and (max-width:480px){
#menu li { width:25%; border-bottom:3px solid #0066ff;}
}
 
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width:800px) {
#menu { display:none;}

#menu li { width:100%;}

#toggle { display:block; position:relative; width:100%; background:#0066ff;}

#toggle a{ display:block; position:relative; padding:20px 0 20px; border-bottom:1px solid #0066ff; color:#fff; text-align:center; text-decoration:none;}

#toggle:before { display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px; margin-top:-15px; 	background:#0066ff;}

#toggle a:before, #toggle a:after { display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:6px; background:#fff}

#toggle a:before { margin-top:-9px;}

#toggle a:after { margin-top:3px;}
}