@charset "UTF-8";
/** タブナビ */

.tab ul {
	*zoom: 1;

}
.tab ul:after { content: ""; display: block; clear: both; }
.tab li {
	float:left;
	text-align:center;
	font-weight:bold;
	width:33.33%;
	padding:0 10px;
}

.tab li a {
	-webkit-transition-duration: 400ms; -moz-transition-duration: 400ms;
	background-color:#e5e5e5;
	padding:20px 0;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#000;
	text-decoration:none;
}
.tab li:hover {

}
.tab li:hover a {  }
.tab li.active {
	opacity:1;
}


.tab li.active a {
	color:#FFF;
	background-color:#0e6eb8;
}

/** コンテンツ */
#container { position: relative; }
#container .page { display: none; position: absolute; left: 0; top: 0; padding: 20px; background-color: #0cf; }





@media only screen and (max-width:1024px){
.tab li {
	float:left;
	text-align:center;
	font-weight:bold;
	width:33.33%;
	padding:0 5px;
	font-size:12px;
}


}
@media only screen and (max-width:640px){

.tab li {
	float:none;
	text-align:center;
	font-weight:bold;
	width:100%;
	padding:0;
	font-size:12px;
}

.tab li a {
	padding:5px 0;
	margin:5px 0;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#000;
	text-decoration:none;
}


}

@media only screen and (max-width:480px){



}