@charset "UTF-8";

/* box-side = 692px */

/* お問い合わせ、無料査定、希望車種登録の３ページ共通のCSS	 */

/* -------------------------------------------------------------------------------------- ページタイトル */

div#pt-inquiry{
text-indent:-9999px;
width:800px;
height:119px;
background:url(../../images/inquiry/pt-inquiry.jpg) no-repeat left top;
}

div#pt-mycar{
text-indent:-9999px;
width:800px;
height:119px;
background:url(../../images/inquiry/pt-mycar.jpg) no-repeat left top;
}

div#pt-search{
text-indent:-9999px;
width:800px;
height:119px;
background:url(../../images/inquiry/pt-search.jpg) no-repeat left top;
}



/* -------------------------------------------------------------------------------------- box2（サイドナビ有り） */

div#contents-wrap div.box2-h{
width:577px;
height:10px;
background:url(../../images/inquiry/box2-header.jpg) no-repeat left bottom;
margin-left:24px;
}

div#contents-wrap div.box2-side{
width:577px;
width:517px;
padding:20px;
padding-left:30px;
padding-right:30px;
line-height:150%;
height:auto;
background:url(../../images/inquiry/box2-side.jpg) repeat-y center top;
margin-left:24px;
}

div#contents-wrap div.box2-f{
width:577px;
height:10px;
background:url(../../images/inquiry/box2-footer.jpg) no-repeat left top;
margin-left:24px;
}


/* --------------------------------------------------------------------------------------  */

div#main{
float:left;
width:577px;
}

div#side{
float:right;
width:168px;
width:194px;
height:143px;
background:url(../../images/inquiry/sidenavi-bg.jpg) no-repeat left top;
}

div#side ul{
height:168px;/**/
padding-top:3px;
padding-bottom:3px;
}

div#side ul li{
display:block;
font-size:1px;
width:168px;
height:46px;
text-indent:-20px;
}

div#side ul li a{
display:block;
width:168px;
height:45px;
color:#302E2C;
}

div#side ul li.inquiry a{
background:url(../../images/inquiry/sn-inquiry.jpg) no-repeat left top;
}
div#side ul li.mycar a{
background:url(../../images/inquiry/sn-mycar.jpg) no-repeat left top;
}
div#side ul li.search a{
background:url(../../images/inquiry/sn-search.jpg) no-repeat left top;
}

div#side ul li.on a{
background-position:bottom;
}

div#side ul li.inquiry a:hover,
div#side ul li.mycar a:hover,
div#side ul li.search a:hover{
background-position:bottom;
}

/* -------------------------------------------------------------------------------------- フォーム */

dl{
width:510px;
padding-bottom:10px;
}
dl.end{
padding-bottom:0px;
}
dl.end input{
display:inline !important;
margin-right:5px;
}

dt{
width:120px;
float:left;
padding-top:3px;
padding-bottom:3px;
}

dd{
float:left;
color:#FFFF00;
font-size:11px;
line-height:200%;
}


dd#shift input{
display:inline;
}
dd#shift p{
color:#ffffff;
}




dt span{
padding-left:5px;
padding-right:5px;
color:#FFFF00;
text-align:right;
}

input.form-txt{
padding-top:3px;
padding-bottom:3px;
width:300px;
border:1px solid #FFFFFF;
}

textarea{
width:350px;
height:100px;
display:block;
border:1px solid #FFFFFF;
}

/* エラー */
div.error{
border:3px #990000 solid;
width:493px;
color:#FFFFFF;
background:#FF3838;
margin-bottom:30px;
padding:10px;
}


input{
display:block;
}




/* -------------------------------------------------------------------------------------- clearfix */

/* for Firefox/Safari/Opera などのモダンブラウザ */
dl:after {
	content: "";  /* ピリオドはOPERAでNGなので、空白にする */
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* afterは、IE未対応なので、inline-blockを使う */
dl {
	display:inline-block;  /* for winIE7 , MacIE5 */
}


/* for winIE6以前向け MacIE5には適用したくないので、スターハックとHollyハックを使用 */

/* ここから MacIE5 には適用されないスタイルを記述する \*/
* html dl { height: 1%; } 
dl { display: block; }
/* このまで MacIE5 には適用されないスタイルを記述した */




/* -------------------------------------------------------------------------------------- END */




