/**
 * _control-tab.js用スタイル
 */
dl.tabFrame{
	width:100%;
	padding:0;
	margin:0;
	margin-top:1em;
}
dl.tabFrame dt.tabHead{
}
dl.tabFrame dt.tabHead > a{
	display:inline-block;
	text-decoration:none;
	position:relative;
	z-index:0;
	background:#FFF;
	padding:5px 1em;
	font-weight:normal;
	background:#DCDCDC;
	
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	/*
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	transition: 0.2s;
	*/
	box-shadow: 0px -4px 4px -4px rgba(0,0,0,0.5) inset,0 0 0 1px rgba(255,255,255,0.5) inset;
	color:#666;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#BBB), color-stop(0.50,#DDD));
	background-image: -webkit-linear-gradient(top,#BBB,#DDD 50%);
	background-image:    -moz-linear-gradient(top,#BBB,#DDD 50%);
	background-image:      -o-linear-gradient(top,#BBB,#DDD 50%);
	background-image:         linear-gradient(to bottom,#BBB,#DDD 50%);
}
dl.tabFrame dt.tabHead > a:after{
	content:" ";
	background:#F9F9F9;
	box-sizing: border-box;
	bottom:-1px;
	left:1px;
	display:inline-block;
	position:absolute;
	width:calc(100% - 2px);
	height:2px;
}
dl.tabFrame dt.tabHead > a:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.50,#EEE));
	background-image: -webkit-linear-gradient(top,#CCC,#EEE 50%);
	background-image:    -moz-linear-gradient(top,#CCC,#EEE 50%);
	background-image:      -o-linear-gradient(top,#CCC,#EEE 50%);
	background-image:         linear-gradient(to bottom,#CCC,#EEE 50%);
	color:#333;
}
dl.tabFrame dt.tabHead > a.active{
	transition: 0s;
	font-weight:bold;
	color:#000;
	z-index:1;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), color-stop(0.50,#F9F9F9));
	background-image: -webkit-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:    -moz-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:      -o-linear-gradient(top,#DCDCDC,#F9F9F9 50%);
	background-image:         linear-gradient(to bottom,#DCDCDC,#F9F9F9 50%);
}

dl.tabFrame dd.tabBody{
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;

	margin-top:-1px;
	position:relative;
	padding:10px;
	background:#F9F9F9;
}
dl.tabFrame dd.tabBody > div.tabItem{
	display:none;
}
dl.tabFrame dd.tabBody > div.tabItem.active{
	display:block;
}
dl.tabFrame dd.tabBody > div.tabItem > div.tableScroll{
	overflow-x: none;
	overflow-y: auto;
	height:300px;
}
div.tableScroll{
	overflow-x: none;
	overflow-y: auto;
	height:300px;
}
dl.tabFrame dd.tabBody .tabSummary{
	color: #555;
	font-size: 0.8em;
	margin-bottom: 1em;
}