@charset "utf-8";

/***********************************
 * 汎用ボタン
 ***********************************/
.btnWrap {
	margin:10px 0;
}
.generalBtn{
	display:inline-block;
	width:155px;
	height:25px;
	background:#4abc74;
	color:#FFF !important;
	font-size:105%;
	text-align:center;
	text-decoration:none;
	padding:3px 0 0 0;
	margin:0;
}

.generalBtn:hover{ background:#24AA52;}

.loading {
	text-align:center;
}

/***********************************
 * グループ頭文字ボタンUI
 ***********************************/
ul.groupLabelList  {
	margin:10px;
	padding:0;
}
ul.groupLabelList  li {
	list-style:none;
	float:left;
	width:20%;
	box-sizing:border-box;
	text-align:center;
	margin-top:-1px;
	margin-left:-1px;
	border:1px solid gray;
}
#numSymbolGroupList li {
	width:50%;
}
ul.groupLabelList  li a {
	display:block;
	height:100%;
	padding:5px;
	text-decoration:none;
	outline:none;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.groupLabelList  li a:hover {
	opacity:0.7;
}
ul.groupLabelList  li a.active {
	color:white;
	text-shadow:0 1px 0 black;
	background:#666;
}

/***********************************
 * グループ内リスト
 ***********************************/
div.groupUnit .groupUnitHead {
	text-align:center;
	background:#eee;
}
div.groupUnit ul {
	padding-left:20px;
	overflow:auto;
}
div.groupUnit ul a {
	display:block;
}
div.groupUnit ul a.active,
div.groupUnit ul a:hover {
	background:#e5f7d6;
}

/***********************************
 * SBOリスト
 ***********************************/
#sboLinkList {
	padding:-left:15px;
}

#sboLinkList li {
	/*list-style:none;
	text-indent: -1em;
	padding-left: 1em;*/
	margin:5px 0;
}

#sboLinkList li.lv2 {
	margin-left:30px;
}
#sboLinkList li.lv3 {
	margin-left:60px;
}
#sboLinkList li.lv4 {
	margin-left:90px;
}

/***********************************
 * SBOパレットUI（授業編集画面で呼出）
 ***********************************/

#SelectedSboTable {
	width:100%;
}
#SelectedSboTable th.SboStrCol {
	min-width:80px;
	font-weight:bold;
	background:#E8E8E8;
}
#SelectedSboTable th.SboConsoleCol {
	width:80px;
	text-align:center;
}
#SboPallet {
	position:relative;
}
#PalletOpener {
	text-align:right;
	margin:10px 0;
}
#PalletCloser {
	color:white;
	text-align:right;
	padding:10px;
	border-radius:5px 5px 0 0;
	background:#666;
}
#PalletCloser a {
	color:white;
}
#PalletContainer {
	display:none;
	position:absolute;
	right:0;
	width:120%;
	border:1px solid #ccc;
	border-radius:5px;
	background:white;
	box-shadow:0 2px 2px #aaa;
	z-index:90;
}
#InnerPallet {
	margin:10px;
}
#SboRoot {
	font-size:120%;
	font-weight:bold;
}
#InnerPallet #sboLinkList a {
	display:block;
}
#InnerPallet #sboLinkList a:hover {
	background:#ffc;
}