%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-ctar {
}
%tpl%.aiin-ctar:hover {
	border-color:#5f35d4;
}
%tpl% .aiin-inner {
	position:relative;
	text-align:center;
	display:inline-block;
	*zoom:1;
	*display:inline;
	overflow:hidden;
	line-height:0;
	vertical-align:middle;
	border-radius:4px;
	border:2px solid #5f35d4;
	transition:color 0.5s, background-color 3s;
	color:#5f35d4;
}
%tpl%.aiin-ctar:hover .aiin-inner {
	color:#fff;
	background-color:#5f35d4;
}
%tpl% .aiin-bg {
	position:absolute;
	display:inline-block;
	*zoom:1;
	*display:inline;
	transform:translate(-50%,-50%);
	top:50%;
	left:0;
	width:0;
	height:100%;
	background-color:#5f35d4;
	border-radius:50%;
	transition:width 0.5s, height 0.5s;
}
%tpl%.aiin-ctar:hover .aiin-bg {
	width:210%;
	height:400%;
}
%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:32px;
}
%tpl% .aiin-cell-icon {
	position:relative;
	top:0;
	left:0;
	font-size:0;
	line-height:0;
	width:32px;
}
%tpl% .aiin-cell-icon-inner {
	position:relative;
	margin:6px;
}
%tpl% .aiin-icon,
%tpl% .aiin-icon2 {
	width:20px;
	height:20px;
	transition:opacity 0.5s;
}
%tpl% .aiin-icon {
	position:relative;
	top:0;
	left:0;
	opacity:0;
}
%tpl%.aiin-ctar:hover .aiin-icon {
	opacity:1;
}
%tpl% .aiin-icon2 {
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}
%tpl%.aiin-ctar:hover .aiin-icon2 {
	opacity:0;
}
%tpl% .aiin-cell-label {
	position:relative;
	left:0;
	font-size:18px;
	padding-left:0.1em;
	padding-right:0.2em;
	transition:left 0.5s;
}
%tpl% .aiin-label {
	position:relative;
	top:1px;
}
%tpl% .aiin-cell-cy {
	position:relative;
	left:0;
	font-size:18px;
	padding-left:0.2em;
	padding-right:0.4em;
}
%tpl% .aiin-cy {
	position:relative;
	top:1px;
}