/* common
-----------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #999999;
}
div#wrap {
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	box-shadow: 0px 0px 15px #FFFFFF;
	background: url("/newpackage/0570662/img/bottom_bg.png") #070914 bottom no-repeat;
}

div#header, div#footer {}
div#header a:link, div#header a:visited,
div#footer a:link, div#footer a:visited {
	text-decoration: none;
}
div#header a:hover, div#footer a:hover { text-decoration: underline; }
div#header img, div#footer img { vertical-align: top; }

/* style */
.tc { text-align: center !important; }

/* all
-----------------------------*/
div.topicpath {
	display: none;
	width: auto;
}
div#contents {
	
	margin: 20px auto 0 !important;
	padding: 20px 10px 40px 10px !important;
	zoom: 1;
}
div#main { width: auto; }


/* header
-----------------------------*/
div#header {
	margin: auto;
font-family: "メイリオ","Meiryo","verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	background: url("/newpackage/0570662/img/n_and_i_garage_header.png");
	width: 1000px;
	display: block;
	overflow: hidden;
	padding-top: 175px;
	height :175px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
	position: relative;
}

div#header h1 {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#header h1 a {
	position: absolute;
	left: 38px;
	top: 36px;
	width: 923px;
	display: block;
	overflow: hidden;
	padding-top: 100px;
	height: 100px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}

li.guarantee a {
	position: absolute;
	top: 24px;
	left: 625px;
	background: url("/newpackage/0570662/img/guarantee.png") no-repeat 15px 0px;
	width: 84px;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	height: 10px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}
li.guarantee a:hover {
	background: url("/newpackage/0570662/img/guarantee_on.png") no-repeat 22px 0px;
}

li.auto_loans a {
	position: absolute;
	top: 24px;
	left: 709px;
	background: url("/newpackage/0570662/img/auto_loans.png") no-repeat 15px 0px;
	width: 84px;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	height: 10px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}

li.auto_loans a:hover {
	background:url("/newpackage/0570662/img/auto_loans_on.png") no-repeat 16px 0px;
}

li.trade_in a {
	position: absolute;
	top: 24px;
	left: 798px;
	background: url("/newpackage/0570662/img/trade_in.png") no-repeat 15px 0px;
	width: 84px;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	height: 10px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}

li.trade_in a:hover {
	background: url("/newpackage/0570662/img/trade_in_on.png") no-repeat 16px 0px;
}

li.contact_us_top a {
	position: absolute;
	top: 24px;
	left: 870px;
	background: url("/newpackage/0570662/img/contact_us_top.png") no-repeat 16px 0px;
	width: 84px;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	height: 10px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}

li.contact_us_top a:hover {
	background: url("/newpackage/0570662/img/contact_us_top_on.png") no-repeat 15px 0px;
}

li.used_cars_stock_list_button a {
	position: absolute;
	top: 581px;
	left: 417px;
	background: url("/newpackage/0570662/img/n_and_i.png") no-repeat;
	width: 166px;
	display: block;
	overflow: hidden;
	padding-top: 166px;
	height: 166px;/* for IE5.5 */
	height: 0px;/* for Modern browsers */
}

li.used_cars_stock_list_button a:hover {
	background: url("/newpackage/0570662/img/n_and_i_on.png") no-repeat;
}


/* navi
-----------------------------*/
ul#top_side_menu {
	font-family: "メイリオ","Meiryo","verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	width: 1000px;
}

ul#top_side_menu li {
	float: left;
	width: 159px;
	position: relative;
}

ul#top_side_menu li.used_cars_stock_list {
	width: 205px;
}

ul#top_side_menu li ul {
	display: none;
	top: 66px;
	position: absolute;
	color: #ffffff;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background-color: rgba(0,0,0,0.7);
	z-index: 100;
	height: 400px;
}

ul#top_side_menu li:hover ul {
	display: block;
}

ul#top_side_menu li ul li {
	float: none;
}

ul#top_side_menu li ul li.used_cars_stock_list_d {
	
	padding: 10px 92px 10px 93px;
}

ul#top_side_menu li ul li.showroom_d {
	
	padding: 10px 70px 10px 69px;
}

ul#top_side_menu li ul li.service_d {
	
	padding: 10px 60px;
}

ul#top_side_menu li ul li.news_and_topics_d {
	
	padding: 10px 60px;
}

ul#top_side_menu li ul li.contact_us_d {
	
	padding: 10px 60px;
}

ul#top_side_menu li ul li.access_map_d {
	
	padding: 10px 60px;
}

ul#top_side_menu li a {
	display:block;
	overflow:hidden;
	padding-top:64px;
	border-bottom:solid 2px #FFFFFF;
	height:64px;/* for IE5.5 */
	height:0px;/* for Modern browsers */
	ding-top: 64px;
}

li.used_cars_stock_list a {
	background:url("/newpackage/0570662/img/used_cars_stock_list.png") center center no-repeat;
}

li.used_cars_stock_list a:hover{
	background:url("/newpackage/0570662/img/used_cars_stock_list_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#ac7ab3 !important;
}

li.showroom a {
	background:url("/newpackage/0570662/img/showroom.png") center center no-repeat;
}

li.showroom a:hover {
	background:url("/newpackage/0570662/img/showroom_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#39aae1 !important;
}

li.service a {
	background:url("/newpackage/0570662/img/service.png") center center no-repeat;
}
li.service a:hover {
	background:url("/newpackage/0570662/img/service_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#5aba89 !important;
}

li.news_and_topics a {
	background:url("/newpackage/0570662/img/news_and_topics.png") center center no-repeat;
}
li.news_and_topics a:hover {
	background:url("/newpackage/0570662/img/news_and_topics_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#b4d12d !important;
}

li.access_map a {
	background:url("/newpackage/0570662/img/access_map.png") center center no-repeat;
}
li.access_map a:hover {
	background:url("/newpackage/0570662/img/access_map_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#f5c326 !important;
}

li.contact_us a {
	background:url("/newpackage/0570662/img/contact_us.png") center center no-repeat;
}

li.contact_us a:hover {
	background:url("/newpackage/0570662/img/contact_us_on.png") center center no-repeat rgba(0,0,0,0.7);
	border-bottom-color:#ee7925 !important;
}


/* footer
-----------------------------*/
div#footer {
	font-family: "メイリオ","Meiryo","verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	border: none !important;
	text-align:center;
	width:1000px;
	overflow: hidden;
}

div#footer_left,
div#footer_right {
	padding:25px 25px 10px;
}

div#footer_left {
	text-align:left;
	float: left;
}

div#footer_right {
	text-align:right;
	float: right;
}

div#footer_left p,
div#footer_right p {
	color:white;
	font-size:10px;
}

#n_and_i_footer_logo {
	background:url("/newpackage/0570662/img/n_and_i_footer_logo.png") no-repeat;
	width:170px;
	display:block;
	overflow:hidden;
	margin:6px 0;
	padding-top:19px;
	height:19px;/* for IE5.5 */
　　voice-family : "\"}\"";
　　voice-family : inherit;
	height:0px;/* for Modern browsers */
}

#dream_catch_logo {
	float:right;
	background:url("/newpackage/0570662/img/dream_catch_logo.png") no-repeat;
	width:223px;
	display:block;
	overflow:hidden;
	margin:6px 0;
	padding-top:24px;
	height:24px;/* for IE5.5 */
　　voice-family : "\"}\"";
　　voice-family : inherit;
	height:0px;/* for Modern browsers */
}

div#footer .cf {
	clear: both;
}


/* title
-----------------------------*/
div#contents div#main h2,
div#contents div#main div#campaign h2,
div#contents div#main div#maintitle h2,
div#side dl.sideBox dt.title {
	background-color: #0071bd;
	color: #FFFFFF;
}
div#contents div#main div#maintitle h2 { zoom:1; }


/* group_table
-----------------------------*/
.group_table {
	float: none;
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
}
.group_table th { text-align: center; }
.group_table th, .group_table th a { font-weight: bold; }
.group_table th, .group_table td {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.group_head {
	background-color: #D21717;
	color: #FFFFFF;
}
.group_head2 { background-color: #EEEEEE; }
.group_head a:link, .group_head a:visited, .group_head a:hover { color: #FFFFFF; }


/* map
-----------------------------*/
#map{ clear: both; }


/* campaign
-----------------------------*/
div#contents div#main div#campaign div.text {
	float: none;
	width: auto;
}


/* hdplan_1
-----------------------------*/
div#shopinfo div.text {
	width: 415px;
	display: inline;
	margin: 0 10px 0 0;
}
div#shopinfo div.campaign {
	width: 390px;
	display: inline;
	margin: 0 17px 0 0;
}
div#shopinfo div.campaign p.img { margin-right: 5px; }
div#shopinfo div.campaign div {
	float: none;
	width: auto;
}
#hdplan_1 ul#shopimage_s li { width: 115px; }
ul#shopimage_s { margin-bottom: 30px; }
div.hdplan_main { width: 630px !important; }
div#main div#pay {
	width: auto;
	float: none;
}
div#main div#cancel {
	float: none;
	width: auto;
}
div#main #voice th { width: 117px; }
div#main #voice p.title span.about { margin: 0; }
ul#shopimage_s li p.text { word-wrap: break-word; }


/* hdplan_2
-----------------------------*/
#hdplan_2 div#shopcomment div.text { width: 346px; }
#hdplan_2 div#main { width: 625px; }
#hdplan_2 div#main ul#shopimage_m li { padding: 0 0 0 10px; }


/* hdplan_3
-----------------------------*/
#hdplan_3 div#main { width: 645px; }
#hdplan_3 div#main div#photoBox li { padding: 0 0 10px 30px; }
#hdplan_3 div#main div#campaign div.text { width: 380px }
#hdplan_3 div#main div#certification { margin: 0 0 10px !important; }
#hdplan_3 div.icon ul li.text {
	clear: both;
	width: 100px;
}
#hdplan_3 div#main div#photoBox ul { padding: 9px 0 0 40px; }


/* summary
------------------------------------------------*/
div#searchBox { position: static; }
div#searchBox div.inner { zoom: 1; }
div.photoList table td img.new_up { margin-right: 50px; }
div.photoList .carPrice {
	padding: 5px 0;
	text-align: center !important;
}
div.photoList .carPrice p .recycle { padding-left: 70px; }
div.photoList .carPrice .borderDottTop {
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0 0;
	padding: 5px 0;
}
.detailEtc a { text-decoration: none !important; }


/* summary
------------------------------------------------*/
div#main div#shopsummary div.txt { width: 420px; }


/* ------------ 960px未満のとき ANG ------------ */

/*---------spread：在庫詳細---------*/
#wrap #spread div.itemList ul li.lineL{ width: 399px;}
#wrap #spread div.itemList ul li{ width: 192px;}
/*---------spread/ end---------*/

/*---------------hpplan：店舗詳細------------------------*/

/*--------- お店からのお知らせ箇所 -------*/

#wrap #hpplan01 #contents #main.w685, 
#wrap #hpplan01 #contents .w685{ width: 690px;}

/*-------------- 購入者の声 --------------*/
#wrap #hpplan01 #main .box_buyerReview .review .user .box_roundGrayB,
#main .box_buyerReview .review .shop .box_roundOrange{ width: 83%;}

/*-------------- 販売実績 --------------*/

#wrap #hpplan01 #main.w685 .carousel{ width: 525px;}
#wrap #hpplan01 #main.w685 .carousel .jcarousel-clip{ width: 525px !important;}


/*---------hpplan/ end---------------------------------*/

/*-------------- review --------------*/

/* 口コミ総合 */
#review #main #resultArea .detailInfo ul li:first-child{ width: 190px;}
#review #main #resultArea .detailInfo ul li{ width: 190px;}
/* 口コミ総合 */

/* 口コミ */
#review #main .box_review .list .message{ width: 510px;}
#review #main .box_review .list .message .box_roundGrayNormal{ width: 360px;}
#review #main .box_review .list .message .box_roundOrange{ width: 360px;}
/* 口コミ */

/* ------------ 960px未満のとき ANG ------------ */






