@charset "UTF-8";

/*
CSS-SEAT-MENU

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

*/
/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Media Query parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}

/* TEMPLATE SmartPhone and Retina end*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ■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:100%;
	height:auto;
}


/* ___________________________________________________________________________ ■HEADER */


/* PC */

header{
	width:100%;
	height:180px;
	background:url('../img/common/bg_header-line.png') top repeat-x #ffffff;
	border-bottom:solid 2px #2691d4;
}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	header{
		background-image:url('../img/common/bg_header-line-.png');
		background-size:auto 30px;
		-webkit-background-size:auto 30px;
	}
}

div#header{
	position:relative;
	width:1024px;
	height:160px;
	margin:0px auto;
}

div#header div.marquee{
	position:absolute;
	top:2px;
	left:0px;
	width:560px;
	padding:1px 20px;
	background-image:url('../img/common/bg_header-marquee.png');
	background-size:600px 14px;
	-webkit-background-size:600px 14px;
	background-repeat:no-repeat;
	background-position:top 1px left;
	font-size:10px;
	color:#ffffff;
	overflow:hidden;
}

div#header div.marquee p{
margin:0;
padding:0 0 0 560px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee{
	from{-webkit-transform:translate(0%);}
	99%,to{-webkit-transform:translate(-100%);}
}
@-moz-keyframes marquee{
	from{-moz-transform:translate(0%);}
	99%,to{-moz-transform:translate(-100%);}
}
@-ms-keyframes marquee{
	from{-ms-transform:translate(0%);}
	99%,to{-ms-transform:translate(-100%);}
}
@-o-keyframes marquee{
	from{-o-transform:translate(0%);}
	99%,to{-o-transform:translate(-100%);}
}
@keyframes marquee{
	from{transform:translate(0%);}
	99%,to{transform:translate(-100%);}
}

div#header img#headerlogo{
	position:absolute;
	top:30px;
	left:20px;
	width:124px;
	height:auto;
}

div#header img#header_company_name{
	position:absolute;
	top:60px;
	left:170px;
	width:313px;
	height:69px;
}

ul#headerSnsList{
	position:absolute;
	top:0px;
	right:0px;
	width:350px;
	height:60px;
	margin:0px;
	padding:6px 34px 4px 0px;
	background-image:url('../img/common/bg_header-sns.png');
	background-position:top right;
	background-repeat:no-repeat;
	background-size:384px 48px;
	-webkit-background-size:384px 48px;
	display:inline;
	list-style:none;
	text-align:right;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	ul#headerSnsList{
		background-image:url('../img/common/bg_header-sns-.png');
	}
}

ul#headerSnsList li{
	display:inline !important;
	padding:0px 0px 0px 5px !important;
	margin:0px !important;
}

ul#headerSnsList li a,
ul#headerSnsList li a:link,
ul#headerSnsList li a:hover,
ul#headerSnsList li a:active,
ul#headerSnsList li a:visited{
	padding:0 !important;
	margin:0 !important;
}

ul#headerSnsList li img{
	height:20px !important;
	width:auto !important;
	margin:0px !important;
	padding:0px !important;
}

div#headerAddress{
	position:absolute;
	top:59px;
	right:5px;
	width:294px;
}

div#headerAddress address{
	position:relative;
	width:294px;
}

#header_addressinfo,
#header_add-tell,
#header_btn-mail,
#header_info-mukyu,
#header_info-hasso{position:absolute;height:auto;}
#header_addressinfo{width:86px;top:15px;left:0px;}
#header_add-tell{width:195px;top:0px;right:0px;}
#header_btn-mail{width:192px;top:54px;right:0px;}
#header_info-mukyu{width:38px;top:54px;left:0px;}
#header_info-hasso{width:38px;top:54px;left:47px;}

div#headerAddress address p#times{
	position:absolute;
	top:80px;
	right:0px;
	width:192px;
	text-align:center;
	font-size:11px;
	font-style:normal;
}


/* ___________________________________________________________________________ ■NAVIGATION */

nav.navWrapper{
	clear:both;
	width:100%;
	height:50px;
	margin:0px 0px 30px;
	padding:0px;
	background-image:url('../img/common/bg_gnavi.png');
	background-position:top center;
	background-repeat:repeat-x;
	background-size:auto 50px;
	-webkit-background-size:auto 50px;
	box-shadow:0px 5px 7px #bbbbbb,0px -5px 10px #dddddd;
	z-index:2147483646;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	nav{
		background-image:url('../img/common/bg_gnavi-.png');
	}
}
.fixed{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
}

ul#globalNavi{
	width:1020px;
	height:50px;
	margin:0px auto;
	padding:0px;
	list-style:none;
	color:#ffffff;
}

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	ul#globalNavi > li a,ul#globalNavi > li span{
		background-image:url('../img/common/nav-.png');
	}
}

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:204px;}

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 -50px;}
#home_on{background-position:0px -50px !important;}

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

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

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

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

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


ul#globalNavi > li ul.sub{position:absolute;visibility:hidden;margin:0px;padding:0px;list-style:none;width:204px;z-index:100}
ul#globalNavi > li:hover ul.sub{visibility:visible;background:none;}
ul#globalNavi > li ul.sub li{
	background-image:url('../img/common/bg_snav.png') !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
	background-size:204px auto;
	-webkit-background-size:204px auto;
	border-radius:4px;
}

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

ul#globalNavi > li ul.sub li a:hover{
	background-image:url('../img/common/bg_snav_a.png') !important;
	background-size:204px auto !important;
	-webkit-background-size:204px auto !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
	color:#ffffff !important;
}


/* ___________________________________________________________________________ ■MAIN-CONTENTS */

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

section#mainContents{
	clear:both;
	width:74%;
	margin:0px 0px 0px 2%;
	padding:0px;
	float:left;
}

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


/* ___________________________________________________________________________ ■Right Area */

/* ______________________ Right Nenu */

aside#directoryMenu{
	width:20%;
	padding:0px;
	margin:0px 2% 10px 0px;
	float:right;
}

aside#directoryMenu section{
	width:100%;
	background-color:#ffffff;
	border-radius:10px;
		box-shadow:#c4c4c4 0px 0px 3px 2px inset;
	-webkit-box-shadow:#c4c4c4 0px 0px 3px 2px inset;
}

aside#directoryMenu h2{
	padding:10px 0px;
	margin:0px 0px 0px;
	background-image:url('../img/common/directoryMenu_h2_bg.png');
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 39px;
	-webkit-background-size:auto 39px;
	border:solid 1px #e3e3e3;
	border-radius:10px 10px 0px 0px;
	text-align:center;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	font-weight:bold;
	text-shadow:
		0 0 4px #333333,
		0 0 8px #333333,
		0 0 12px #333333,
		0 0 18px #000000,
		0 0 22px #000000,
		0 0 28px #000000,
}

aside#directoryMenu ul{
	margin:0px;
	padding:10px;
	list-style:none;
	font-size:12px;
	line-height:22px;
}

aside#directoryMenu ul li a,
aside#directoryMenu ul li span{
	display:block;
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 8px;
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
}

aside#directoryMenu ul a{color:#666666;}
aside#directoryMenu ul a:link{color:#666666;text-decoration:none;}
aside#directoryMenu ul a:visited{color:#666666;}
aside#directoryMenu ul a:hover,
aside#directoryMenu ul li span{color:#000000;text-decoration:none;background-image:url('../img/common/icon_arrowB.png');font-weight:bold;}
aside#directoryMenu ul a:active{color:#000000;background-image:url('../img/common/icon_arrowB.png');}

/* ______________________ Right Contents */

#rightContents{
	width:20%;
	margin:0px 2% 0px 0px;
	padding:0px;
	float:right;
}

#rightContents .gyohanArea{
	width:100%;
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px;
	background-color:#ffffff;
	background-image:url('../img/common/sub_gyohan_bg.png');
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 235px;
	-webkit-background-size:auto 235px;
	box-shadow:#bcbcbc 0px 0px 0px 2px inset;
	text-align:center;
}

.gyohanArea h2{
	width:100%;
	height:auto;
	background:none;
	border:none;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

.gyohanArea img{
	width:90%;
	height:auto;
	margin:0px auto 10px;
}

#rightContents .onlineshopArea,
#rightContents .snsArea{
	width:100%;
	margin:0px 0px 20px;
	padding:0px;
}

#rightContents .onlineshopArea h2,
#rightContents .snsArea h2{
	margin:0px 0px 15px;
	padding:0px 0px 1px;
	border-bottom:groove 2px #449bd2;
	border-radius:0px;
	background:none;
	text-align:left;
	font-size:1px;
	line-height:1px;
}

#rightContents .onlineshopArea h2 img,
#rightContents .snsArea h2 img{
	width:auto;
	height:16px;
}

#rightContents .onlineshopArea ul,
#rightContents .snsArea ul{
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
}

#rightContents .onlineshopArea ul li,
#rightContents .snsArea ul li{
	margin:0px 5px 5px 0px;
	float:left;
}
#rightContents .onlineshopArea ul li img{
	width:auto;
	height:40px;
}

#rightContents .snsArea ul li img{
	width:auto;
	height:30px;
}

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

ul.subSideBnr li{
	width:100%;
	margin:0px 0px 10px;
	padding:0px;
	display:block;
}

ul.subSideBnr li img{
	width:100%;
	height:auto;
}


/* ______________________Item Select */

aside.itemSelectBtn{
	clear:both;
	width:100%;
	min-width:1020px;
	margin:0px 0px 20px;
}

aside.itemSelectBtn ul{
	margin:0px auto;
	padding:0px 2px;
	list-style:none;
}

aside.itemSelectBtn ul li{
	float:left;
	margin-right:12px;
	width:245px;
	height:67px;
}

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

aside.itemSelectBtn ul li > a,
aside.itemSelectBtn ul li > span{
	display:block;
	width:245px;
	height:67px;
	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_245x134.png');}
aside.itemSelectBtn ul li.btnBMWShop > a{background-image:url('../img/common/btn_bmwshop_245x134.png');}
aside.itemSelectBtn ul li.btnPorscheShop > a{background-image:url('../img/common/btn_porcheshop_245x134.png');}
aside.itemSelectBtn ul li.btnOtherShop > a{background-image:url('../img/common/btn_othershop_245x134.png');}
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 -67px;}
aside.itemSelectBtn ul li > a:active{background-position:0px -67px;}
aside.itemSelectBtn ul li > span{background-position:0px 0px;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
	aside.itemSelectBtn ul li.btnBenzShop > a{background-image:url('../img/common/btn_benzshop_490x267.png');}
	aside.itemSelectBtn ul li.btnBMWShop > a{background-image:url('../img/common/btn_bmwshop_490x267.png');}
	aside.itemSelectBtn ul li.btnPorscheShop > a{background-image:url('../img/common/btn_porcheshop_490x267.png');}
	aside.itemSelectBtn ul li.btnOtherShop > a{background-image:url('../img/common/btn_othershop_490x267.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:245px 67px;
		-webkit-background-size:245px 67px;
	}
}

/* ______________________ Contact Btn */

aside.spContactArea{
	display:none;
}

/* ___________________________________________________________________________ ■Carousel */

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

#carouselWrapper{
	display:none;
	clear:both;
	padding:10px 0px 5px;
	margin:10px 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;
	z-index:1000;
}

#film_roll div a{
	z-index:10000;
}


/* ___________________________________________________________________________ ■FOOTER */


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

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

#footer{
	position:relative;
	width:1000px;
	margin:0px auto;
	overflow:hidden !important;
	min-height:100%;
	height:auto !important;
	padding:0px 10px 50px;
}


/* SITEMAP */

#sitemapBox{
	float:left;
	width:400px;
	height:auto;
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	padding-top:20px;
	padding-bottom:20px;
}

#sitemapBox ul{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	list-style:none;
	text-align:left;
	font-size:10px;
	line-height:16px;
	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{
	padding:0px 10px 0px 15px;
	margin:0px 0px 5px 0px;
	background-image:url('../img/common/dot.png');
	background-size:10px 10px;
	-webkit-background-size:10px 10px;
	background-position:center left;
	background-repeat:no-repeat;
}

#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{
	float:left;
	width:299px;
	height:auto;
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	border-right:dashed 1px #ffffff;
	padding-top:20px;
	padding-bottom:20px;
}

#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{height:40px;width:auto;}
#shopBox ul.sns li img{height:30px;width:auto;}


/* COMPANY BOX */

#companyBox{
	float:right;
	width:290px;
	height:auto;
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	padding-top:40px;
	padding-bottom:20px;
	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;
}


/* ______________________ FOOTER BOTTOM AREA */

ul#footerBtmLink{
	position:absolute;
	bottom:8px;
	left:0px;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#footerBtmLink li{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 8px;
	background-image:url('../img/common/icon_arrowB.png');
	background-size:5px 9px;
	-webkit-background-size:5px 9px;
	background-position:center left;
	background-repeat:no-repeat;
	float:left;
	font-size:10px;
	line-height:12px;
}

ul#footerBtmLink a{color:#333333;}
ul#footerBtmLink a:link{color:#333333;text-decoration:none;}
ul#footerBtmLink a:visited{color:#333333;}
ul#footerBtmLink a:hover{color:#333333;text-decoration:underline;}
ul#footerBtmLink a:active{color:#333333;}

#copyright{
	position:absolute;
	bottom:8px;
	right:0px;
	margin:0px;
	padding:0px;
	font-size:10px;
}