@charset "utf-8";
/* CSS Document */

/* html, body */
html,body	{margin: 0; padding: 0}
body	{background-color: #F60; background-image: url(pic/pattern.png)}

/* container */
div#container {position: relative; height: 100%; width: 980px; margin-bottom: 0 auto; margin-top: 0 auto; margin-left: auto; margin-right: auto}

/* head */
div#head	{position: relative; height: 500px; width: 100%; margin-bottom: 0 auto; margin-top: 0 auto; margin-left: auto; margin-right: auto; background-image: url(pic/backn.png); background-position: center; background-repeat: no-repeat}

/* links */
a.b, a.f, a.m, a.s	{position:absolute; display: block; background: url(pic/linkn.png)}
a.b	{height: 60px; width: 335px; background-position: -340px -3px; top: 325px; left: 60px}
a.b:hover	{background-position: -340px -63px}
a.b:active	{background-position: -340px -123px}
a.f	{height: 60px; width: 180px; background-position: -143px -3px; top: 125px; left: 603px}
a.f:hover	{background-position: -143px -63px}
a.f:active	{background-position: -143px -123px}
a.m	{height: 60px; width: 320px; background-position: -690px -3px; top: 325px; left: 588px}
a.m:hover	{background-position: -690px -63px}
a.m:active	{background-position: -690px -123px}
a.s	{height: 60px; width: 125px; background-position: 0 -3px; top: 125px; left: 265px}
a.s:hover	{background-position: 0 -63px}
a.s:active	{background-position: 0 -123px}

/* bottom */
div#bottom	{position: relative; height: 70px; width: 100%; margin-top: 2%; margin-left: 0; margin-right: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #281400}