@import url("base.css");

#wrapper {
  margin: 0 auto;
  padding: 0 14px;
  width: 967px;
  background: #FFF url("../images/img_main_bg.gif") repeat-x left top;
}

#header,#sidebar,#content,#footer {
  margin: 0;
  padding: 0;
}

/* INFO - SETUP HEADER LAYOUT */
#header {
  width: 100%;
  height: 98px;
}

#header h1 {
  float: left;
  padding: 5px 0 0 45px;
}

#header h1 a {
  display: none;
/*  display: block;*/
  width: 168px;
  height: 69px;
/*  background: url("../images/spc.gif") no-repeat left top;*/
  text-indent: -2000px;
}

#navigation {
  float: right;
  position: relative;
  width: 695px;
  height: 104px;
/*  background: url("../images/main_menu.gif") no-repeat left top;*/
/*  text-indent: -2000px;*/
}

/* FLUSH */
#site-flush {
  position: absolute;
  top: 35px;
}

#sitemenu-flush {
  position: absolute;
  right: 0;
  top: 0px;
}

#navigation div {
  position: absolute;
  top: 0;
  height: 30px;
  overflow: hidden;
}

/* INFO - CREATE CENTER BOX */
#cwrapper {
  float: left;
  background: #FFF url("../images/img_content_bg.gif") repeat-y left top;
}

#cwrapper .top {
  float: left;
  background: url("../images/img_content_tbg.gif") no-repeat left top;
}

#cwrapper .bottom {
  float: left;
  padding-top: 16px;
  background: url("../images/img_content_bbg.gif") no-repeat left bottom;
}

/* INFO - SETUP CONTENT LAYOUT */
#content {
  float: right;
  width: 695px;
}

#content .gutter {
  float: left;
  padding-bottom: 15px;
}

#content .sub-title {
  position: relative;
  width: 680px;
  height: 130px;
/*  background: url("../images/img_subtitle.gif") no-repeat left top;  */
}
#content .sub-title object {
  position: absolute;
  top: 0;
  left: 0;
}

/* INFO - SETUP #CONTENT .TOP LAYOUT */
.content-top {
  padding: 15px 0 0 0;
  height: 58px;
}

.content-top table {
}

.content-top marquee {
  height: 58px;
}

.content-top td p {
  padding: 6px 0;
}

.content-top td {
  padding-left: 14px;
  width: 159px;
  height: 58px;
  background: url("../images/img_ctop_banner_bg.gif") no-repeat left top;
}

.content-top td .store {
  top: 8px;
  left: 10px;
  font-weight: bold;
}

.content-top td .store img {
  vertical-align: middle;
}

.content-top td .subject {
  top: 40px;
  left: 10px;
}

/* INFO - SETUP #CONTENT .CONTENT-BODY  */
.content-body {
  clear: both;
  position: relative;
  padding: 8px 0 0 0;
  float: left;
}

.content-body h2 {
  font-size: 1.0em;
  padding: 21px 0 0 0;
  height: 0;
  width: 680px;
  overflow: hidden;
  background: url("../images/img_cbody_title.gif") no-repeat left top;
}

.content-body .select-brand {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 90%;
  font-weight: bold;
}

/* IE hack */
* html .content-body .select-brand { right: 20px; }

.content-body .table-wrapper {
  padding: 6px 0 0 0;
}

.alba-info thead tr {
  line-height: 19px;
}

.alba-info tbody tr {
  height: 27px;
}

.alba-info .col-1 {
  width: 80px;
}

.alba-info .col-2 {
  width: 180px;
}

.alba-info .col-3 {
  width: 90px;
}

.alba-info .col-4 {
  width: 90px;
}

.alba-info .col-5 {
  width: 88px;
}

.alba-info .col-6 {
  width: 66px;
}

.alba-info .col-7 {
  width: 86px;
}

.alba-info th.brand {
  color: #FFF;
  background: url("../images/img_brand_bg.gif") no-repeat left top;
}

.alba-info th.addr {
  color: #1E7F19;
  background: url("../images/img_addr_bg.gif") no-repeat left top;
}

.alba-info th.store {
  color: #1E7F19;
  background: url("../images/img_store_bg.gif") no-repeat left top;
}

.alba-info th.week {
  color: #1E7F19;
  background: url("../images/img_week_bg.gif") no-repeat left top;
}

.alba-info th.time {
  color: #1E7F19;
  background: url("../images/img_time_bg.gif") no-repeat left top;
}

.alba-info th.gender {
  color: #1E7F19;
  background: url("../images/img_gender_bg.gif") no-repeat left top;
}

.alba-info th.end {
  color: #1E7F19;
  background: url("../images/img_end_bg.gif") no-repeat left top;
}

.alba-info tbody td {
  height: 26px;
  text-align: center;
  border-bottom: 1px solid #EEEEEE;
}

.alba-info tbody td.address {
  text-align: left;
}

.alba-info .last-child td {
  border-bottom: 1px solid #9EDA09;
}

/* INFO - SETUP SIDEBAR LAYOUT */
#sidebar {
  float: left;
  width: 270px;
}

/* INFO - SETUP LOGIN BOX LAYOUT */
.login-box {
  position: relative;
  margin-left: 16px;
  padding-bottom: 5px;
  height: 125px;
  width: 240px;
  background: url("../images/img_loginbox_bottom.gif") no-repeat left
    bottom;
}

.login-box h2 {
  height: 35px;
  background: url("../images/img_loginbox_top.gif") no-repeat left top;
  text-indent: -2000px;
}

.login-box table tr {
  line-height: 22px;
}

.login-box input.type-text {
  width: 90px;
}

.login-box table {
  margin-left: 10px;
  letter-spacing: -1px;
}

.login-box table .col-1 {
  width: 95px;
}

.login-box table .col-2 {
  width: 54px;
}

.login-box .member-service {
  font-size: 90%;
}

#login-table { width: 220px; }

.login #login-table { width: 160px; }


#login-table tr.line {
  height: 5px;
  background: url("../images/sub/img_table_uline.gif") repeat-x left top;
}

#login-table ul {
  list-style: none;
}

#login-table ul li {
  padding: 2px 0 0 10px;
  background: url("../images/sub/icon_dot.gif") no-repeat left center;
}

#login-table input.type-text {
  width: 85px;
}
.service {
  position: absolute;
  right: 10px;
  top: 57px;
  padding-left: 6px;
  height: 65px;
  width: 50px;
/*  background: url("../images/img_service_bg.gif") no-repeat left top;*/
}

.service .recruit {
  display: block;
  height: 50px;
  width: 50px;
  background: url("../images/img_recruit.gif") no-repeat left top;
  text-indent: -2000px;
}

.service .apply {
  display: block;
  height: 50px;
  width: 50px;
  background: url("../images/img_apply.gif") no-repeat left top;
  text-indent: -2000px;
}

.login-box .service {
  top: 10px !important;
  background: url("../images/img_service_bg.gif") no-repeat left top;
}

.login-box .apply {
  margin-top: 10px;
}

.logout-box {
  position: relative;
  margin-left: 16px;
  padding-bottom: 5px;
  height: 125px;
  width: 240px;
  background: url("../images/img_loginbox_bottom.gif") no-repeat left
    bottom;
}

.logout-box .logout {
  padding: 10px 0 0 10px;
  background: url("../images/img_logoutbox_top.gif") no-repeat left top;
}

.logout-box table tr {
  height: 18px;
}

.logout-box input.type-text {
  width: 90px;
}


.logout-box table tr.congura td {
  background: url("../images/img_logout_line.gif") repeat-x left bottom;
}

.logout-box li strong {
  color: #5EAE18;
  text-decoration: underline;
}

/* INFO - SETUP SEARCH BOX LAYOUT */
.search-box {
  position: relative;
  margin: 15px 0 0 15px;
  width: 240px;
  height: 103px;
  background: url("../images/img_search_bottom.gif") no-repeat left bottom
    ;
}

.search-box h2 {
  font-size: 9pt;
  height: 30px;
  background: url("../images/img_search_top.gif") no-repeat left top;
  text-indent: -2000px;
}

.search-box .select {
  position: absolute;
  right: 11px;
  top: 6px;
}

.search-box table {
  margin: 5px 0 0 10px;
}

.search-box .col-1 {
  width: 135px;
}

.search-box tr {
  height: 20px;
}

.search-box #select-position {
  width: 80px;
}

.search-box #select-brand, .search-box .type-select {
  width: 130px;
}

.search-box #td-search {
  text-align: right;
}

.search-box #td-search a {
  float: right;
  width: 58px;
  height: 0px !important;
  overflow: hidden;
  padding: 17px 0 0 0;
  background: url("../images/btn_search.gif") no-repeat left top;
}

/* INFO - SEUP JOOBOO */
.jooboo {
  margin: 10px 0 0 15px;
}

.jooboo a {
  display: block;
  padding: 51px 0 0 0;
  height: 0;
  width: 240px;
  overflow: hidden;
  background: url("../images/img_jooboo.gif") no-repeat left top;
}

/* INFO - SEUP AREA LAYOUT */
.area {
  position: relative;
  margin: 10px 0 0 15px;
  width: 240px;
  height: 208px;
/*  background: url("../images/area.gif") no-repeat left top;*/
}
/*
.area div {
  position: absolute;
  top: 35px;
  left: 10px;
  font-size: 90%;
  font-weight: bold;
  letter-spacing: -2px;
}
*/
.area #map-flush {
  position: absolute;
  top: 0px;
  left: 0;
  }

/* INFO - SETUP FOOTER LAYOUT */
#footer {
  clear: both;
  padding: 15px 0 0 0;
}

#footer .gutter {
  position: relative;
  background: url("../images/img_footer_bg.gif") no-repeat left top;
  padding: 11px 0 0 20px;
  height: 90px;
}

#footer h2 {
  width: 57px;
  height: 46px;
  background: url("../images/img_logo.gif") no-repeat left top;
  text-indent: -2000px;
}

#footer .copyright {
  width: 220px;
  height: 50px;
  position: absolute;
  left: 85px;
  top: 25px;
  background: url("../images/img_copyright.gif") no-repeat left top;
  text-indent: -2000px;
}

#footer .site-menu {
  font-size: 90%;
  position: absolute;
  left: 85px;
  top: 12px;
  letter-spacing: -1px;
}

#footer .banner {
  width: 560px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: -20px;
/*  background: url("../images/banner.gif") no-repeat left top;*/
}

/* BLOCK INFO - IE hack */
* html #content .content-body {
  margin-top: 0;
}

* html #content .gutter {
  padding-bottom: 0;
}

* html #footer {
  height: 1%;
}

* html .alba-info .col-1 {
  width: 78px;
}

* html .alba-info .col-2 {
  width: 178px;
}

* html .alba-info .col-3 {
  width: 88px;
}

* html .alba-info .col-4 {
  width: 88px;
}

* html .alba-info .col-5 {
  width: 86px;
}

* html .alba-info .col-6 {
  width: 64px;
}

* html .alba-info .col-7 {
  width: 84px;
}

* html .alba-info tbody td {
  height: 22px;
}