@charset "utf-8";
/**
 *
 *  toppage.css
 *
 *  @author     {$author}
 *  @package    magsマグスミノエ
 *  @version    20080530
 */

/* body ------------------------------------------------------------------- */
body {
 background-color: #000;
 color: #E3E3E3;
}
a {
 color: #ED6520;
 text-decoration: none;
}

/* container -------------------------------------------------------------- */
#container {
 background-color: #000;
 text-align: left;
}
/* flash ------------------------------------------------------------------ */
#flashcontent {
 border-bottom: solid 1px #404040;
}

/* menu ------------------------------------------------------------------- */
#menu {
 width: 900px;
 padding-top: 10px;
 position: relative;
}
#globalmenu {
 /*float: left;*/
 width: 588px;
}
#globalmenu ul li {
 float: left;
}
#submenu {
 width: 312px;
 text-align: right;
 position: absolute;
 left: 588px;
 top: 10px;
}
#submenu a {
 color: #E3E3E3;
}
#submenu a:hover {
 color: #E3E3E3;
 text-decoration: underline;
}
#submenu #submenu-a ul li,
#submenu #submenu-b ul li {
 width: 312px;
}
#submenu #submenu-a ul li,
#submenu #submenu-b ul li {
 padding-right: 5px;
 display: inline;
}
#submenu #submenu-a ul li.end,
#submenu #submenu-b ul li.end {
 padding-right: 0px;
 display: inline;
}
#submenu #submenu-a ul li a {
 padding-left: 7px;
 background: url(../img/ico_allow_bgblack.gif) top left no-repeat;
}
#submenu #submenu-b ul li a {
 padding-left: 14px;
}
#submenu #submenu-b ul li a.member {
 background: url(../img/sub_icon_member_top.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.shop {
 background: url(../img/sub_icon_shop_top.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.reserve {
 background: url(../img/sub_icon_reserve_top.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.about {
 background: url(../img/sub_icon_about_top.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.recruit {
 background: url(../img/sub_icon_recruit_top.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.couopn {
 background: url(../img/sub_icon_coupon_top.gif) top left no-repeat;
}

/* footer ----------------------------------------------------------------- */
#footer {
 width: 900px;;
}
#footer-banner-left {
 float: left;
 width: 600px;
}
#footer-banner-right {
 float: right;
 width: 280px;
 text-align: right;
}
#footer-banner-left ul {
 width: 600px;
}
#footer-banner-left ul li {
 float: left;
 padding-left: 3px;
}
#footer-copyright {
 margin-top: 40px;
}

