@charset "utf-8";

/* --------------------------------------------------------- */
/* お問い合わせ - contact.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;
}
li {
  list-style: none;
}
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 {
  border: solid 1px #DDD;
  border-top: solid 3px #DE1209;
  width: 948px;
  padding: 15px;
  margin: 0 auto;
}
#contents {
  position: relative;
  overflow: hidden;
}
#main {
  float: left;
  width: 628px;
}
#side {
  float: right;
  width: 305px;
  padding-bottom: 15px;
}
.borderBox {
  background-color: #EEE;
  padding: 10px;
  margin-bottom: 15px;
}
.border {
  background-color: #FFF;
  border: solid 1px #DADADA;
  padding: 15px;
  overflow: hidden;
}

/* ヘッダー
------------------------------------------------------------ */
#head_mj {
  background: url(../img/common/head/img_logo_mj.png) no-repeat 780px 12px;
  padding-bottom: 35px;
}

#head_mj h1 {
  height: 26px;
  padding: 19px 15px 32px 15px;
}
#head_mj ul {
  height: 42px;
}
#head_mj li {
  float: left;
  width: 316px;
}
#head_kurumaru {
  background: url(../img/common/head/img_logo_kurumaru.png) no-repeat 780px 12px;
  padding-bottom: 35px;
}

#head_kurumaru h1 {
  height: 26px;
  padding: 19px 15px 32px 15px;
}
#head_kurumaru ul {
  height: 42px;
}
#head_kurumaru li {
  float: left;
  width: 316px;
}

/* お問い合わせ項目
------------------------------------------------------------ */
.flow_mj {
  background: url(../img/contact/img_flow_mj.png) no-repeat 345px 0;
  padding: 0 0 30px 15px;
}
.flow_kurumaru {
  background: url(../img/contact/img_flow_kurumaru.png) no-repeat 345px 0;
  padding: 0 0 30px 15px;
}
/* フォーム */
input {
  padding: 5px;
  margin: 2px 0;
}
li input {
  vertical-align: middle;
  padding: 0;
  margin: -2px 5px 0 0;
  *margin-right: 0;
}
select {
  padding: 5px;
}
textarea {
  width: 90%;
  height: 100px;
  padding: 5px;
  margin: 5px 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
}
th {
  font-weight: normal;
  text-align: left;
  background-color: #F5F5F5;
  border: solid 1px #DADADA;
  white-space: nowrap;
  width: 150px;
  padding: 10px 10px 8px 10px;
}
th.require {
  background: #FFFAF9 url(../img/contact/ico_require.gif) no-repeat 130px center;
}
td {
  border: solid 1px #DADADA;
  padding: 10px 10px 8px 10px;
}
td span {
  font-size: 11px;
  color: #DE1209;
  display: block;
  padding-top: 2px;
}
td li {
  display: inline;
  padding-right: 10px;
  margin: 2px 0;
}
td ul.list2+p {
  padding-top: 10px;
}
td ul.list2 li {
  display: inline-block;
  *display: inline;
  width: 45%;
  *zoom: 1;
}
.comingTime tr td {
  border: solid 0px #DADADA;
  padding: 0px 0px 0px 0px;
}

.comingTime {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
}

.comingTime2 {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0px;
}
.comingTime2 tr td {
  border: solid 1px #DADADA;
}

/* カラーパターン */
.colorSrc {
  padding: 5px 0 0 0;
}
.colorSrc li {
  float: left;
  width: 1em;
  padding-right: 5px;
}
.colorSrc li input {
  *width: 1em;
  *height: 1em;
}
.colorSrc li img {
  padding-top: 2px;
  *padding-top: 0;
}

/* 追加物件 */
ul.list {
  line-height: 16px;
  padding: 15px 15px 7px 15px;
}
ul.list li {
  border-bottom: dotted 1px #DADADA;
  display: block;
  min-height: 60px;
  padding-right: 0;
  margin: 0 0 8px 0;
}
ul.list li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
ul.list .photo {
  float: left;
  width: 100px;
  padding: 0 10px 10px 0;
}
ul.list .name {
  padding: 0 0 3px 110px;
}
ul.list .price {
  font-weight: bold;
  color: #DE1209;
  padding: 0 0 2px 110px;
}
ul.list .shop {
  font-size: 11px;
  line-height: 14px;
  color: #999;
  padding: 0 0 8px 110px;
}

/* お問い合わせ物件
------------------------------------------------------------ */
#ucarBox {
  position: absolute;
  top: 0;
  width: 305px;
}
#ucarBox .name {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 12px;
}
#ucarBox .price {
  font-size: 14px;
  font-weight: bold;
  color: #DE1207;
}
#ucarBox .price span {
  font-size: 12px;
}
#ucarBox .spec {
  padding-top: 5px;
}
#ucarBox .spec li {
  line-height: 18px;
  display: inline-block;
  *display: inline;
  word-break: keep-all;
  padding-right: 7px;
  *zoom: 1;
}
#ucarBox .shop {
  line-height: 18px;
  color: #999;
  border-top: dotted 1px #C3C3C3;
  padding-top: 10px;
  margin-top: 10px;
}
.paging {
  text-align: center;
  color: #CCC;
}
.paging li {
  display: inline;
  padding-left: 8px;
  margin-left: 6px;
}
.paging li+li {
  border-left: solid 1px #CCC;
}

/* セキュリティ情報
------------------------------------------------------------ */
#security {
  font-size: 11px;
  background-color: #FBFBFB;
  padding: 20px;
}
#security .secomIco {
  float: left;
/*  width: 55px;*/
  width: 105px;
}
#security .privacy {
  float: right;
/*  width: 840px;*/
/*  width: 900px;*/
  width: 795px;
}

/* アクションボタン
------------------------------------------------------------ */
.actionBtn {
  font-size: 11px;
  text-align: center;
  padding: 30px 0;
}
.actionBtn ul {
  padding-bottom: 10px;
}
.actionBtn li {
  display: inline;
  margin: 0 5px;
}
.actionBtn2 {
  font-size: 16px;
  text-align: center;
  padding:  0px 0px 30px 0px;
}
.actionBtn2 ul {
  padding-bottom: 10px;
}
.actionBtn2 li {
  display: inline;
  margin: 0 5px;
}
.actionBtnCom {
  font-size: 16px;
  text-align: center;
  padding:  0px 0px 20px 0px;
}
.actionBtnCom ul {
  padding-bottom: 10px;
}
.actionBtnCom li {
  display: inline;
  margin: 0 5px;
}

/* --------------------------------------------------------- */
/* 確認・送信画面
------------------------------------------------------------ */
#contents h2 {
  font-size: 14px;
  padding-bottom: 7px;
}
#contents .cAlg {
  border-bottom: dotted 1px #C3C3C3;
  padding-bottom: 35px;
  margin-bottom: 20px;
}
#contents .complete {
  text-align: center;
  border-bottom: dotted 1px #C3C3C3;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
#contents .complete h2 {
  font-size: 35px;
  font-weight: normal;
  color: #111;
  padding: 20px 0 40px 0;
}
#contents .complete p+p {
  padding-top: 10px;
}
#contents .complete img {
  padding: 20px 0;
}

/* お問い合わせ物件 */
.check {
  height: auto !important;
}
.check #ucarBox {
  position: static;
}
.check .photo {
  float: left;
  width: 80px;
  padding: 0 10px 10px 0;
}
.check .photo img {
  width: 80px;
}
.check .name {
  font-size: 12px !important;
  line-height: 14px !important;
  padding: 0 0 3px 90px !important;
}
.check .price {
  font-size: 12px !important;
  font-weight: bold;
  line-height: 14px !important;
  color: #DE1209;
  padding: 0 0 10px 90px;
}
.check .spec {
  font-size: 11px;
  border-top: dotted 1px #C3C3C3;
  clear: both;
}
.check .shop {
  font-size: 11px;
  line-height: 14px;
  padding-top: 5px !important;
  margin-top: 4px !important;
}



/* --------------------------------------------------------- */
/* 買取査定
------------------------------------------------------------ */
#shop h2 span {
  font-size: 12px;
  font-weight: normal;
  padding-left: 20px;
}
#shop h2 span strong {
  color: #DE1207;
  padding-right: 3px;
}
#shop th {
  width: 1em;
}
#shop td.logo {
  width: 88px;
}
#shop td.name {
  width: 200px;
}
#shop td.service {
  width: 144px;
}
#shop td.service li {
  float: left;
  width: 70px;
  height: 16px;
  padding: 1px !important;
  margin: 0 !important;
}

/* 確認画面 */
#shop .borderBox {
  padding: 6px;
  margin-bottom: 40px;
}
#shop .borderBox li {
  background-color: #FFF;
  border: solid 1px #DADADA;
  float: left;
  width: 278px;
  padding: 12px;
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#shop .borderBox li img {
  vertical-align: middle;
  padding-right: 10px;
}

/* 写真添付 */
table td.photo p img {
  float: left;
  width: 150px;
  padding-right: 10px;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */
.cAlg { text-align: center; }
.rAlg { text-align: right; }
.lAlg { text-align: left; }
.red  { color: #DE1207; }

.mailIco {
  background: url(../img/icon/ico_mail.png) no-repeat 0 6px;
  padding-left: 13px;
}

/* clearfix
------------------------------------------------------------ */
#contents:after,
td ul:after,
.list li:after,
#shop .borderBox ul:after,
#security:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html #contents,
* html td ul,
* html .list li,
* html #shop .borderBox ul,
* html #security { zoom: 1; } /* IE6 */

*:first-child+html #contents,
*:first-child+html td ul,
*:first-child+html .list li,
*:first-child+html #shop .borderBox ul,
*:first-child+html #security { zoom: 1; } /* IE7 */