カリンボウ株式会社は、自由な発想で、新しいデザインの提案とインターネットショップ運営の会社です。

画像のサイズはwidth属性とheight属性で指定します。画像が大きい場合に小さくして表示することができます。
画像の表示サイズはウィンドウに対する比率またはピクセルで指定します。
例）
<img src="service-s01.jpg alt="アイアットライフ">
<img src="service-s01.jpg alt="アイアットライフ"  width="120" height="120">
<img src="service-s01.jpg alt="アイアットライフ"  width="50%" height="50%">

ブラウザで表示すると以下になります。

枠線はborder属性を使用します。
枠線の太さはピクセルで指定します。
例）
<img src="service-s01.jpg" alt="アイアットライフ" border="0">
<img src="service-s01.jpg" alt="アイアットライフ" border="4">
<img src="service-s01.jpg" alt="アイアットライフ" border="8">

ブラウザで表示すると以下になります。

align属性で指定します。

画像の位置	説明
left	画像を左側に表示させ、文字は右側から回り込ませます。
right	画像を右和歌に表示させ、文字は右側から回り込ませます。

例）
<img src="service-s01.jpg" alt="アイアットライフ"">                 指定なし
<p>バー「アイ　アット　ライフ」<br>
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。</p>
<hr>
<img src="service-s01.jpg" alt="アイアットライフ" align="left">    画像を左に指定
<p>バー「アイ　アット　ライフ」<br>
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。</p>
<hr>
<img src="service-s01.jpg" alt="アイアットライフ" align="right"> 画像を右に指定
<p>バー「アイ　アット　ライフ」<br>
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。</p>

ブラウザで表示すると以下になります。

バー「アイ　アット　ライフ」
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。

---

バー「アイ　アット　ライフ」
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。

---

バー「アイ　アット　ライフ」
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。

hspace属性とvspace属性を使用します。

hspace	左右の余白	左右の余白をピクセルで指定します。
vspace	上下の余白	上下の余白をピクセルで指定します。

例）
<img src="service-s01.jpg" alt="アイアットライフ" align="left" width="20%" height="20%" hspace="20" vspace="20">
<p>バー「アイ　アット　ライフ」<br>
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。<br>
［道順］
甲府駅南口より平和通りを南に進み甲府警察署前交差点を左に曲がります。<br>
岡島百貨店前を右に曲がり春日モール通りに入ります。<br>
最初の右側の通りが錦通りですので右に曲がり錦通りに入ります。<br>
通り沿いの左側の芦沢ビル２階がアイ　アット　ライフになります。</p>

ブラウザで表示すると以下になります。

バー「アイ　アット　ライフ」
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。
［道順］ 甲府駅南口より平和通りを南に進み甲府警察署前交差点を左に曲がります。
岡島百貨店前を右に曲がり春日モール通りに入ります。
最初の右側の通りが錦通りですので右に曲がり錦通りに入ります。
通り沿いの左側の芦沢ビル２階がアイ　アット　ライフになります。

<br clear="解除方向>を使用します。

left	画像が左側にあるときの回り込みを解除
right	画像が右側にあるときの回り込みを解除
all	どちらの場合にも解除

例）
<img src="service-s01.jpg" alt="アイアットライフ" width="30%" height="30%" hspace="20" vspace="20">
<p>バー「アイ　アット　ライフ」<br>
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。<br clear="left">
［道順］
甲府駅南口より平和通りを南に進み甲府警察署前交差点を左に曲がります。<br>
岡島百貨店前を右に曲がり春日モール通りに入ります。<br>
最初の右側の通りが錦通りですので右に曲がり錦通りに入ります。<br>
通り沿いの左側の芦沢ビル２階がアイ　アット　ライフになります。</p>

ブラウザには以下のように表示されます。

バー「アイ　アット　ライフ」
　今までにない新感覚のバーを目指しています。カクテルバーでありながら、ミュージックとコメディをテーマにした楽しく楽しめるバーです。２０１４年１２月１日で、1周年を迎えることができました。これも皆様のおかげです。これからもよりよいバーにしていきますのでよろしくお願い申し上げます。
［道順］ 甲府駅南口より平和通りを南に進み甲府警察署前交差点を左に曲がります。
岡島百貨店前を右に曲がり春日モール通りに入ります。
最初の右側の通りが錦通りですので右に曲がり錦通りに入ります。
通り沿いの左側の芦沢ビル２階がアイ　アット　ライフになります。