何も指定しない場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="up"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="down"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="left"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="right"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="transform1"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

class="transform2"を指定した場合

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

もっと細かいブロック単位でも使えます

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここに説明を入れます。

メニュータイトル　2,000円

ここのスタイルは、style.cssの、
/*list-column（トップページで使っている３列ブロック）
で調整できます。

オリジナルのアニメーションを作りたい場合は

cssフォルダのinview.cssに、cssで動くアニメーションタグを追加します。
css冒頭の「共通設定」の２箇所にも追加するのを忘れないようご注意下さい。

スタイルを追加したら、jsフォルダのjquery.invie_set.jsにタグを追加して下さい。
既存のタグをコピペして、スタイル名を２箇所入れ替えればOKです。