@charset "utf-8";

.pad_t10 {padding-top: 10px;}
.pad_t20 {padding-top: 20px;}
.marg_t10 {margin-top: 10px;}

/* tabLayout */
div.tabLay ul.tabnavi {
	display:table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 4px 0;
}
div.tabLay ul.tabnavi li {
	margin:0% 2% 5% 2%;
	background:#999;
	text-align:center;
	display:table-cell;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
div.tabLay ul.tabnavi li.active {
	background:#f1f1f1;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	
}
div.tabLay ul.tabnavi li.active a {
	color:#333333;
}
div.tabLay ul.tabnavi li a {
	color:#ffffff;
	display:block; padding:15px;
}
/* des2 */
div.tabLay.des2 ul.tabnavi li {
	transform: skewX(-15deg);
}
/* des3 */
div.tabLay.des3 ul.tabnavi li {
	transform: perspective(24px) rotateX(39deg) scale(0.6, 6.4);
}



/* tabs */
ul.tabRows li fieldset {
	border: 1px #999 solid;
	margin-bottom: 10px;
	padding: 5px 10px 5px;
	clear: both;
}
ul.tabRows li fieldset legend {
	padding: 0 5px;
}
ul.tabRows li fieldset div.tabBox input[type="text"] {
	width: 100%;
}
ul.tabRows li fieldset div.tabBox textarea {
	width: 100%; height: 10em;
	line-height: 1.5em;
}


/* tabs */
div.tabmenu ul.tabnavi {
	width:100%;
	display:table;
	table-layout: fixed;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 4px 0;      /* 左右 上下で記述 */
}
div.tabmenu ul.tabnavi li {
	margin:0% 2% 5% 2%;
	background:#999;
	text-align:center;
	display:table-cell;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
div.tabmenu ul.tabnavi li.ui-tabs-active {
	background:#f1f1f1;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	
}
div.tabmenu ul.tabnavi li.ui-tabs-active a {
	color:#333333;
}
div.tabmenu ul.tabnavi li a {
	color:#ffffff;
	display:block; padding:15px;
}
div.tabmenu > div {
	display: none;
}