@charset "utf-8";
@import "./style.css";

div#globalHeader { display: none; }

div#indexImages { position: relative; z-index: 1; min-width: 1300px; }
div#indexImages ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 120px; }
div#indexImages ul li {}
div#indexImages ul li img { width: 70%; }
img.mainTitle { width: 50%; position: absolute; top: 0px; right: 0px; z-index: 999; }

div#indexGlobalNavigation { position: absolute; top: -40px; left: 20px; width: 100%; z-index: 1000; }
div#indexGlobalNavigation div.naviInner { margin: 0 auto; width: 100%; height: 30px; }
div#indexGlobalNavigation ul { margin: 0; padding: 0; list-style: none; }
div#indexGlobalNavigation li { width: 120px; height: 30px; text-align: center; line-height: 30px; float: left; position: relative; }
div#indexGlobalNavigation li a { width: 120px; height: 30px; color: #000; text-shadow: 0 0 3px #111; display: block; }
div#indexGlobalNavigation li a:hover { background: #ccc; text-decoration: none; }
div#indexGlobalNavigation li a.active { background: #ccc; }


div#sp_main { display: none; }
div#sp_main { position: relative; z-index: 1; }
div#sp_main ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; }
div#sp_main ul li {}

@media (max-width: 568px) {
	div#indexImages { display: none; }
	div#globalFooter { margin-top: 0px; }
	div#sp_main { display: block; }
	div#sp_main img { width: 100%; }
}