/* main */
body   {margin:0px; padding:0px; text-align:center; background-color:#fff; color:#000;}
#main  {width:1080px; margin-left:auto; margin-right:auto; text-align:left;}
img    {vertical-align:middle;}
iframe {vertical-align:bottom;}

/* menu */
#menu    {display:flex; flex-wrap:wrap; background:#fff;}
.bar     {position:relative; width:212px; height:82px; padding:2px; background:#fff;}
.bar a   {position:absolute; width:100%;  height:100%; top:1px; left:1px;}
.base    {position:absolute; width:100%;  height:100%; top:1px; left:1px; opacity:1;}
.base img{width:100%;}
.hide    {position:absolute; width:100%;  height:100%; top:1px; left:1px; opacity:0;}
.hide img{width:100%;}
.bar:hover .hide{opacity:1;}