/********************************************************************************************

bg

********************************************************************************************/

/**********************************
IE6だけ強制的に横スクロールを隠す
**********************************/
* html{
overflow-y:scroll;
}
body{
	background:#fff url(../img/bg01.gif) repeat-x top;
	color:#666;
	font-size:75%;
	letter-spacing:0.1px;
	line-height:1.5em;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;

}



/********************************************************************************************

basic

********************************************************************************************/
#wrap{
	width:780px;
	background:#FFF url(../img/bg.gif) repeat-y top;
	margin:0 auto;
}

/*** ヘッダー ***/
#header{
	width:inherit;
	position:relative;
	z-index:0;
}
/* 屋号 */
.hondacars{
	position:absolute;
	z-index:1;
	left: 279px;
	top: 13px;
}


/*** フッター ***/
#footer{
	width:100%;
	height:40px;
	background:#f3f3f3;
	margin-top:20px;
}
#footer address{
	width:780px;
	margin:0 auto;
}

/********************************************************************************************

frame

********************************************************************************************/
#usFrame{
	width:780px;
	background:#FFF url(../img/bg02.gif) no-repeat top;
	padding-top:20px;
}
#frame{
	width:780px;
	background:#FFF url(../img/bg02.gif) no-repeat top;
	padding-top:10px;
}
#inner{
	width:720px;
	margin:0 auto;
}

/* パンくず */
#breadcrumb{
	width:720px;
	margin:0 auto;
	font-size:80%;
	text-align:right;
	padding-bottom:3px;
}


/********************************************************************************************

usedcar

********************************************************************************************/

/* 中古車検索 */
#usedcarSearch{
	width:676px;
	background:#FFF;
	border:1px solid #d4d4d4;
	margin:0 auto 20px;
	padding:20px 20px 12px;
	overflow:hidden;
}

#usLeft{
	float:left;
	width:330px;
	padding-right:8px;
}
*html #usLeft{
	padding-right:0;
}
#usRight{
	float: right;
	width:338px;
}
.btSearch{
	text-align:center;
	padding-top:60px;
}
*html .btSearch{
	padding:0;
	margin:0;
}
#usLeft dl{
	overflow:hidden;
	clear:both;
	width:338px;
	padding-bottom:10px;
}
#usLeft dt{
	float:left;
	text-align:right;
	width:85px;
	padding-right:5px;
	font-weight:bold;
	color:#003399;
}
#usLeft dd{
	float:right;
	width:248px;
}
#usRight .title{
	font-weight:bold;
	color:#003399;
}
#usedcarSearch .bodycolor{
	width:306px;
	padding:15px 0 0 15px;
	border:1px solid #d4d4d4;
	font-size:90%;
	overflow:hidden;
}

#usedcarSearch .bodycolor ul{
	/*width:330px;*/
	overflow:hidden;
}
#usedcarSearch .bodycolor li{
	width:100px;
	float:left;
	padding-bottom: 15px;
}
#usedcarSearch .bodycolor dl{
	overflow:hidden;
}
#usedcarSearch .bodycolor dt{
	float:left;
	line-height:1;
	padding-right:3px;
}
#usedcarSearch .bodycolor dd{
	width: 80px;
	float:left;
	text-align: left;
	line-height: 1.2;
}
#usedcarSearch .bodycolor input{
	display:block;
	width:12px;
	height:12px;
	margin:0;
	padding:0;
}


/* 中古車検索詳細 */
#usCar{
	width:718px;
	margin:0 auto;
}
.usSort{
	width:100%;
	text-align:center;
}
ul.usPreview{
	padding-top:10px;
	padding-bottom:5px;
	width:100%;
	overflow:hidden;
	font-size:90%;
}
.usCarBoxDetail{
	width:718px;
	overflow:hidden;
	border-bottom:1px #000 solid;
}
.usCarBoxDetail ul{
	width:717px;
	overflow:hidden;
	border:1px #d4d4d4 solid;
}
.usCarBoxDetail li{
	float:left;
	text-align:center;
	padding:5px;
	border-top:1px #FFF solid;
	border-right:#d4d4d4 1px solid;
	border-left:#FFF 1px solid;
}

.usCarBox{
	width:718px;
	border-bottom:1px #000 solid;
	padding-top:10px;
}
.usCarBox table{
	width:718px;
}
.usCarBox td{
	border:1px #d4d4d4 solid;
	font-size:90%;
}
.usCarBox h3{
	font-weight:bold;
	font-size:120%;
	padding-bottom:3px;
}
.usCarBoxTitle{
	padding:5px;
	width:290px;
}
.usCarBoxTitle02{
	width:289px;
}
.usCarBoxImg{
	float:left;
	padding-right:5px;
}
.usCarBoxImg img{
	width:150px;
}
.usCarBoxGrade{
	padding:15px 5px;
	width:125px;
	text-align:center;
}
.usCarBoxGrade02{
	width:123px;
}
.usCarBoxPrice{
	padding:15px 5px;
	width:100px;
	text-align:center;
}
.usCarBoxPrice02{
	width:99px;
}
.usCarBoxYear{
	padding:15px 5px;
	width:30px;
	text-align:center;
}
.usCarBoxYear02{
	width:29px;
}
.usCarBoxDistance{
	padding:15px 5px;
	width:60px;
	text-align:center;
}
.usCarBoxDistance02{
	width:59px;
}
.usCarBoxCheck02{
	width:46px;
}
.usCarBox td.usCarBoxSr{
	text-align:right;
	padding:5px;
}

/* リサイクル */
.recycle{
	width:100%;
}
.recycle th{
	padding:5px;
	background:#f2f2f2;
	border: #b4b4b4 1px solid;
	font-weight:bold;
	width:20%;
}
.recycle td{
	border: #b4b4b4 1px solid;
	padding:5px;
}

/* クルマ詳細 */
.carDetail table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border-top:#b4b4b4 1px solid;
	border-left:#b4b4b4 1px solid;
	margin-top:10px;
}
.carDetail th{
	padding:5px;
	background:#ececec;
	border-top:#FFF 1px solid;
	border-bottom:#b4b4b4 1px solid;
	border-left:#FFF 1px solid;
	border-right:#b4b4b4 1px solid;
	width:16%
}
.carDetail td{
	text-align:center;
	padding:5px;
	border-top:#FFF 1px solid;
	border-bottom:#b4b4b4 1px solid;
	border-left:#FFF 1px solid;
	border-right:#b4b4b4 1px solid;
	background:#FFF;
}
.carDetail .text_left{
	text-align: left;
}
.comment{
	color:#cc0000;
	font-size:90%;
	margin-top:10px;
}
.carsensor{
	text-align:center;
	padding-top:10px;
}
.warranty{
	width:100%;
	margin-top:20px;
	border-top:1px #CCC dotted;
	padding-bottom:20px;
}
.warranty ul{
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.warranty li.warrantyBn{
	padding-right:10px;
	line-height:0;
	font-size:0;
	width:170px;
}
.warranty li{
	float:left;
	width:540px;
}
.warranty dt{
	color:#f9192f;
	font-weight:bold;
	font-size:110%;
	padding-bottom:3px;
}
.warranty dd{
	line-height:1.4;
	font-size:90%;
	display:list-item;
	list-style: inside;
	margin-left:5px;
}
/* 詳細見出し */
#carDetailCaption{
	width:718px;
	border:1px solid #0767bf;
	margin-bottom:15px;
}
#carDetailCaption table{
	width:100%;
}
#carDetailCaption th{
	border:1px solid #d4d4d4;
	background:url(../img/bg03.gif) bottom repeat-x #dcf2fc;
	padding:5px;
	font-weight:bold;
	color:#003399;
	text-shadow: 1px 1px 0 #FFF;
	font-size:110%;
}
#carDetailCaption td{
	border:1px solid #d4d4d4;
	background:#FFF;
	padding:10px;
}
#carDetailCaption td.cdSr{
	vertical-align:top;
	text-align:right;
}
#carDetailCaption td.cdPrice span{
	color:#cc0000;
	font-size:150%;
	font-weight:bold;
}

/*****/
.coda-slider, .coda-slider .panel { width: 640px } 
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }


#cdSlide{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #B4B4B4;
	background: #F2F2F2 url(../img/bg04.gif) left top no-repeat;
}
#cdSlideInner{
	text-align: center;
	padding: 15px 0 10px;
	border: 1px solid #FFFFFF;
}
#cdSlideBox{
	width:696px;
	overflow:hidden;
	margin:0 auto;
}
#cdSlideBox .slideArrow{
	float:left;
	width: 18px;
	padding-top:210px;
	text-align: center;
}
#cdSlideBox #slideMain{
	float:left;
	width: 640px;
	text-align: center;
	padding: 0 10px 10px;
	line-height:0;
	font-size:0;
}
#cdSlideThumb{
	width:640px;
	margin:0 auto;
}
#cdSlideThumb ul{
	overflow:hidden;
}
#cdSlideThumb li{
	float:left;
	padding:0 2px;
}


/********************************************************************************************

class

********************************************************************************************/
a:link{
	color:#565656;
	text-decoration:underline;
}
a:visited{
	color:#565656;
	text-decoration:underline;
}
a:hover{
	color: #999999;
	text-decoration:none;
}
.red{
	color:#cc0000;
}
.gray{
	color:#666;
}
.white{
	color:#fff;
}
.navy{
	color: #2971cb;
}
.s{
	font-size:x-small;
	line-height:1.4em;
	font-weight:normal;	
}
.ss{
	font-size: xx-small;
	line-height:1.2em;
	font-weight:normal;	
}
.bold{
	font-weight:bold;
}
.normal{
	font-weight: normal;
}
.center{
	text-align:center;
	margin:0 auto;
}
.ma10{
	margin:10px;
}
.mt4{
	margin-top:4px;
}
.mt8{
	margin-top:8px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mb4{
	margin-bottom:4px;
}
.mb8{
	margin-bottom:8px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.ml5{
	margin-left:5px;
}
.ml8{
	margin-left:8px;
}
.pa5{
	padding:5px;
}
.pa10{
	padding:10px;
}
.pb0{
	padding-bottom:0;
}
.pb5{
	padding-bottom:5px;
}
.pb8{
	padding-bottom:8px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb16{
	padding-bottom:16px;
}
.pb20{
	padding-bottom:20px;
}
.pt5{
	padding-top:5px;
}
.pt8{
	padding-top:8px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.large{
	font-size:125%;
}
.clear{
	clear:both;
}
.overflow_h{
	overflow:hidden;
}
.right{
	float:right;
}
.left{
	float:left;
}
.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.valign_top{
	vertical-align:top;
}
.frame{
	border:#f3acb7 solid 2px;
}
.ready{
	height:150px;
	padding-top:125px;
	text-align:center;
}
.border_pink{
	border:#f3acb7 solid 3px;
	padding:4px;
	margin:0 auto;
	text-align:center;
}
.border_gray{
	border:#ccc solid 1px;
	padding:4px;
	margin:0 auto;
}
.subTitle{
	background:url(../img/bg03.gif) repeat-x bottom #e0f3fa;
	color:#003399;
	text-shadow: 1px 1px 0 #FFF;  
}
.subTitle02{
	width:700px;
	height:24px;
	padding:6px 0 0 20px;
	font-size:110%;
	background:url(../img/bgSubtitle.jpg) no-repeat;
	color:#003399;
	font-weight:bold;
	margin:0 auto;
}


/* ロールオーバー */
.rollover02 a:hover img{
	opacity: 0.7;
	filter: alpha (opacity=70);
}