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

/* body ------------------------------------------------------------------- */
body {
 background-color: #FFF;
 color: #666;
}

/* a ---------------------------------------------------------------------- */
a {
 color: #1A87B9;
 text-decoration: none;
}
a:visited, a:active {
 color: #A47ABC;
}
a:hover {
 text-decoration: underline;
}

/* header ----------------------------------------------------------------- */
#header-wrap {
 background: #FFF url(../img_common/bg_header.gif) bottom repeat-x;
}
#header {
 margin: 0 auto;
 width: 900px;
 height: 61px;
 text-align: left; /*Contributeで表示させるため*/
 position: relative;
}

/* header-submenu */
#submenu {
 width: 500px;
 text-align: right;
 position: absolute;
 left: 400px;
 top: 10px;
}
#submenu a {
 color: #333;
}
#submenu a:hover {
 color: #333;
 text-decoration: underline;
}

#submenu #submenu-a ul li,
#submenu #submenu-b ul li {
 padding-right: 12px;
 display: inline;
 text-align: left;
}
#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: 8px;
 background: url(../img_common/ico_allow_bgwhte.gif) top left no-repeat;
}
#submenu #submenu-b ul li a {
 padding-left: 15px;
}
#submenu #submenu-b ul li a.member {
 background: url(../img_common/sub_icon_member.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.shop {
 background: url(../img_common/sub_icon_shop.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.reserve {
 background: url(../img_common/sub_icon_reserve.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.about {
 background: url(../img_common/sub_icon_about.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.recruit {
 background: url(../img_common/sub_icon_recruit.gif) top left no-repeat;
}
#submenu #submenu-b ul li a.coupon {
 background: url(../img_common/sub_icon_coupon.gif) top left no-repeat;
}

/* globalmenu ------------------------------------------------------------- */
#globalmenu {
 background: url(../img_common/bg_globalmenu.gif) repeat-x;
 text-align: center;
}
#globalmenu ul {
 margin: 0 auto;
 width: 854px;
 height: 48px;
 background: url(../img_common/globalmenu.gif) no-repeat;
}
#globalmenu ul li {
 float: left;
 overflow: hidden;
}
#globalmenu ul li a {
 display: block;
 width: 122px;
 height: 48px;
 text-indent: -9999px;
}
#globalmenu ul li a:focus {
 outline:none
}
#globalmenu ul li.home a.active,
#globalmenu ul li.home a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat 0px -48px;
}
#globalmenu ul li.service a.active,
#globalmenu ul li.service a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -122px -48px;
}
#globalmenu ul li.event a.active,
#globalmenu ul li.event a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -244px -48px;
}
#globalmenu ul li.plan a.active,
#globalmenu ul li.plan a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -366px -48px;
}
#globalmenu ul li.floor a.active,
#globalmenu ul li.floor a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -488px -48px;
}
#globalmenu ul li.school a.active,
#globalmenu ul li.school a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -610px -48px;
}
#globalmenu ul li.tournament a.active,
#globalmenu ul li.tournament a:hover {
 background: url(../img_common/globalmenu.gif) no-repeat -732px -48px;
}

/* pagetitle,localmenu ----------------------------------------------------- */
#pagetitle {
 margin: 25px auto 20px;
 width: 900px;
 text-align: left;
 background-color: #FFF;
 position: relative;
}
/*#pagetitle h2 {
 width: 500px;
 float: left;
}*/

#pagetitle #localmenu {
 width: 490px;
 position: absolute;
 top: 15px;
 left: 411px;
 text-align: right;
}
#localmenu a {
 color: #333;
}
#localmenu a:hover {
 color: #333;
 text-decoration: underline;
}
#localmenu ul li {
 padding-right: 12px;
 display: inline;
 text-align: left;
}
#localmenu ul li.end {
 padding-right: 0px;
 display: inline;
}
#localmenu ul li a {
 padding-left: 15px;
 background: url(../img_common/ico_allow_localmenu.gif) top left no-repeat;
}


/* main-img --------------------------------------------------------------- */
#main-img {
 margin-left: auto;
 margin-right: auto;
 width: 900px;
}

/* container -------------------------------------------------------------- */
.bg-2column {
 background: url(../img_common/bg_container_2col.gif) repeat-y;
}

/* bottom-banner ---------------------------------------------------------- */
#bottom-banner {
 margin: 40px auto 0;
 padding: 4px 0;
 width: 900px;
 background: url(../img_common/bg_bottom_banner.gif) top left no-repeat;
}
#bottom-banner ul li {
 float: left;
 width: 225px;
 background: none;
}
#bottom-banner ul li a {
 display: block;
 padding: 0 4px 0 3px;
}

/* footer ----------------------------------------------------------------- */
#footer {
 padding: 15px 0;
 background: #000;
 color: #FFF;
}
#footer a {
 color: #FFF;
 text-decoration: none;
}
#footer a:hover {
 color: #FFF;
 text-decoration: underline;
}
#footer-wrap {
 margin: 0 auto;
 width: 900px;
 position: relative;
 text-align: left;
}
#footer .menu {
 width: 600px;
 text-align: left;
}
#footer .menu ul li {
 display: inline;
 padding: 0 10px;
 border-right: solid 1px #FFF;
}
#footer .menu ul li.first {
 padding-left: 0px;
}
#footer .menu ul li.end {
 padding-right: 0;
 border-right: none;
}
#footer .copyright {
 width: 300px;
 position: absolute;
 top: 0;
 left: 600px;
 text-align: right;
}
#footer-banner {
 margin: 0 auto;
 width: 900px;
}
#footer-banner ul {
 width: 900px;
}
#footer-banner ul li {
 float: left;
 padding-right: 3px;
}

/* table ------------------------------------------------------------------ */
table.border {
 border: solid 1px #B2B2B2;
 border-collapse: collapse;
 word-break: break-all;
}
table.border th {
 border: solid 1px #B2B2B2;
 font-weight: normal;
 text-align: center;
 padding: 2px 4px;
} 
table.border td {
 border: solid 1px #B2B2B2;
 padding: 2px 4px;
} 

/* allow ------------------------------------------------------------------ */
a.allow-blue-left {
 padding-left: 12px;
 background: url(../img_common/ico_allow_blue_left.gif) top left no-repeat;
}
a:visited.allow-blue-left {
 padding-left: 12px;
 background: url(../img_common/ico_allow_blue_left_v.gif) top left no-repeat;
}
a.allow-blue-right {
 padding-right: 10px;
 background: url(../img_common/ico_allow_blue_left.gif) top right no-repeat;
}
a:visited.allow-blue-right {
 padding-right: 10px;
 background: url(../img_common/ico_allow_blue_left_v.gif) top right no-repeat;
}
a.allow-blue-top {
 padding-left: 12px;
 background: url(../img_common/ico_allow_blue_top.gif) top left no-repeat;
}
a:visited.allow-blue-top {
 padding-left: 12px;
 background: url(../img_common/ico_allow_blue_top_v.gif) top left no-repeat;
}
.allow-inquiry {
 padding-left: 12px;
 background: url(../img_common/ico_allow_inquiry.gif) top left no-repeat;
}

/* pagetop --------------------------------------------------------------- */
a.pagetop {
 padding-left: 15px;
 background: url(../img_common/ico_allow_blue_top.gif) top left no-repeat;
}
a:visited.pagetop {
 padding-left: 15px;
 background: url(../img_common/ico_allow_blue_top_v.gif) top left no-repeat;
}


/* main(2column-left) ----------------------------------------------------- */
#container #main {
 margin-right: 40px;
 width: 640px;
 float: left;
}

/* right(2column-right) --------------------------------------------------- */
#container #right {
 width: 220px;
 float: left;
}


/* banner-event,plan ------------------------------------------------------------- */
#container #main .event {
 padding: 10px 0;
 width: 640px;
 background: url(../img_common/bg_banner.gif) bottom left no-repeat;
}
#container #main .event .banner {
 float: left;
 width: 200px;
 position: relative;
}
#container #main .event .banner .middile {
 position: relative;
}
#container #main .event .banner h4 {
 color: #000;
}
#container #main .event .banner p {
 width: 100px;
 font-size: 13px;
 font-weight: bold;
 line-height: 1.25em;
 position: absolute;
 top: 38px;
 left:89px;
 z-index: 11;
}

#container #main .event .banner-text {
 margin-left: 208px;
}
#container #main .event .banner-text .photo img {
 width: 120px;
 height: 90px;
 float: left;
 margin-right: 10px;
}
#container #main .event .banner-text .info {
 padding: 5px;
 background-color: #FFFFE0;
 border: solid 1px #B2B2B2;
}
#container #main .attension {
 padding: 5px;
 color: #000;
 background: url(../img_common/bg_attention.gif) repeat-x;
}

/* banner-right-plan ----------------------------------------------------------- */
#container #right-plan {
 padding: 0 7px;
 background: url(../img_common/bk_right_plan_middle.gif) repeat-y;
}
#container #right-plan h4 {
 clear: left;
}
#container #right-plan .banner {
 float: left;
}
#container #right-plan .banner-text {
 margin-left: 62px;
 line-height: 1.25em
}
#container #right-plan .banner-text h5 {
 color: #000;
}
#container .right-plan-bottom {
 background: url(../img_common/bk_right_plan_bottom.gif) top left no-repeat;
 height: 12px;
 font-size: 1px;
 line-height: 1px;
}

/* right-localmenu ------------------------------------------------------------- */
#right-localmenu .middle {
 padding: 1px;
 background: url(../img_common/bg_right_localmenu_middle.gif) repeat-y;
}
#right-localmenu .bottom {
 height: 12px;
 background: url(../img_common/bg_right_localmenu_bottom.gif) left top no-repeat;
 font-size: 1px;
 line-height: 1px;
}