@charset "utf-8";

/* --------------------------------------------------------- */
/* ショップ情報 - shop.css
------------------------------------------------------------ */

* {
  padding: 0;
  margin: 0;
}
body {
  font-family: 'メイリオ',Meiryo,'Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  padding: 30px 0 10px 0;
}
li {
  list-style: none;
}
table {
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
th {
  background-color: #F5F5F5;
  border: solid 1px #DADADA;
  white-space: nowrap;
  padding: 5px;
}
td {
  border: solid 1px #DADADA;
  padding: 5px;
}
img {
  vertical-align: top;
  border: 0;
}
a {
  outline: none;
}
a img {
  border: 0;
}
a:link, a:visited {
  color: #338ADF;
  text-decoration: underline;
}
a:hover, a:active {
  color: #DE1208;
  text-decoration: none;
}

/* レイアウト
------------------------------------------------------------ */
#wrapper {
  width: 980px;
  margin: 0 auto;
}
#main {
  float: left;
  width: 720px;
}
#side {
  float: right;
  width: 240px;
}

/* ヘッダー
------------------------------------------------------------ */
#headBox {
  border: solid 1px #DDD;
  border-top: solid 3px #DE1209;
  position: relative;
  margin-bottom: 35px;
}
#head {
  border-bottom: dotted 1px #DDD;
  min-height: 52px;
  height: auto !important;
  height: 52px;
  padding: 15px;
}

/* ナビ */
#head .navi {
  text-shadow: 1px 1px 0px #FFF;
  -moz-box-shadow: 1px 1px 0px #FFF;
  background: url(../img/shop/bac_navi.png) no-repeat 0 0;
  position: absolute;
  top: -3px;
  right: -1px;
}
#head .navi li {
  background: url(../img/shop/bac_navi.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 38px;
  padding-left: 40px;
}
#head .navi li.logo {
  padding-left: 0;
}
#head .navi li.plusIco a, #head .navi li.minusIco a {
  font-size: 11px;
  line-height: 38px;
  color: #333;
  padding-left: 13px;
}
#head .navi li.plusIco a  { background: url(../img/icon/ico_plus.png) no-repeat 0 4px; }
#head .navi li.minusIco a { background: url(../img/icon/ico_minus.png) no-repeat 0 4px; }

/* 店舗名 */
#head h1 {
  font-size: 20px;
  line-height: 26px;
  width: 650px;
  padding-top: 25px;
}
#head .area {
  color: #DE1209;
  position: absolute;
  top: 20px;
}
#head .ju {
  position: absolute;
  width: 206px;
  height: 25px;
  padding: 0 3px;
  top: 45px;
  right: 10px;
  overflow: hidden;
}
#head .ju img {
  margin-top: -7px;
}
#head .ju a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
#head .ju2 {
  position: absolute;
  width: 206px;
  height: 25px;
  padding: 0 175px;
  top: 45px;
  right: 10px;
  overflow: hidden;

}
#head .ju2 img {
  margin-top: -7px;
}
#head .ju2 a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
#head .ju_tekisei {
  float: left;
  position: absolute;
  width: 160px;
  height: 25px;
  padding: 2px 3px;
  top: 45px;
  right: 10px;
  overflow: hidden;
}
#headBox .comment {
  line-height: 160%;
  padding: 15px 15px 0 15px;
  font-size: 14px;
  font-weight: bold;
}

/* 店舗情報 */
#headBox .dataSet {
  padding: 15px;
}
#headBox .dataSet .photo {
  text-align: center;
  background-color: #F6F6F6;
  border: solid 1px #DDD;
  float: left;
  width: 125px;
  height: 125px;
  margin-right: 15px;
  overflow: hidden;
}
#headBox .dataSet .photo img {

  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  max-height: 125px;
  height: auto !important;
  height: 125px;
}
#headBox .dataSet .data {
  float: left;
  width: 500px;
}
#headBox .dataSet .data dt {
  color: #DE1208;
  float: left;
  clear: both;
  width: 70px;
  padding: 5px 0 0 0;
}
#headBox .dataSet .data dd {
  padding: 5px 0 0 70px;
}
#headBox .dataSet .data dd span {
  padding-left: 10px;
}

/* TEL */
#headBox .dataSet .tel {
  font-size: 23px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
  border: solid 1px #DDD;
  float: right;
  width: 238px;
  padding: 10px;
  margin-bottom: 10px;
}
#headBox .dataSet .tel dt {
  height: 28px;
  margin-bottom: 5px;
}
#headBox .dataSet .notes {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  padding: 0;
}
#headBox .dataSet .notes span {
  color: #DE1209;
}

/* リンクナビ */
#headBox .dataSet .linkNav {
  text-align: right;
  clear: both;
  margin-right: -10px;
}

/* メニュー
------------------------------------------------------------ */
#menu {
  background: url(../img/shop/bac_menu.png) no-repeat right 0;
  border-left: solid 1px #DDD;
  height: 52px;
  margin-bottom: 35px;
  overflow: hidden;
}
#menu li {
  font-size: 13px;
  line-height: 52px;
  text-align: center;
  float: left;
}
#menu li a {
  text-decoration: none;
  color: #333;
  background: url(../img/shop/bac_menu.png) no-repeat right 0;
  display: block;
  padding: 0 20px;
}
#menu li a:hover, #menu li a.select {
  font-weight: bold;
  color: #DE1209;
  background: #FFF;
  border: solid 1px #DDD;
  border-left: none;
  padding: 0 19px 0 20px;
}

/* フッター
------------------------------------------------------------ */
#foot {
  font-size: 11px;
}
#foot a {
  color: #333;
}
#foot ul {
  background-color: #F6F6F6;
  height: 38px;
  padding-left: 5px;
}
#foot li {
  float: left;
  padding: 0 10px 0 12px;
  margin-top: 9px;
}
#foot li+li {
  border-left: solid 1px #B8B8B8;
}
#foot li.logo {
  float: right;
  border-left: none;
  padding: 0;
  margin: 0;
}
#copyright {
  line-height: 40px;
  text-align: center;
  color: #555;
}

/* サイドカラム
------------------------------------------------------------ */
#side .strongBox h3, #side .pdfBox h3 {
  text-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #FFF;
  background: none !important;
  padding-bottom: 6px;
}

/* サイドカラム
------------------------------------------------------------ */
#side .couponBox p {
    padding: 0 15px 5px 15px;
}
#side .couponBox h4 {
    padding: 0 15px 5px 15px;
}

/* 店舗情報 */
#side .couponBox .data {
  background-color: #F8F8F5;
  border-top: solid 1px #DADADA;
  border-bottom: solid 1px #DADADA;
  padding: 10px 15px 15px 15px;
}
/* ボタン */
#side .couponBox .actionBtn {
  float: none;
  width: 238px;
  padding: 0;
  margin: 0 auto;
}
/* データタイトル */
.couponBox .data dt {
    font-weight: bold;
    color: #919174;
    padding-top: 5px;
}
/* クーポンボタン
------------------------------------------------------------ */
.printBtnCoupon a {

    width: 238px;
    height: 35px;
    text-indent: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

/* お店の写真 */
#side .photoBox p {
  text-align: center;
  padding: 12px;
}
#side .photoBox p img {
  max-width: 214px;
}

/* 強調 */
#side .strongBox {
  border: solid 1px #F8B8B8 !important;
}
#side .strongBox h3 {
  background-color: #DE1209 !important;
}
#side .strongBox li {
  font-weight: bold;
/*  background: url(../img/common/contents/bac_red.png) repeat-x left -23px;*/
  border: solid 1px #FFF;
  border-top: dotted 1px #F8B8B8;
  padding: 10px 12px 8px 12px;
}

/* Mjマガジン */
#side .pdfBox {
  border: solid 1px #84CFEC !important;
}
#side .pdfBox h3 {
  background-color: #1F93D8 !important;
}

/* 買取担当 */
#side .commentBox {
  padding-bottom: 12px;
}
#side .commentBox p {
  padding: 12px 12px 0 12px;
}
#side .commentBox p img {
  max-width: 214px;
}
#side .commentBox p strong {
  display: block;
}

/* タイトル
------------------------------------------------------------ */
.titleSet {
  margin-bottom: 1px;
}
.titleSet h2 {
  font-size: 20px !important;
  line-height: 26px !important;
  background: none !important;
  border: none !important;
  padding: 0 300px 20px 0 !important;
}
.titleSet p, .titleSet ul {
  top: 0 !important;
}

/* SNS */
.snsBtn {
  border-top: none !important;
  padding: 0 0 0 0 !important;
}

/* テキストセット
------------------------------------------------------------ */
.txtBox {
  font-size: 13px;
  line-height: 24px;
}
.txtBox .lead {
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  border-bottom: dotted 1px #DADADA;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.txtBox .img {
  float: left;
  padding: 0 15px 15px 0;
}
.txtBox .img img {
  width: 320px;
}
.txtBox .date {
  text-align: right;
  color: #868686;
  border-top: dotted 1px #DADADA;
  clear: both;
  padding-top: 8px;
  margin-top: 12px;
}
.txtBox .linkIco {
  text-align: right;
  border-top: dotted 1px #DADADA;
  clear: both;
  padding-top: 8px;
  margin-top: 12px;
}

/* 2カラム内 */
#main .txtBox {
  font-size: 12px;
  line-height: 20px;
}
div.txtBox+div.txtBox {
  border-top: dotted 1px #DADADA;
}
#main .txtBox .img {
  padding: 0 15px 0 0;
}
#main .txtBox .img img {
  width: 165px;
}
#main .txtBox p strong {
  display: block;
  padding-bottom: 5px;
}
#main .txtBox .name {
  font-weight: bold;
}
#main .txtBox .price {
  font-weight: bold;
  color: #DE1208;
  padding-bottom: 10px;
}
#main .txtBox .date {
  font-size: 11px;
  text-align: left;
  border: none;
  clear: none;
  padding-top: 0;
  margin: 0;
}
#main .section .linkIco {
  text-align: right;
  border-top: dotted 1px #DADADA;
  padding: 7px 15px;
}



/* --------------------------------------------------------- */
/* トップページ
------------------------------------------------------------ */
/* 冒頭 */
.leadBox {
  width: 740px;
  padding-bottom: 15px;
}
.leadBox .img {
  float: left;
  padding: 0 20px 20px 0;
}
.leadBox .txt {
  clear: both;
  width: 720px;
  padding-bottom: 20px;
}

.leadBox .txt2 {
    clear: both;
    font-size: 16px;
    margin-bottom: 5px;
}

/* フェア */
.fairBox {
  border: solid 3px #DE1209;
  margin-bottom: 35px;
}
.fairBox h2 {
  text-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #FFF;
  background: none !important;
  background-color: #DE1209 !important;
  border: none !important;
}
.fairBox p {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  padding: 20px 15px;
}

/* 動画 */
.movie {
  padding-bottom: 35px;
}

/* フォトギャラリー */
#main .galleryBox {
  padding: 10px 0 5px 10px;
}
#main .galleryBox li {
  text-align: center;
  float: left;
  width: 165px;
  margin: 5px;
  overflow: hidden;
}
#main .galleryBox li img {
  width: auto !important;
  max-height: 125px;
  height: auto !important;
  height: 125px;
}
#main .galleryBox li span {
  font-size: 11px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  padding-top: 3px;
}



/* --------------------------------------------------------- */
/* 在庫情報
------------------------------------------------------------ */
#main h2 a {
  color: #333 !important;
}
#main h2 a:hover {
  color: #DE1208 !important;
}
#main .section .article {
  padding-bottom: 15px;
}
#main .section .article .photo {
  float: left;
  width: 140px;
}
#main .section .article .photo img {
  width: 140px !important;
}
#main .section .article .photo span {
  font-size: 11px;
  line-height: 24px;
  text-align: center;
  background-color: #F6F6F6;
  display: block;
}
#main .section .article .photo span strong {
  font-size: 12px;
  padding-left: 5px;
}
#main .section .article .priceSet {
  border-bottom: dotted 1px #DADADA;
  padding-bottom: 10px;
  margin: 0 0 15px 155px;
}
#main .section .article .priceSet dt, #main .section .article .priceSet dd {
  display: inline;
}
#main .section .article .priceSet dt {
  padding-right: 10px;
}
#main .section .article .priceSet dd {
  padding-right: 20px;
}
#main .section .article .priceSet dd span {
  font-size: 20px;
  font-weight: bold;
}
#main .section .article .spec {
  border-bottom: dotted 1px #DADADA;
  padding-bottom: 15px;
  margin: 0 0 15px 155px;
}
#main .section .article .spec li {
  display: inline-block;
  *display: inline;
  word-break: keep-all;
  padding-right: 10px;
  *zoom: 1;
}
#main .section .article .txt {
  padding-bottom: 10px;
  margin-left: 155px;
}



/* --------------------------------------------------------- */
/* 店舗情報
------------------------------------------------------------ */
#shopBox {
  padding: 15px 0 35px 0;
}
#shopBox table {
  text-align: left;
  float: left;
  width: 600px;
}
#shopBox th {
  font-weight: normal;
  background-color: #F8F8F5;
  width: 140px;
  padding-top: 7px;
}
#shopBox td {
  padding-top: 7px;
}
#shopBox td strong {
  font-size: 16px;
  color: #DE1207;
  display: block;
}
#shopBox #map {
  float: right;
  width: 365px;
}
#shopBox #map p {
  padding-top: 5px;
}
#groupBox {
  width: 996px;
  padding: 0 0 35px 0;
}
#groupBox li {
  border: solid 1px #DADADA;
  float: left;
  width: 211px;
  padding: 10px;
  margin: 16px 16px 0 0;
  min-height: 208px;
}
#groupBox li img {
  width: 211px;
}
#groupBox li .shop {
  line-height: 18px;
  padding: 10px 0 0 0;
}
#groupBox li .shop span {
  font-size: 11px;
  display: block;
}



/* --------------------------------------------------------- */
/* 買取査定
------------------------------------------------------------ */
#main .article {
  padding-bottom: 35px;
}
#main .leadSet {
  border-top: dotted 1px #DADADA;
  padding: 15px 0 30px 0;
}
#main .leadSet li {
  display: inline;
}
#main .leadSet p strong {
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 11px 0 7px 0;
}



/* --------------------------------------------------------- */
/* 物件詳細
------------------------------------------------------------ */
/* ビジュアル */
#photoBox {
  text-align: center;
  padding: 33px 0 0 0 !important;
}
#photoBox .caption {
  text-align: left;
  padding: 15px 33px !important;
}
#photoNav {
  border-top: dotted 1px #DADADA;
  padding: 33px 0 33px 33px;
}
#photoBtn .prev, #photoBtn .next {
  top: 234px !important;
}

/* TEL */
.telBox .borderBox {
  width: auto !important;
}
.telBox .border {
  width: auto !important;
  padding: 15px 155px !important;
}

/* 基本情報・装備 */
#dataBox ul {
  width: auto !important;
}
#dataBox li {
  width: 298px !important;
}

/* AIS評価 */
#aisBox {
  background: url(../img/ucar/ais/img_aucnet.png) no-repeat 50px bottom !important;
  width: 800px;
  margin: 0 auto 20px auto !important;
}
#aisBox .rankSet {
  padding: 20px 0 0 220px !important;
}
#aisBox .scoreSet, #aisBox .linkIco {
  left: 50px !important;
}
#aisBox .notes {
  padding: 20px 50px 20px 220px !important;
}

/* 物件詳細フッター */
#detailFot .dataSet {
  width: 650px !important;
}
#detailFot .priceSet {
  border-bottom: dotted 1px #C3C3C3;
  width: 510px !important;
  margin-bottom: 12px !important;
}
#detailFot .priceSet dt {
  width: auto !important;
  padding-right: 30px !important;
}
#detailFot .priceSet dd {
  border: none !important;
  float: left;
  padding-right: 50px;
}
#detailFot .spec {
  clear: none !important;
  padding: 0 0 0 150px !important;
}
#detailFot .telBox {
  width: 650px;
  margin: 15px auto !important;
}



/* --------------------------------------------------------- */
/* マップ
------------------------------------------------------------ */
#map {
  padding-bottom: 25px;
}
#map p {
  padding-bottom: 10px;
}
.printBtn {
  text-align: center;
  padding: 20px;
}
.printBtn input {
  font-size: 14px;
  padding: 10px 30px;
  cursor: pointer;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */
.red {
  color: #DE1207;
}
div.titleSet+div.pagingBox {
  border-top: dotted 1px #DADADA;
}
div.section+div.pagingBox {
  padding-top: 0;
  margin-top: -15px;
}
div#main .pagingBox {
  border-top: dotted 1px #DADADA;
}
div#main .section+div.pagingBox {
  border: none;
  padding-top: 0;
  margin-top: -15px;
}

/* 無料電話注意文 */
/* ヘルプ */
.normalTip .content, .middleTip .content, .wideTip .content {
  color: #020202;
  background: #FFF;
  border: solid 6px #e2e2e2;
  padding: 10px;
}
.normalTip .content { width: 310px; }
.middleTip .content { width: 470px; }
.wideTip .content   { width: 850px; }
.normalTip .bottom, .middleTip .bottom, .wideTip .bottom {
  background: url(../img/ucar/help/bac_bottom.png) no-repeat center top;
  height: 14px;
}
.dataSet .tel dd {
  position: relative;
}
.dataSet .tel dd .help47 {
  position:absolute;
  top: 0px;
  left: 231px;
}

/* お店アイコンPC CSS */
#ShopDIconPc {
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 0px;
}
#ShopDIconPc li {
  float: left;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  margin-right: 7px;
  font-size: 12px;
  background-color: #CCC;
  border-radius: 3px;        /* CSS3草案 */
  -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;   /* Firefox用 */
  color: #FFF;
}
#ShopDIconPc .koutori {
  background-color: #008838;
}
#ShopDIconPc .gyouhan {
  background-color: #D96D00;
}
#ShopDIconPc .ninsyofac {
  background-color: #AC8200;
}
#ShopDIconPc .shiteifac {
  background-color: #0085B2;
}
/* お店アイコンPC CSS END */


/* clearfix
------------------------------------------------------------ */
#headBox:after,
#menu ul:after,
#foot ul:after,
#contents:after,
.txtBox:after,
.article:after,
.leadBox:after,
.galleryBox ul:after,
#shopBox:after,
#groupBox:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cfphcmt {
  margin-bottom: 15px;
  clear: both;
  padding-top: 15px;
}


* html #headBox,
* html #menu ul,
* html #foot ul,
* html #contents,
* html .txtBox,
* html .article,
* html .leadBox,
* html .galleryBox ul,
* html #shopBox,
* html #groupBox { zoom: 1; } /* IE6 */

*:first-child+html #headBox,
*:first-child+html #menu ul,
*:first-child+html #foot ul,
*:first-child+html #contents,
*:first-child+html .txtBox,
*:first-child+html .article,
*:first-child+html .leadBox,
*:first-child+html .galleryBox ul,
*:first-child+html #shopBox,
*:first-child+html #groupBox { zoom: 1; } /* IE7 */