@charset "shift_jis";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         nishida kyoko
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.btn {
	text-align: center;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*----------------------------------------------------
	#メイン　各ブロック共通
----------------------------------------------------*/
#main { width : 870px ; clear : both ; margin : 15px auto 0 auto; }


#main h4 { margin : 0 auto; }
#main h5 { margin : 0 ; }

#main .contents01 ,.contents02 ,.contents03 ,.contents04 {
    position : relative ;
    clear : both ;
	margin : 0 auto 15px auto ;	
}



/*----------------------------------------------------------------------------------------------
	#メイン　お見舞い＆停電お知らせ　2011.03.15
----------------------------------------------------------------------------------------------*/
#TOP_information { width : 530px ;background : #f5f5f5 ; border : 1px solid #EBEBEB ; line-height : 150% ; margin : 0 auto 10px auto ; padding : 7px ;}



/*----------------------------------------------------
	#コンテンツ01　上部ブロック　お知らせ
----------------------------------------------------*/
.contents01 .news{
	float : right ;
	width : 317px ;
	/*height : 180px ;*/
	margin-right : 5px ;
	padding : 5px 0 10px 5px ;	
	background:#F0F0F0;
}

.contents01 span.news {
    clear : both ;
	float : right ;
	width : 160px ;
	margin : 0 auto ;
	padding-right : 10px ;
	line-height : 150% ;
}

.contents01 .topbana { margin-top : 5px ; }

/* お知らせがない時用 */
.contents01 h6 { margin : 75px auto ; text-align : center ; font-size : 12px ;}

/*----------------------------------------------------
	#コンテンツ02　中部ブロック　新車中古車情報
----------------------------------------------------*/
#main .contents02 p {
	margin : 0 ;
	line-height : 1.5 ;
}

#main .contents02 p.check {
	color : #FF0000 ;
	text-align : center ;
	margin : 0 ;
	line-height : 1.5 ;
}

#main .contents02 .week_btn {
	width : 530px ;
}

#main .contents02 .week_btn a {
    display : block ;
	width : 146px ;
	height : 26px ;
	background:url(../../img/top/information_week.jpg) top left no-repeat ; 	
	margin : 0 auto ;
	text-indent : -9999px ;
}

#main .contents02 .week_btn a:hover {
	background:url(../../img/top/information_week_1.jpg) top left no-repeat ; 	
}

.contents02 .carnews {
	float : right ;
	width : 325px ;
	/*margin-right : 10px ;*/
	line-height : 140% ;
	font-size : 10px ;
}

.contents02 .carnews p.goo {
    clear : both ;
	padding-top : 3px ;
	font-size : 10px ;
	text-align : left ;
}

.contents02 .carnews span.newcar_news {
	font-size : 10px ;
	color : #666666 ;
	text-align : left ;	
}

/*----------------------------------------------------
	#コンテンツ03　中部ブロック　中古車情報検索
----------------------------------------------------*/

#main .contents03 .sub {
    position : absolute ;
	top : 17px;
	right : 38px;
}

.contents03 .step1 {
    position : absolute ;
	top : 116px;
	left : 20px;
	width : 180px ;
	text-align : left ;
	line-height : 1.25 ;
}

.contents03 .step2 {
    position : absolute ;
	top : 116px;
	left : 270px;
	width : 180px ;
	text-align : left ;
	line-height : 1.25 ;
}

.contents03 .step3 {
    position : absolute ;
	top : 116px;
	left : 520px;
	width : 180px ;
	text-align : left ;
	line-height : 1.25 ;
}

.contents03 .search_box {  /*黄色ボックス*/
    width : 830px ;
	margin : 10px 0 0 0 ;
	padding : 10px ;
    border : 3px solid #FFCC00 ;
}

.contents03 .search_box .search_m {　/* メーカー･車種検索 */
　　float : left ;
    width : 320px ;
	height : 75px ;	
	margin-bottom : 10px ;	
	padding : 10px ;	
    border : 1px solid #CCC ;
}

.contents03 .search_box .search_m .car_btn { /* 乗りたい車が決まっている人はクリック*/
	width : 320px ;
}

.contents03 .search_box .search_m .car_btn a {
    display : block ;
	width : 320px ;
	height : 50px ;
	background:url(../../img/top/search_btn00.jpg) top left no-repeat ; 	
	margin : 0 auto ;
	text-indent : -9999px ;
}

.contents03 .search_box .search_m .car_btn a:hover {
	background:url(../../img/top/search_btn01.jpg) top left no-repeat ; 	
}


.contents03 .search_box .search_p {  /* 価格別検索 */
    float : right ;
    width : 460px ;
	height : 75px ;
	padding : 10px ;
    border : 1px solid #CCC ;
}

.contents03 .search_box .search_p span.text { /* 価格別検索 */
    position:absolute;
	top : 790px;
	left : 485px;
	width : 300px ;
    margin : 0 0 10px 5px ;
}

.contents03 ul#price00 ,#price01 ,#price02 {
    float : left ;
	/*clear : both ;*/
    width : 122px ;
	padding-top : 8px ;
	font-size : 1.0em ;
	font-weight : bold ;
	}
.contents03 li {
	background : url(../../img/top/search_p01.gif) left 3px no-repeat ;	
    padding-left : 15px ;
	}
	
.contents03 ul#price03 {
    float : left ;
	/*clear : both ;*/
    width : 80px ;
	margin-left : 10px;
	padding-top : 8px ;
	font-size : 1.0em ;
	font-weight : bold ;
	}	

.search_box .search_t {  /* タイプ別検索 */
　　clear : both ;
    width : 810px ;
	height : 86px ;
	padding : 10px ;
    border : 1px solid #CCC ;
}

.search_box .search_t span {
　　float : left ;
   /* margin-left : 5px ;*/
    width /**/ : 72px ;
    padding : 5px 7px 0 0 ;	
	_padding : 5px 4px 0 6px ;
}


/*----------------------------------------------------
	#コンテンツ04　下部ブロック　JUメンバーショップ
----------------------------------------------------*/

#main .contents04 img {
    margin : 0 ;
}

#main .contents04 .shop_box { /* 青ボックス */
	width : 830px ;
	height : 238px ;
	margin : 5px 0 10px 2px ;	
	padding : 15px 10px 0 10px ;
	border: 3px solid #0099FF ;
	background : url(../../img/top/shop_img.jpg) bottom right no-repeat ;
}

*:first-child+html #main .contents04 .shop_box { /* 青ボックス */
	width : 830px ;
	height : 238px ;
	margin : 5px 0 10px 2px ;	
	padding : 15px 10px ;
	border: 3px solid #0099FF ;
	background : url(../../img/top/shop_img.jpg) bottom right no-repeat ;
}

#main .contents04 .shop_box p {
    clear : both ;
	padding : 10px 0 0 20px ;
	line-height : 1.35 ;
}

#main .contents04 .shop_box span.shop {
	position : absolute ;
	top : 17px ;
	right : 38px ;
	color : #000 ;
}

/* IE6用　09.10.01.追加 */
*html #main .contents04 .shop_box span.shop {
	position : absolute ;
	top : 17px ;
	right : 40px ;
	color : #000 ;
}

/* IE7用　09.10.01.追加 */
*:first-child+html #main .contents04 .shop_box span.shop {
	position : absolute ;
	top : 1040px ;
	right : 40px ;
	color : #000 ;
}

#main .contents04 .shop_box img {
	float : left ;
	padding-left : 15px ;
}

.contents04 .shop_box ul {
	float : left ;
    width : 140px ;
    margin-left : 50px  ;
	/*background : url(../../img/top/information_week.jpg) center top no-repeat ;*/	
	}

.contents04 .shop_box li {
	background : url(../../img/top/search_p01.gif) left 5px no-repeat ;
	padding : 0 20px ;
	font-weight : bold ;
	text-align : left ;
	}
	
.contents04 .shop_box ul#menber {
	float : left ;
    width : 200px ;
    padding-left : 5px  ;
	/*background : url(../../img/top/information_week.jpg) center top no-repeat ;*/	
	}