@charset "utf-8";



* {

	margin:0;

	padding:0;

	/*font-size:10px;*/

}

/*----------------------------------------*/



/* base -------------------------------- */

body {

	color:#464646;

	-webkit-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-o-text-size-adjust: 100%;

	text-size-adjust: 100%;

}

#content {

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

	*zoom:1;

}

.right{

	text-align:right;

}

.left{

	text-align:left;

}

.center{

	text-align:center;

}

.middle{

	font-size:120%;

}

.small{

	font-size:90%;

}

.bold{

	font-weight:bold;

}

.ie6_label{

	display:none;

}

#gnHeader{

	display:none !important;

}

#headerArea,

.sectionTop,

.section {

	width:964px;

	margin:0 auto;

}

#wrapperAll #header ul.header_navi {

	width:964px;

}

.sectionTop .inner {

	margin:5px 0 20px;

}

p.attention {

	text-align:right;

	font-size:11px;

	color:#8a8a8a;

}

.icon_legend{

	margin:0 0 1em;

	padding-left: 40px;

	background: url(../IMAGES/shoplogo_ex.jpg) left center no-repeat;

}

.section {

	position:relative;

}

.section .inner {

	margin:20px 0 0;

}

.section .sectionTitle {

	width:100%;

	margin:0 0 20px;

	border-bottom:#d5d5d5 1px solid;

}

.section .sectionTitle span {

	font-size:110%;

}

.section h2 {

	display: inline-block;

	margin:0 0 11px;

	padding:0 10px;

	font-size:18px;

	line-height:100%;

	border-left:#e5428f 4px solid;

}

.section h2 img {

	height:18px;

	width:auto;

}

.section h3 {

	margin:0 0 10px;

	font-size:15px;

	line-height:100%;

}

.section h4 {

	margin:0 0 10px;

	font-size:15px;

	line-height:100%;

}

.section h4 img {

	height:14px;

	width:auto;

}

/* only smart phone -------------------- */

.gpsButton {

	display: none;

}

#gpsSearchResult {

	display: none;

}

.sp_only {

	display:none;

}

.pc_only {

	display:block;

}

/* sectionTop -------------------------- */

#mainVisual {

	position: relative;

	margin:0;

}

#mainVisual h1 {

	background:url(../IMAGES/main-visual.jpg) 0 0 no-repeat;

}

#mainVisual h1 img {

	height:237px;

	visibility:hidden;

}

#mainVisual .banner {

	height:63px;

	background:url(../IMAGES/main-visual-copy.jpg) 0 0 no-repeat;

}

#mainVisual .banner img {

	height:63px;

	visibility:hidden;

}



/*===========================================================================================*/

/*  Color Select  */



#colorSelector {

position: relative;

padding-top: 4px;

}



#colorSelector ul {

display: block;

}

#colorSelector ul:after  { content:""; display:block; clear:both; }

* html #colorSelector ul { display:inline-block; }

*+html #colorSelector ul { display:inline-block; }



#colorSelector .listColorCar-01 {

background: url(../IMAGES/bg_colorlist_01.gif) repeat-x 0 166px;

}



#colorSelector .listColorCar-01 li {

display: block;

float: left;

margin: 0;

padding: 0;

width: 192px;

height: 167px;

border-right: solid 1px #eee;

}



#colorSelector .listColorCar-01 li.list-end {

border-right: 0;

}



#box-selectAll {

position: absolute;

right: 0;

top: 0;

width: 386px;

height: 24px;

}

#box-selectAll:after  { content:""; display:block; clear:both; }

* html #box-selectAll { display:inline-block; }

*+html #box-selectAll { display:inline-block; }



#selectAllCalor,

#unselectAllCalor {

display: block;

margin:0;

width: 192px;

height: 24px;

color: #fff;

overflow: hidden;

text-indent: 110%;

white-space: nowrap;

}



#selectAllCalor   { float: left; background: #8a8a8a url(../IMAGES/bg_selectallcolor.gif) no-repeat 0 0; }

#unselectAllCalor { float: right; background: #8a8a8a url(../IMAGES/bg_unselectallcolor.gif) no-repeat 0 0; }





/* color_radio -------------------------- */

#colorSelector{

text-align:center;

}

.color_radio {

	display:inline-block;

}

.color_radio.on img {

	background:url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.color_radio.off img {

	background:url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.color_radio.disabled img {

	background:url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}



/*===========================================================================================*/

/*  Map Search  */





/* map search -------------------------- */

#mapSearch{

position:relative;

width: 964px;

margin:20px 0 10px 0;

}

#mapSearch:after  { content:""; display:block; clear:both; }

* html #mapSearch{ display:inline-block; }

*+html #mapSearch{ display:inline-block; }



.mapSearchTopBlk {

width: 964px;

margin-bottom: 30px;

}



#mapSearchForm{

position:relative;

/*20140909@hy追加*/

/*width: 964px;*/

width: 944px;

margin:0;

display:block;

/*20140909@hy追加*/

/*background-color:#eee;*/

/*padding:10px 0px 5px 20px;*/

}

#mapSearchForm:after  { content:""; display:block; clear:both; }

* html #mapSearchForm{ display:inline-block; }

*+html #mapSearchForm{ display:inline-block; }





.mapSearchKeywordWrapper {

//width: 329px;

/*20140909@hy追加*/

/*width: 625px;*/

width: 330px;

float: left;

margin-right: 25px;

background: url(../IMAGES/bg_verticalline_doted.gif) repeat-y right top;

padding:5px 0;

}



.GpsPcWidth {

width: 250px;

}



.mapSearchKeywordWrapper-inner {

position: relative;

width: 303px;

//width: 703px;

}



.mapSearchPrefWrapper {

position:relative;

width: 220px;

float: left;

padding:4px 0;

}



.mapSearchHanshaWrapper {

//width: 380px;

//float: right;

}



#mapSearchForm .attention{

	margin:8px 0 0;

	font-size: 85%;

	text-align:left;

	color: #8A8A8A;

}



#mapSearchForm .attention img {

vertical-align: text-top;

}

#mapSearchForm .attention .pc_only {

display: inline;

}



#mapSearchForm span{

	font-size:20px;

	font-weight:bold;

	line-height:20px;

	vertical-align:middle;

}



#mapSearchKeyword{

	/*font-size:110%;*/

	font-size:150%;

	padding:3px 10px 3px 10px;

	/*width:258px;*/

	width:250px;

	/*height:16px;*/

	height:25px;

	border:#d9d9d9 1px solid;

	border-right: none;

}



.GPSpc{

	padding: 8px 10px 8px 0px;

	margin:0;

	color:#fff;

	font-size:140%;

	line-height:100%;

	text-decoration:none;

	text-align:center;

	width:215px;

	overflow:hidden;

	background:#333 url(../IMAGES/icon_gps2.gif) right center no-repeat;

}



.GPSpc a{

	text-decoration:none;

}



#mapSearchGPS{

	/*position:absolute;*/

	top:2px;

	/*right:24px;*/

	right:130px;

	text-decoration:none;

}

#mapSearchGPS a{

	text-decoration:none;

}

#mapSearchGPS:focus{

	outline:none;

}





#mapSearchButton{

	position:absolute;

	top:0;

	/*right:0;*/

}

#mapSearchButton:focus{

	outline:none;

}



#mapSearchPref{

	display:block;

	/*padding:6px 12px;*/

	padding: 7px 10px 7px 10px;

	margin:0;

	color:#fff;

	/*font-size:150%;*/

	font-size:140%;

	line-height:100%;

	text-decoration:none;

	text-align:center;

	width:265px;

	height:20px;

	overflow:hidden;

	background:#333 url(../IMAGES/icon_pulldown.png) right center no-repeat;

}

#mapSearchHansha{

	display:block;

	padding: 6px 12px;

	margin:0;

	color:#fff;

	font-size:120%;

	line-height:100%;

	text-decoration:none;

	text-align:center;

	//width:356px;

	width:263px;

	height:12px;

	overflow:hidden;

	//background:#333 url(../IMAGES/icon_pulldown.png) right center no-repeat;

	background:#8a8a8a url(../IMAGES/icon_pulldown.png) right center no-repeat;

}

#mapSearchHansha.dim {

	background:#eee url(../IMAGES/icon_pulldown.png) right center no-repeat;

}



#pulldownList{

    border:#d9d9d9 1px solid;

}

#pulldownList li{

	font-size:14px;

	background:#fff;

	border-bottom:#d9d9d9 1px solid;

}

#pulldownList li p{

	padding:12px 20px;

	font-size:14px;

	text-align:left;

	color: #666;

}

/*hanlabo07 start*/

#pulldownList li div{

	padding:12px 20px;

	font-size:14px;

	text-align:left;

	color: #666;

}

/*hanlabo07 end*/

#pulldownList li.selected{

	background:#c71444;

}

#pulldownList li.selected p{

	color: #fff;

}

#pulldownList li:hover{

	background:#c71444;

}

#pulldownList li:hover p{

	color: #fff;

}



/* narrow the search -------------------------- */



.mapSearchBottomBlk {

width: 964px;

margin: 0px 0 30px;//hanlabo07

}

.mapSearchBottomBlk-inner {

padding: 20px 28px 8px 20px;

background: #eee;

}

.mapSearchBottomBlk-inner:after  { content:""; display:block; clear:both; }

* html .mapSearchBottomBlk-inner { display:inline-block; }

*+html .mapSearchBottomBlk-inner { display:inline-block; }



.mapSearchBottomBlk-inner .section,

.mapSearchBottomBlk-inner .section .inner {

width: auto;

margin: 0;

padding: 0;

}



.mapSearchBottomBlk .box-left {

width: 329px;

float: left;

padding-right: 0px;

margin-right: 25px;

background: url(../IMAGES/bg_verticalline_doted.gif) repeat-y right top;

}

.mapSearchBottomBlk .box-left:after  { content:""; display:block; clear:both; }

* html .mapSearchBottomBlk .box-left { display:inline-block; }

*+html .mapSearchBottomBlk .box-left { display:inline-block; }



.mapSearchBottomBlk .box-left h4 {

width: 102px;

//hanlabo07 S

//float: left;

//hanlabo07 E

padding-top: 20px;

}



.mapSearchBottomBlk .box-left .section {

//hanlabo07 S

//float: right;

//hanlabo07 E

width: 198px;

}



.mapSearchBottomBlk .box-middle {

width: 230px;

float: left;

}



.mapSearchBottomBlk .box-right {

width: 288px;

float: right;

}



/* car_radio -------------------------- */



#carSelector{

}

.car_radio {

	display:block;

	margin-bottom: 12px;

}

.car_radio.on img {

	background: url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.car_radio.off img {

	background: url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.car_radio.disabled img {

	background: url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}



/* type_radio -------------------------- */



#typeSelector{

}

.type_radio {

	display:block;

	margin-bottom: 12px;

}

.type_radio.on img {

	background: url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.type_radio.off img {

	background: url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.type_radio.disabled img {

	background: url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}



/* shop_radio -------------------------- */



#shopSelector{

}

.shop_radio {

	display:block;

	margin-bottom: 8px;

}

.shop_radio.on img {

	background: url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.shop_radio.off img {

	background: url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.shop_radio.disabled img {

	background: url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}



/* narow_result -------------------------- */



#narrowResult a {

display: block;

margin-top: 45px;

padding: 5px;

//background: #8a8a8a;

background: #333;

font-size: 120%;

text-align: center;

line-height: 1em;

color: #fff;

text-decoration: none;

}

#filterButton.enabled{

	//hanlabo07 S

	//color:#c71444;

	background: #c71444;

	//hanlabo07 E

}

/* result the search -------------------------- */



#mapBlk{

	display:none;

}



#mapContainer{

	position:relative;

	width:100%;

	height:469px;

	//margin:30px 0 10px;

	margin:15px 0 10px;

}

#mapCanvas{

	position:relative;

	float:left;

	/*

	width:596px;

	height:471px;

	*/

	width:580px;

	height:455px;

}

#mapCanvas_bg{

	height:455px;

	padding:8px;

	float:left;



}

#mapCanvas_bg.bg_hokkaidou{

	background-image: url(../IMAGES/map_bg_hokkaidou.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_touhoku{

	background-image: url(../IMAGES/map_bg_touhoku.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_kantou{

	background-image: url(../IMAGES/map_bg_kantou.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_koushinetsu{

	background-image: url(../IMAGES/map_bg_koushinetsu.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_koushinetsu{

	background-image: url(../IMAGES/map_bg_koushinetsu.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_toukai{

	background-image: url(../IMAGES/map_bg_toukai.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_kinki{

	background-image: url(../IMAGES/map_bg_kinki.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_chugoku{

	background-image: url(../IMAGES/map_bg_chugoku.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_shikoku{

	background-image: url(../IMAGES/map_bg_shikoku.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_kyusyu{

	background-image: url(../IMAGES/map_bg_kyusyu.gif);

	background-repeat: no-repeat;

}

#mapCanvas_bg.bg_okinawa{

	background-image: url(../IMAGES/map_bg_okinawa.gif);

	background-repeat: no-repeat;

}



#mapCanvas .gm-style{





}



dl.icon_legend dt {

	float:left;

	margin-right:1em;

}

dl.icon_legend dd {

}

dl.icon_legend:after{

	clear:both;

}

.cars .carRequest a {

	display:block;

	margin:0;

	padding:12px 30px 12px 0;

	text-align:center;

	width:90px;

	height:14px;

	background:#c71444 url(../IMAGES/arrow_r_w.png) right center no-repeat;

}



.mapShopListContainer{

	position:relative;

	float:right;

	width:344px;

	height:469px;

}

#mapShopList{

	position:absolute;

	top:0;

	right:0;

	width:100%;

	height:469px;

	/*height:391px;*/

	overflow-x:hidden;

	overflow-y:auto;

	border:#d9d9d9 1px solid;

}

#mapShopList ul{

	position:relative;

}

.map_shop_list .mapShop{

	position:relative;

	border-bottom:#d9d9d9 1px solid;

	padding:4px;

}

.map_shop_list .shopDetail{

	/*display:none;*/

	margin:10px 5px 15px;

	color:#666;

}

#mapShopSelected{

	display:none;

}

.map_shop_list .hanshaName{

	display:block;

	margin:0;

	font-size:10px;

	color:#000;

	//margin:0px 0px 10px;

}

/* hanlabo07 start -----*/

.map_shop_list .rootSearch {

background: #eee;

text-decoration: none;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

padding-bottom: 2px;

color: #8a8a8a;

width: 115px;

right: 26px;

font-size:9px;

text-align:center;

position: absolute;

//hanlabo07 S

// display:none;

top:9px;

//hanlabo07 E

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-o-box-sizing: border-box;

-ms-box-sizing: border-box;

box-sizing: border-box;

border: solid 1px #FFFFFF;

margin-top: -6px;

}

/* hanlabo07 end -----*/

.map_shop_list .carPhotos{

	//margin:6px 0 4px;

	margin:10px 0px 4px;

	width: 70%;

}

.map_shop_list .carPhotos img{

	margin:0 4px 2px 0;

}

.map_shop_list .shopName{

	display:block;

	margin-right:7em;

	font-size:14px;

	font-weight:bold;

	color:#666;

}

.map_shop_list .shopTitle:hover .shopName{

	color:#c71444;

}

.map_shop_list .shopTitle{

	display:block;

	margin:4px 5px 0;

	padding:0;

	cursor:pointer;

	/*

	background:url(../IMAGES/arrow_m_d_gray.png) 300px 14px no-repeat;

	*/

}

.map_shop_list .shopTitle:hover,

.map_shop_list .open .shopTitle:hover{

	/*

	background:url(../IMAGES/arrow_m_d_red.png) 300px 14px no-repeat;

	*/

}

.map_shop_list .open .shopTitle ,.map_shop_list .open .shopTitle:hover{

	/*

	background:url(../IMAGES/arrow_m_u_red.png) 300px 14px no-repeat;

	*/

}







.map_shop_list .open .shopTitle .shopName {

	color:#c71444;

}

/*

.map_shop_list .shopName.shoptype_6 {

	padding-left: 44px;

	background: url(../IMAGES/shoplogo_lf.jpg) 0 center no-repeat;

}

*/

.map_shop_list .shopAddressInfo{

	position:relative;

	margin:0 0 10px;

	width:200px;

}

.map_shop_list .shopAddressInfo span{

	font-size:10px;

}

.map_shop_list .shopAddress{

	display:block;

	padding:0;

	//hanlabo07 S

	//margin:30px 0px 0px;

	//hanlabo07 E

}

.map_shop_list .shopTel{

	padding:0;

	top:0;

	right:0;

	width:100px;

}

.map_shop_list .shopDistance{

	position:absolute;

	display:block;

	padding:0;

	font-size:12px;

	text-align:right;

	top:16px;

	right:36px;

	width:10em;

}

.map_shop_list .shopLink{

	margin-top:-50px;

	text-align:right;

}

.map_shop_list .shopLink a{

	display: block;

	padding:6px 10px 0px 0;

	font-size:12px;

	text-decoration:none;

}

.map_shop_list .shopLink a:hover{

	opacity:0.8;

}

.map_shop_list li.car {

	position:relative;

	padding:15px 0;

	border-top:#d9d9d9 1px dotted;

}

.map_shop_list .carName {

	margin: 0 0 5px;

	color:#000;

	font-size:14px;

	line-height:18px;

	padding-left:58px;

}

.map_shop_list .carType-1 {

	background:url(../IMAGES/icon_testdrive.png) 0 center no-repeat;

}

.map_shop_list .carType-2 {

	background:url(../IMAGES/icon_display.png) 0 center no-repeat;

}

.map_shop_list .carSpec {

	margin-right:108px;

	padding:0;

	color:#666;

	font-size:10px;

	vertical-align:middle;

}

.map_shop_list .carSpec img {

	margin:0 0 0 8px;

}

.map_shop_list .carRequest {

	position:absolute;

	top:20px;

	right:0;

}

.map_shop_list .carRequest a {

	display:block;

	margin:0;

	padding:12px 20px 12px 0;

	text-align:center;

	width:77px;

	height:14px;

	background:#c71444 url(../IMAGES/arrow_r_w.png) right center no-repeat;

}

.map_shop_list li.car.noTempo {

	padding: 8px;

}

.map_attention{

	padding:0;

	margin-bottom: 38px;

	font-size:10px;

	text-align:left;

	color: #8a8a8a;

}



.map_attention ul li{

margin-bottom: 10px;

}

.icon_current_position{

	display:none;

	font-size: 11px;

}

.icon_legend{

	margin:0 0 1em;

	padding-left: 40px;

	background: url(../IMAGES/shoplogo_lf.jpg) left top no-repeat;

}



.map_shop_list_under .restartmsg{

	border-top:dotted 1px #d9d9d9;

	margin-top:4em;

	padding-top:1em;

}



.map_shop_list .restartButton a {

	display: block;

	margin:1em 2em 1.5em 2em;

	padding: 10px;

	background: #8a8a8a;

	font-size: 12px;

	text-align: center;

	line-height: 1em;

	color: #fff;

	text-decoration: none;

}



/* recent -------------------------- */



#recentWraper {

display:none;

margin-bottom: 40px;

}



#recentWraper h4 {

position:relative;

margin-bottom: 14px;

}



#recentWraper h4 img {

height: 15px;

width: auto;

}

.clearRecentButton {

position:absolute;

top: 5px;

left:100px;

padding: 0;

height: 11px;

font-size: 11px;

font-weight: normal;

text-align: center;

line-height: 1;

color: #999;

text-decoration: none;

}

.clearRecentButton:hover {

color: #999;

}

#recent {

display: block;

/**

padding: 14px 18px;

**/

//border: solid 1px #c1c1c1;

}



#recentBorder {

padding: 14px 18px;

}



#recent li {

font-size: 12px;

display: inline-block;

margin-right:3em;

/* hanlabo07 start ------*/

margin-bottom:1em;

/* hanlabo07 end ------*/

}

#recent li * {

font-size: 12px;

}

#recent li a {

line-height:16px;

text-decoration:none;

vertical-align:middle;

}

#recent li a img {

margin:0 5px 0 5px;

vertical-align:middle;

}

#recent li .shopName {

color:#666;

font-size:14px;

font-weight:bold;

vertical-align:middle;

}

#recent li .hanshaName {

margin-left:1em;

vertical-align:middle;

}

/* hanlabo07 start ------*/

#recent #recentAction{

	display:inline-block;

	_display:inline;

	margin-left:1em;

	color:#FFF;

	text-align:right;

	text-decoration:none;

	vertical-align:middle;

	width:140px;

	//width:90px;

	height:18px;

	//height:16px;

	border: #f7f7f7 1px solid;

	/*overflow:hidden;*/

	background:#f7f7f7 url(../IMAGES/social_icon_off.png) left center no-repeat;

	background-size:17px 17px;

}

/* hanlabo07 end --------*/



/* hanlabo07 start ------*/

/* position -------------------------- */



#positionWraper {

display:none;

margin-bottom: 40px;

}



#positionWraper h4 {

position:relative;

margin-bottom: 14px;

}



#positionWraper h4 img {

height: 15px;

width: auto;

}

.clearRecentButton {

position:absolute;

top: 5px;

left:100px;

padding: 0;

height: 11px;

font-size: 11px;

font-weight: normal;

text-align: center;

line-height: 1;

color: #999;

text-decoration: none;

}

.clearRecentButton:hover {

color: #999;

}

#position {

display:inline-block;

//display: block;

/**

padding-left: 18px;

padding-top: 0px;

padding-bottom: 14px;

**/

//border: solid 1px #c1c1c1;

}



#position li {

font-size: 12px;

display: inline-block;

margin-right:3em;

}

#position li * {

font-size: 12px;

}

#position li a {

line-height:16px;

text-decoration:none;

}

#position li a img {

margin:0 0 0 5px;

vertical-align:top;

}

#position li img {

margin:3px 5px 0 5px;

vertical-align:top;

float:left;

}

#position li .shopName {

color:#666;

font-size:14px;

font-weight:bold;

}

#position li .hanshaName {

margin-left:1em;

}

/* hanlabo07 end ------------*/



/* list-notes -------------------------- */



.list-notes {

border-bottom: solid 1px #eee;

}



.list-notes li {

margin-bottom: 0;

font-size: 12px;

color: #8a8a8a;

}



.list-notes li * {

font-size: 12px;

}



.list-notes li.mb10 {

margin-bottom: 10px;

}



/* wait dialog -------------------------- */

#circle {

	display:block;

	margin:25% auto 0;

	width:32px;

	height:32px;

	background-repeat: no-repeat;

    background-position: 0% 0%;

    background-image:url(../IMAGES/circle.png);

    -webkit-animation-name: waitcircle;

    -webkit-animation-duration: .75s;

    -webkit-animation-timing-function: steps(10, end);

    -webkit-animation-direction: normal;

    -webkit-animation-iteration-count:infinite;

}

@-webkit-keyframes 'waitcircle' {

      0% { background-position:    0px 0; }

    /*100% { background-position: -768px 0; }*/

    100% { background-position: -320px 0; }

}

#loading{

	display:block;

	margin-top:5px;

	font-size:12px;

	text-align:center;

	color:#fff;

}



#carList #contents_tab03 .priceRangeSP {

  background: url("http://www.nissan.co.jp/CARSINDEALER/IMAGES/pc_redline.gif") repeat-x scroll left top transparent;

  float: left;

  height: 20px;

  margin-left: 0;

  width: 0;

  display: none;

}



/* goPageTop ----------------------- */

.goPageTop {

	margin: 40px 0;

	text-align: right;



}



/* bannerArea -------------------------- */

#bannerArea {

    margin:20px 0 20px;

    padding:20px 0;

}

#bannerArea img {

    margin-right:4px;

}

#bannerArea a.pc_only {

    display:inline;

}

/* 購入検討サポート */



.btn_inline .btns {

    display: inline-block;

}

.btns a {

    display: inline-block;

    margin-bottom: 1em;

    padding: 1.5em 4em 1.5em 1.5em;

    background: #c71444 url(../IMAGES/ico_arrow.png) 95% center no-repeat;

}

.btns a:hover {

    background: #a9113a url(../IMAGES/ico_arrow.png) 95% center no-repeat;

}

.btns img {

	height: 14px;

	width: auto;

}

/* Google MAPS API */

div.each_map img, div.googlemaps img {

	max-width:none;

}



/* hanlabo07 */

#mapContainerUnder{

	position:relative;

	width:100%;

	height:0px;

	margin:0px 0 10px;

	display:none;

}

#mapShopListContainerUnder{

	position:relative;

	float:right;

	width:100%;

	height:0px;

}

#mapShopListUnder{

	position:absolute;

	top:0;

	right:0;

	width:100%;

	height:0px;

	height:auto !important;

	overflow-x:hidden;

	overflow-y:auto;

	border:#d9d9d9 1px solid;

	border-left-style:none;

	border-right-style:none;

}

#mapShopSelectedUnder{

	display:none;

}

.map_shop_list_under .mapShop{

	position:relative;

	border-bottom:#d9d9d9 1px solid;

	padding:4px;

}

.map_shop_list_under .shopDetail{

	//display:none;

	margin:0 15px 15px;

	color:#666;

}

.map_shop_list_under .hanshaName{

	display:block;

	margin:0;

	font-size:10px;

	color:#000;

	margin:0px 0px 10px;

}

.map_shop_list_under .carPhotos{

	//display:none;

	//margin:6px 0 4px;

	margin:10px 0px 4px;

}

.map_shop_list_under .carPhotos img{

	margin:0 4px 2px 0;

}

.map_shop_list_under .shopName{

	display:block;

	margin-right:7em;

	font-size:14px;

	font-weight:bold;

	color:#666;

}

.map_shop_list_under .shopTitle:hover .shopName{

	color:#c71444;

}

.map_shop_list_under .shopTitle{

	display:block;

	margin:4px 15px 0;

	padding:0;

	cursor:pointer;

	//background:url(../IMAGES/arrow_s_d_gray.png) right 14px no-repeat;

}

.map_shop_list_under .shopTitle:hover,

.map_shop_list_under .open .shopTitle,

.map_shop_list_under .open .shopTitle:hover{

	//background:url(../IMAGES/arrow_s_d_red.png) right 14px no-repeat;

}

.map_shop_list_under .open .shopTitle .shopName {

	color:#c71444;

}

.map_shop_list_under .shopName.shoptype_6 {

	padding-left: 44px;

	background: url(../IMAGES/shoplogo_lf.jpg) 0 center no-repeat;

}

.map_shop_list_under .shopAddressInfo{

	position:relative;

	margin:0 0 10px;

}

.map_shop_list_under .shopAddressInfo span{

	font-size:10px;

}

.map_shop_list_under .shopAddress{

	display:inline;

	padding:0;

	width:260px;

	//margin:10px 0px 0px;

}

.map_shop_list_under .shopTel{

	//position:absolute;

	display:inline;

	padding:0;

	text-align:right;

	top:0;

	//right:0;

	width:100px;

}

.map_shop_list_under .shopDistance{

	position:absolute;

	display:block;

	padding:0;

	font-size:12px;

	text-align:right;

	top:16px;

	right:36px;

	width:10em;

}

.map_shop_list_under .shopLink{

	padding:0 12px;

	//margin:0 0 10px;

	margin: 10px 0 10px;

	text-align:right;

	background:#efefef;

	//width: 160px;

	float: right;

}

.map_shop_list_under .shopLink a{

	display: block;

	padding:6px 16px 6px 0;

	font-size:12px;

	text-decoration:none;

	color:#666;

	background:url(../IMAGES/arrow_s_r_red.png) right center no-repeat;

}

.map_shop_list_under li.car {

	position:relative;

	padding:15px 0;

	border-top:#d9d9d9 1px dotted;

}

.map_shop_list_under .carName {

	margin: 0 0 5px;

	color:#000;

	font-size:14px;

	line-height:18px;

	padding-left:58px;

}

.map_shop_list_under .carType-1 {

	background:url(../IMAGES/icon_testdrive.png) 0 center no-repeat;

}

.map_shop_list_under .carType-2 {

	background:url(../IMAGES/icon_display.png) 0 center no-repeat;

}

.map_shop_list_under .carSpec {

	//margin-right:108px;

	padding:0;

	color:#666;

	font-size:10px;

	vertical-align:middle;

	display:inline;

}

.map_shop_list_under .carSpec img {

	margin:0 0 0 8px;

}

.map_shop_list_under .carRequest {

	position:absolute;

	top:20px;

	right:0;

}

.map_shop_list_under .carRequest a {

	display:block;

	margin:0;

	padding:12px 20px 12px 0;

	text-align:center;

	width:77px;

	height:14px;

	background:#c71444 url(../IMAGES/arrow_r_w.png) right center no-repeat;

}

.map_shop_list_under li.car.noTempo {

	padding: 8px;

}

.map_shop_list_under .restartButton a {

	display: block;

	margin:20px;

	padding: 5px;

	background: #8a8a8a;

	font-size: 12px;

	text-align: center;

	line-height: 1em;

	color: #fff;

	text-decoration: none;

}





#NoneDisplayShoplist{

	background: #eee;

	text-decoration: none;

	font-size: 12px;

	font-weight: 550;

	color: #8a8a8a;

	padding: 8px 9px 8px 10px;

	vertical-align:middle;

}



#NoneDisplayShoplist img {

	padding-bottom: 2px;

	vertical-align:middle;

}





#DisplayShoplist{

	background: #eee;

	text-decoration: none;

	font-size: 12px;

	font-weight: 550;

	color: #8a8a8a;

	padding: 8px 9px 8px 10px;

	vertical-align:middle;

}



#DisplayShoplist img {

	padding-bottom: 2px;

	vertical-align:middle;

}



#DisplayShoplist a {

	vertical-align:middle;

}



.allshop_radio {

	display:block;

	margin-bottom: 12px;

}

.allshop_radio.on img {

	background: url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.allshop_radio.off img {

	background: url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.allshop_radio.disabled img {

	background: url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}

.map_shop_list_under .rootSearch {

background: #eee;

text-decoration: none;

padding-top: 2px;

padding-left: 2px;

padding-right: 2px;

padding-bottom: 2px;

color: #8a8a8a;

width: 115px;

right: 26px;

font-size:9px;

text-align:center;

position: absolute;

//hanlabo07 S

//display:none;

top:9px;

//hanlabo07 E

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-o-box-sizing: border-box;

-ms-box-sizing: border-box;

box-sizing: border-box;

border: solid 1px #FFFFFF;

}



.hd { cursor: pointer; }



#dummy {

display: none;

height:38px;

}



.vacation01 {

border: 3px solid #8a8a8a;

margin: 10px 0 0 0;

padding: 10px;

}



.top_comment {

	position: relative;

	/*background: #eaeaea;*/

	cursor: pointer;

	display: inline-block;

	text-decoration: none;

	color: #222;

	outline: none;

}

.top_comment.size100 span {

	width: 100px;

}



.top_comment.size100 span:before,

.top_comment.size100 span:after {

	left: 55%;

}

.top_comment span {

	cursor: pointer;

	line-height:16px!important;

	visibility: hidden;

	position: absolute;

	bottom: 30px;

	left: 50%;

	z-index: 9999;

	overflow:visible;

	width: 400px;

	margin-left: -60px;

	padding: 10px;

	/*border: 2px solid #ccc;*/

	/*opacity: 0.9;*/

	opacity: 1;

	background-color: #fafafa;

	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

	border-radius: 4px;

	/*box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;*/

	text-shadow: 0 1px 0 rgba(255,255,255,.4);

	font-size: 11px !important;

	font-weight: normal !important;

}



.top_comment:hover {

	border: 0;

}



.top_comment:hover span {

	visibility: visible;

}





.top_comment span:before,

.top_comment span:after {

	content: "";

	position: absolute;

	z-index: 2147483630;

	bottom: -15px;

	left: 30%;

	margin-left: -8px;

	border-top: 15px solid #fafafa;

	/*border-left: 8px solid transparent;*/

	border-right: 8px solid transparent;

	border-bottom: 0;

}



.top_comment2 {

	position: relative;

	cursor: default;

	display: inline-block;

	text-decoration: none;

	color: #222;

	outline: none;

}



.top_comment2 span {

	visibility: hidden;

	position: absolute;

	bottom: 30px;

	left: 50%;

	z-index: 9999;

	overflow:visible;

	width: 100px;

	margin-left: -60px;

	padding: 10px;

	/*border: 2px solid #ccc;*/

	/*opacity: 0.9;*/

	opacity: 1;

	background-color: #fafafa;

	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

	border-radius: 4px;

	/*box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;*/

	text-shadow: 0 1px 0 rgba(255,255,255,.4);

	font-size: 11px !important;

	font-weight: normal !important;

}



.top_comment2:hover {

	border: 0; /* IE6 fix */

}



.top_comment2:hover span {

	visibility: visible;

}



.top_comment2 span:before,

.top_comment2 span:after {

	content: "";

	position: absolute;

	z-index: 2147483630;

	bottom: -15px;

	left: 60%;

	margin-left: -8px;

	border-top: 15px solid #fafafa;

	/*border-left: 8px solid transparent;*/

	border-right: 8px solid transparent;

	border-bottom: 0;

}



.top_comment.rightpos span:before,

.top_comment.rightpos span:after {

	content: "";

	position: absolute;

	z-index: 2147483630;

	bottom: -15px;

	left: 70%;

	margin-left: -8px;

	border-top: 15px solid #fafafa;

	/*border-left: 8px solid transparent;*/

	border-right: 8px solid transparent;

	border-bottom: 0;

}



#NoneDisplayShoplist,#DisplayComment,#DisplayShoplist,#NoneDisplayComment{

	cursor: pointer;

}



.lyt-btn-sns {

    float: right;

    position: fixed;

	bottom:132px;

	right:-129px;

    width: 180px;

		/*  overflow: hidden;*/

}



.lyt-btn-sns .btn-tgl {

    position: relative;

    top: 120px;

    width: 51px;

    height: 51px;

    cursor: pointer;

}



.lyt-btn-sns .btn-wktk {

    position: relative;

    top: 119px;

    width: 51px;

    height: 51px;

    cursor: pointer;

}



.lyt-btn-sns .container {

    position: absolute;

/*    top: 171px;*/

    top: 120px;

    left: 51px;

    width: 236px;

}



.lyt-btn-sns .container ul li {

    float: left;

    margin-right: 1px;

    cursor: pointer;

    width: 87px\9;

}



.lyt-btn-sns .container ul li img {

/*    max-width: 50%\9;*/

    left: 0\9;

}



body.noscroll {

	position: fixed;

	overflow-y: scroll;

}

.wktk_radio {

	display:block;

	margin-bottom: 12px;

}

.wktk_radio.on img {

	background: url(../IMAGES/radio_on.png) 0 0 no-repeat;

}

.wktk_radio.off img {

	background: url(../IMAGES/radio_off.png) 0 0 no-repeat;

}

.wktk_radio.disabled img {

	background: url(../IMAGES/radio_disable.png) 0 0 no-repeat;

}



#hansyaListDisp {

	border-bottom: 1px solid #d5d5d5;

	height: 35px;

}



#wktkRecentWraper {

display:none;

margin-bottom: 40px;

}



#wktkRecentWraper h4 {

position:relative;

margin-bottom: 14px;

}



#wktkRecentWraper h4 img {

height: 15px;

width: auto;

}



#wktkRecentBorder {

padding: 14px 18px;

height:50px;

}

#idTglCnd2 {

	padding-top:10px;

	padding-bottom:10px;

	border-top:solid 1px #eee;

	color:#777;

}



li.wktk {

	background:#f1f1f2;

}



.wktkTitle {

	color: #c71444;

	font-size: 13px;

	font-weight: bold;

	padding: 5px 0px;

}

span.day_select_head {

    background: url("../IMAGES/day_select_head.gif") no-repeat left center;

    padding: 0 0 0 11px;

    font-size: 12px;

    font-weight: bold;

}

.apply_date {

    font-size: 12px;

    background:#ffffff  url("../IMAGES/calendar_icon.gif") no-repeat right center;

    border: 1px solid #999;

    height: 20px;

    width: 119px;

    padding: 0 0 0 5px;

    margin-left:5px;

    cursor: pointer;

}

.day_select {

    width: 93px;

    font-size: 12px;

    height: 22px;

    vertical-align:middle;

    margin-left:5px;

}

.day_select option {

    font-size: 12px;

}

.result {

    font-size: 10px;

}

.day_alert {

    left: 10px;

    top: -50px;

    display: none;

    position: absolute;

    z-index: 99;

    width: 168px;

}

.day_alert p {

    background: #ffffff;

    border: 1px solid #999;

    padding: 5px;

    font-size: 9px;

    line-height: 1.2em;

}

.day_alert .tail {

    position: relative;

    width: auto;

    height: 11px;

    margin-top: -1px;

    background: url("../IMAGES/cal_alert_tail.gif") no-repeat center bottom;

}

.input_day {

	padding-top:5px;

}

.apply_btn {

	display:inline-block;

	width:95px;

	height:38px;

	background:#c71444 url(../IMAGES/arrow_r_w.png) right center no-repeat;

	vertical-align: middle;

}

.holiday_box {

	width: 17px;

	height: 15px;

	border: 1px solid #aaa;

	margin: 2px 0px;

	float: left;

	background: #a9d5fd;

}

#cal_alert {

	width: 100px;

	display: none;

	position: absolute;

	z-index: 10000;

}



#cal_alert p {

	background: #ffffff;

	border: 1px solid #999;

	padding: 5px;

	font-size: 9px;

	line-height: 1.2em;

	position: relative;

}



#cal_alert .tail {

	position: relative;

	width: auto;

	height: 11px;

	z-index: 10000;

	margin-top: -1px;

	background: url("../IMAGES/cal_alert_tail.gif") no-repeat center bottom;

}

.ui-datepicker-calendar tr td.date-selected {

	opacity: 1;

	filter: Alpha(Opacity=100);

}



.next_pop {

    width: 100px;

   /* display: none;*/

    position: absolute;

    z-index: 10000;

}

.next_pop p {

    background: #ffffff;

    border: 1px solid #999;

    padding: 5px;

    font-size: 9px;

    line-height: 1.2em;

    position: relative;

}

.next_pop .tail {

    position: relative;

    width: auto;

    height: 11px;

    z-index: 10000;

    margin-top: -1px;

    background: url("../IMAGES/cal_alert_tail.gif") no-repeat center bottom;

}



.icon_wktk_dayz {

	position: relative;

	margin-left: 68px;

	vertical-align: top;

}



.icon_wktk_dayzroox {

	position: relative;

	margin-left: 50px;

	vertical-align: middle;

}



#selectButton {

	margin-top: 94px!important;

}