html,
body,
body * { margin:0; padding:0; }

html,
body {
	font-family: Meiryo, 'メイリオ', Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-family: 'BMW Groval Type Pro Light', 'A+mfCv-AXIS Font ベーシック L ProN';
	line-height: 1.3;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'BMW Groval Type Pro Light';
    src: url(/7-series/fonts/BMWGlobal_Pro_light.eot);
		src: url(/7-series/fonts/BMWGlobal_Pro_light.eot?#iefix) format("embedded-opentype"),
				 url(/7-series/fonts/BMWGlobal_Pro_light.woff) format("woff"),
				 url(/7-series/fonts/BMWGlobal_Pro_light.ttf) format("truetype");
}

@font-face {
    font-family: 'BMW Groval Type Pro Thin';
    src: url(/7-series/fonts/BMWGlobal_Pro_thin.eot);
		src: url(/7-series/fonts/BMWGlobal_Pro_thin.eot?#iefix) format("embedded-opentype"),
				 url(/7-series/fonts/BMWGlobal_Pro_thin.woff) format("woff"),
				 url(/7-series/fonts/BMWGlobal_Pro_thin.ttf) format("truetype");
}


/* .serif {
    font-family: BMW;
}

.serif_bold {
    font-family: BMW-Bold, 'A+mfCv-AXIS Font ベーシック EL ProN';
} */

/* fixed height (clear fix) */
nav:after,
main:after,
div:after,
ul:after,
li:after,
p:after { content:""; display:block; clear:both; float:none; }

h1,h2,h3,h4,h5,h6 { line-height: 1.1; }
p { line-height: 1.3; }
h1,h2,h3,p { text-align:left; }
ul li { list-style:none; }
a { text-decoration: none; color:#000; }
p,span { text-align:left; }
img { vertical-align:bottom; }

/* width control */
header,
main {  }

/* grid layout */
.grid {  }
.grid > .grid-wrapper { width:100%; }
.grid > .grid-wrapper > * { float:left; box-sizing:border-box; }

/* table layout */
.table { display:table; }
.table > .t-cell { display:table-cell; }
.table > .t-cell.va-m { vertical-align:middle; }

a.with-more {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
a.with-more .more {
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(../images/common/more.jpg);
	background-size:20px 20px;
	position:absolute;
	bottom:0px;
	right:0px;
}

.with-external span { position:relative; }
.with-external span:after {
	content:"";
	display:inline-block;
	width:13px;
	height:13px;
	background-image:url(/7-series/images/common/icon_external.png);
	margin-left:5px;
}


/* button */
.button {
	display:table;
}
.button > * {
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align: middle;
}

.button.fill-white > * {
	background-color:#fff;
	color:#000;
}


.button.fill-gold > * {
	box-sizing:border-box;
	background-color:#8c7957;
	color:#fff;
	/*border:1px solid #8c7957;*/
}

.button.fill-gray > * {
	background-color:#666;
	box-sizing:border-box;
	color:#fff;
	/*border:1px solid #666;*/
}

header nav ul.page-router li a span:after {
	content:"";
	display:inline-block;
	width:100%;
	height:1px;
	position:absolute;
	left:0px;
	background-color:#262626;
	opacity:0;
}

body.page-lineup header nav ul.page-router li.lineup span:after,
body.page-pursuit-of-perfection header nav ul.page-router li.pursuit-of-perfection span:after,
body.page-the-leader-of-cultural-creativity header nav ul.page-router li.the-leader-of-cultural-creativity span:after  {
	opacity:1;
}

/* page common settings */
.f-white { color:#fff; }
.f-left { float:left; }
.f-right { float:right; }
.inblock { display:inline-block; }
.w100 { width:100%; }
.txt-right { text-align:right; }
.sub { font-size:80%; }

.bold,
.headline {
	font-family: 'BMW Groval Type Pro Thin', 'A+mfCv-AXIS Font ベーシック EL ProN';
	font-weight: normal;
	line-height: 1.1;
}

.divider .inner {
	height:1px;
	padding-top:0;
	padding-bottom:0;
}

.divider hr {
	border:none;
	padding:0;
	margin:0;
	height:1px;
	background-color:#261800;
}

nav.footer-nav {
    background-color: #f5f5f5;
}

footer { background-color:#262626; }
footer .inner > ul li,
footer .inner > ul li a { color:#fff; }