@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	max-width:1200px;
	padding:0 12px;
	margin:auto;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.header {
	text-align:center;
}

p > img {
	max-width:100%;
	margin:20px auto;
	display:block;
}

.nav {
	margin-top:30px;
	margin-right:40px;
	list-style:none;
	text-align:center;
}
.nav li {
	display:inline-block;
	width:200px;
	vertical-align:top;
}
.nav span, .nav a {
	display:block;
}
.nav a {
	background:#def;
	text-decoration:none;
	height:48px;
	line-height:24px;
	color:#000;
	padding:10px 0;
	padding-left:40px;
	position:relative;
    font-size: 0.8em;
}
.nav a:hover {
	background:#39F;
}
.nav a:before,
.nav a:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	border:34px solid transparent;
}
.nav a:after {
	border-left-color:#def;
	left:200px;
	z-index:1;
}
.nav a:hover:after {
	border-left-color:#39F;
}
.nav a:before {
	border-left-color:#fff;
	left:0;
}
.nav span {
	margin-top:0.5em;
	font-size:0.8em;
	text-align:left;
}
.section {
	margin-top:30px;
}
.section h1 {
	font-size:1.5em;
}