body{font-family:sans-serif,'sans-serif','Hiragino Gothic ProN','ＭＳ Ｐゴシック';padding:0;margin:0}div#my_menu{position:absolute;z-index:2}ul.menu{max-width:300px;min-width:150px;border:solid 0 #0639ff;text-align:center}ul.menu li{background:#403f3d;position:relative;list-style-type:none;max-width:300px;min-width:150px;height:40px;padding-right:30px;width:calc(100% - 30px)}ul.sub li a{display:inline-block;width:100%;line-height:40px;text-indent:20px;padding-right:30px;font-weight:bold;color:white;text-decoration:none;position:relative;white-space:nowrap;overflow:hidden;border:solid 0 #ff0004}ul.menu .header{width:100%;border:solid 0 #ff0004;height:40px;background-color:#403f3d}#my_menu .menu_title{width:calc(100% - 10px);border:solid 0 #fff;height:40px;line-height:40px;float:left;color:#fff;text-indent:10px;font-weight:700;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#my_menu_close_btn{position:relative;float:right;background-image:url(img/close_btn.png);width:28px;height:28px;padding:6px 0;background-repeat:no-repeat;background-size:28px;background-position:50%;z-index:1;width:40px;margin-right:-30px}ul.sub li:hover{opacity:.7}ul.sub{background-color:white;display:none}ul.sub li{float:none;background:#555251;border-top:solid 1px #999;border-bottom:solid 1px #333}ul.sub li ul.sub{position:absolute;left:179px;top:0}ul.menu li ul.sub{width:100%;top:40px;position:absolute}ul.menu{zoom:1}ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both}*{margin:0;padding:0}