@import url("common.css");


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

	＠目次

	1.clearfix
	2.共通スタイル
	3.販売店情報　設定
	4.販売店詳細情報　設定

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

/*--------------------------------------------------
 ＠1 clearfix
--------------------------------------------------*/
#main-back:after,
dl:after,
ul:after,
.cover:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main-back,
dl,
ul,
.cover{
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html #main-back,
*html dl,
*html ul,
*html .cover{
	height: 1%;
}

#main-back,
dl,
ul,
.cover{
	display: block;
}
/*End hide from IE-mac */





/*--------------------------------------------------
 ＠2 共通スタイル
--------------------------------------------------*/
h1 {
	text-indent: -9999px;
}

h2 {
	text-indent: -9999px;
}

h3 {
	text-indent: -9999px;
}

h4 {
	text-indent: -9999px;
}

#title-box{
	width:204px;
	float:left;
}


#content {
	text-align: left;
	/*height: 750px;*/
	position: relative;
}


#footerlink{
	padding:40px 0 16px 115px;
}

#footerlink li a{
	width:169px;
	height:29px;
	display:block;
	text-indent:-9999px;
}

#footerlink li.one a{
	background:url(img/footer-menu01.jpg) no-repeat;
	width:212px;
}

#footerlink li.two a{
	background:url(img/footer-menu03.jpg) no-repeat;
}

#footerlink li.three a{
	background:url(img/footer-menu04.jpg) no-repeat;
}

#footerlink li.four a{
	background:url(img/footer-menu02.jpg) no-repeat;
}

#footerlink li{
	float:left;
	margin:0 5px 0 0;
}

#footerlink li a:hover{
	background-position:0 -29px;
}


/*--------------------------------------------------
 ＠footerlink2
--------------------------------------------------*/

#footerlink2{
	padding:40px 0 16px 230px;
}

#footerlink2 li a{
	width:169px;
	height:29px;
	display:block;
	text-indent:-9999px;
}

#footerlink2 li.one a{
	background:url(img/footer-menu01.jpg) no-repeat;
	width:212px;
}

#footerlink2 li.two a{
	background:url(img/footer-menu03.jpg) no-repeat;
}

#footerlink2 li.three a{
	background:url(img/footer-menu04.jpg) no-repeat;
}

#footerlink2 li.four a{
	background:url(img/footer-menu02.jpg) no-repeat;
}

#footerlink2 li{
	float:left;
	margin:0 5px 0 0;
}

#footerlink2 li a:hover{
	background-position:0 -29px;
}

/*--------------------------------------------------
 //＠footerlink2
--------------------------------------------------*/



.m30{
	margin:0 0 30px;
}

.m45{
	margin:0 0 45px;
}


.t-right{
	text-align:right;
}

.l-height{
	line-height:200%;
}

/*--------------------------------------------------
 ＠3 販売店情報　設定
--------------------------------------------------*/
#shop .title-box{
	padding:9px 90px 0 0;
	background:url(img/shop-title02.gif) no-repeat right top;
}

#shop h1{
	text-indent:-9999px;
	height:40px;
	background:url(img/shop-title01.jpg) no-repeat;
	margin:0 0 30px;
}

#shop h2{
	text-indent:-9999px;
	height:22px;
	background:url(img/shop-title03.gif) no-repeat;
	margin:0 0 10px;
}

#shop h2.type1{
	background:url(img/shop-title04.gif) no-repeat;
}

#shop h2.type2{
	background:url(img/shop-title05.gif) no-repeat;
}

#shop h2.type3{
	background:url(img/shop-title06.gif) no-repeat;
}

#shop h2.type4{
	background:url(img/shop-title07.gif) no-repeat;
}

#shop h2.type5{
	background:url(img/shop-title08.gif) no-repeat;
}

#shop h2.type6{
	background:url(img/shop-title09.gif) no-repeat;
}

#shop .title-box p{
	text-indent:12px;
}


#shop #shop-main{
	padding:26px 49px 0;
}

#shop .left-box{
	width:443px;
	float:left;
}

#shop .right-box{
	width:404px;
	float:right;
}

#shop #shop-main .cover{
	padding:5px 0 0 10px;
}

#shop .right-box p{
	text-indent:inherit;
	margin:0 0 25px;
}

/*--------------------------------------------------
 ＠4 販売店詳細情報　設定
--------------------------------------------------*/
#shop-area .title-box{
	width:870px;
	background:url(img/shop-title01.jpg) no-repeat left 9px;
}

/*中部エリア*/
#shop-area #chubu{
	background:url(img/chubu.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*北海道・東北エリア*/
#shop-area #hokkaido{
	background:url(img/hokkaido.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*北海道・東北エリア*/
#shop-area #tohoku{
	background:url(img/hokkaido.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*関東エリア*/
#shop-area #kanto{
	background:url(img/kanto.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*近畿エリア*/
#shop-area #kinki{
	background:url(img/kinki.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*九州・沖縄エリア*/
#shop-area #kyushu{
	background:url(img/kyushu.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}
/*九州・沖縄エリア*/
#shop-area #kyushuu{
	background:url(img/kyushu.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}


/*四国エリア*/
#shop-area #shikoku{
	background:url(img/shikoku.gif) no-repeat right top;
	padding:40px 294px 20px 0;
}

/*中国エリア*/
#shop-area #chuugoku{
	background:url(img/chuugoku.gif) no-repeat right top;
	width:870px;
	padding:40px 0 20px 0;
}

#shop-area h1{
	text-indent:-9999px;
}

#shop-area .title-box h2{
	text-indent:-9999px;
}

#shop-area #shop-main{
	padding:26px 49px 0;
}

#shop-main #top{
	background:url(img/shop-icon-top.gif) no-repeat left top;
	padding:17px 0 0;
	margin:0 0 5px;
	width:870px;
}

#shop-main #bottom{
	background:url(img/shop-icon-bottom.gif) no-repeat left bottom;
	padding:0 0 1px;
	width:870px;
}

#shop-main #middle{
	background:url(img/shop-icon-middle.gif) repeat-y;
	padding:8px 15px;
}

#shop-main #middle .center-box,
#shop-main #middle .left-box{
	float:left;
	width:310px;
}

#shop-main #middle .right-box{
	float:right;
	width:215px;
}

#middle dl{
	font-size:10px;
}

#middle .right-box dt,
#middle .center-box dt,
#middle .left-box dt{
	float:left;
	width:27px;
	padding:4px 0 0;
}

#middle .center-box dd,
#middle .left-box dd{
	float:right;
	width:270px;
}

#middle .right-box dd{
	float:right;
	width:178px;
}


#shop-area p.t-right{
	text-align:right;
	font-size:10px;
}

#shop-area p.t-center{
	text-align:center;
	padding:30px 0 35px;
	font-size:14px;
}

/*-------県名
---------------------------------------*/
#shop-area h2.hokkaido{
	background:url(img/shop-area-hokkaido.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.aomori{
	background:url(img/shop-area-aomori.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.akita{
	background:url(img/shop-area-akita.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.yamagata{
	background:url(img/shop-area-yamagata.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.iwate{
	background:url(img/shop-area-iwate.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.fukusima{
	background:url(img/shop-area-fukusima.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.miyagi{
	background:url(img/shop-area-miyagi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.tokyo{
	background:url(img/shop-area-tokyo.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.chiba{
	background:url(img/shop-area-chiba.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kanagawa{
	background:url(img/shop-area-kanagawa.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.ibaragi{
	background:url(img/shop-area-ibaragi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.tochigi{
	background:url(img/shop-area-tochigi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.saitama{
	background:url(img/shop-area-saitama.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.gunma{
	background:url(img/shop-area-gunma.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.aichi{
	background:url(img/shop-area-aichi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.gifu{
	background:url(img/shop-area-gifu.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.shizuoka{
	background:url(img/shop-area-shizuoka.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.niigata{
	background:url(img/shop-area-niigata.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.toyama{
	background:url(img/shop-area-toyama.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.ishikawa{
	background:url(img/shop-area-ishikawa.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.fukui{
	background:url(img/shop-area-fukui.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.nagano{
	background:url(img/shop-area-nagano.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.yamanashi{
	background:url(img/shop-area-yamanashi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.osaka{
	background:url(img/shop-area-osaka.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kyoto{
	background:url(img/shop-area-kyoto.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.hyogo{
	background:url(img/shop-area-hyogo.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.shiga{
	background:url(img/shop-area-shiga.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.nara{
	background:url(img/shop-area-nara.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.wakayama{
	background:url(img/shop-area-wakayama.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.mie{
	background:url(img/shop-area-mie.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.hiroshima{
	background:url(img/shop-area-hiroshima.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.okayama{
	background:url(img/shop-area-okayama.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.yamaguchi{
	background:url(img/shop-area-yamaguchi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.totori{
	background:url(img/shop-area-totori.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.tottori{
	background:url(img/shop-area-totori.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.shimane{
	background:url(img/shop-area-shimane.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kagawa{
	background:url(img/shop-area-kagawa.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.tokushima{
	background:url(img/shop-area-tokushima.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.ehime{
	background:url(img/shop-area-ehime.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kouchi{
	background:url(img/shop-area-kouchi.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.fukuoka{
	background:url(img/shop-area-fukuoka.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.saga{
	background:url(img/shop-area-saga.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.nagasaki{
	background:url(img/shop-area-nagasaki.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.ooita{
	background:url(img/shop-area-ooita.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kumamoto{
	background:url(img/shop-area-kumamoto.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.miyazaki{
	background:url(img/shop-area-miyazaki.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.kagoshima{
	background:url(img/shop-area-kagoshima.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}
#shop-area h2.okinawa{
	background:url(img/shop-area-okinawa.gif) no-repeat;
	height:31px;
	margin:0 0 10px;
}


/*-------ボックス2個の場合　設定
---------------------------------------*/

#support-area02{
	padding:10px 4px 0 4px;
}

#support-area02 .top{
	width:864px;
	background:url(img/two-box-bg.gif) left top no-repeat;
	padding:3px 0 0;
}

#support-area02 .bottom{
	width:864px;
	background:url(img/two-box-bg.gif) left bottom no-repeat;
	padding:0 0 3px;
}

#support-area02 .middle{
	background:url(img/two-box-m-bg.gif) repeat-y;
	padding:0 5px 6px 3px;
}

#support-area02 .left-box{
	width:418px;
	float:left;
}

#support-area02 .right-box{
	width:418px;
	float:right;
}

#support-area02 .right-box h3,
#support-area02 .left-box h3{
	text-indent:0;
	font-weight:bold;
	float:left;
	width:367px;
	padding:7px 0 8px;
	font-size:14px;
}

#support-area02 .right-box h3.type2,
#support-area02 .left-box h3.type2{
	width:315px;
}


#support-area02 .right-box .cover,
#support-area02 .left-box .cover{
	background: #E9E9E9;
	padding:4px 4px 0 8px;
}





/*-------アイコン、修理OK、試乗OK、店舗HP3つ並びの場合　設定----------*/
#support-area02 .right-box .cover p,
#support-area02 .left-box .cover p{
	float:right;
	text-indent:-9999px;
}


#support-area02 .right-box .cover a,
#support-area02 .left-box .cover a{
	display:block;
	width:27px;
	height:27px;
	background:url(img/shop-icon03.gif) no-repeat;
}

#support-area02 .right-box .cover .one,
#support-area02 .left-box .cover .one{
	width:27px;
	height:27px;
	background:url(img/shop-icon02.gif) no-repeat;
	display:inline;
	margin:0 3px 0 0;
}

#support-area02 .right-box .cover .two,
#support-area02 .left-box .cover .two{
	width:27px;
	height:27px;
	background:url(img/shop-icon01.gif) no-repeat;
	display:inline;
	margin:0 3px 0 0;
}


#support-area02 .right-box .no,
#support-area02 .left-box .no{
	display:none;
}


.other{
	color:#235D8A;
}



/*-------アイコン、修理OK、試乗OK、2つ並びの場合　設定----------*/

#support-area02 .right-box .icon-2,
#support-area02 .left-box .icon-2{
	background:url(img/shop-icon04.gif) no-repeat 352px bottom;
	padding:8px 8px 0;
}


/*-------アイコン、試乗OK、1つの場合　設定----------*/
#support-area02 .right-box .icon-1,
#support-area02 .left-box .icon-1{
	background:url(img/shop-icon02.gif) no-repeat 385px bottom;
	padding:8px 8px 0;
}


/*-------アイコン、修理OK、1つの場合　設定----------*/
#support-area02 .right-box .icon-1-2,
#support-area02 .left-box .icon-1-2{
	background:url(img/shop-icon01.gif) no-repeat 385px bottom;
	padding:8px 8px 0;
}


/*-------アイコン、なしの場合　設定----------*/
#support-area02 .right-box .icon-no,
#support-area02 .left-box .icon-no{
	background:none;
	padding:8px 8px 0;
}




/*-------ボックス1個の場合　設定
-----------------------------------------*/
#support-area01{
	padding:10px 4px 0 4px;
}

#support-area01 .top{
	width:864px;
	background:url(img/one-box-bg.gif) left top no-repeat;
	padding:3px 0 0;
}

#support-area01 .bottom{
	width:864px;
	background:url(img/one-box-bg.gif) left bottom no-repeat;
	padding:0 0 3px;
}

#support-area01 .middle{
	background:url(img/one-box-m-bg.gif) repeat-y;
	padding:0 5px 6px 3px;
}

#support-area01 .left-box{
	width:418px;
}

#support-area01 .left-box h3{
	text-indent:0;
	font-weight:bold;
	float:left;
	width:367px;
	padding:7px 0 8px;
	font-size:14px;
}

#support-area01 .left-box h3.type2{
	width:295px;
}


#support-area01 .left-box .cover{
	background: #E9E9E9;
	padding:4px 4px 0 8px;
}




/*-------アイコン、修理OK、試乗OK、店舗HP3つ並びの場合　設定----------*/
#support-area01 .left-box .cover p{
	float:right;
	text-indent:-9999px;
}


#support-area01 .left-box .cover a{
	display:block;
	width:27px;
	height:27px;
	background:url(img/shop-icon03.gif) no-repeat;
}

#support-area01 .left-box .cover .one{
	width:27px;
	height:27px;
	background:url(img/shop-icon02.gif) no-repeat;
	display:inline;
	margin:0 3px 0 0;
}

#support-area01 .left-box .cover .two{
	width:27px;
	height:27px;
	background:url(img/shop-icon01.gif) no-repeat;
	display:inline;
	margin:0 3px 0 0;
}

#support-area01 .left-box .no{
	display:none;
}


/*-------アイコン、修理OK、試乗OK、2つ並びの場合　設定----------*/
#support-area01 .left-box .icon-2{
	background:url(img/shop-icon04.gif) no-repeat 352px bottom;
	padding:8px 8px 0;
}

/*-------アイコン、試乗OK、1つの場合　設定----------*/
#support-area01 .left-box .icon-1{
	background:url(img/shop-icon02.gif) no-repeat 385px bottom;
	padding:8px 8px 0;
}

/*-------アイコン、修理OK、1つの場合　設定----------*/
#support-area01 .left-box .icon-1-2{
	background:url(img/shop-icon01.gif) no-repeat 385px bottom;
	padding:8px 8px 0;
}

/*-------アイコン、なしの場合　設定----------*/
#support-area01 .left-box .icon-no{
	background:none;
	padding:8px 8px 0;
}






/*-------販売＆メンテナンス サポートエリア　設定----------*/
#support-area{
	padding:0 0 0 4px;
	margin:20px 0 0;
}

#support-area .top{
	width:870px;
	background:url(img/suprot-top.gif) no-repeat left top;
	padding:4px 0 0;
}

#support-area .middle{
	width:870px;
	background:url(img/suprot-middle.gif) repeat-y;
	padding:6px 15px;
}

#support-area .bottom{
	width:870px;
	background:url(img/suprot-bottom.gif) no-repeat left bottom;
	padding:0 0 4px;
}

#support-area .m10{
	padding:0 0 10px;
}

#support-area .t-indent{
	padding:0 0 10px 20px;
	font-size:11px;
	line-height:16px;
}



/*-------ページトップリンク　設定----------*/

#pagetop{
	padding:15px 5px 35px;
	text-align:right;
}