@charset'UTF-8';

/*default settings */

html { margin: 0; padding: 0; background:#0077ed;}
body { margin: 0; padding: 0; font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, table, caption, th, td { margin:0; padding:0; }
  
img,swf { border: 0; vertical-align: top; }
a img { border: 0; vertical-align: top; }

a:link { color: #666; text-decoration: none;}
a:active { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #333;text-decoration: none; }


/*----------------------------------- class */

div.clearer { clear: left; }
div.clearer_b { clear: both; }


/**----------------------------------- div **/


div#container { font-size: 14px; text-align: center;}


/**----------------------------------- header **/

div#header {}
div#header h1 {}



/**----------------------------------- menu **/

div#menu { }
div#menu ul { margin: 150px auto; list-style: none; width: 1200px; }
div#menu ul li { float: left; }
div#menu ul li a { display: block; margin-top: 100px; }


@media screen and (max-width: 480px) {
div#menu ul { margin: 5% auto; width: 100%;}
div#menu ul li { float:none ;}
div#menu ul li img { max-width: 100%;}
} 


/**----------------------------------- content **/


div#content { }
div#content h3 { color:#fff; } 


/**----------------------------------- footer **/



div#footer { }


div#footer_sp { margin: 8% auto; color:#fff; }