@charset "UTF-8";

#contents h2 {
  background: url(../../img/bg/bg_titcars.png) no-repeat;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding-left: 15px;
  font-size: 129%;
  font-weight: bolder;
  color: #0d387d;
}



/* tab
-----------------------------------------*/
#tabContent {
  background-color: #FFCC00;
  padding: 5px;
}
#tabIndex {
  margin: 0px;
  padding: 0px;
}
#tabIndex li {
  float:left;
  margin-right: 3px;
  padding: 0.7em 3em;
  font-weight: bold;
  cursor: pointer;
  display: block;
}
#tabIndex .close {
  background-color: #fff1cf;
  text-decoration: underline;
  color:#0000FF;
}
#tabIndex .open {
  background-color: #FFE3A5;
  text-decoration: none;
}
#tabBoxIndex {
  background-color: #FFE3A5;
  border: #FFE3A5 solid 1px;
  padding: 1em;
  clear: both;
}
#kensaku #left {
  float: left;
}
#kensaku #right {
  float: right;
}

.bt-gosearch {
  width: 195px;
  height: 48px;
  background: url(../../img/kensaku1.png) top left no-repeat;
  cursor: pointer;
}



/* tab search
-----------------------------------------*/
#dtabsel0 h4,
#dtabsel1 h4,
#dtabsel2 h4 {
  margin: 20px 0 10px 25px;
  background: url(../../img/arrow.gif) 
  0 center no-repeat;
  padding-left: 18px;
  font-weight: bolder;
}
#dtabsel0 h5,
#dtabsel1 h5,
#dtabsel2 h5 {
  background: url(../../img/arrow.gif) 
  0 center no-repeat;
  padding-left: 18px;
  margin-bottom: 10px;
  font-weight: bolder;
}
.tablist {
  height: 49px;
}
.tablist li {
  float :left;
  display: block;
  width:226px;
  height:49px;
  text-align: center;
  position: relative;
  top: 3px;
  left: 0px;
}

.tablist li.howto {
  width: 150px;
  line-height: 45px;
}

.tablist li h3 {
  color: #fff;
  font-weight: bolder;
  margin-right: 5px;
  _margin-top: 20px;
  margin-right: 5px;
}
  *:first-child-html .tablist li h3 {margin-top: 20px;}
.tablist li img {
  margin-right: 5px;
  margin-bottom: 10px;
  _margin-bottom: 0px;
  _margin-top: -4px;
}
.tab_selector {
  cursor: pointer;
  background: url(../../img/bt/bt_select.png) 
  -226px 0px no-repeat;
  line-height:49px;
}
.selected {
  background: url(../../img/bt/bt_select.png) 
  no-repeat;
  line-height:49px;
}
.over {
  cursor : pointer;
  background: url(../../img/bt/bt_select.png) 
  -453px 0px no-repeat;
  line-height:49px;
}

.selected h3 {
  font-size: 107%;
}
.over h3 {
  font-weight: bolder;
}

/* タブ内部 */
.dispOn {
  border : 3px solid #36c;
  display : block;
  clear:left;
  width: 844px;
  _width:850px;
}
.dispOff {
  display : none;
  clear:left;
  width:850px;
}
.table1 {
  width: 810px;
  margin: 0 0 15px 15px;
}
.table1 th {
  text-align: right;
  padding: 5px 3px;
  _padding: 6px 5px;
}
.table1 .yoko1 {
  width: 65px;
}
.table1 .yoko2 {
  width: 240px;
}
.table1 .yoko3 {
  width: 50px;
}
.table1 .yoko4 {
  width: 30px;
  text-align: center;
}
.table1 .yoko5 {
  width: 185px;
  border: 1px solid #b5a779;
  background-color: #f2f0e9;
  vertical-align: top;
}
.table1 .yoko6 {
  width: 108px;
}
.table1 .yoko7 {
  width: 20px;
  text-align: center;
}
.table1 select {
  width: 100%;
}
.table1 select option {
  padding: 0 5px;
}
.kata p {
  border-bottom: 1px solid #bbaaaa;
  background-color: #ccbb80;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-bottom: 15px;
}
.kata input {
  margin-left: 10px;
}
.katat {
  width: 160px;
  margin-top: 5px;
}



#check0,
#check1,
#check2 {
  width: 800px;
  margin: 5px 0 0 25px;
  _margin: 15px 0 0 25px;
  border-top: 1px dotted #999;
  padding-top:15px;
}
.migi {
  float: left;
  width: 300px;
}
.migi table {
  width: 300px;
  margin-bottom: 15px;
}
.migi input,
.hidari input {
  margin-right: 5px;
}
.hidari {
  float: right;
  width: 450px;
}
.hidari table {
  width:450px;
  margin-bottom: 15px;
}
.dfd {
  width: 100%;
}
.dfd table {
  width: 100%;
  margin-bottom: 15px;
}
.dfd table td{
  width: 20%;
}
.migi h2,
#hidari h2 {
  margin-bottom: 10px;
}
.op {
  clear: both;
  background: url(../../img/bg/bg_tire2.gif);
  height: 55px;
  position: relative;
}
.op a.option1 {
  display: block;
  position: absolute;
  width: 208px;
  height: 30px;
  top: 14px;
  left: 25px;
  text-indent: -9999px;
  background: url(../../img/bt/bt_option.gif) 0px 0px no-repeat;
}
.op a.option2 {
  display: block;
  position: absolute;
  width: 208px;
  height: 30px;
  top: 16px;
  left: 25px;
  text-indent: -9999px;
  background: url(../../img/bt/bt_option.gif) 0px -30px no-repeat;
}
.op p {
  position: absolute;
  top: 3px;
  right: 25px;
}

.op .s-search {
  position: absolute;
  top: 0px;
  right:110px;
  width: 195px;
  height:48px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  text-indent:-9999px;
  background: url(../../img/kensaku2.png) 0px 0px no-repeat;
}
.op .s-reset {
  position: absolute;
  top: 13px;
  right:10px;
  width: 97px;
  height:26px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  text-indent:-9999px;
  float:right;
}

.op .s-search a {
  display:block;
  width: 195px;
  height:48px;
  text-indent: -9999px;
  background: url(../../img/kensaku2.png) 0px 0px no-repeat;
}
.op .s-search a:hover {
  display:block;
  width: 195px;
  height:48px;
  text-indent: -9999px;
  background: url(../../img/kensaku1.png) 0px 0px no-repeat;
}
.op .s-reset a {
  display:block;
  width: 97px;
  height:26px;
  text-indent: -9999px;
  background: url(../../img/s-reset1.png) 0px 0px no-repeat;
}
.op .s-reset a:hover {
  display:block;
  width: 97px;
  height:26px;
  text-indent: -9999px;
  background: url(../../img/s-reset2.png) 0px 0px no-repeat;
}


/* sort
-----------------------------------------*/
.sort {
  margin-top: 15px;
}
.sorttop {
  height: 30px;
}
.sorttop span {
  color: #f60;
  font-size: 136%;
  font-weight: bolder;
}

.sortbottom {
  border-top:1px solid #999;
  clear:both;
  height: 40px;
}
.maetugi a {
  font-weight: bolder;
  margin: 0 2px;
  padding: 0px 2px;
  border: 1px solid #fff;
}
.maetugi a:hover {
  color: #fff;
  background-color: #f60;
  border: 1px solid #fa0;
}
.maetugi b {
  color: #666;
  margin: 0 2px;
  padding: 0px 2px;
  border: 1px solid #999;
}

.sort .left {
  float: left;
  line-height: 30px;
  margin-right: 20px;
}
.sort .cheki {
  background: url(../../img/ar/ar_trm08.gif) 0px 14px no-repeat;
  padding-left: 8px;
}
.cheki select {
  margin-top: 5px;
}


.kekka {
  font-size:114%;
  font-weight:bolder;
  margin-right:5px;
}
.ken {
  font-size:136%;
  font-weight:bolder;
  color:red;
}
.kenme {
  font-size:114%;
  font-weight:bolder;
}
.page {
  font-size:107%;
  font-weight:bolder;
  margin: 0 5px;
}
.sort .right {
  float: right;
  line-height: 30px;
}





/* car list
-----------------------------------------*/

.sale {
  color: #fff;
  font-weight:bolder;
  background-color:#f90;
  padding: 0px 2px 0px 2px;
}

#list table td,
#list table th {
  clear: both;
  border: #999 solid 1px;
  text-align: center;
}
.takasa1,
.takasa2 {
  height: 77px;
}
.takasa2 {
  background-color: #f3f3f3;
}
.syousai {
  width: 66px;
  height: 26px;
}
/* MEMO
	iro1=価格
	iro2=要応談
	iro3=商談中
	iro4=売約済
	iro5=商品番号
	iro6=形状
	iro7=メーカー
	iro8=年式
	iro9=型式
	iro10=積載
	iro11=走行
*/

.iro1 {
  color: red;
  font-size: 152%;
  line-height: 0.9;
  font-weight: bolder;
}
.iro2 {
  color: green;
  font-size: 136%;
  font-weight: bolder;
}
.iro3 {
  color: orange;
  font-size: 136%;
  font-weight: bolder;
}
.iro4 {
  color: #039;
  font-size: 136%;
  font-weight: bolder;
}
.iro5 {
  color: #669933;
  font-size: 122%;
  font-weight:bolder;
}
.iro6,
.iro7,
.iro8,
.iro9,
.iro10,
.iro11 {
  font-size: 107%;
  font-weight:bolder;
}