@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(layout.css);
@import url(map.css);
@import url(jquery.jcarousel.css);
@import url(skin_in2.css);
@import url(sexylightbox.css);
/*  Top Contents
-----------------------------------------------------------------------------*/
/*Header*/
#top { border-top: 6px solid #c9151e; }

#top #header {
  margin-bottom: 18px;
  border-top: none;
  height: 288px;
  background: url(../../img/top_mainbg.jpg) center 0 repeat-x;
}

#top #header .header_wrap {
  height: 288px;
  background: url(../../img/top-out-mainimg.jpg) center 0 no-repeat;
}

#top #header .header_wrap a:hover { background: url(../../img/top-on-mainimg.jpg) no-repeat; }

#top #header h1, #top #header h1 a {
  text-indent: -9999px;
  width: 129px;
  height: 55px;
  display: block;
  float: left;
  overflow: hidden;
}

#top #header #h_navi li, #top #header #h_navi li a {
  display: block;
  float: left;
}

#top #header #h_navi li span { display: none; }

#top #header .header_wrap .lang {
  margin: 10px 0 5px;
  top: 0;
  right: 0;
  position: absolute;
}

#top #header #h_navi .lang li, #top #header #h_navi .lang li a { height: 15px; }
#top #header #h_navi .jp, #top #header #h_navi .jp a { width: 73px; }
#top #header #h_navi .jp a:hover { background: none; }
#top #header #h_navi .en, #top #header #h_navi .en a { width: 58px; }
#top #header #h_navi .en a:hover { background: none; }

#top #header #h_navi .gnavi {
  top: 34px;
  right: 0;
  clear: both;
  position: absolute;
  width:591px;
}

#top #header #h_navi .gnavi li, #header #h_navi .gnavi li a { height: 25px; }
#top #header #h_navi .home, #header #h_navi .home a { width: 66px; }
#top #header #h_navi .home a:hover { background-position: -409px -34px; }
#top #header #h_navi .findh, #header #h_navi .findh a { width: 122px; }
#top #header #h_navi .findh a:hover { background-position: -475px -34px; }
#top #header #h_navi .resnow, #header #h_navi .resnow a { width: 125px; }
#top #header #h_navi .resnow a:hover { background-position: -597px -34px; }
#top #header #h_navi .ourbrands, #header #h_navi .ourbrands a { width: 118px; }
#top #header #h_navi .ourbrands a:hover { background-position: -721px -34px; }
#top #header #h_navi .faq, #header #h_navi .faq a { width: 50px; }
#top #header #h_navi .faq a:hover { background-position: -840px -34px; }
#top #header #h_navi .contact, #header #h_navi .contact a { width: 110px; }
#top #header #h_navi .contact a:hover { background-position: -891px -34px; }

#top #mainbody { padding-bottom: 50px; }
#top h2 { margin-bottom: 15px; }


#top .concept { border-bottom: 1px solid #ccc; }

#top .concept h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 300%;
  color: #555;
  margin-bottom: 20px;
}

#top .concept_wrap { margin: 0 0 0 32px; }

#top .concept_wrap p {
  line-height: 1.8;
  margin: 0 23px 25px 0;
}

#top .concept_wrap h4 {
  font-size: 134%;
  color: #ff7a40;
}

#top .brand {
  width: 668px;
  background: url(../../img/top_brand_bg.gif) repeat-x top left #efefef;
}

#top .brand h3 {
  margin: 0 auto;
  padding: 20px 0;
  width: 615px;
}

#top .brand h3 span { padding-left: 15px; }

#top .brand ul {
  margin: 0 auto;
  width: 615px;
}

#top .brand ul li { float: left; }
#top .brand ul li.flex { padding: 0 17px; }

#top .brand p.brandtext {
  margin: 0 auto 20px;
  width: 615px;
  clear: both;
}

#top .brand p.brandbtn {
  text-align: center;
  padding-bottom: 20px;
  background: url(../../img/top_brand_bg.gif) repeat-x bottom left;
}

#top .jc_notes {
  font-size: 84%;
  font-weight: bold;
  color: #561a04;
  margin-bottom: 5px;
  clear: both;
}