==================================================
framediv
--------------------------------------------------
ボタンの内部を定義する一番外側のフレーム
ボタンの外へ出る修飾物(例えばクリックした時にボタンから
放射される枠のようなもの)は含まない。
==================================================
filldiv
--------------------------------------------------
positionがabsoluteのdivで、サイズがある親divを完全にfill
するように広がる。
==================================================
absline
--------------------------------------------------
水平または垂直のラインを作る。位置はabsoluteでtop,
bottom,left,rightで指定する。ラベルやアイコンの
位置を指定するための親divになるかことが多い。
--------------------------------------------------
"direction":"h" (default)
"direction":"v"
--------------------------------------------------
{
	"type":"absline",
	"top":"3%",
	"text-align":"left",
	"html":[
		{
			"type":"span",
			"prefix":"label",
			"padding":"0 4px",
			"color":"white",
			"content":"いいね!"
		}
	]
},
==================================================
ipos
--------------------------------------------------
Icon Positioner
--------------------------------------------------
Iconを位置を指定するツール

以下の５種類の位置指定ができる

pos:

【imgwh】
	table-cellの中にアイコンを入れる時に使用する。
	imgwとimghでアイコンのサイズを指定する。

【hcenter】
	水平に広がるdivの中央に配置
	アイコンの高さはdivの高さと同じになる

【vcenter】
	垂直に広がるdivの中央に配置
	アイコンの幅はdivの幅と同じになる

【hvcenter】
	divの中央に配置
	アイコンの幅、高さを指定する

【corner】
	コーナーから位置を指定
	アイコンの幅、高さを指定する
--------------------------------------------------
ipos:hcenterはabslineの中で使用する
{
	"type":"absline",
	"bottom":"20%",
	"height":"20px",
	"text-align":"center",
	"html":[
		{
			"type":"ipos",
			"pos":"hcenter"
		}
	]
},

ipos:vcenterはabslineの中で使用する
{
	"type":"absline",
	"hv":"v",
	"right":"20%",
	"width":"30px",
	"background-color":"rgba(0,0,0,0.5)",
	"html":[
		{
			"type":"ipos",
			"pos":"vcenter"
		}
	]
},

ipos:hvcenterはimgwとimghを指定する
{
	"type":"ipos",
	"pos":"hvcenter",
	"imgw":"15px",
	"imgh":"15px"
},

ipos:cornerはimgwとimgh、及び、コーナーからの距離(例 top:"10%",left:"10px")を指定する
{
	"type":"ipos",
	"pos":"corner",
	"top":"5%",
	"right":"5%",
	"imgw":"10px",
	"imgh":"10px"
}
==================================================
vmstd
--------------------------------------------------
Vote Mark
--------------------------------------------------
{
	"type":"vm-heart",
	"effect":"rotate-z"
}
--------------------------------------------------
effect:
	----------------
	fade
	----------------
	scale-switch
	scale-in
	scale-out
	----------------
	switch-left
	switch-right
	switch-top
	switch-bottom
	----------------
	scroll-left
	scroll-right
	scroll-top
	scroll-bottom
	----------------
	rotate-x
	rotate-y
	rotate-z
	----------------
	skew-h
	skew-v
	----------------
	
vmstd:img_name
	(defaut) vmark => vmark_on.png vmark_off.png

vmstd:action
	s:select (default)
	h:hover

vmstd:opacity-off
 	(default) 1

vmstd:opacity-on
 	(default) 1

vmstd:offpic
	1: show off-icon (default)
	0: don't show off-icon

vmstd:trans-time
	1s (default)

vmstd:hover-effect
	none (default)
	blink

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================

--------------------------------------------------

==================================================