@charset "UTF-8";

/*
CSS-SEAT-MENU

■INTERFACE
■HEADER
■NAVIGATION
■MAIN-CONTENTS
■Right Area
■Carousel
■FOOTER


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ■INTERFACE */

body{
	margin:0px;
	padding:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#ffffff;
	color:#333333;
}

div#container{
	width:auto;
	min-width:480px;
	position:relative;
	margin:0px auto;
}


/* ___________________________________________________________________________ ■HEADER */

header{
	width:auto;
	height:80px;
	margin:0px;
	padding:58px 0px 0px;
	background-image:none;
	background-color:#ffffff;
	border-top:solid 5px #1a7ec1;
	border-bottom:solid 1px #2691d4;
}

div#header{
	position:relative;
	width:auto;
	height:80px;
	margin:0px;
	padding:0px;
}

div#header img#headerlogo{
	position:absolute;
	top:5px;
	left:10px;
	width:70px;
	height:auto;
}

div#header img#header_company_name{
	position:absolute;
	top:18px;
	left:94px;
	width:200px;
	height:auto;
}

div#header div.marquee,
div#headerAddress,
ul#headerSnsList{display:none;}


/* ___________________________________________________________________________ ■NAVIGATION */

nav.navWrapper{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:58px;
	margin:0px;
	padding:0px;
	background:url('../img/common/bg_gnavi_sp.png') top center !important;
	background-repeat:repeat-x;
	background-size:100% 58px;
	-webkit-background-size:100% 58px;
	z-index:2147483646;
	text-align:left;
}

ul#globalNavi{
	width:450px;
	height:58px;
	margin:0px;
	padding:0px 15px 0px 15px;
	list-style:none;
}

ul#globalNavi li{
	float:left;
	margin:0px;
	padding:0px;
}

ul#globalNavi li a,ul#globalNavi li span{
	display:block;
	height:58px;
	background-image:url('../img/common/nav_sp-.png');
	background-size:450px 116px;
	-webkit-background-size:450px 116px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

li#nav_home > a,li#nav_home > span,
li#nav_guide > a,li#nav_guide > span,
li#nav_item > a,li#nav_item > span,
li#nav_company > a,li#nav_company > span,
li#nav_contact > a,li#nav_contact > span{width:90px;}

li#nav_home > a,
li#nav_home > a:link,
li#nav_home > a:visited{background-position:0px 0px;}
li#nav_home > a:hover,
li#nav_home > a:active,
li#nav_home > span{background-position:0px -58px;}
#home_on{background-position:0px -58px !important;}

li#nav_guide > a,
li#nav_guide > a:link,
li#nav_guide > a:visited{background-position:-90px 0px;}
li#nav_guide > a:hover,
li#nav_guide > a:active,
li#nav_guide > span{background-position:-90px -58px;}
#guide_on{background-position:-90px -58px !important;}

li#nav_item > a,
li#nav_item > a:link,
li#nav_item > a:visited{background-position:-180px 0px;}
li#nav_item > a:hover,
li#nav_item > a:active,
li#nav_item > span{background-position:-180px -58px;}
#item_on{background-position:-180px -58px !important;}

li#nav_company > a,
li#nav_company > a:link,
li#nav_company > a:visited{background-position:-270px 0px;}
li#nav_company > a:hover,
li#nav_company > a:active,
li#nav_company > span{background-position:-270px -58px;}
#company_on{background-position:-270px -58px !important;}

li#nav_contact > a,
li#nav_contact > a:link,
li#nav_contact > a:visited{background-position:-360px 0px;}
li#nav_contact > a:hover,
li#nav_contact > a:active,
li#nav_contact > span{background-position:-360px -58px;}
#contact_on{background-position:-360px -58px !important;}

#home_on,
#guide_on,
#item_on,
#company_on,
#contact_on{display:none !important;}

ul#globalNavi > li ul.sub{
	position:absolute;
	top:58px;
	left:0px;
	width:100%;
	margin:0px;
	padding:0px;
	visibility:hidden;
	list-style:none;
	z-index:1000;
}
ul#globalNavi > li:hover ul.sub{
	visibility:visible;
	background:none;
}
ul#globalNavi > li ul.sub li{
	width:100%;
	height:auto;
	border-radius:4px;
}

ul#globalNavi > li ul.sub li a{
	display:block;
	width:100%;
	height:auto;
	margin:0px;
	padding:12px 45px;
	border-top:1px solid #ffffff;
	background-image:url('../img/common/bg_snav_sp.png') !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
	background-size:100% auto !important;
	-webkit-background-size:100% auto !important;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-indent:inherit;
	text-decoration:none;
	text-align:left;
}

ul#globalNavi > li ul.sub li a:hover{
	background-image:url('../img/common/bg_snav_sp_a.png') !important;
}

@media screen and (max-width: 768px) {
	ul#globalNavi > li ul.sub li a{
		padding:15px 45px;
		font-size:18px;
	}
}


/* ___________________________________________________________________________ ■MAIN-CONTENTS */

	div#mainContainer{
		width:auto;
		margin:0px 0px 20px;
		padding:0px 10px;
	}

section#mainContents{
	clear:both;
	width:auto;
	margin:0px auto;
	padding:0px;
}

section#mainContents > article{
	margin-bottom:30px;
}


/* ___________________________________________________________________________ ■Right Area */

aside#directoryMenu{
	display:none;
}

#rightContents{
	display:block;
	width:96%;
	margin:0px;
	padding:0px 2%;
}

#rightContents .gyohanArea,
#rightContents .onlineshopArea,
#rightContents .snsArea{display:none;}

ul.subSideBnr{
	width:100%;
	margin:30px 0px;
	padding:0px;
	list-style:none;
	text-align:center;
}

ul.subSideBnr li{
	width:48%;
	margin:0px 0px 10px;
	padding:0px;
	display:block;
}
ul.subSideBnr li img{width:100%;height:auto;}
ul.subSideBnr li:nth-child(odd){clear:both;float:left;}
ul.subSideBnr li:nth-child(even){float:right;}


/* ______________________Item Select */


aside.itemSelectBtn{
	clear:both;
	width:100%;
	margin:0px 0px;
	text-align:center;
}

aside.itemSelectBtn ul{
	width:440px;
	height:180px;
	margin:10px auto;
	padding:0px;
	list-style:none;
}

aside.itemSelectBtn ul li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:210px;
	height:180px;
}

aside.itemSelectBtn ul li:last-child{
	margin-right:0px;
}

aside.itemSelectBtn ul li > a,
aside.itemSelectBtn ul li > span{
	display:block;
	width:210px;
	height:180px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}



aside.itemSelectBtn ul li.btnBenzShop > a{background-image:url('../img/common/btn_benzshop_sp_420x720.png');}
aside.itemSelectBtn ul li.btnBMWShop > a{background-image:url('../img/common/btn_bmwshop_sp_420x720.png');}
aside.itemSelectBtn ul li.btnPorscheShop > a{background-image:url('../img/common/btn_porscheshop_sp_420x720.png');}
aside.itemSelectBtn ul li.btnOtherShop > a{background-image:url('../img/common/btn_othershop_sp_420x720.png');}
aside.itemSelectBtn ul li.btnBenzShop > a,
aside.itemSelectBtn ul li.btnBMWShop > a,
aside.itemSelectBtn ul li.btnPorscheShop > a,
aside.itemSelectBtn ul li.btnOtherShop > a{
	background-size:210px 360px;
	-webkit-background-size:210px 360px;
}
aside.itemSelectBtn ul li > a:link{background-position:0px 0px;}
aside.itemSelectBtn ul li > a:visited{background-position:0px 0px;}
aside.itemSelectBtn ul li > a:hover{background-position:0px -180px;}
aside.itemSelectBtn ul li > a:active{background-position:0px -180px;}
aside.itemSelectBtn ul li > span{background-position:0px 0px;}


/* ______________________ Contact Btn （Only SP） */

aside.spContactArea{
	clear:both;
	display:block;
	width:auto;
	min-width:440px;
	margin:0px auto 20px;
	padding:10px 0px;
	background:#d0e5f2;
	border-radius:10px;
	text-align:center;
}

aside.spContactArea h3{
	font-size:16px;
	margin:0px 0px 15px;
	padding:0px;
	border:none;
	background:none;
}

aside.spContactArea p span{
	margin:0px 5px;
	padding:2px 5px;
	background:#ff0000;
	color:#ffffff;
	font-weight:bold;
}

aside.spContactArea img.btn_sp_contact_tel{
	display:block;
	width:420px;
	height:70px;
	margin:0px auto 15px;
}

aside.spContactArea img.btn_sp_contact_mail,
aside.spContactArea img.btn_sp_contact_fax{
	display:inline;
	width:205px;
	height:70px;
	margin:2px;
}

/* ___________________________________________________________________________ ■Carousel */

/* 2015/01/10　一旦非表示にしました。 */


#carouselWrapper{
	display:none;
	clear:both;
	padding:15px 0px 5px;
	margin:15px auto 0px;
	background:#eef5f9;
	border-top:solid 1px #cccccc;
	box-shadow:0px -4px 10px 0px #dddddd;
}

#film_roll{
	margin:0px;
	padding:0px 0px;
}
#film_roll div img{
	margin:10px;
	height:80px;
	width:auto;
	max-width:400px;
}


/* ___________________________________________________________________________ ■FOOTER */


footer{
	clear:both;
	width:auto;
	height:auto;
	margin:0px;
	padding:20px 0px 0px;
	background:#1c94ce !important;
	border-bottom:solid 3px #1c94ce !important;
	box-shadow:#ffffff 0px -30px 0px 0px inset !important;
}

footer h2{
	margin:0px 0px 15px;
	padding:0px;
	background:none;
	border:none;
}
footer h2 img{width:auto;height:28px;}

#footer{
	position:relative;
	margin:0px auto;
	padding:15px 30px 50px;
	text-align:left;
}


/* SITEMAP */

#sitemapBox{
	display:block;
	margin:0px 0px 10px;
	padding:0px;
}

#sitemapBox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	font-size:18px;
	line-height:28px;
	color:#ffffff;
}

#sitemapBox ul li{
	padding:0px 10px 0px 15px;
	margin:0px 0px 0px 10px;
	background-image:url('../img/common/icon_arrowW.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
}

#sitemapBox ul li.fst{
	margin:0px 0px 5px 0px;
	background-image:url('../img/common/dot.png');
	background-size:10px 10px;
	-webkit-background-size:10px 10px;
}

#sitemapBox ul li.margin{margin-bottom:20px;}
#sitemapBox ul a{color:#ffffff;}
#sitemapBox ul a:link{color:#ffffff;text-decoration:none;}
#sitemapBox ul a:visited{color:#ffffff;}
#sitemapBox ul a:hover{color:#ffffff;	text-decoration:underline;}
#sitemapBox ul a:active{color:#ffffff;}


/* SHOP BOX */

#shopBox{
	margin:0px 0px 20px;
	padding:0px;
}

#shopBox ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	font-size:1px;
	line-height:1px;
}
#shopBox ul.onlineshop{margin-bottom:20px;}

#shopBox ul li{
		margin:0px 10px 10px 0px;
		padding:0px;
		float:left;
}
#shopBox ul.onlineshop li img{width:auto;height:60px;}
#shopBox ul.sns li img{width:auto;height:50px;}


/* COMPANY BOX */

#companyBox{
	display:block;
	margin:0px 0px 10px;
	padding:20px 0px 0px;
	border-top:dashed 1px #ffffff;
	text-align:center;
}

#footer_logo{
	width:175px;
	height:auto;
	margin:0px auto 20px;
}

#companyBox table{
	margin:0px auto;
	text-align:left;
}

#companyBox address,
#companyBox p{
	margin:0px 0px 10px;
	padding:0px;
	font-style:normal;
	color:#ffffff;
}

/* BOTTOM AREA */

ul#footerBtmLink{display:none;}

#copyright{
	width:auto;
	position:absolute;
	bottom:5px;
	right:5px;
	margin:0px auto;
	padding:0px;
	font-size:14px;
	text-align:center;
}