@charset "euc-jp";

/***********************************************
 file name: yautTrade.css
 auth level: 1
 last updated:2008/02/27 vol.1
************************************************/

/*yaut-tt17:自動車ローン - ご留意事項タイトル
--------------------------------------------*/
.yaut-tt17 .inr-wr{
background:url(../../loan/tt17_bg01.gif) repeat-x;
padding:5px;
}

.yaut-tt17 h3{
width:72px;
height:15px;
text-indent:-9999px;
overflow:hidden;
}

.yaut-tt17 .st01 h3{
background:url(../../loan/tt17_i01.gif) no-repeat;
}


/*yaut-md135:愛車無料査定
--------------------------------------------*/
.yaut-md135 ol li{
float: left;
width: 40%;
}
.yaut-md135 ol li.st01{
background: none;
width: auto;
text-align: center;
}
.yaut-md135 ol li dl{
margin-right:14px;
*margin-right:24px;
background: url(../../top/md135_ar01.gif) no-repeat 100% 1.5em;
}
.yaut-md135 ol li dl dt{
font-size: 108%;
font-weight: bold;
}
.yaut-md135 ol li dl dd{
padding-top: .3em;
margin-right: 1em;
}
.yaut-md135 ol li input{
vertical-align: middle;
}
.yaut-md135 ol li label {
padding-right: .2em;
}
.yaut-md135 ol li label input{
margin-right: .2em;
}
.yaut-md135 ol li.st01 input{
margin: 1.1em 0 0 .5em;
}




/*yaut-md210:簡単ネット車査定
--------------------------------------------*/
.yaut-md210 ol li{
float: left;
width: 55%;
}
.yaut-md210 ol li.st01{
background: none;
width: 42%;
text-align: center;
}
.yaut-md210 ol li dl{
margin-right:14px;
*margin-right:24px;
background: url(../../top/md135_ar01.gif) no-repeat 100% 1.5em;
}
.yaut-md210 ol li dl dt{
font-size: 108%;
font-weight: bold;
}
.yaut-md210 ol li dl dd{
padding-top: .3em;
margin-right: 1em;
}
.yaut-md210 ol li input{
vertical-align: middle;
}
.yaut-md210 ol li label {
padding-right: .2em;
}
.yaut-md210 ol li label input{
margin-right: .2em;
}
.yaut-md210 ol li.st01 input{
margin: 1.1em 0 0 .5em;
}




/* yaut-md143:詳細情報入力
--------------------------------------------*/
.yaut-md143 ul{
background:url(../../borderline/bd01.gif) repeat-x 0 100%;
}

.yaut-md143 li.ctli{
width:100%;
float:left;
font-size:108%;
background:url(../../borderline/bd01.gif) repeat-x 0 0;
padding:.3em 0;
}

.yaut-md143 dt.ctdt{
width:10em;
float:left;
font-weight:bold;
text-align:right;
color:#56280e;/* brown */
}

.yaut-md143 dd.ctdd{
margin-left:10.5em;
}

.yaut-md143 span.err{
color:#cc2200;
background:url(../../form/bgi06.gif);
}

.yaut-md143 .ctdd p{
margin-top:2px;
}

.yaut-md143 img{
margin:0 5px;
}

.yaut-md143 input.st01{
width:8em;
}
.yaut-md143 input.st02{
width:4em;
}
.yaut-md143 input.st03{
width:12em;
}
.yaut-md143 input.st04{
width:20em;
}

.yaut-md143 textarea{
width:40em;
}

.yaut-md143 dd.ctdd p label{
margin-right:1em;
}

.yaut-md143 img,
.yaut-md143 input,
.yaut-md143 select{
vertical-align:middle;
}

.yaut-md143 input.formText{
width:15em;
margin-right:1em;
}

.yaut-md143 .err{
color:#cc2200;
background:url(../../form/bgi06.gif);
padding:2px;
}


/*yaut-md144:右カラム - 郵便番号検索
--------------------------------------------*/
.yaut-md144 dd {
padding-top: .2em;
}
.yaut-md144 dd input {
vertical-align: bottom;
}


/*yaut-md145:査定依頼の流れ
--------------------------------------------*/
.yaut-md145 {
text-align: center;
}
.yaut-md145 table {
margin: 0 auto;
text-align: center;
}
.yaut-md145 ul {
margin-top: .3em;
text-align: left;
}


/*yaut-md146:査定依頼の流れ - 注釈
--------------------------------------------*/
.yaut-md146 ol {
margin-left: 20px;
list-style-type: decimal;
}
*html .yaut-md146 ol {
margin-left: 25px;
}
.yaut-md146 ol li {
font-size:108%;
}


/*yaut-md147:提携会社一覧
--------------------------------------------*/
.yaut-md147 table {
width: 100%;
}
.yaut-md147 td {
width: 3%;
}
.yaut-md147 th {
width: 30.3%;
font-weight: bold;
}
.yaut-md147 th,
.yaut-md147 td {
padding: 5px;
}
.yaut-md147 tr.ctT th,
.yaut-md147 tr.ctT td {
padding-top: 0;
}


/*yaut-md148:提携会社詳細
--------------------------------------------*/
.yaut-md148 h1,
.yaut-md148 p {
font-size: 108%;
margin-left: 95px;
}
.yaut-md148 h1 {
font-weight: bold;
}
.yaut-md148 p.st01 {
width: 90px;
margin-left: 0;
float: left;
}

/*yaut-md149:詳細情報入力 - 提携会社選択
--------------------------------------------*/
.yaut-md149 td {
padding-right: 5px;
}
.yaut-md149 th {
font-weight: bold;
padding-right: 2em;
}
.yaut-md149 th,
.yaut-md149 td {
padding-top: 5px;
}
.yaut-md149 tr.ctT th,
.yaut-md149 tr.ctT td {
padding-top: 0;
}


/*yaut-md150:メイン
--------------------------------------------*/
.yaut-md150 .inr-wr {
border: 1px solid #dbe3ec;
background: url(../../loan/md150_bg01.gif) repeat-x 0 0;
text-align: center;
width: 100%;
}
.yaut-md150 h1 {
width: 570px;
margin: 0 auto;
padding-top: 13px;
}
.yaut-md150 p.st01 {
width: 570px;
margin: 5px auto;
text-align: right;
}
.yaut-md150 p.st02 {
width: 405px;
float: left;
padding-top: 8px;
text-align: right;
}
.yaut-md150 p.st03 {
width: 210px;
float: right;
text-align: left;
}
.yaut-md150 table {
background-color: #c5d1e0;
border-collapse: separate;
border-spacing: 5px;
width: 100%;
clear: both;
}
.yaut-md150 table caption {
background-color: #fff;
text-align: left;
margin-top: -15px;
margin: 0;
padding: 0;
}
.yaut-md150 table caption img {
vertical-align: bottom;
}
.yaut-md150 table th,
.yaut-md150 table td {
vertical-align: middle;
border: 1px solid #FFF;
}
.yaut-md150 table th {
background-color: #049fd6;
text-align: center;
padding: 5px 0;
width: 80px;
}
*html .yaut-md150 table th {
padding: 5px;
width: auto;
}
.yaut-md150 table td {
background-color: #fff;
text-align: left;
padding: 5px;
}
.yaut-md150 table td dt,
.yaut-md150 table td dd {
display: inline;
}
.yaut-md150 table td dd {
font-weight: bold;
font-size: 116%;
color: #1678c8;
padding-left: .5em;
}
.yaut-md150 td p {
text-align: center;
margin-bottom: 10px;
}
.yaut-md150 td ol {
width: 455px;
margin: 0 auto;
}
.yaut-md150 td ol:after{
content:".";
clear:both;
display:block;
height:0;
font-size:0;
visibility:hidden;
}
.yaut-md150 td ol li.st04 {
width: 220px;
float: left;
background: url(../../loan/md150_ar01.gif) no-repeat right top;
}
.yaut-md150 td ol li.st05 {
width: 227px;
float: right;
}
.yaut-md150 td ol li dl dt,
.yaut-md150 td ol li dl dd {
display: block;
font-size: 100%;
font-weight: normal;
color: #333;
text-align: center;
}
.yaut-md150 td ol li dt {
margin-top: 2px;
}
.yaut-md150 td ol li.st04 dt {
padding: 2px 0;
}
.yaut-md150 td ol li dl dd {
padding: 0;
}
.yaut-md150 td ol li.st04 dl dt,
.yaut-md150 td ol li.st04 dl dd {
margin-right: 33px;
}
.yaut-md150 td ol li dd span {
font-size: 116%;
font-weight: bold;
padding: 0 .3em;
}
.yaut-md150 td ol li dd em {
font-size: 125%;
color: #ff5400;
font-weight: bold;
padding: 0 .3em;
}
.yaut-md150 td ol li dd.st06 {
text-align: right;
}


/*yaut-md151:申し込みボタン枠
--------------------------------------------*/
.yaut-md151 .inr-wr {
border: 1px solid #cfcdc1;
background-color: #f3f2e9;
text-align: center;
width: 100%;
padding: 10px 0;
}
.yaut-md151 p {
margin-bottom: .3em;
}
.yaut-md151 ul {
word-spacing: 1em;
padding-top: .4em;
}
.yaut-md151 ul li {
display: inline;
padding-left: 17px;
background: url(../../loan/ar05.gif) no-repeat left center;
}


/* yaut-md152:申し込みの流れ
--------------------------------------------*/
.yaut-md152 h3{
font-size:108%;
font-weight:bold;
}

.yaut-md152 ol{
margin:5px 0 0;
width:640px;
height:70px;
}

.yaut-md152 li{
display:inline;
float:left;
width:134px;
height:70px;
text-indent:-9999px;
overflow:hidden;
background:url(../../loan/md152_bg01.gif) no-repeat;
}

.yaut-md152 li.st01c{background-position:0 -70px;}
.yaut-md152 li.st02c{background-position:-134px -70px;}
.yaut-md152 li.st03c{background-position:-268px -70px;}
.yaut-md152 li.st04c{background-position:-402px -70px;}

.yaut-md152 li.st01{background-position:0 0;}
.yaut-md152 li.st02{background-position:-134px 0;}
.yaut-md152 li.st03{background-position:-268px 0;}
.yaut-md152 li.st04{background-position:-402px 0;}
.yaut-md152 li.st05{width:104px;background-position:-536px -70px;}