@charset "utf-8";

/*-------------- contentsHeader -----------------*/
#contentsHeader{
  background:url(../img/bg_header.jpg) no-repeat left top;
  width:1000px;
  height:615px;
  position:relative;
}

#headerImg{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}


#headIntro {
  color: #ffffff;
  left: 33px;
  position: absolute;
  top: 262px;
  z-index: 3;
}

#companionBox{
  position:absolute;
  width:200px;
  z-index:1;
  top:34px;
  right:20px;
}

#headerText{
  position:absolute;
  top:327px;
  left:20px;
  background:url(../img/bg_headerText.png) no-repeat left top;
  padding:54px 90px;
  width:770px;
  height:147px;
  font-size:16px;
  font-weight:bold;
  line-height:1.5;

}

/*-------------- innerContents_1 -----------------*/
.innerContentsHeader{
  margin-bottom:26px;
}

#innerContents_1{
  background:url(../img/bg_inner_1.jpg) repeat left top;
  width:950px;
  height:1134px;
  padding:30px 25px;
}


#innerContents_1 .areaIntro{
  width:470px;
  position:relative;
  float:left;
}

#innerContents_1 .areaMap{
  width:463px;
  height:345px;
  float:right;
}

#innerContents_1 .areaIntroTtl{
  position:absolute;
  top:0;
  left:-25px;
}


#innerContents_1 .areaIntroText{
  padding:165px 30px 0;
  line-height: 1.5;
}

.img_left{
  display:block;
  float:left;
}

.img_right{
  display:block;
  float:right;
}


#innerContentsDetail_1{
  width:539px;
  float:right;
  margin-bottom:34px;
}

#detail_1_1{
  margin-bottom:22px;
}


#detailTtl_1_1{
  background:url(../img/img_detailTtl_1_1.png) no-repeat left top;
  width:539px;
  height:47px;
  text-align:center;
  font-size:22px;
  color:#ffffff;
  padding:7px 0 5px;
}


#innerContents_1 .detailIntro_left{
  float:left;
  width:257px;
  padding-left:10px;
  line-height:1.5;
}

#innerContents_1 .detailIntro_left span{
  font-size:24px;
  display:block;
  margin-bottom:10px;
  line-height: 1;
  letter-spacing:-1px;
}


#innerContents_1 .detailIntro_right{
  float:right;
  width:244px;
  padding-right:17px;
  font-weight: bold;
}

#detail_1_2_right{
  float:right;
  width:176px;
}


#detailTtl_1_2{
  background:url(../img/img_detailTtl_1_2.png) no-repeat left top;
  width:161px;
  height:47px;
  text-align:center;
  font-size:22px;
  color:#ffffff;
  padding:7px 0 5px 26px;
}


#detail_1_3_left{
  float:left;
  width:444px;
  padding-left:10px;

}


#detailTtl_1_3{
  background:url(../img/img_detailTtl_1_3.png) no-repeat left top;
  width:454px;
  height:47px;
  text-align:center;
  font-size:22px;
  color:#ffffff;
  padding:7px 0 5px;
}

.detailIntro{
  padding-left:10px;
  line-height:1.5;
}
.detailIntro span{
  font-size:24px;
  display:block;
  margin-bottom:10px;
  line-height: 1;
}


/*-------------- innerContents_2 -----------------*/

#innerContents_2{
  background:url(../img/bg_inner_2.jpg) repeat left top;
  width:950px;
  height:1040px;
  padding:30px 25px;
}


#innerContents_2 .areaIntro{
  width:470px;
  position:relative;
  float:right;
}

#innerContents_2 .areaMap{
  width:463px;
  height:345px;
  float:left;
}

#innerContents_2 .areaIntroTtl{
  position:absolute;
  top:0;
  right:-25px;
}

#innerContents_1 .areaIntroText{
  padding:165px 30px 0;
  line-height :1.5;
}



#innerContents_2 .areaIntroText{
  padding:165px 30px 0;
  line-height :1.5;
}


#detail_2_1{
  margin-bottom:22px;
}

#detail_2_1_left{
  float:left;
  width:455px;
}

.detailIntro_2_1{
  padding-left:10px;
  line-height:1.5;
}

.detailIntro_2_1 span{
  font-size:24px;
  display:block;
  margin-bottom:10px;
  line-height: 1;
}


#detailTtl_2_1{
  background:url(../img/img_detailTtl_2_1.png) no-repeat left top;
  width:465px;
  height:47px;
  text-align:center;
  font-size:22px;
  color:#ffffff;
  padding:8px 0 4px;
}


#detail_2_2_right{
  float:right;
  width:368px;
}

#detailTtl_2_2{
  background:url(../img/img_detailTtl_2_2.png) no-repeat left top;
  width:368px;
  height:47px;
  text-align:center;
  font-size:22px;
  color:#ffffff;
  padding:8px 0 4px;
  line-height:1.5;
}

.detailIntro_2_2{
  padding-left:10px;
  line-height:1.5;
}

.detailIntro_2_2 span{
  font-size:24px;
  display:block;
  margin-bottom:10px;
  line-height: 1;
}


/*-------------- innerContents_3 -----------------*/

#innerContents_3{
  background:url(../img/bg_inner_3.jpg) repeat left top;
  width:950px;
  height:914px;
  padding:30px 25px;
  text-align:center;
}

#innerContents_3 p{
  margin-bottom:30px;
}


/*-------------- innerContents_4 -----------------*/
#innerContents_4{
  background:url(../img/bg_inner_4.jpg) repeat left top;
  width:950px;
  padding:30px 25px;
}

.innerTtl{
  text-align:center;
  margin-bottom:50px;
}

#shopList li{
  float:left;
  width:230px;
  height:407px;
  overflow:hidden;
  margin:0 10px 15px 0;
}

#shopList li.nth-child{
  margin:0 0 15px 0;
}

.shopDetailBox{
  background-color:#ffe17b;
  height:170px;
  margin-bottom:5px;
}


.shopHeader{
  border-bottom:1px dotted #ffa70e;
  padding:17px 0 2px;
  margin-bottom:5px;
  text-align:center;
}

.no_style{
  margin:0 auto;
  width:170px;
  height:46px;
  display:block;
  padding:0 0 10px 23px;
  text-shadow:0 -1px #e8bd4a;
  font-size:16px;
  text-align: center;
}

#no_1{background:url(../img/bg_shopIcon_1.png) no-repeat left top;}
#no_2{background:url(../img/bg_shopIcon_2.png) no-repeat left top;}
#no_3{background:url(../img/bg_shopIcon_3.png) no-repeat left top;}
#no_4{background:url(../img/bg_shopIcon_4.png) no-repeat left top;}
#no_5{background:url(../img/bg_shopIcon_5.png) no-repeat left top;}
#no_6{background:url(../img/bg_shopIcon_6.png) no-repeat left top;}
#no_7{background:url(../img/bg_shopIcon_7.png) no-repeat left top;}
#no_8{background:url(../img/bg_shopIcon_8.png) no-repeat left top;}
#no_9{background:url(../img/bg_shopIcon_9.png) no-repeat left top;}
#no_10{background:url(../img/bg_shopIcon_10.png) no-repeat left top;}
#no_11{background:url(../img/bg_shopIcon_11.png) no-repeat left top;}
#no_12{background:url(../img/bg_shopIcon_12.png) no-repeat left top;}


.shopTel{
  width:163px;
  margin:0 auto 5px;
  font-size:22px;
  background:url(../img/icon_tel.png) no-repeat left 7px;
  padding:0 0 0 14px;
  text-shadow:0 -1px #e8bd4a;
}

.shopIntro{
  padding:0 0 0 10px;
}

#no_2 span{
  padding: 8px 0 0;
  display: block;
}