@charset "utf-8";
/* ▼(A)表示領域全佁E*/
div.tabbox { margin: 0px; padding: 0px; width: 400px; }

/* ▼(B)タブ部刁E*/
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ☁EンクをタブEように見せめE*/
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
/* ◁EタブE配色 */
p.tabs a.tab1 {
	background-color: #F90;
	color: white;
	font-size: 12px;
	text-decoration: none;
	width: 93px;
	height: 25px;
	line-height: 25px;
}
p.tabs a.tab2 {
	background-color: #F90;
	color:white;
	height: 25px;
	width: 93px;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
}
p.tabs a.tab3 {
	background-color: #F90;
	font-size: 12px;
	text-decoration: none;
	height: 25px;
	width: 93px;
	color: #FFF;
	line-height: 25px;
}
p.tabs a.tab4 {
	background-color: #F90;
	font-size: 12px;
	text-decoration: none;
	height: 25px;
	width: 93px;
	color: #FFF;
	line-height: 25px;
}
p.tabs a:hover {
	color: #F60;
	background-color: #FFE3BB;
}

/* ▼(C)タブ中身のボックス */
DIV.tab {
   /* ☁EEチEス共通E裁E */
   height : 200px; overflow: auto; clear: left;
}
/* ◁Eボックスの配色 */
div#tab1 {
	border: 1px solid #F90;
	height: 220px;
	font-size: 12px;
	line-height: 25px;
}
div#tab2 {
	border: 1px solid #F90;
	height: 220px;
	font-size: 12px;
	line-height: 25px;
}
div#tab3 {
	border: 1px solid #F90;
	height: 220px;
	font-size: 12px;
	line-height: 25px;
}
div#tab4 {
	border: 1px solid #F90;
	height: 220px;
	font-size: 12px;
	line-height: 25px;
}
div.tab p { margin: 0.5em; }
