画像につきまして

レスポンシブの関係で追加した画像は画面横幅の100％表示になります。
オリジナルの画像サイズで表示したい場合は配置した画像をクリックし、鉛筆マークの「編集」より画像CSSクラスに original と指定してください。
またはQuicktagsツールで画像 オリジナルの横幅でサンプル画像を挿入し、鉛筆マークの「編集」より「置換」でサンプル画像を置き換えしてください。

画像 オリジナルの横幅　サンプル画像

画像を画面横幅50％表示にしたい時は画像をクリックし、「編集」より画像CSSクラスに w50 と指定してください。
またはQuicktagsツールで横幅調整50％でサンプル画像を挿入し、「編集」より「置換」でサンプル画像を置き換えしてください。

横幅調整50％　サンプル画像

予約状況のカレンダー

Quicktagsツールで「予約状況のカレンダー」を選択するとテンプレートが表示されます。

↓

予約状況は日々変わりますのでご了承ください

○・・・予約可　▲・・・空きあり　満・・・満席　※・・・お問合せ下さい　ー・・・受付終了

1DAYツアー・半日ツアー　は那覇より日帰りでのご参加可能。

スタッフ紹介の追加

Quicktagsツールで「スタッフ紹介追加」を選択するとテンプレートが表示されます。

↓

佐久間　真美　Mami Sakuma

JSCAシーカヤックインストラクター１
PADIダイブマスター
シュノーケリングインストラクター
【国家資格】潜水士・小型船舶２級

千葉県出身。

座間味No.1のベテラン女性マリンガイド。元気いっぱい、常に大きな声が特徴のマミマミです。

マージン/パディングにつきまして

レスポンシブの関係でマージン/パディングは別でクラスを制作しております。
必要な場合は以下の表を参考にお使いください。

例): 下のマージンに10pxかけたい場合。class=”mb10″

※margin-bottomの頭文字です。

.mt00 { margin-top: 0 !important; } .mb00 { margin-bottom: 0 !important; }
.mt05 { margin-top: 5px !important; } .mb05 { margin-bottom: 5px !important; }
.mt10 { margin-top: 10px !important; } .mb10 { margin-bottom: 10px !important; }
.mt15 { margin-top: 15px !important; } .mb15 { margin-bottom: 15px !important; }
.mt20 { margin-top: 20px !important; } .mb20 { margin-bottom: 20px !important; }
.mt25 { margin-top: 25px !important; } .mb25 { margin-bottom: 25px !important; }
.mt30 { margin-top: 30px !important; } .mb30 { margin-bottom: 30px !important; }
.mt35 { margin-top: 35px !important; } .mb35 { margin-bottom: 35px !important; }
.mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; }
.mt45 { margin-top: 45px !important; } .mb45 { margin-bottom: 45px !important; }
.mt50 { margin-top: 50px !important; } .mb50 { margin-bottom: 50px !important; }
.mt55 { margin-top: 55px !important; } .mb55 { margin-bottom: 55px !important; }
.mt60 { margin-top: 60px !important; } .mb60 { margin-bottom: 60px !important; }

.ml00 { margin-left: 0 !important; } .mr00 { margin-right: 0 !important; }
.ml05 { margin-left: 5px !important; } .mr05 { margin-right: 5px !important; }
.ml10 { margin-left: 10px !important; } .mr10 { margin-right: 10px !important; }
.ml15 { margin-left: 15px !important; } .mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; } .mr20 { margin-right: 20px !important; }
.ml25 { margin-left: 25px !important; } .mr25 { margin-right: 25px !important; }
.ml30 { margin-left: 30px !important; } .mr30 { margin-right: 30px !important; }
.ml35 { margin-left: 35px !important; } .mr35 { margin-right: 35px !important; }
.ml40 { margin-left: 40px !important; } .mr40 { margin-right: 40px !important; }
.ml45 { margin-left: 45px !important; } .mr45 { margin-right: 45px !important; }
.ml50 { margin-left: 50px !important; } .mr50 { margin-right: 50px !important; }
.ml55 { margin-left: 55px !important; } .mr55 { margin-right: 55px !important; }
.ml60 { margin-left: 60px !important; } .mr60 { margin-right: 60px !important; }

/* padding set */
.pt00 { padding-top: 0 !important; } .pb00 { padding-bottom: 0 !important; }
.pt05 { padding-top: 5px !important; } .pb05 { padding-bottom: 5px !important; }
.pt10 { padding-top: 10px !important; } .pb10 { padding-bottom: 10px !important; }
.pt15 { padding-top: 15px !important; } .pb15 { padding-bottom: 15px !important; }
.pt20 { padding-top: 20px !important; } .pb20 { padding-bottom: 20px !important; }
.pt25 { padding-top: 25px !important; } .pb25 { padding-bottom: 25px !important; }
.pt30 { padding-top: 30px !important; } .pb30 { padding-bottom: 30px !important; }
.pt35 { padding-top: 35px !important; } .pb35 { padding-bottom: 35px !important; }
.pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; }
.pt45 { padding-top: 45px !important; } .pb45 { padding-bottom: 45px !important; }
.pt50 { padding-top: 50px !important; } .pb50 { padding-bottom: 50px !important; }
.pt55 { padding-top: 55px !important; } .pb55 { padding-bottom: 55px !important; }
.pt60 { padding-top: 60px !important; } .pb60 { padding-bottom: 60px !important; }

.pl00 { padding-left: 0 !important; } .pr00 { padding-right: 0 !important; }
.pl05 { padding-left: 5px !important; } .pr05 { padding-right: 5px !important; }
.pl10 { padding-left: 10px !important; } .pr10 { padding-right: 10px !important; }
.pl15 { padding-left: 15px !important; } .pr15 { padding-right: 15px !important; }
.pl20 { padding-left: 20px !important; } .pr20 { padding-right: 20px !important; }
.pl25 { padding-left: 25px !important; } .pr25 { padding-right: 25px !important; }
.pl30 { padding-left: 30px !important; } .pr30 { padding-right: 30px !important; }
.pl35 { padding-left: 35px !important; } .pr35 { padding-right: 35px !important; }
.pl40 { padding-left: 40px !important; } .pr40 { padding-right: 40px !important; }
.pl45 { padding-left: 45px !important; } .pr45 { padding-right: 45px !important; }
.pl50 { padding-left: 50px !important; } .pr50 { padding-right: 50px !important; }
.pl55 { padding-left: 55px !important; } .pr55 { padding-right: 55px !important; }
.pl60 { padding-left: 60px !important; } .pr60 { padding-right: 60px !important; }