

@charset "SHIFT-JIS";

/******************************************************************/
/*	　　　　　　　　            印刷用css
*******************************************************************/

/*非表示*/
#left-column,
.breadcrumb,
#footer-nav,
#detail .detail_header,
#detail .bikou_box img,
.detail_bottom,
#detail #mail-btn,
#index ul.banner-dealer,
#nav,
#nav #index,
.side-banner,
.dealer,
.banner,
.pagetop-area,
#footer,
#usedDetail .usedDetail-btnPrint
{
	display: none;
}

#detail #left-column{
	display: block;
}
/******************************************************************/
/*				　　　　　Two-Column-Layout
/*
/*				　　　　　　　基本構造
*******************************************************************/

* {
	text-align:left;
	margin:0;
	padding:0;
	border:none;
	border-width:0px;
}

body{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #C9CACB;
}

p{
	margin: 0 0 10px 0;
	padding: 0;
}

#wrapper{
	width: 100px;
	margin: 0 auto;
	text-align: left;
}

#header{
	width: 640px;
	height: 30px;
	margin: 0;
}

.section{
	margin: 0 0 20px 0;
}

#container{
	width: 640px;
	margin: 5px 0 20px 30px;
	clear: both;	
}


#right-column{
	width: 640px;
	height: auto;
	margin: 0 20px 0 0;
	float: left;
}

#footer{
	width: 640px;
	height: 60px;
	margin: 0 auto;
	clear: both;
}

#footer .copy{
	text-align: center;
}

#footer .license-no{
	float: right;
	margin: 0 0 0 0;
	text-align: right;
}


/*中古車詳細*/
#detail #wrapper{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}


#detail #container{
	width: 100%;
	margin: 5px 0 20px 30px;
	clear: both;	
}

#detail #left-column{
	width: 150px;
	margin: 0 20px 0 0;
	float: left;
}

#detail #right-column{
	width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

/******************************************************************/
/*								  h2
*******************************************************************/
h2{
	width: 640px;
	height: 30px;
	margin: 10px 0 10px 0;
}

/*中古車ページ*/
#usedcar-list h2{
	width: 600px;
}

/******************************************************************/
/*								  h3
*******************************************************************/

/*トップページ*/
#index h3{float: left;width: 153px;border-bottom: 1px dotted #999999;padding: 0 0 5px 0;margin: 0 0 5px 0;}


#democar h3{
	width: 600px;
	height: 30px;
	margin: 0 0 10px 0;
	clear: both;
}


/******************************************************************/
/*								テーブル
*******************************************************************/

table{margin: 0 0 10px 0;}

/*共通*/
table,th,tr,td{border-collapse: collapse;}


/*罫線あり*/
.ruled-line th{
	border: 1px solid #CCCCCC;
	background: #5385B9;
	text-align: center;
	color: #FFFFFF;
	padding: 2px;
	width: 0;
}

.ruled-line tr{border: 1px solid #CCCCCC;padding: 2px;}

.ruled-line td{border: 1px solid #CCCCCC;padding: 2px;}


/*罫線なし*/
.without-line th{
	border: none;
	text-align: left;
	padding: 0;
	width: 0;
}

.without-line tr{border: none;}

.without-line td{border: none;}


/******************************************************************/
/*					lined-inner-container内のテーブル
*******************************************************************/
#service table,
#recruit table,
#democar table{width: 640px; background: #FFFFFF;}

#democar table td{text-align:center;}

#service table th{
	text-align: left;
}

#contact table{
	width: 640px;
}

#contact .ruled-line th{
	border: 1px solid #CCCCCC;
	background: #C9D5E9;
	text-align: left;
	color: #4A4A4A;
	font-weight:normal;
	padding: 2px;
	width: 0;
}


/******************************************************************/
/*						　　　パーツ
*******************************************************************/

#detail #right-column img{
	margin: 0 30px 20px 0;
}


/******************************************************************/
/*						　　　パーツ
*******************************************************************/

/*テキスト揃え*/
.center { text-align: center; }




/******************************************************************/
/*				　　　　　　index
*******************************************************************/

/*パネル　ニュース*/
#news.panel{
	margin: 0;
	padding: 0;
	width: 100%;
	color: #663300;
	background: url(../images/index/panel_news_mid.gif) repeat-y;
	float: left;
}



/******************************************************************/
/*				　　　　　privacy
*******************************************************************/

#privacy #right-column h3{
	font-size: 12px;
	text-indent: 0px;
	margin: 0 0 10px 0;
}

#privacy #right-column ul{
	margin: 0 0 30px 30px;
}

#privacy #right-column li{
	margin: 0 0 5px 0;
}


/******************************************************************/
/*				　　　　　link
*******************************************************************/

#link .link-index dl{
	margin: 0 0 20px 0;
}

#link .link-index dt{
	width: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#link .link-index dd{
	margin: 0 0 10px 20px;
}

/******************************************************************/
/*				　　　　　中古車ページ
*******************************************************************/

/******************************************************************/
/*				　　　ページセレクター
*******************************************************************/


/*ページセレクターラッパー*/
.page-selector-wrapper{
	margin: 0 0 10px 0;
	width: 640px;/*適宜変更*/
	float: left;
}

/*件数表示*/
.subject-no{
	float: right;
	margin: 0 0 10px 0;
}

/*ページセレクター*/
.page-selector{
		margin: 0 0 10px 0;
}

/*戻る　ボタン*/
.previous-btn{
	float: left;
}

/*ページナンバー　コンテナ*/
.page-no-wrapper{
	float: left;
	text-align: center;
	width: 180px;
}

/*次へ　ボタン*/
.next-btn{
	float: left;
}



/******************************************************************/
/*				　　　商談中　売約済み　アイコン
*******************************************************************/
/*リスト用　pop表示*/
/*商談中ポップ*/
.pop-business{
	width: 65px;
	height: 21px;
	position: relative;
	top: 45px;
	margin: -21px 0 0 0;
	background: url(../images/list/pop_business.gif) no-repeat;
	display: block;
}

html>body .pop-business{
	margin: -21px 0 0 17px;
}

/*以下はIE7のみ*/
*+html>body .pop-business{ margin: -21px 0 0 0;
}

/*売約済みポップ*/
.pop-soldout{
	width: 65px;
	height: 21px;
	position: relative;
	top: 45px;
	margin: -21px 0 0 0;
	background: url(../images/list/pop_soldout.gif) no-repeat;
	display: block;
}

html>body .pop-soldout{
	margin: -21px 0 0 17px;
}

/*以下はIE7のみ*/
*+html>body .pop-soldout{ margin: -21px 0 0 0;
}

/*商談中アイコン*/
.business{
	background: url(../images/detail/business.gif) no-repeat; 
}

/*売約済みアイコン*/
.sold{
	background: url(../images/detail/sold.gif) no-repeat; 
}


/******************************************************************/
/*				　　　　　　　会社概要
*******************************************************************/
#shop h2,
#shop h3{
	clear: both;
}

#shop .calendar-content,
#shop .event-details{
	display: none;
}

/*セクション*/
#shop .section{
	width: 565px;
	margin: 0 0 40px 0;
	float: left;
}
#shop .section-inner-left{
	width: 335px;
	margin: 0 10px 0 0;
	float: left;
}

#shop .section-inner-right{
	width: 220px;
	margin: 0;
	float: left;
}


#shop .section-inner-left p{
	text-align: center;
	margin: 0 0 20px 0;
}

/*会社概要*/
dl.gaiyou{
	width: 330px;
	margin: 0 0 0 5px;
}

.gaiyou dt{
	width: 80px;
	float: left;
	padding: 7px 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
}

.gaiyou dd{
	width: 250px;
	float: right;
	text-align: left;
	padding: 7px 0 7px 0;
	border-bottom: 1px dotted #CCCCCC;
}

/*沿革*/
dl.enkaku{
	width: 217px;
	margin: 0 0 20px 0;
}

.enkaku dt{
	width: 217px;
	height: 25px;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/shop/shop_enkaku.gif) no-repeat;
}

.enkaku dd{
	width: 215px;
	float: right;
	text-align: left;
	padding: 0 0 7px 0;
	border: 1px solid #CCCCCC;
}

/*店舗コメント*/
.shop-comment{
	margin: 0 0 30px 10px;
}

/*店舗アドレス*/
.shop-address{
	margin: 0 0 20px 0;
}

.shop-address li{
	padding: 7px 0 7px 20px;
	border-bottom: 1px dotted #CCCCCC;
	list-style: none;
	background: url(../images/shop/shop_list.gif) no-repeat 0 50%;
}

/******************************************************************/
/*						　　中古車詳細ページ
*******************************************************************/

/*外枠*/
#usedDetail #wrapper{ background:none;}
#usedDetail .usedDetailWrapper{
	width: 740px;
	text-align: left;
	margin: 0 auto;
}

/*枠　（背景画像：可変背景の指定）*/
#usedDetail .usedDetailContainer{
	margin: 30px 0 0 0;
}

/*コンテンナーインナー　左（車種名・画像エリア）*/
#usedDetail .usedDetailContainer-InnerLeft{
	width: 500px;
	margin: 0 10px 10px 0;
	float: left;
}
html>body#usedDetail .usedDetailContainer-InnerLeft{/*ff hack*/
	margin: 0 10px 10px 20px;
}

/*車種名・グレード名*/
#usedDetail .usedDetail-carName{
	width: 500px;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
	text-indent: 0;
}

/*掲載番号*/
#usedDetail .publishNumber{
	text-align:right;
	height: 10px;
	margin: 0;
	position: relative;
	top: 5px;
}

/*画像表示エリア*/
#usedDetail .imageArea{ margin: 0; }

/*画像表示エリア　各画像*/
#usedDetail .imageArea p{
	margin: 0;
	padding: 0;
	float: left;
}

/*画像表示エリア　各画像の設定*/
#usedDetail .imageArea .largeFront{ margin: -7px 0 0 0; }
#usedDetail .imageArea .smallFront{ margin: 10px 3px 0 0; }
#usedDetail .imageArea .smallBack{ margin: 10px 3px 0 0; }
#usedDetail .imageArea .smallInterior{ margin: 10px 0 0 0; }


/*コンテンナーインナー　右（印刷ボタン・詳細エリア）*/
#usedDetail .usedDetailContainer-InnerRight{
	width: 135px;
	margin: 0 0 0 0;/*調整*/
	float: left;
}

/*詳細　テーブル*/
#usedDetail .detailTable{
	width: 135px;
	height: 375px;
	margin: 30px 0 10px 0;/*調整*/
	border-collapse: collapse;
	background: #FFFFFF;
	font-size: 0.9em;
}
#usedDetail .detailTable th,
#usedDetail .detailTable td{
	border: 1px solid #97B1D0;
}
#usedDetail .detailTable th{
	width: 85px;
	color: #000000;
	background: #C9D5E9;
}

/*装備品*/
#usedDetail .soubihin{
	margin: 0;
	padding: 0;
}

#usedDetail .soubihin dt{
	float: left;
}

#usedDetail .soubihin dd{
	margin: 3px 0 0 2px;
	float: left;
}


/*詳細ボタン　通常*/
#usedDetail .btnDetais a{
	display: block;
	width: 26px;
	height: 14px;
	margin: 0;
	line-height: 1em;
	text-indent: -9999px;
	text-decoration: none;
}

/*詳細ボタン　ホバー*/
#usedDetail .btnDetais a:hover{
	background-position: 0 -14px;
}

/*価格表示*/
#usedDetail dl.priceDisplay{
	width: 135px;
	height: 122px;
	border: 1px solid #CCCCCC;
}
/*価格表示下の消費税*/
#usedDetail dl.priceDisplay .tax{
	font-size: 0.8em;
}

/*価格表示　金額*/
#usedDetail .priceDisplay dd{
	font-size: 1.5em;
	width: 135px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 100%;
	top: 10px;
	left: 5px;
}

/*価格表示下の整備*/
#usedDetail dl.priceDisplay .seibi{
	position: relative;
	top: 30px;
	font-size: 12px;
}

/*コンテンナーインナー　下（備考・お問い合わせボタンエリア）*/
#usedDetail .usedDetailContainer-InnerBottom{
	clear: both;
	margin: 0 0 10px 0;
	width: 690px;
	height: 70px;
}

/*備考欄*/
#usedDetail ul.details{
	width: 350px;
	height: 70px;
	margin: 5px 0 0 0;
	padding: 0;
	color: #000000;
	line-height: 1.2em;
	float: left;
}
#usedDetail .details li{
	margin: 0 0 0 0;
}

/*お問い合わせボタン　通常*/
#usedDetail .btnContact{
	width: 320px;
	height: 70px;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	float: left;
}
#usedDetail .btnContact a{
	display: block;
	width: 320px;
	height: 70px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	text-decoration: none;
}

/*お問い合わせボタン　ホバー*/
#usedDetail .btnContact a:hover{
	background-position: 0 -70px;
}

/*店舗情報タイトル*/
#usedDetail .usedDetail-shopName{
	width: 690px;
	height: 30px;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
}

#usedDetail .usedDetail-shopName .tel{
	position: relative;
	top: 5px;
}
#usedDetail .usedDetail-shopName .comment{
	position: relative;
	top: 5px;
	left: 5px;
}

/*店舗情報*/
#usedDetail .shopInfo{
	width: 625px;
	height: 120px;
	margin: 0 0 -5px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	float: left;
}
#usedDetail .shopInfo .shopTitle{
	font-size: 1.2em;
	font-weight:bold;
}
#usedDetail .shopInfo .shopTel{
	font-size: 1.4em;
	font-weight:bold;
	margin: 0 0 5px 0;
}
#usedDetail .shopInfo .shopDetail{
	font-size: 0.8em;
}


/*詳細説明*/
#usedDetail .detailsExposition{
	clear: both;
	margin: 20px 0 0 0;
	font-size: 0.8em;
}



