/**
 * iframe用スタイル
 * Since: 2015.02.10
 */

* {
	font-size:90%;
	line-height:120%;
}
body,header,footer {
	width:100%;
}
img {
	width:auto;
	max-width:100%;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
ul,li {
	font-size:90%;
	display:inline-block;
	width:auto;
	line-height:100%;
	margin:0;
	padding:0;
}

/* ▼▼▼ コンテンツナビ・ここから ▼▼▼ */
.content-navi {
	width:100%;
	overflow:hidden;
}
.content-navi ul {
	box-sizing:border-box;
	width:100%;
	overflow:hidden;
	border-left:solid 1px #888;
	margin:0 0 2px;
}
.content-navi ul li {
	width:auto;
	min-width:20%;
	white-space:nowrap;
	padding:0;
	margin:0;
	font-family:'小塚ゴシック Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
}
.content-navi ul li a {
	box-sizing:border-box;
	display:inline-block;
	width:100%;
	text-align:center;
	padding:0.5em 0.5em;
	border-top:solid 5px #888;
	border-right:solid 1px #888;
	background-color:#fff;
}
.content-navi ul li a:hover {
	border-top:solid 5px #aaa;
	border-right:solid 1px #aaa;
	background-color:#fafafa;
}
.content-navi ul li a span {
	box-sizing:border-box;
	display:block;
	font-size:80%;
	color:#888;
}
/* ▲▲▲ コンテンツナビ・ここまで ▲▲▲ */