@charset "Shift_JIS";
/* reset */
body{
  margin:0;
  padding:0;
  text-align:left;
  font-size:100%;
  line-height:1.6;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo ;
  color:#823219;
  background-image : url(../img/header_bg_2Xb.png);
  background-position: left top;
  background-repeat: repeat-x;
  min-width: 855px;
  background-color: #ffebd7;
}
html,body{
  max-width: 100%;
}
html,body,h1,h2,h3,h4,h5,p,div,ul,li{
  margin:0;
  padding:0;
  list-style:none;
}
img{
  border-top:0;
  border-right:0;
  border-bottom:0;
  border-left:0;
}
/*--------------------------------------------------------
  layout
--------------------------------------------------------*/

/* hpb-skip */
#hpb-skip{
  display:none;
}
/* hpb-container */
.hpb-layoutset-01 #hpb-container{
  background-image : url(../img/top_mainimg_2Xb.jpg);
  background-position: left 250px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 960px;
  position: relative;
  z-index: 4;
}
#hpb-container{
  min-width: 1024px;
}
/* hpb-header */
#hpb-header{
  width: auto;
  height: 250px;
  margin-bottom:65px;
  position:relative;
  overflow:hidden;
  width: 855px;
  margin: 0 auto;
}
#hpb-headerMain{
  width: 860px;
  position: absolute;
  top: 10px;
}
#hpb-headerMain h1{
  text-align: left;
  font-weight: normal;
  font-size: 0.9em;
}
#hpb-headerExtra1{
  padding-top: 10px;
  float: right;
  text-align: right;
}
#hpb-headerLogo{
  float:left;
  margin-right:175px;
  margin-top: 75px;
  position: relative;
  z-index: 6;
}
#hpb-headerLogo a{
  display:block;
  width:262px;
  height:150px;
  background-image : url(../img/logo_2Xb.png);
  background-position:top left;
  background-repeat:no-repeat;
  text-indent:-9999px;
}
/* hpb-inner */
#hpb-inner{
  min-width: 1024px;
  overflow: hidden;
  position: relative;
  top: -230px;
  margin-bottom: -296px;
  width: 100%;
}
/* hpb-wrapper */
#hpb-wrapper{
  float: left;
  margin-right: -250px;
  position: relative;
  margin-bottom: 300px;
  padding-bottom: 50px;
  top: 230px;
  width: 100%;
  z-index: 1;
  min-height: 800px;
}
/* hpb-title */
#hpb-title {
  }
.hpb-layoutset-01 #hpb-title {
  /*		background-image: url("img/top_mainimg_2X.jpg");
  background-position: left 250px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  */
/*	height: 310px;
  position:relative;
  background-image: url(img/top_mainimg_2X.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  -moz-background-size:100% auto;
  background-size:100% auto;
*/
}
.hpb-layoutset-02 #hpb-title{
  margin: 0 auto;
  padding-left: 0px;
  position: relative;
  width: 840px;
  z-index: 3;
}
.hpb-layoutset-01 h2{
  background-image : url(../InnerBg_2Xb.png);
  background-position: 240px 274px;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size:0em;
  height: 0px;
  margin: 0 auto;
  padding-left: 240px;
  padding-top: 645px;
  position: relative;
  width: 840px;
  color: #af8205;
}
/* hpb-main */
#hpb-main{
  position:relative;
  /*	padding-top:22px;
  */
	padding-left: 0px;
  width: 860px;
  margin: 0 auto;
  z-index: 3;
}
#hpb-main #concept{
  width:700px;
}
#hpb-main #company{
  width:700px;
}
#hpb-main #recruit{
  width:700px;
}
#hpb-main #access{
  width:700px;
}
#hpb-main #contactus{
  width:700px;
}
#hpb-main #privacy{
  width: 615px;
}
/* hpb-banner */
#banner{
  margin-left: 20px;
}
#hpb-aside #banner ul{
  margin-bottom: 50px;
  margin-top: 657px;
}
#hpb-aside #banner li{
  padding-top:8px;
  padding-bottom:8px;
  padding-left: 15px;
  background-image : url(../img/nav_mark_2X.png);
  background-repeat: no-repeat;
  background-position:left 1em;
}
/* hpb-aside */
.hpb-layoutset-01 #hpb-aside{
  /*    margin: 0 auto;
  padding-right: 685px;
  padding-top: 405px;
  position: relative;
  top: -615px;
  width: 0px;
  z-index: 3;
  */

/*    position: absolute;
  width: 170px;
  z-index: 4;
  top: 30px;
  left: 50%;
  margin-left: -85px;
  */
  
   position: absolute;
  width: 170px;
  z-index: 4;
  top: -75px;
  left: 50%;
  margin-left: -430px;
}
.hpb-layoutset-02 #hpb-aside{
  position: absolute;
  width: 170px;
  z-index: 4;
  top: -385px;
  left: 50%;
  margin-left: -430px;
}
#hpb-aside #shopinfo{
  background-image : url(../img/InfoBg_2Xb.png);
  background-position: 130px bottom;
  background-repeat: no-repeat;
  border-bottom: 1px solid #f0c396;
  border-top: 1px solid #f0c396;
  clear: both;
  padding: 30px 15px 30px;
}
#hpb-aside #shopinfo h3{
  display:none;
}
#hpb-aside #shopinfo h4{
  color: #823219;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#hpb-aside #shopinfo p{
  padding-bottom:13px;
}
/* hpb-footer */
#hpb-footer{
  background-color: #b98a4b;
  overflow: hidden;
  padding-left: 32px;
  padding-top: 30px;
  position: relative;
}
#hpb-footerExtra1{
  margin: 0 auto;
  padding-right: 745px;
  position: relative;
  width: 240px;
  z-index: 3;
}
#hpb-footerMain p{
  color: #ffebd7;
  display: block;
  font-size: 0.9em;
  margin: 0 auto;
  position: relative;
  text-align: right;
  top: -18px;
  width: 830px;
}
/* hpb-nav */
#hpb-nav{
  height: 137px;
  position: absolute;
  width: 855px;
  z-index: 4;
  top: 70px;
  /* Wherever you go. */
  left: 50%;
  /* Horizontally centered. */
  margin-left: -426px;
/* Half of my width. */
}
#hpb-nav ul{
  float: right;
  width: 525px;
  height:137px;
}
#hpb-nav li{
  background-repeat: no-repeat;
  background-position: right 17px;
  width: 25px;
  height:137px;
  padding-left: 50px;
  float: right;
}
#hpb-nav li#nav-toppage1{
  background-image : url(../img/nav01.png);
}
#hpb-nav li#nav-toppage2{
  background-image : url(../img/nav02.png);
}
#hpb-nav li#nav-toppage3{
  background-image : url(../img/nav03.png);
}
#hpb-nav li#nav-toppage4{
  background-image : url(../img/nav04.png);
}
#hpb-nav li#nav-toppage5{
  background-image : url(../img/nav05.png);
}
#hpb-nav li#nav-toppage6{
  background-image : url(../img/nav06.png);
}
#hpb-nav li#nav-concept{
  background-image : url(../img/nav_2Xb_02.png);
}
#hpb-nav li#nav-itemlist{
  background-image : url(../img/nav_2Xb_03.png);
}
#hpb-nav li#nav-company{
  background-image : url(../img/nav_2Xb_04.png);
}
#hpb-nav li#nav-recruit{
  background-image : url(../img/nav_2Xb_05.png);
}
#hpb-nav li#nav-access{
  background-image : url(../img/nav_2Xb_06.png);
}
#hpb-nav li#nav-contactus{
  background-image : url(../img/nav_2Xb_07.png);
}
#hpb-nav li a{
  width: 20px;
  height:170px;
  display:block;
  text-decoration:none;
  margin-left: 3px;
}
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
  body{
  min-width: 100%;
}
/*--------------------------------------------------------
	  レイアウト設定
	--------------------------------------------------------*/
	#hpb-main{
  width: 96%;
  float: none;
  padding-right: 0;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
}
.hpb-layoutset-01 #hpb-main{
  padding-top: 15px;
}
.hpb-layoutset-02 #hpb-main{
  padding-top: 2em;
}
.hpb-layoutset-01 #hpb-aside,
	.hpb-layoutset-02 #hpb-aside{
  position:relative;
  width: 96%;
  z-index: 4;
  top: 0;
  left: 0;
  padding-top: 0;
  float: none;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}
#hpb-nav{
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  background-color: #7c4d30;
  border-bottom: none;
  margin-left:0;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #ffffff;
}
#hpb-inner{
  min-width: 200px;
  overflow: hidden;
  position: relative;
  top: 0;
  margin-bottom: 0;
  width: 100%;
}
#hpb-wrapper{
  float: none;
  margin-right: 0;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  min-height: 100px;
  background-color:#FFFDF8;
}
.hpb-layoutset-01 #hpb-container{
  background-image: none;
}
#hpb-container{
  min-width: 100%;
}
/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/
	/* タイトル */
	.hpb-layoutset-01 #hpb-title{
  width: 100%;
  height: 220px;
  overflow:visible;
  background-size:contain;
  position: relative;
  top: 0;
  left: 0;
  background-image : url(../img/top_mainimg_2Xb.jpg);
  background-position:center 20%;
  background-repeat:no-repeat;
}
.hpb-layoutset-02 #hpb-title{
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-left:0;
}
.hpb-layoutset-01 h2{
  background-position: left top;
  height: 0;
  margin-top:0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-top: 80px;
  padding-bottom:3px;
  width: 100%;
  font-size:0em;
  position:absolute;
  bottom:0;
  left:2%;
}
/* ナビゲーション */
	#hpb-nav ul{
  float:none;
  display: none;
  height: auto;
  width:auto;
}
#hpb-nav ul.toggled-on{
  display: block;
  padding-left: 0;
}
#hpb-nav li{
  display: block;
  background-image:none;
  width:100%;
  height: auto;
  float:none;
  padding-left:0;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #ffffff;
}
#hpb-nav li#nav-toppage,
	#hpb-nav li#nav-concept,
	#hpb-nav li#nav-itemlist,
	#hpb-nav li#nav-company,
	#hpb-nav li#nav-recruit,
	#hpb-nav li#nav-access,
	#hpb-nav li#nav-contactus{
  background-image:none;
}
#hpb-nav li a{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
  margin-left:0;
  line-height: 1.2;
  border-right:none;
  width:auto;
  height: auto;
  border-top:none;
}
#hpb-nav li a span.ja{
  display:block;
  text-indent:0;
  color:#facd9d;
  font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif,'Hiragino Mincho ProN';
  font-size:1.2em;
  font-weight:bold;
}
/* サイドバー */

	#hpb-aside #banner{
  margin-top:0px;
  margin-left:0;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
}
#hpb-aside #banner ul{
  margin-top:20px;
  margin-bottom:20px;
}
#hpb-aside #shopinfo{
  background-position: right bottom;
}
/*トップページ*/
	#toppage p.large{
  top: 0;
  left: 0;
}
#hpb-main #concept,
	#hpb-main #company,
	#hpb-main #recruit,
	#hpb-main #access,
	#hpb-main #contactus,
	#hpb-main #privacy{
  width: auto;
}
}