この商品詳細（パターンIHL2）のレイアウト設定

運用メニュー＞商品管理＞商品グループ＞商品グループ新規登録＞所属する商品のレイアウトスタイル＞画像ホスティング用パターン＞パターンIHL2

この商品詳細のレイアウト用CSS（パターンIHL2）

構築メニュー＞デザイン設定＞編集＞オリジナルCSS/JS編集

/*　画像ホスティング：商品一覧：パターンIHL2　*/
#FS2_itemlayout_IHL2 .catch{
margin-right:1px;
}

#FS2_itemlayout_IHL2 .itemGroup{
font-weight:normal;
font-size:80%;
}

#FS2_itemlayout_IHL2.gl_Item{
padding:15px;
margin:4px;
}



/*　画像ホスティング：商品一覧：バルーン　*/
.FS2_AdditionalImage_Balloon_Tip {
width: 320px;
height: 180px;
border:none;
padding-left:28px;
padding-top:5px;
margin:0px;
}

/*　画像ホスティング：商品一覧：バルーン：右側に表示される場合　*/
.FS2_AdditionalImage_Balloon_Tip_right{
background:url(/shop/item/fs2sample/design/img05/bl_left.gif) no-repeat;
padding-left:28px;
}

/*　画像ホスティング：商品一覧：バルーン：左側に表示される場合　*/
.FS2_AdditionalImage_Balloon_Tip_left{
background:url(/shop/item/fs2sample/design/img05/bl_right.gif) no-repeat;
padding-left:5px;
padding-right:25px;
}

/*　画像ホスティング：商品一覧：ロールオーバー時　*/
.FS2_AdditionalImage_Balloon_Tip_RollOver {
background-color: #f8f5f3;
}

このページ（Ladies Fashion）の共通設定

構築メニュー＞ページ設定＞商品ページ＞画像ホスティング設定（オプション）＞拡大画像画面のポップアップウィンドウ

構築メニュー＞デザイン設定＞編集＞レイアウト編集＞オリジナルCSS/JavaScript編集

/*　画像ホスティング：popup window　*/
#FS2_additional_image_popup .FS2_thumbnail_container{
width:550px;
}

.FS2_additional_image_popup_container{
width:930px;
}

.FS2_additional_image_popup_container .FS2_additional_image_container{
float:right;
width:320px;
margin-top:0px;
}

構築メニュー＞デザイン設定＞編集＞レイアウト編集