## Animation Demo
アニメーションデモ

### 何も指定しない場合

#### メニュータイトル　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（トップページで使っている３列ブロック）
で調整できます。

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

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

ここに説明を入れます。

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

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

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

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

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