@charset "utf-8";
@import "common/0-import.css";

.slides {
  background-color: #F6F3EE;
  border: 1px solid #d0d0d0;
  padding: 7px;
  box-shadow: 0px 0px 1px #999;
  -webkit-box-shadow: 0px 0px 1px #999;
  -moz-box-shadow: 0px 0px 1px #999;
}
  .slides .slide {
    position: relative;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    padding: 5px;
  }
    .slides .slide .mark {
      position: absolute;
      top: 9px;
      left: 0px;
      text-indent: -9999px;
    }
#slider-thumbs a {
	text-decoration: none;
}
	#slider-thumbs a img {
		background: #fff;
		padding: 3px;
		border: 1px solid #d0d0d0;
	  box-shadow: 0px 0px 1px #d0d0d0;
	  -webkit-box-shadow: 0px 0px 1px #d0d0d0;
	  -moz-box-shadow: 0px 0px 1px #d0d0d0;
	}
	#slider-thumbs a.active img {
		background: #F7731F;
	}
.mark.mark-special {
	z-index: 1000;
  width: 70px;
  height: 38px;
  background: url(../images/common/mark_special.png) no-repeat;
}

.search-pages {
  width: 208px;
  background-color:#F6F3EE;
  border:1px solid #d0d0d0;
  padding:5px;
  float: right;
  box-shadow: 0px 0px 1px #999;
  -webkit-box-shadow: 0px 0px 1px #999;
  -moz-box-shadow: 0px 0px 1px #999;
}
  .search-pages ul {
    margin: 0;
    padding: 0;
  }
  .search-pages li {
    margin: 3px 0px 0px;
    padding: 0;
    display: block;
    
  }
    .search-pages li a {
      display: block;
    }
.kodawari {
  
}
  .kodawari .link {
    display: block;
    text-align:left;
  }
.shop-tel {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: bold;
  line-height: 35px;
  padding-left: 40px;
  font-family:Meiryo UI, Tahoma;
  background: url(../images/common/ico_tel.png) 0 5px no-repeat;
  color:#F7731F;
}
.shop-fax {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  font-family:Meiryo, Tahoma;
  padding-left: 40px;
  line-height:28px;
  background: url(../images/common/ico_fax.png) no-repeat;
  color:#F7731F;
}
.shop-info {
  line-height: 1.4em;
  text-align: left;
}

.ranking-list {
	background-color: #89C7C6;
	padding: 8px;
	border: 1px solid #64B1B0;
}
.ranking-item {
	padding: 10px;
	background: #fff;
	border: 1px solid #d0d0d0;
	margin: 10px 2px;
	position: relative;
}
	.ranking-item .rank {
		position: absolute;
		top: -1px;
		left: -1px;
		width: 70px;
		height: 68px;
		text-indent: -9999px;
		z-index: 1000;
	}	
		.rank.rank-1 { background: url(../images/common/mark_no01.png) no-repeat; }
		.rank.rank-2 { background: url(../images/common/mark_no02.png) no-repeat; }
		.rank.rank-3 { background: url(../images/common/mark_no03.png) no-repeat; }
		.rank.rank-4 { background: url(../images/common/mark_no04.png) no-repeat; }
		.rank.rank-5 { background: url(../images/common/mark_no05.png) no-repeat; }
		.rank.rank-6 { background: url(../images/common/mark_no06.png) no-repeat; }
		.rank.rank-7 { background: url(../images/common/mark_no07.png) no-repeat; }
		.rank.rank-8 { background: url(../images/common/mark_no08.png) no-repeat; }
.ranking-item .inner {
	height: 320px;
}
	.ranking-item .inner .thumb {
		height: 150px;
		width: 200px;
		border: 1px solid #d0d0d0;
		overflow : hidden;
	}
		.ranking-item .inner .thumb img {
			height: 150px;
			max-width: 200px;
			width: auto;
		}
	.ranking-item .inner .title {
		margin: 5px auto;
		font-size: 14px;
		line-height: 1.3em;
	}
	.ranking-item .inner table.spec {
		font-size: 11px;
		border-spacing: 2px;
	}
	.ranking-item .inner table.spec th,
	.ranking-item .inner table.spec td {
		border: 2px solid #fff;
		padding:2px;
		vertical-align: middle;
		overflow: hidden;
	}
	.ranking-item .inner table.spec th {
		width: 30px;
		background-color: #E5DFD4;
	}
	.ranking-item .inner table.spec td {
		text-align: left;
	}
.marks {
	text-align: center;
	height: 22px;
}
	.marks i {
		margin: 2px 2px;
	}
.mark-recommend {
	width: 65px; height: 18px;
	display: inline-block;
	background: url(../images/common/mark_recommend.png);
}
.mark-new {
	width: 65px; height: 18px;
	display: inline-block;
	background: url(../images/common/mark_new.png);
}
.mark-comment {
	width: 65px; height: 18px;
	display: inline-block;
	background: url(../images/common/mark_comment.png);
}