@charset "utf-8";
/* ==========================================================

title : ナスラックKitchen
scope : 50音検索

========================================================== */

.content {
  padding: 0;
}

.content .img_main {
  margin: 0 auto 20px;
}

.content .read_text {
  text-align: center;
}


/*------------------------------------------
 .con_search
------------------------------------------*/
.con_search {
  margin: 30px auto;
  overflow: hidden;
  width: 870px;
}

.con_search ul {
  float: left;
  margin-left: 10px;
  width: 78px;
}

.con_search ul:first-child {
  margin-left: 0;
}

.con_search ul li {
  font-family: "Lucida Grande",
                "segoe UI",
                "ヒラギノ丸ゴ ProN W4",
                "Hiragino Maru Gothic ProN",
                Meiryo, Arial,sans-serif;
  font-size: 30px!important;
  font-weight: bold;
  height: 51px;
  line-height: 45px;
  margin-top: 10px;
  text-align: center;
  width: 78px;
}

.con_search ul li:first-child {
  margin-top: 0;
}

.con_search ul li a {
  display: inline-block;
  background: #F9F3E4;
  border-bottom: solid 2px #AB9A67;
  border-radius: 5px;
  border-right: solid 2px #AB9A67;
  color: #8F7C69;
  padding: 2px 20px 0;
  position: relative;
  text-decoration: none;
}

/*ボタンを押した時の動作*/
.con_search ul li a:active {
  border:none;
  transform: translate(1px,1px);
  -ms-transform: translate(1px,1px);
  -webkit-transform: translate(1px,1px);
}

.con_search ul li a:after,
.con_search ul li a:active:before {
  content: none;
}

/*ホバー時*/
.con_search ul li a:hover {
  background: #FFEAE6;
  border-bottom: solid 2px #EB7986;
  border-right: solid 2px #EB7986;
}

/*アクティブ時*/
.con_search ul li .active {
  background: #FFEAE6;
  border: 2px solid #EB7986;
  pointer-events: none;
}

.con_search ul li .active:hover {
  border:none;
}

/*グレー　.gray*/
.con_search ul .gray {
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  color: #8F8F8F;
  height: 49px;
  width: 73px;
}

/*------------------------------------------
 絞込み検索 テキストボックス調整（元css：/renew/search/css/search.css）
------------------------------------------*/
.box_keyword input {
  border-radius: 10px!important;
  height: 30px!important;
  margin-top: 3px;
}

/*------------------------------------------
 .con_link
------------------------------------------*/
.con_link {
  border-top: 1px dashed #999;
  margin: 50px auto;
  padding: 30px 0;
}

.con_link h3.western {
  background: #eb7986 url(../image/hdmrk_western.png) no-repeat 15px center;
  color: #fff;
  font-size: 34px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 30px;
  padding-left: 80px;
}

.con_link .box_bnrmini {
  margin: 0 auto 30px;
  overflow: hidden;
  width: 880px;
}

.con_link .box_bnrmini li {
  float: left;
  margin-left: 50px;
  width: 260px;
}

.con_link .box_bnrmini li:first-child {
  margin-left: 0;
}

.con_link .box_bnrmini li p {
  font-size: 14px;
  margin-top: 5px;
  text-align: justify;
}

.con_link .box_bnr {
  border-top: 1px dashed #999;
  padding-top: 50px;
  overflow: hidden;
}

.con_link .box_bnr p {
  float: left;
  margin-left: 130px;
  width: 300px;
}

/*------------------------------------------
 .con_seo
------------------------------------------*/
.con_seo {
  background: #fdeff1;
  color: #999;
  margin: 0 auto;
  padding: 17px 30px;
  width: 830px;
}

.con_seo {
  text-align: justify;
}