body {
	background-color:#fff;
}
.style-top-title{
	font-family: "ＭＳ 明朝";
	font-size:xx-large;
	font-weight: bold;
	color: black;
	text-align:center;
}
.style4{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.tab_wrap{ width: 100%; margin: 0 auto;}

input[type=radio]{ display:none;}

.tab_area{
	font-size: 0;
	padding: 0;
}
.tab_area label{
	width: 25%;/*276px;*/ /* approx (902px / 3) - 20px */
	display: inline-block;
	padding: 5px 10px 2px 10px;
	margin: 10px 5px 0;
	background-color: #800000;
	color: #fff;
	text-align: center;
	font-size: medium;
	cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	vertical-align: bottom;
}
/* .tab_area label:hover{} */
.panel_area{
	background-color:#e9f8fb;
	border-style:ridge;
	border-width:8px;
	width: 90%;/*900px;*/
	height: 75%;/*700px;*/
	border-top: 8px solid #ffd0d0;
}
.tab_panel {
	width:100%;
	padding:0;
	display:none;
	margin: 0;
	border-spacing:0;
	border-width:0;
}
.tab_panel p{
	font-size: medium;
	text-align: center;
}
.tab_panel iframe{
	width:100%;/*900px;*/
	height:100%;/*700px;*/
	background-color:#e9f8fb;
	border-spacing:0;
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	outline-width:0;		
}

#tab1:checked ~ .tab_area .tab1_label{background:#ffd0d0; color:#000;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background: #ffd0d0; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background: #ffd0d0; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}