@charset "shift_jis";

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

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

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.btn {
	text-align: center;
}
.mt_15{
	margin-top:15px;
}
/*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 : 840px ;background : #f5f5f5 ; border : 1px solid #EBEBEB ; line-height : 150% ; margin : 0 auto 10px auto ; padding : 7px ; font-size : 16px; text-align : center;}

#TOP_bana { width:500px; margin:0 auto 10px auto !important; }



/*----------------------------------------------------
	#コンテンツ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 ;}

.contents01 .bana_Block {
	float : right ;
	margin-right : 10px ;
	padding:0;
	background:none;

}

/*----------------------------------------------------
	#コンテンツ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 : 30px;
}

.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 : 145px ;
	padding-top : 2px ;
	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 : 30px ;
	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 ;*/
	}




/*----------------------------------------------------
	#中古自動車販売士　　　2012.09.05add
----------------------------------------------------*/

.hanbaishi {
	margin:10px 0;
	padding:30px 10px 0 10px;
	background:url(../../img/hanbaishi/bg.jpg) left top no-repeat;
	overflow:hidden;
	position:relative;
	}

.hanbaishi h5 {
	text-align:center;
	}

.hanbaishi p {
	font-size:1.2em;
	font-family:"メイリオ", Meiryo;
	line-height:200%;
	margin:15px 0 0 18px;
	}

.hanbaishi .Right_item {
	float:right;
	margin-left:10px;
	}

.hanbaishi .fukidashi {
	margin-right:30px;
	text-align:center;
	}

.hanbaishi #btn {
	margin:-15px 0 0 -10px;
	}

.hanbaishi .flag {
	position:absolute;
	right:10px;
	bottom:0;
	}

/* 幅 */
.pr_15 { padding-right:15px; }

/*----------------------------------------------------
	#メイン　#コンテンツ01 　　2018.10.16add
----------------------------------------------------*/
.contents01 .box1 {
	float : left ;
	width: 530px;
	text-align: center;
	padding: 10px 0px 0px;
	margin-bottom: 1em;
	background: -moz-linear-gradient(top, #019AF8, #E2F4FE);
  background: -webkit-linear-gradient(top, #019AF8, #E2F4FE);
  background: linear-gradient(to bottom, #019AF8, #E2F4FE);
  }

.contents01 .box1 .youtube {
	display: flex;
	justify-content: center;
	width: 100%
}

.contents01 .box1 .youtube .float_left {
    float:left;
    margin-right: 10px;
}

.contents01 .box1 .youtube .float_right {
    float: right;
}

#main .contents01 h4{
	margin: 5px auto 5px;
	text-align: center;
}

.contents01 .bana_Block01 {
	float : right ;
	margin-right : 5px ;
	padding:0;
	background:none;
	}
.contents01 .carnews {
	float : right ;
	width : 325px ;
	line-height : 140% ;
	font-size : 10px ;
  }
.contents01 .carnews p.goo {
  clear : both ;
	padding-top : 3px ;
	font-size : 10px ;
	text-align : left ;
	margin: 0;
  line-height: 1.5;
	}
.contents01.carnews span.newcar_news {
	font-size : 10px ;
	color : #666666 ;
	text-align : left ;
	}
.contents01 .contents01_block{
	float : left ;
	margin-right : 10px ;
	padding:0;
	background:none;
}
#main .contents01 p.check{
	color : #FF0000 ;
	text-align : center ;
	margin : 0 ;
	line-height : 1.5 ;
}
#main .contents01 .week_btn {
	width : 530px ;
	padding-top: 5px;
}

#main .contents01 .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 .contents01 .week_btn a:hover {
	background:url(../../img/top/information_week_1.jpg) top left no-repeat ;
}