@charset "utf-8";

/*
 * ナビ部分
 */
.tabs .nav {
	border-bottom: 3px solid #87cefa;
}
.tabs .nav ul {
	list-style-type: none;	/* 省略可能かも */
	display: flex;
	margin: 0;
	padding: 0;
}
.tabs .nav ul li {
	width: 100px;
	margin: 0 3px 0 0;	/* 隣のタブとの間に少しすき間を空ける */
}
.tabs .nav ul li a {
	display: block;
	padding: 5px 0;
	text-align: center;
	background-color: #dcdcdc;
	border-radius: 10px 10px 0 0;
	color: #000;
}
.tabs .nav ul li a:hover {	/* タブ上にカーソルを置いたとき */
	/*background-color: #a2a2a2;*/
}
.tabs .nav ul li a:active {	/* タブをクリックしたとき */
	/*background-color: #757575;*/
}
.tabs .nav ul li.selected a {	/* 選択中のタブ */
	background-color: #87cefa;
}

/*
 * コンテンツ部分
 */
.tabs .contents {
	padding-top: 10px;
}
.tabs .contents .hidden {
	display: none;
}