%tpl%.aiin-ctar {
	box-sizing:content-box;
	position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	font-family:Helvetica, Arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;
	cursor:pointer;
	user-select:none;
	white-space:nowrap;
}
%tpl% .aiin-inner {
	position:relative;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	*zoom:1;
	*display:inline;
	line-height:0;
	vertical-align:middle;
	background-color:#5e9c21;
	background:linear-gradient(to left,#5e9c21,#abe274);
	border-radius:4px;
}
%tpl% .aiin-cell-icon,
%tpl% .aiin-cell-label,
%tpl% .aiin-cell-cy {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	padding:0;
	line-height:20px;
}
%tpl% .aiin-cell-icon {
	position:absolute;
	top:0;
	left:-20px;
	font-size:0;
	line-height:0;
	width:20px;
	overflow:hidden;
	transition:left 0.5s, box-shadow 1s;
	background-color:#386808;
	background:linear-gradient(#386808,#85ed1d);
	box-shadow:0 0 0 0 #000;
}
%tpl%.aiin-ctar:hover .aiin-cell-icon {
	left:0px;
	box-shadow:
		0 0 5px 0 #386808,
		0 0 10px 0 #386808,
		0 0 15px 0 #386808;
}
%tpl% .aiin-cell-icon-inner {
	margin:3px;
}
%tpl% .aiin-icon {
	position:relative;
	top:0;
	left:0;
	width:14px;
	height:14px;
}
%tpl%.aiin-ctar:active .aiin-icon {
	top:-1px;
	left:0px;
}
%tpl% .aiin-cell-label {
	position:relative;
	left:0;
	font-size:11px;
	padding-left:15px;
	padding-right:0.3em;
	transition:left 0.5s;
}
%tpl%.aiin-ctar:hover .aiin-cell-label {
	left:10px;
}
%tpl% .aiin-label {
	position:relative;
	top:1px;
	color:#ffffff;
}
%tpl% .aiin-cell-cy {
	position:relative;
	left:0;
	font-size:11px;
	padding-left:0.3em;
	padding-right:15px;
	transition:left 0.5s;
}
%tpl%.aiin-ctar:hover .aiin-cell-cy {
	left:10px;
}
%tpl% .aiin-cy {
	position:relative;
	top:1px;
	color:#ffffff;
}