{"id":5185,"date":"2015-07-21T19:53:45","date_gmt":"2015-07-21T10:53:45","guid":{"rendered":"http:\/\/shop-pro.jp\/manual\/?page_id=5185"},"modified":"2018-02-26T14:58:31","modified_gmt":"2018-02-26T05:58:31","slug":"%e5%95%86%e5%93%81%e7%94%bb%e5%83%8f10%e6%9e%9a%e8%a1%a8%e7%a4%ba-pc%e7%89%88%e7%84%a1%e6%96%99%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e7%94%a8-%e2%80%bb%e3%82%ae%e3%82%ac%e3%83%97","status":"publish","type":"post","link":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f","title":{"rendered":"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528"},"content":{"rendered":"<div class=\"text_box\">\r\n<div class=\"title_txt\">\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u306b\u30d7\u30e9\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306b\u3001<br \/>\r\n\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u3067\u6a19\u6e96\u6a5f\u80fd\u3067\u3042\u308b\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u3092\u884c\u3046\u70ba\u306e\u3001\u65e2\u5b58\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fee\u6b63\u65b9\u6cd5\u3092\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002\r\n\r\n<div style=\"margin: 10px 0 0; padding: 15px; background: #ffffff;\"><span style=\"color: #f24baa; font-weight: bold;\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u3092\u3054\u5229\u7528\u306e\u30b7\u30e7\u30c3\u30d7\u69d8\u306e\u307f<\/span>\u3068\u306a\u308a\u307e\u3059\u3002\u305d\u308c\u4ee5\u5916\u306e\u30d7\u30e9\u30f3\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3044\u3066\u3044\u308b\u30b7\u30e7\u30c3\u30d7\u69d8\u304c\u3001\u672c\u4fee\u6b63\u3092\u884c\u3044\u307e\u3057\u3066\u3082\u3001<br \/>\r\n \u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u306f\u884c\u3048\u307e\u305b\u3093\u3002\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002<br \/>\r\n<br \/>\r\n<span style=\"color: #f24baa; font-weight: bold;\">2013\u5e745\u670813\u65e5\u4ee5\u964d\u306b\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3055\u308c\u305f\u30b7\u30e7\u30c3\u30d7\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u306f\u3001\u672c\u4fee\u6b63\u3092\u884c\u3046\u5fc5\u8981\u306f\u3054\u3056\u3044\u307e\u305b\u3093\u3002<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<ul style=\"margin: 15px 0 0;\">\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_pc_f\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_pc_c\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">PC\u7248\u6709\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_mb_f\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">\u30e2\u30d0\u30a4\u30eb\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_mb_c\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">\u30e2\u30d0\u30a4\u30eb\u7248\u6709\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_sp_f\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n\t<li><a style=\"margin-left: 0px; text-decoration: underline; font-weight: normal;\" href=\"\/manual\/tpl_pic10_update_sp_c\">\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u00a0<span style=\"font-weight: bold;\">\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u7248\u6709\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/span>\u00a0\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u30de\u30cb\u30e5\u30a2\u30eb\u306f\u3053\u3061\u3089<\/a><\/li>\r\n<\/ul>\r\n<p style=\"background: #f24baa; color: #ffffff; padding: 10px; margin: 30px 0 10px; font-size: 13px;\"><strong>\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u7528\u30bf\u30b0\u8ffd\u52a0\u65b9\u6cd5\u00a0\u2026\u00a0PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528<\/strong><\/p>\r\n<div class=\"koumoku_txt\" style=\"padding: 0 15px 15px; margin: 0 0 20px;\">\r\n<p style=\"margin: 0px 0px 10px; font-weight: bold;\">\u5bfe\u5fdc\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\uff12\u901a\u308a\u3054\u3056\u3044\u307e\u3059\u3002\u3069\u3061\u3089\u304b\u306e\u5bfe\u5fdc\u3092\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\r\n<p><span style=\"color: #ee138f; font-size: 13px; font-weight: bold;\">\u25a0\u00a0\u5bfe\u5fdc\u65b9\u6cd5\uff11\uff1a\u518d\u5ea6\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u3000\u3010\u203b\u63a8\u5968\u3011<\/span><\/p>\r\n<div style=\"margin: 10px 0px 20px; padding: 0 10px 10px;\" align=\"absmiddle\"><a href=\"\/manual\/design_tmpl_lst#04\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8ffd\u52a0\u65b9\u6cd5\u306f\u3053\u3061\u3089<\/a><\/div>\r\n<p><span style=\"color: #ee138f; font-size: 13px; font-weight: bold;\">\u25a0\u00a0\u5bfe\u5fdc\u65b9\u6cd5\uff12\uff1a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8a72\u5f53\u7b87\u6240\u3092\u4fee\u6b63\u3001\u307e\u305f\u306f\u8ffd\u52a0\u3059\u308b<\/span><\/p>\r\n<div style=\"margin: 10px 0px 20px; padding: 0 10px 10px; line-height: 1.8em;\" align=\"absmiddle\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7de8\u96c6\u3092\u884c\u3046\u5834\u5408\u306f\u3001\u3010\u5546\u54c1\u8a73\u7d30\u3011HTML\u30fb\u3010\u5171\u901a\u3011CSS \u306e\u8a082\u7b87\u6240\u3092\u7de8\u96c6\u3057\u307e\u3059\u3002<br \/>\r\n\u4f7f\u7528\u3059\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u78ba\u8a8d\u3057\u3001\u7de8\u96c6\u3092\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\r\n<a href=\"#01_02\">\u00bb\u00a0\u5404\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u4fee\u6b63\u5185\u5bb9\u3078\u306e\u30ea\u30f3\u30af\u4e00\u89a7\u306f\u3053\u3061\u3089<\/a>\r\n<p style=\"margin: 0px; padding: 0px;\"><span class=\"grn\"><br \/>\r\n \u203b\u4fee\u6b63\u30bf\u30b0\u3092\u5909\u66f4\u3059\u308b\u4f4d\u7f6e\u304c\u4e0d\u660e\u306a\u5834\u5408\u306f\u3001\u3054\u5229\u7528\u4e2d\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3068\u540c\u3058\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u8ffd\u52a0\u3057\u3066\u3044\u305f\u3060\u304d\u3001<br \/>\r\n\u4fee\u6b63\u7528\u30bf\u30b0\u304c\u8a18\u8ff0\u3055\u308c\u3066\u3044\u308b\u4f4d\u7f6e\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/span><\/p>\r\n<\/div>\r\n<\/div>\r\n<p style=\"background: #f24baa; color: #ffffff; padding: 10px; margin: 30px 0 10px; font-size: 13px;\"><strong>\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u7528\u30bf\u30b0\u8ffd\u52a0\u624b\u9806<\/strong><\/p>\r\n<div style=\"padding: 0 15px 15px; margin: 0;\">\u4f7f\u7528\u3057\u3066\u3044\u308b\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u78ba\u8a8d\r\n\r\n<div class=\"koumoku_txt\">\u3010\u5546\u54c1\u8a73\u7d30\u3011HTML \u306b\u8ffd\u52a0\u3059\u308b\u30bf\u30b0\u306f\u5404\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u6bce\u306b\u7570\u306a\u308a\u307e\u3059\u3002\u5bfe\u8c61\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/div>\r\n<div style=\"margin: 10px 0px 0px 0px;\" align=\"absmiddle\"><a href=\"#01_02\">\u00bb\u00a0\u5404\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u4fee\u6b63\u5185\u5bb9\u3078\u306e\u30ea\u30f3\u30af\u4e00\u89a7\u306f\u3053\u3061\u3089<\/a><\/div>\r\n<p>\u30bf\u30b0\u306e\u633f\u5165\u7b87\u6240\u3092\u78ba\u8a8d<\/p>\r\n<div class=\"koumoku_txt\">\u3010\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5225\u633f\u5165\u30bf\u30b0\u4e00\u89a7\u8868\u3011\u306e\u3001\u00a0<span style=\"background-color: #fffc00;\">&lt;!-- \u9ec4\u8272\u3044\u30de\u30fc\u30af\u306e\u6587\u5b57\u5217 --&gt;<\/span>\u00a0\u304c\u633f\u5165\u7b87\u6240\u306e\u76ee\u5b89\u3068\u306a\u308a\u307e\u3059\u306e\u3067\u3001<br \/>\r\n \u6587\u5b57\u5217\u3092\u3010\u5546\u54c1\u8a73\u7d30\u3011HTML \u5185\u306b\u3066\u691c\u7d22\u3057\u307e\u3059\u3002<br \/>\r\n <\/div>\r\n<p>\u6307\u5b9a\u30bf\u30b0\u3092\u30b3\u30d4\u30fc\u3001\u633f\u5165<\/p>\r\n<div class=\"koumoku_txt\">\u30fb\u691c\u7d22\u5f8c\u3001\u5404\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u8ffd\u52a0\u4f4d\u7f6e\u3092\u3054\u78ba\u8a8d\u3044\u305f\u3060\u304d\u3001<span style=\"background-color: #ffb4d2;\">\u00a0\u30d4\u30f3\u30af\u30a8\u30ea\u30a2\u306e\u8ffd\u52a0\u30bf\u30b0\u00a0<\/span>\u3092\u633f\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\r\n<br \/>\r\n\u30fb\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306b\u3088\u3063\u3066\u306f\u3001\u4e00\u90e8\u30bf\u30b0\u3092\u524a\u9664\u3057\u3066\u3044\u305f\u3060\u3044\u305f\u5f8c\u3001\u30bf\u30b0\u3092\u8ffd\u52a0\u3057\u3066\u3044\u305f\u3060\u304f\u5fc5\u8981\u304c\u3054\u3056\u3044\u307e\u3059\u3002<br \/>\r\n\u524a\u9664\u3059\u308b\u5fc5\u8981\u306e\u30bf\u30b0\u304c\u3042\u308b\u5834\u5408\u3001 \u524a\u9664\u8a72\u5f53\u90e8\u5206\u3092<span style=\"background-color: #cccccc;\">\u00a0\u30b0\u30ec\u30fc\u30a8\u30ea\u30a2\u00a0<\/span>\u3067\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u30b0\u30ec\u30fc\u30a8\u30ea\u30a2\u00a0<\/span>\u90e8\u5206\u306e\u30bf\u30b0\u3092\u524a\u9664\u5f8c\u306b\u3001<span style=\"background-color: #ffb4d2;\">\u00a0\u30d4\u30f3\u30af\u30a8\u30ea\u30a2\u306e\u8ffd\u52a0\u30bf\u30b0\u00a0<\/span>\u90e8\u5206\u306e\u30bf\u30b0\u3092\u633f\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\r\n<br \/>\r\n\u30fb\u8ffd\u52a0\u3059\u308bHTML\u30bf\u30b0\u306b\u306f\u3001<span style=\"font-weight: bold;\">\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u30bf\u30b0\u3068\u3001\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0\u306e\uff12\u901a\u308a<\/span>\u304c\u3054\u3056\u3044\u307e\u3059\u3002<br \/>\r\n\u3069\u3061\u3089\u306e\u30bf\u30b0\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3044\u3066\u3082\u3001\u5546\u54c1\u753b\u50cf\u306f\u8868\u793a\u3055\u308c\u307e\u3059\u306e\u3067\u3001<br \/>\r\n\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306a\u3069\u884c\u3063\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u5408\u3063\u305fHTML\u30bf\u30b0\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002<br \/>\r\n\u203bCSS\u306f\u5171\u901a\u3067\u3059\u3002<\/div>\r\n<p><a name=\"01_02\"><\/a><\/p>\r\n<div class=\"koumoku_txt\" style=\"margin: 15px 0 60px;\"><span style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u25a0\u00a0\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u5225\u633f\u5165\u30bf\u30b0\u4e00\u89a7\u8868\u00a0PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u00a0\u3010\u00a0\u5546\u54c1\u8a73\u7d30\u00a0\u3011HTML<\/span><\/div>\r\n<div class=\"koumoku_txt\" style=\"padding: 15px; line-height: 170%; color: #ff5c86; border: solid 5px #ebebeb; margin: 0 0 15px;\">\r\n<div style=\"line-height: 2em;\">\u00a0\uff5c\u00a0<a href=\"#tag33\">\u30a6\u30a7\u30b9\u30c8\uff08\u30db\u30ef\u30a4\u30c8\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag34\">\u30a6\u30a7\u30b9\u30c8\uff08\u30d6\u30e9\u30c3\u30af\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag35\">\u30d4\u30f3\uff08\u30e9\u30a4\u30c8\u30b0\u30ec\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag36\">\u30d5\u30a9\u30c8\u30b0\u30e9\u30d5\uff08\u30a6\u30c3\u30c9\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag01\">\u30e1\u30e2\u30ea\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag02\">\u30aa\u30ec\u30f3\u30b8\u30ce\u30fc\u30c8<\/a>\u00a0\uff5c\u00a0<a href=\"#tag03\">\u30b9\u30ab\u30a4\u30ce\u30fc\u30c8<\/a>\u00a0\uff5c\u00a0<a href=\"#tag04\">\u30ec\u30bf\u30b9\u30ce\u30fc\u30c8<\/a>\u00a0\uff5c\u00a0<a href=\"#tag05\">\u30d7\u30ec\u30fc\u30f3<\/a>\u00a0\uff5c\u00a0<a href=\"#tag06\">\u30b7\u30f3\u30d7\u30eb\uff08\u30ec\u30c3\u30c9\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag07\">\u30b7\u30f3\u30d7\u30eb\uff08\u30d6\u30eb\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag08\">\u30b7\u30f3\u30d7\u30eb\uff08\u30b0\u30ec\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag09\">\u30b7\u30f3\u30d7\u30eb\uff08\u30e9\u30d9\u30f3\u30c0\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag10\">\u30df\u30cb<\/a>\u00a0\uff5c\u00a0<a href=\"#tag11\">\u30d8\u30f3\u30d7<\/a>\u00a0\uff5c\u00a0<a href=\"#tag12\">\u30d3\u30bf\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag13\">\u30a2\u30af\u30a2<\/a>\u00a0\uff5c\u00a0<a href=\"#tag14\">\u30d6\u30ed\u30c3\u30af<\/a>\u00a0\uff5c\u00a0<a href=\"#tag15\">\u9e7f\u306e\u5b50<\/a>\u00a0\uff5c\u00a0<a href=\"#tag16\">\u30ec\u30fc\u30b9<\/a>\u00a0\uff5c\u00a0<a href=\"#tag17\">\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag18\">\u30ca\u30c1\u30e5\u30e9\u30eb<\/a>\u00a0\uff5c\u00a0<a href=\"#tag19\">\u30a8\u30ec\u30ac\u30f3\u30c8<\/a>\u00a0\uff5c\u00a0<a href=\"#tag20\">\u30d5\u30e9\u30ef\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag27\">\u30d6\u30eb\u30fc\u30c1\u30a7\u30c3\u30af<\/a>\u00a0\uff5c\u00a0<a href=\"#tag21\">\u30da\u30fc\u30d1\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag22\">\u30a6\u30c3\u30c9<\/a>\u00a0\uff5c\u00a0<a href=\"#tag23\">\u30b9\u30c8\u30e9\u30a4\u30d7<\/a>\u00a0\uff5c\u00a0<a href=\"#tag24\">2\u30ab\u30e9\u30e0\uff08\u5de6\u30e1\u30cb\u30e5\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag25\">2\u30ab\u30e9\u30e0\uff08\u53f3\u30e1\u30cb\u30e5\u30fc\uff09<\/a>\u00a0\uff5c\u00a0<a href=\"#tag26\">3\u30ab\u30e9\u30e0<\/a>\u00a0\uff5c\u00a0<a href=\"#tag28\">\u30d9\u30d3\u30fc<\/a>\u00a0\uff5c\u00a0<a href=\"#tag29\">\u30ec\u30c3\u30c9\u30c1\u30a7\u30c3\u30af<\/a>\u00a0\uff5c\u00a0<a href=\"#tag30\">\u30ea\u30cd\u30f3<\/a>\u00a0\uff5c\u00a0<a href=\"#tag31\">\u30e2\u30fc\u30eb\uff11<\/a>\u00a0\uff5c\u00a0<a href=\"#tag32\">\u30e2\u30fc\u30eb\uff12<\/a>\u00a0\uff5c<\/div>\r\n<\/div>\r\n<\/div>\r\n<p><a name=\"tag33\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30a6\u30a7\u30b9\u30c8\uff08\u30db\u30ef\u30a4\u30c8\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $product.ot4_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot4_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot4_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot5_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot5_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot5_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot6_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot6_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot6_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot7_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot7_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot7_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot8_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot8_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot8_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot9_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot9_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot9_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot10_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot10_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot10_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot10_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #cccccc;\">\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $otherimg_num != 0}&gt;\r\n        &lt;{section name=num loop=$otherimg}&gt;\r\n          &lt;{if $otherimg[num].url != \"\"}&gt;\r\n            &lt;a href=\"&lt;{$otherimg[num].url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$otherimg[num].url}&gt;' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{else}&gt;\r\n            &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/56\/l.gif\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{\/if}&gt;\r\n        &lt;{\/section}&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag34\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30a6\u30a7\u30b9\u30c8\uff08\u30d6\u30e9\u30c3\u30af\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $product.ot4_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot4_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot4_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot5_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot5_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot5_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot6_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot6_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot6_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot7_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot7_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot7_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot8_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot8_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot8_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot9_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot9_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot9_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot10_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot10_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot10_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot10_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #cccccc;\">\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $otherimg_num != 0}&gt;\r\n        &lt;{section name=num loop=$otherimg}&gt;\r\n          &lt;{if $otherimg[num].url != \"\"}&gt;\r\n            &lt;a href=\"&lt;{$otherimg[num].url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$otherimg[num].url}&gt;' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{else}&gt;\r\n            &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/57\/l.gif\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{\/if}&gt;\r\n        &lt;{\/section}&gt;\r\n      &lt;{\/if}&gt; \r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag35\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d4\u30f3\uff08\u30e9\u30a4\u30c8\u30b0\u30ec\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;!-- \u305d\u306e\u4ed6\u306e\u753b\u50cf --&gt;<\/span>\r\n  &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">\r\n  &lt;{if $product.ot4_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot5_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot6_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot7_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot8_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot9_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot10_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot10_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot10_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt; \r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u305d\u306e\u4ed6\u306e\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">\r\n  &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"box product_image_other\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n  &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n      &lt;{if $otherimg[num].url != \"\"}&gt;\r\n        &lt;div class=\"box product_image_other\"&gt;\r\n          &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;\r\n        &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n  &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag36\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d5\u30a9\u30c8\u30b0\u30e9\u30d5\uff08\u30a6\u30c3\u30c9\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $product.ot4_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot4_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot4_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot5_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot5_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot5_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot6_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot6_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot6_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot7_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot7_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot7_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot8_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot8_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot8_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot9_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot9_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot9_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot10_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot10_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot10_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot10_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;div class=\"zoom-desc\"&gt;<\/span>\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.img_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.img_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.img_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<span style=\"background-color: #cccccc;\">\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot1_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot1_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot2_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot2_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a href=\"&lt;{$product.ot3_url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$product.ot3_url}&gt;' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{else}&gt;\r\n        &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n        &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n        &lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n      &lt;{if $otherimg_num != 0}&gt;\r\n        &lt;{section name=num loop=$otherimg}&gt;\r\n          &lt;{if $otherimg[num].url != \"\"}&gt;\r\n            &lt;a href=\"&lt;{$otherimg[num].url}&gt;\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' &lt;{$otherimg[num].url}&gt;' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{else}&gt;\r\n            &lt;a href=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" class=\"cloud-zoom-gallery\" title=\"\" rel=\"useZoom: 'zoom1', smallImage: ' http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif' \"&gt;\r\n            &lt;img class=\"zoom-tiny-image\" src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/59\/l.gif\" \/&gt;\r\n            &lt;\/a&gt;\r\n          &lt;{\/if}&gt;\r\n        &lt;{\/section}&gt;\r\n      &lt;{\/if}&gt;\r\n<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag01\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30e1\u30e2\u30ea\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">\r\n   &lt;{if $product.ot4_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot5_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot6_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot7_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot8_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot9_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n<\/span>\r\n  &lt;\/div&gt;\r\n  &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">  <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n  &lt;\/div&gt;\r\n<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n<\/span>\r\n  &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">\/* \u5546\u54c1\u305d\u306e\u4ed6\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3068\u88c5\u98fe *\/<\/span>\r\n.subimg img{\r\n  width:&lt;{$link_img}&gt;;\r\n  border:1px solid &lt;{$productimg_border}&gt;;\r\n  margin-right:5px;\r\n<span style=\"background-color: #ffb4d2;\">  margin-top:3px;\r\n  margin-bottom:3px;<\/span>\r\n}\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag02\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30aa\u30ec\u30f3\u30b8\u30ce\u30fc\u30c8<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>      \r\n   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag03\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b9\u30ab\u30a4\u30ce\u30fc\u30c8<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>      \r\n   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag04\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30ec\u30bf\u30b9\u30ce\u30fc\u30c8<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>      \r\n   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumnail border\" \/&gt;&lt;\/a&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n   &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag05\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d7\u30ec\u30fc\u30f3<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;div&gt;\r\n &lt;{if $product.ot1_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot2_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot3_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\"> &lt;{if $product.ot4_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot5_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot6_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot7_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot8_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot9_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small small_tp\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;<\/span>\r\n&lt;\/div&gt;\r\n&lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;div&gt;\r\n<span style=\"background-color: #cccccc;\"> &lt;{if $product.ot1_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot2_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{if $product.ot3_url != \"\"}&gt;\r\n &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n &lt;{\/if}&gt;<\/span>\r\n \r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n  &lt;{section name=num loop=$otherimg}&gt;\r\n  &lt;{if $otherimg[num].url != \"\"}&gt;\r\n  &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small&lt;{if $smarty.section.num.index &gt;= 3 }&gt; small_tp&lt;{\/if}&gt;\" \/&gt;&lt;\/a&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n&lt;\/div&gt;\r\n&lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30<\/span>\r\n * ************************************************ *\/\r\n\r\n.large {\r\n}\r\n\r\n.small {\r\n  width:150px ;\r\n  margin:0px 10px 0px 0px;\r\n  float:left;\r\n}\r\n\r\n<span style=\"background-color: #ffb4d2;\">.small_tp {\r\n  margin-top:10px;\r\n}<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag06\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b7\u30f3\u30d7\u30eb\uff08\u30ec\u30c3\u30c9\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot5_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot6_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot7_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot8_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot9_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n \r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n&lt;{section name=num loop=$otherimg}&gt;\r\n&lt;{if $otherimg[num].url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag07\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b7\u30f3\u30d7\u30eb\uff08\u30d6\u30eb\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot5_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot6_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot7_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot8_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot9_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n \r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n&lt;{section name=num loop=$otherimg}&gt;\r\n&lt;{if $otherimg[num].url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag08\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b7\u30f3\u30d7\u30eb\uff08\u30b0\u30ec\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot5_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot6_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot7_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot8_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot9_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n \r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n&lt;{section name=num loop=$otherimg}&gt;\r\n&lt;{if $otherimg[num].url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag09\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b7\u30f3\u30d7\u30eb\uff08\u30e9\u30d9\u30f3\u30c0\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot5_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot6_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot7_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot8_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot9_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n \r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n&lt;{section name=num loop=$otherimg}&gt;\r\n&lt;{if $otherimg[num].url != \"\"}&gt;\r\n&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n&lt;{\/if}&gt;\r\n&lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag10\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30df\u30cb<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">       <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n        &lt;{if $product.ot1_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n\r\n        &lt;{if $product.ot2_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n\r\n        &lt;{if $product.ot3_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n<span style=\"background-color: #ffb4d2;\">        &lt;{if $product.ot4_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n        &lt;{if $product.ot5_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n        &lt;{if $product.ot6_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\"  class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n        &lt;{if $product.ot7_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n        &lt;{if $product.ot8_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        \r\n        &lt;{if $product.ot9_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">       <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">        &lt;{if $product.ot1_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n\r\n        &lt;{if $product.ot2_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n\r\n        &lt;{if $product.ot3_url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;<\/span>\r\n         \r\n<span style=\"background-color: #ffb4d2;\">        &lt;{if $otherimg_num != 0}&gt;\r\n        &lt;{section name=num loop=$otherimg}&gt;\r\n        &lt;{if $otherimg[num].url != \"\"}&gt;\r\n          &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        &lt;{\/section}&gt;\r\n        &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag11\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d8\u30f3\u30d7<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table class=\"main_title\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"&gt;\r\n&lt;tr&gt;&lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;&lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n\r\n&lt;div id=\"detail\"&gt;\r\n\r\n  &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/26\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;&lt;{\/if}&gt;\r\n\r\n&lt;div class=\"expl\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n  &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $product.ot4_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot5_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot6_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot7_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot8_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot9_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table class=\"main_title\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"&gt;\r\n&lt;tr&gt;&lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;&lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n\r\n&lt;div id=\"detail\"&gt;\r\n\r\n  &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/26\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;&lt;{\/if}&gt;\r\n\r\n&lt;div class=\"expl\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n<span style=\"background-color: #cccccc;\">  &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n  &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n         \r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n    &lt;{if $otherimg[num].url != \"\"}&gt;\r\n    &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n  &lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n#detail {\r\n  text-align:center;\r\n  color:&lt;{$font_color}&gt;;\r\n  }\r\n\r\n#detail .expl {\r\n  line-height:150%;\r\n  text-align: left;\r\n  margin: 10px 10px 5px 10px;\r\n  }\r\n\r\n#detail .main_img {\r\n  padding: 4px;\r\n  border:1px #dacdb9 solid;\r\n  }\r\n\r\n#detail .sub {\r\n  float: left;\r\n  width: 188px;\r\n  text-align: center;\r\n  }\r\n\r\n<span style=\"background-color: #ffb4d2;\">#detail .sub_tp {\r\n  padding-top:18px;\r\n  }<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag12\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d3\u30bf\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $product.ot4_url != \"\"}&gt;&lt;br \/&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot7_url != \"\"}&gt;&lt;br \/&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;<\/span>\r\n    &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n    &lt;{if $otherimg[num].url != \"\"}&gt;\r\n      &lt;{if $smarty.section.num.index%3 == 0 &amp;&amp; $smarty.section.num.index != 0 }&gt;\r\n      &lt;br \/&gt;\r\n      &lt;{\/if}&gt;\r\n    &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumnail\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n    &lt;{\/if}&gt;<\/span>\r\n    &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag13\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30a2\u30af\u30a2<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;div id=\"detailImg\" style=\"padding:10px 0px;\"&gt;\r\n&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n&lt;\/div&gt;  \r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n&lt;div id=\"detailImg\" style=\"padding:10px 0px;\"&gt;\r\n<span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;&lt;{section name=num loop=$otherimg}&gt;&lt;{if $otherimg[num].url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{\/section}&gt;&lt;{\/if}&gt;<\/span>\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/*----------------------------------------------------------------------\r\n  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30<\/span>\r\n----------------------------------------------------------------------*\/\r\n\r\n\r\n#detail {\r\n  padding : 0px 15px;\r\n}\r\n\r\n\r\n.product_explain {\r\n  line-height : 180%;\r\n  padding : 10px 0px;\r\n}\r\n\r\n#detailImg {\r\n  border-top : 1px dotted &lt;{$productimg_border}&gt;;\r\n}\r\n\r\n#detailImg a {\r\n  color : #fff;\r\n}\r\n\r\nimg.small {\r\n  width: 150px;\r\n<span style=\"background-color: #cccccc;\">  margin-right:7px;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  margin:4px 7px 3px 0px;<\/span>\r\n}\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag14\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d6\u30ed\u30c3\u30af<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u30e1\u30a4\u30f3\u753b\u50cf --&gt;<\/span>\r\n&lt;div class=\"main_menu\"&gt;\u5546\u54c1\u8a73\u7d30&lt;\/div&gt;\r\n<span style=\"background-color: #cccccc;\">&lt;div style=\"width:210px; margin:15px auto; text-align:center;\"&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">&lt;div style=\"width:210px; margin:15px auto 35px; text-align:center;\"&gt;<\/span>\r\n &lt;div class=\"main_more_1\"&gt;&lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/3\/now200.gif\"&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n<span style=\"background-color: #ffb4d2;\"> &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;<\/span>\r\n &lt;div style=\"clear:left;\"&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;  \r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u30e1\u30a4\u30f3\u753b\u50cf --&gt;<\/span>\r\n&lt;div class=\"main_menu\"&gt;\u5546\u54c1\u8a73\u7d30&lt;\/div&gt;\r\n<span style=\"background-color: #cccccc;\">&lt;div style=\"width:210px; margin:15px auto; text-align:center;\"&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">&lt;div style=\"width:210px; margin:15px auto 35px; text-align:center;\"&gt;<\/span>\r\n &lt;div class=\"main_more_1\"&gt;&lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/3\/now200.gif\"&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n<span style=\"background-color: #cccccc;\"> &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;\/div&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;\r\n &lt;{section name=num loop=$otherimg}&gt;\r\n &lt;{if $otherimg[num].url != \"\"}&gt;\r\n &lt;div class=\"main_more_3\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n &lt;{\/if}&gt;\r\n &lt;{\/section}&gt;\r\n&lt;{\/if}&gt;<\/span>\r\n &lt;div style=\"clear:left;\"&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ------------------------------------------- \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u305d\u306e\u4ed6\u753b\u50cf<\/span>\r\n * ------------------------------------------- *\/\r\n.main_more_3 {\r\n  width: 60px;\r\n<span style=\"background-color: #cccccc;\">  padding: 10px 5px;\r\n  margin-bottom: 10px;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  padding: 10px 5px 0px;<\/span>\r\n  float: left;\r\n}\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag15\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u9e7f\u306e\u5b50<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n &lt;dd&gt;\r\n  &lt;{if $product.ot1_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot2_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot3_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;br class=\"clear\" \/&gt;\r\n\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $product.ot4_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot5_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot6_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;br class=\"clear\" \/&gt;\r\n\r\n  &lt;{if $product.ot7_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot8_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot9_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;br class=\"clear\" \/&gt;<\/span>\r\n &lt;\/dd&gt;\r\n &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n &lt;dd&gt;\r\n<span style=\"background-color: #cccccc;\">  &lt;{if $product.ot1_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot2_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;{if $product.ot3_url != \"\"}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n\r\n  &lt;br class=\"clear\" \/&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;\r\n  &lt;{section name=num loop=$otherimg}&gt;\r\n  &lt;{if $otherimg[num].url != \"\"}&gt;\r\n  &lt;{if $smarty.section.num.index%3 == 0 &amp;&amp; $smarty.section.num.index != 0 }&gt;\r\n  &lt;br class=\"clear\" \/&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;div class=\"subimg\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumbnail img_border\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/19\/zoom.gif\" class=\"zoom\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{\/section}&gt;\r\n  &lt;br class=\"clear\" \/&gt;\r\n  &lt;{\/if}&gt;<\/span>\r\n\r\n &lt;\/dd&gt;\r\n &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ------------------------------------- \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u306e\u305d\u306e\u4ed6\u753b\u50cf<\/span>\r\n * ------------------------------------- *\/\r\n.subimg {\r\n  width:&lt;{$left_width}&gt;;\/* \u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u306e\u30b5\u30a4\u30ba\uff08\u521d\u671f\u30e2\u30fc\u30c9\u3067\u8a2d\u5b9a\uff09 *\/\r\n  float:left;\r\n<span style=\"background-color: #cccccc;\">  margin-right:20px;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  margin:5px 20px 5px 0px;<\/span>\r\n}\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag16\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30ec\u30fc\u30b9<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n   &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $product.ot4_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot5_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot6_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot7_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot8_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot9_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n\r\n   &lt;br class=\"clr\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">   <span style=\"background-color: #fffc00;\">&lt;!-- \u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n\r\n   &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n   &lt;div class=\"detail_sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"sub border\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n\r\n   &lt;br class=\"clr\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag17\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d3\u30e5\u30fc\u30c6\u30a3\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">     <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n     &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{ else }&gt;\u00a0&lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $product.ot4_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot5_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot6_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot7_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot8_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot9_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n     &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">     <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">     &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{ else }&gt;\u00a0&lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub_img\"&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n     &lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n     \r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $otherimg_num != 0}&gt;\r\n      &lt;{if $smarty.section.num.index == 0 || $otherimg[num].url == \"\" }&gt;\u00a0&lt;{\/if}&gt;\r\n      &lt;{section name=num loop=$otherimg}&gt;\r\n      &lt;{if $otherimg[num].url != \"\"}&gt;\r\n      &lt;div class=\"sub_img\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"thumnail\" \/&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/15\/zoom.gif\" class=\"zoom\"&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{\/section}&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">\/*\u4fa1\u683c\u8a73\u7d30\u8868*\/<\/span>\r\n.spec  {\r\n  font-size:12px;\r\n  margin:10px 0px 0px 0px;\r\n  }\r\n.spec td {\r\n  height:20px;\r\n  padding-right:10px;\r\n  }\r\n\r\n.sub_img {\r\n  float:left;\r\n  width:100px;\r\n  margin-right:5px;\r\n<span style=\"background-color: #ffb4d2;\">  margin-bottom:5px;<\/span>\r\n  }\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag18\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30ca\u30c1\u30e5\u30e9\u30eb<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"linktitle\"&gt;\u5546\u54c1\u8a73\u7d30&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n \r\n &lt;table width=\"550\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"&gt;\r\n  &lt;tr&gt;\r\n   &lt;td width=\"220\" valign=\"top\" align=\"center\"&gt;\r\n\r\n    &lt;div class=\"product_img_main\"&gt;\u5546\u54c1\u30a4\u30e1\u30fc\u30b8&lt;\/div&gt;\r\n    &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/1\/now200.gif\"&gt;&lt;{\/if}&gt;\r\n\r\n    &lt;div class=\"product_img_sub\"&gt;&lt;\/div&gt;\r\n    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n   &lt;\/td&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"linktitle\"&gt;\u5546\u54c1\u8a73\u7d30&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n \r\n &lt;table width=\"550\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"&gt;\r\n  &lt;tr&gt;\r\n   &lt;td width=\"220\" valign=\"top\" align=\"center\"&gt;\r\n\r\n    &lt;div class=\"product_img_main\"&gt;\u5546\u54c1\u30a4\u30e1\u30fc\u30b8&lt;\/div&gt;\r\n    &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/1\/now200.gif\"&gt;&lt;{\/if}&gt;\r\n\r\n    &lt;div class=\"product_img_sub\"&gt;&lt;\/div&gt;\r\n<span style=\"background-color: #cccccc;\">    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n    &lt;{if $otherimg[num].url != \"\"}&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n    &lt;{\/if}&gt;<\/span>\r\n   &lt;\/td&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag19\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30a8\u30ec\u30ac\u30f3\u30c8<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $product.ot4_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot5_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot6_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot7_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot8_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot9_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">      &lt;{if $otherimg_num != 0}&gt;\r\n      &lt;{section name=num loop=$otherimg}&gt;\r\n      &lt;{if $otherimg[num].url != \"\"}&gt;\r\n      &lt;{if $smarty.section.num.index != 0 }&gt;&lt;br&gt;&lt;{\/if}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{\/section}&gt;\r\n      &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag20\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d5\u30e9\u30ef\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n \r\n &lt;table width=\"400\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\"&gt;\r\n  &lt;tr&gt;\r\n   &lt;td valign=\"top\" align=\"center\" class=\"product_picture01\"&gt;\r\n    &lt;div style=\"margin:15px 15px;\"&gt;\r\n    &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/2\/now200.gif\"&gt;&lt;{\/if}&gt;\r\n\r\n    &lt;div class=\"product_img_sub\"&gt;&lt;\/div&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;div class=\"product_img_sub_parts_wrap\"&gt;<\/span>\r\n    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $product.ot4_url != \"\"}&gt;&lt;br \/&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot7_url != \"\"}&gt;&lt;br \/&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">    &lt;\/div&gt;<\/span>\r\n\r\n    &lt;\/div&gt;\r\n   &lt;\/td&gt;&lt;\/tr&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n \r\n &lt;table width=\"400\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\"&gt;\r\n  &lt;tr&gt;\r\n   &lt;td valign=\"top\" align=\"center\" class=\"product_picture01\"&gt;\r\n    &lt;div style=\"margin:15px 15px;\"&gt;\r\n    &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/2\/now200.gif\"&gt;&lt;{\/if}&gt;\r\n\r\n    &lt;div class=\"product_img_sub\"&gt;&lt;\/div&gt;\r\n<span style=\"background-color: #cccccc;\">    &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;\r\n    &lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;div class=\"product_img_sub_parts_wrap\"&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n    &lt;{if $otherimg[num].url != \"\"}&gt;\r\n    &lt;{if $smarty.section.num.index%3 == 0 &amp;&amp; $smarty.section.num.index != 0 }&gt;&lt;br \/&gt;&lt;{\/if}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"60px\" \/&gt;&lt;\/a&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n    &lt;\/div&gt;\r\n    &lt;{\/if}&gt;<\/span>\r\n\r\n    &lt;\/div&gt;\r\n   &lt;\/td&gt;&lt;\/tr&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* <span style=\"background-color: #fffc00;\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18\uff08\u8fd4\u54c1\u306a\u3069\uff09\u30dc\u30bf\u30f3<\/span> *\/\r\np#sk_link_other {\r\n  text-align:left;\r\n  margin-top:10px;\r\n}\r\n\r\np#sk_link_other a {\r\n  font-size:12px;\r\n}\r\n\r\n<span style=\"background-color: #ffb4d2;\">\/* \u305d\u306e\u4ed6\u753b\u50cf *\/\r\n.product_img_sub_parts_wrap {\r\n  line-height:1.5em;\r\n}<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag27\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d6\u30eb\u30fc\u30c1\u30a7\u30c3\u30af<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"main_title\"&gt;\r\n &lt;tr&gt;\r\n  &lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;\r\n &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"detail\"&gt;\r\n   &lt;{if $product.img_url != \"\"}&gt;\r\n    &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{else}&gt;\r\n    &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/27\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;div class=\"expl\"&gt;\r\n    &lt;{$product.explain}&gt;\r\n   &lt;\/div&gt;\r\n\r\n   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $product.ot4_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot5_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot6_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot7_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot8_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot9_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n   &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"main_title\"&gt;\r\n &lt;tr&gt;\r\n  &lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;\r\n &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"detail\"&gt;\r\n   &lt;{if $product.img_url != \"\"}&gt;\r\n    &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{else}&gt;\r\n    &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/27\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;div class=\"expl\"&gt;\r\n    &lt;{$product.explain}&gt;\r\n   &lt;\/div&gt;\r\n\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n    &lt;{section name=num loop=$otherimg}&gt;\r\n    &lt;{if $otherimg[num].url != \"\"}&gt;\r\n    &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n    &lt;{\/if}&gt;\r\n    &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n   &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n#detail {\r\n  text-align:center;\r\n  color:&lt;{$font_color}&gt;;\r\n  }\r\n\r\n#detail .expl {\r\n  line-height:150%;\r\n  text-align:left;\r\n  margin:10px 10px 5px 10px;\r\n  }\r\n\r\n#detail .main_img {\r\n  padding:4px;\r\n  border-top:1px solid #D1D1D1;\r\n  border-left:1px solid #D1D1D1;\r\n  border-right:1px solid #989898;\r\n  border-bottom:1px solid #989898;\r\n  }\r\n\r\n#detail .sub {\r\n  float:left;\r\n  width:188px;\r\n  text-align:center;\r\n  }\r\n\r\n<span style=\"background-color: #ffb4d2;\">#detail .sub_tp {\r\n  padding-top:18px;\r\n  }<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag21\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30da\u30fc\u30d1\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span>&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>&lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;<\/span><span style=\"background-color: #cccccc;\">&lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span><span style=\"background-color: #ffb4d2;\">&lt;{if $otherimg_num != 0}&gt;&lt;{section name=num loop=$otherimg}&gt;&lt;{if $otherimg[num].url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{\/section}&gt;&lt;{\/if}&gt;<\/span>&lt;!--\/\/ \u5546\u54c1\u30b5\u30d6\u753b\u50cf --&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag22\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30a6\u30c3\u30c9<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table class=\"main_title\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"&gt;\r\n&lt;tr&gt;&lt;td&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/11\/sp.gif\" width=\"15px\" height=\"5px\"&gt;\u25bc &lt;{$product.name}&gt;&lt;\/td&gt;&lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n\r\n&lt;div id=\"detail\"&gt;\r\n\r\n &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/11\/now_m.gif\" class=\"main_img\"&gt;&lt;{\/if}&gt;\r\n\r\n&lt;div class=\"expl\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\"> &lt;{if $product.ot4_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot5_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot6_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot7_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot8_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot9_url != \"\"}&gt;&lt;div class=\"sub sub_tp\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table class=\"main_title\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"&gt;\r\n&lt;tr&gt;&lt;td&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/11\/sp.gif\" width=\"15px\" height=\"5px\"&gt;\u25bc &lt;{$product.name}&gt;&lt;\/td&gt;&lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n&lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n\r\n&lt;div id=\"detail\"&gt;\r\n\r\n &lt;{if $product.img_url != \"\"}&gt;&lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" \/&gt;&lt;{else}&gt;&lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/11\/now_m.gif\" class=\"main_img\"&gt;&lt;{\/if}&gt;\r\n\r\n&lt;div class=\"expl\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n<span style=\"background-color: #cccccc;\"> &lt;{if $product.ot1_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot2_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;\r\n &lt;{if $product.ot3_url != \"\"}&gt;&lt;div class=\"sub\"&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;&lt;\/div&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\"> &lt;{if $otherimg_num != 0}&gt;\r\n  &lt;{section name=num loop=$otherimg}&gt;\r\n  &lt;{if $otherimg[num].url != \"\"}&gt;\r\n  &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;\r\n   &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;\r\n  &lt;\/div&gt;\r\n  &lt;{\/if}&gt;\r\n  &lt;{\/section}&gt;\r\n &lt;{\/if}&gt;<\/span>\r\n &lt;br style=\"clear:both;\" \/&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n#detail {\r\n  text-align:center;\r\n  color:&lt;{$font_color}&gt;;\r\n  }\r\n\r\n#detail .expl {\r\n  line-height:150%;\r\n  text-align: left;\r\n  margin: 10px 10px 5px 10px;\r\n  }\r\n\r\n#detail .main_img {\r\n  padding: 4px;\r\n  border-top: 1px #D1D1D1 solid;\r\n  border-right: 1px #989898 solid;\r\n  border-bottom: 1px #989898 solid;\r\n  border-left: 1px #D1D1D1 solid;\r\n  }\r\n\r\n#detail .sub {\r\n  float: left;\r\n  width: 188px;\r\n  text-align: center;\r\n  }\r\n\r\n<span style=\"background-color: #ffb4d2;\">#detail .sub_tp {\r\n  padding-top:18px;\r\n  }<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag23\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30b9\u30c8\u30e9\u30a4\u30d7<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $product.ot4_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot5_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot6_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot7_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot8_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot9_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">    <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n<span style=\"background-color: #cccccc;\">     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;br&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $otherimg_num != 0}&gt;\r\n      &lt;{section name=num loop=$otherimg}&gt;\r\n      &lt;{if $otherimg[num].url != \"\"}&gt;\r\n       &lt;{if $smarty.section.num.index != 0 }&gt;&lt;br&gt;&lt;{\/if}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" class=\"small\" \/&gt;&lt;\/a&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{\/section}&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag24\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a02\u30ab\u30e9\u30e0\uff08\u5de6\u30e1\u30cb\u30e5\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n<span style=\"background-color: #cccccc;\">  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;&lt;{section name=num loop=$otherimg}&gt;&lt;{if $otherimg[num].url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{\/section}&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag25\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a02\u30ab\u30e9\u30e0\uff08\u53f3\u30e1\u30cb\u30e5\u30fc\uff09<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n<span style=\"background-color: #cccccc;\">  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;&lt;{section name=num loop=$otherimg}&gt;&lt;{if $otherimg[num].url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{\/section}&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag26\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a03\u30ab\u30e9\u30e0<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<span style=\"background-color: #ffb4d2;\">&lt;{if $product.ot4_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot5_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot6_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot7_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot8_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot9_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"> <span style=\"background-color: #fffc00;\">&lt;!-- \u5546\u54c1\u753b\u50cf\u305d\u306e\u4ed6 --&gt;<\/span>\r\n  &lt;!--\u305d\u306e\u4ed6\u753b\u50cf\u306e\u8868\u793a\u5e45\u3092200px\u306b\u56fa\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002\u7de8\u96c6\u3059\u308b\u5834\u5408\u306f \u4ee5\u4e0b\u306ewidth=\"200\"\u306e\u6570\u5024\u3092\u304a\u597d\u304d\u306a\u30b5\u30a4\u30ba\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002--&gt;\r\n<span style=\"background-color: #cccccc;\">  &lt;{if $product.ot1_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot2_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{if $product.ot3_url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">  &lt;{if $otherimg_num != 0}&gt;&lt;{section name=num loop=$otherimg}&gt;&lt;{if $otherimg[num].url != \"\"}&gt;&lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" width=\"200\" \/&gt;&lt;\/a&gt;&lt;{\/if}&gt;&lt;{\/section}&gt;&lt;{\/if}&gt;<\/span>\r\n\r\n  &lt;br style=\"clear:both;\"&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag28\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30d9\u30d3\u30fc<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u25bc\u5546\u54c1\u8a73\u7d30\u25bc --&gt;<\/span>\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"datails_area\"&gt;\r\n   &lt;table width=\"474\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"left\" valign=\"top\" class=\"top\"&gt;&lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"center\" valign=\"top\" class=\"main\" style=\"padding:15px 0px;\"&gt;\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n       &lt;img src=\"&lt;{$product.img_url}&gt;\" alt=\"\" class=\"main_image\" \/&gt;\r\n      &lt;{else}&gt;\r\n       &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/28\/now_printing02.gif\" alt=\"\" class=\"main_image\" \/&gt;\r\n      &lt;{\/if}&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"center\" valign=\"top\" class=\"main\"&gt;\r\n      &lt;div class=\"other_area\"&gt;\r\n       &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" class=\"other_image\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">       &lt;{if $product.ot4_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" alt=\"\" class=\"other_image\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot5_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot6_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot7_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" alt=\"\" class=\"other_image\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot8_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot9_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\"\/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot1_url != \"\"}&gt;&lt;br clear=\"all\" \/&gt;&lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- \u25bc\u5546\u54c1\u8a73\u7d30\u25bc --&gt;<\/span>\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"datails_area\"&gt;\r\n   &lt;table width=\"474\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"left\" valign=\"top\" class=\"top\"&gt;&lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"center\" valign=\"top\" class=\"main\" style=\"padding:15px 0px;\"&gt;\r\n      &lt;{if $product.img_url != \"\"}&gt;\r\n       &lt;img src=\"&lt;{$product.img_url}&gt;\" alt=\"\" class=\"main_image\" \/&gt;\r\n      &lt;{else}&gt;\r\n       &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/28\/now_printing02.gif\" alt=\"\" class=\"main_image\" \/&gt;\r\n      &lt;{\/if}&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td align=\"center\" valign=\"top\" class=\"main\"&gt;\r\n      &lt;div class=\"other_area\"&gt;\r\n<span style=\"background-color: #cccccc;\">       &lt;{if $product.ot1_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" class=\"other_image\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot2_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;\r\n       &lt;{if $product.ot3_url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" class=\"other_image\" style=\"margin-left:17px;\" \/&gt;&lt;\/a&gt;\r\n       &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">       &lt;{if $otherimg_num != 0}&gt;\r\n        &lt;{section name=num loop=$otherimg}&gt;\r\n        &lt;{if $otherimg[num].url != \"\"}&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" alt=\"\" class=\"other_image\" &lt;{if $smarty.section.num.index%3 == 0 }&gt;&lt;{else}&gt;style=\"margin-left:17px;\" &lt;{\/if}&gt;\/&gt;&lt;\/a&gt;\r\n        &lt;{\/if}&gt;\r\n        &lt;{\/section}&gt;\r\n        &lt;{if $otherimg[num].url != \"\"}&gt;&lt;br clear=\"all\" \/&gt;&lt;{\/if}&gt;\r\n       &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* --------\r\n   <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30<\/span>\r\n   -------- *\/\r\n#datails_area {\r\n  width:474px;\r\n  padding:0px 0px 10px 20px;\r\n  }\r\n\r\n#datails_area .top {\r\n  width:474px;\r\n  height:5px;\r\n  background:transparent url(http:\/\/img.shop-pro.jp\/tmpl_img\/28\/itemlist_top_bg01.gif) top left no-repeat;\r\n  }\r\n\r\n#datails_area .main {\r\n  width:474px;\r\n  background:transparent url(http:\/\/img.shop-pro.jp\/tmpl_img\/28\/itemlist_main_bg01.gif) top left repeat-y;\r\n  }\r\n\r\n#datails_area .bottom {\r\n  width:474px;\r\n  height:16px;\r\n  background:transparent url(http:\/\/img.shop-pro.jp\/tmpl_img\/28\/itemlist_bottom_bg01.gif) top left no-repeat;\r\n  }\r\n\r\n#datails_area .main_image {\r\n  display:block;\r\n  height:auto;\r\n  border:1px solid #CCCCCC;\r\n  }\r\n\r\n#datails_area .other_area {\r\n  width:430px;\r\n  margin:0px auto;\r\n  }\r\n\r\n#datails_area .other_image {\r\n  display:block;\r\n  float:left;\r\n  width:130px;\r\n  height:auto;\r\n  border:1px solid #CCCCCC;\r\n<span style=\"background-color: #ffb4d2;\">  margin:8px 0px 9px;<\/span>\r\n  }\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag29\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30ec\u30c3\u30c9\u30c1\u30a7\u30c3\u30af<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"main_title\"&gt;\r\n &lt;tr&gt;\r\n  &lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;\r\n &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"detail\"&gt;\r\n   &lt;{if $product.img_url != \"\"}&gt;\r\n    &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{else}&gt;\r\n    &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/29\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;div class=\"expl\"&gt;\r\n    &lt;{$product.explain}&gt;\r\n   &lt;\/div&gt;\r\n\r\n   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;{if $product.ot4_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot5_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot6_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot7_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot8_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot9_url != \"\"}&gt;\r\n    &lt;div class=\"sub sub_tp\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;br style=\"clear:both;\" \/&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"main_title\"&gt;\r\n &lt;tr&gt;\r\n  &lt;td&gt;&lt;{$product.name}&gt;&lt;\/td&gt;\r\n &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div id=\"detail\"&gt;\r\n   &lt;{if $product.img_url != \"\"}&gt;\r\n    &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{else}&gt;\r\n    &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/29\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;div class=\"expl\"&gt;\r\n    &lt;{$product.explain}&gt;\r\n   &lt;\/div&gt;\r\n\r\n<span style=\"background-color: #cccccc;\">   &lt;{if $product.ot1_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot2_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{if $product.ot3_url != \"\"}&gt;\r\n    &lt;div class=\"sub\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">   &lt;{if $otherimg_num != 0}&gt;\r\n   &lt;{section name=num loop=$otherimg}&gt;\r\n   &lt;{if $otherimg[num].url != \"\"}&gt;\r\n    &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;\r\n     &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n   &lt;{\/if}&gt;\r\n   &lt;{\/section}&gt;\r\n   &lt;{\/if}&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n#detail {\r\n  text-align:center;\r\n  color:&lt;{$font_color}&gt;;\r\n  }\r\n\r\n#detail .expl {\r\n  line-height:150%;\r\n  text-align:left;\r\n  margin:10px 10px 5px 10px;\r\n  }\r\n\r\n#detail .main_img {\r\n  padding:4px;\r\n  border-top:1px solid #D1D1D1;\r\n  border-left:1px solid #D1D1D1;\r\n  border-right:1px solid #989898;\r\n  border-bottom:1px solid #989898;\r\n  }\r\n\r\n#detail .sub {\r\n  float:left;\r\n  width:188px;\r\n  text-align:center;\r\n  }\r\n\r\n<span style=\"background-color: #ffb4d2;\">#detail .sub_tp {\r\n  padding-top:18px;\r\n  }<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag30\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30ea\u30cd\u30f3<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">       <span style=\"background-color: #fffc00;\">&lt;!-- \u58f2\u5207\u308c\u6642\u3001\u4f11\u6b62\u6642\u3001\u30ed\u30b0\u30a4\u30f3\u9650\u5b9a\u8cfc\u5165\u5546\u54c1\u306f\u8868\u793a\u4e0d\u53ef  --&gt;<\/span>\r\n       &lt;{if $product.soldout_flg == 0 &amp;&amp; $shop_stop_flg == false &amp;&amp; $product.login_sale_flg == false }&gt;\r\n        &lt;tr&gt;\r\n         &lt;td width=\"60\" style=\"padding-bottom:20px;\"&gt;\u8cfc\u5165\u6570\uff1a&lt;\/td&gt;\r\n         &lt;td width=\"100\"&gt;\r\n          &lt;table width=\"100\"border=\"0\" cellpadding=\"0\" cellspacing=\"0\"&gt;\r\n           &lt;tr&gt;\r\n            &lt;td width=\"50\"&gt;&lt;input type=\"text\" name=\"product_num\" value=\"&lt;{$product.init_num}&gt;\" style=\"width:50px;height:1.5em;\" \/&gt;&lt;\/td&gt;\r\n            &lt;td width=\"15\"&gt;\r\n             &lt;div class=\"detail_arrow\"&gt;\r\n              &lt;a href=\"&lt;{$num_up_url}&gt;\"&gt;&lt;img src=\"&lt;{$num_up_img_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n              &lt;a href=\"&lt;{$num_dw_url}&gt;\"&gt;&lt;img src=\"&lt;{$num_dw_img_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n             &lt;\/div&gt;\r\n            &lt;\/td&gt;\r\n            &lt;td width=\"35\"&gt;&lt;{$product.unit}&gt;&lt;\/td&gt;\r\n           &lt;\/tr&gt;\r\n          &lt;\/table&gt;\r\n         &lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n       &lt;{\/if}&gt;\r\n      &lt;\/table&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td width=\"320\" valign=\"top\" style=\"padding-top:10px;\"&gt;\r\n      &lt;{if $product.ot1_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n<span style=\"background-color: #ffb4d2;\">    &lt;tr&gt;\r\n     &lt;td width=\"320\" valign=\"top\" style=\"padding-top:10px;\"&gt;\r\n      &lt;{if $product.ot4_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot5_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot6_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td width=\"320\" valign=\"top\" style=\"padding-top:10px;\"&gt;\r\n      &lt;{if $product.ot7_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot8_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot9_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;<\/span>\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">       <span style=\"background-color: #fffc00;\">&lt;!-- \u58f2\u5207\u308c\u6642\u3001\u4f11\u6b62\u6642\u3001\u30ed\u30b0\u30a4\u30f3\u9650\u5b9a\u8cfc\u5165\u5546\u54c1\u306f\u8868\u793a\u4e0d\u53ef  --&gt;<\/span>\r\n       &lt;{if $product.soldout_flg == 0 &amp;&amp; $shop_stop_flg == false &amp;&amp; $product.login_sale_flg == false }&gt;\r\n        &lt;tr&gt;\r\n         &lt;td width=\"60\" style=\"padding-bottom:20px;\"&gt;\u8cfc\u5165\u6570\uff1a&lt;\/td&gt;\r\n         &lt;td width=\"100\"&gt;\r\n          &lt;table width=\"100\"border=\"0\" cellpadding=\"0\" cellspacing=\"0\"&gt;\r\n           &lt;tr&gt;\r\n            &lt;td width=\"50\"&gt;&lt;input type=\"text\" name=\"product_num\" value=\"&lt;{$product.init_num}&gt;\" style=\"width:50px;height:1.5em;\" \/&gt;&lt;\/td&gt;\r\n            &lt;td width=\"15\"&gt;\r\n             &lt;div class=\"detail_arrow\"&gt;\r\n              &lt;a href=\"&lt;{$num_up_url}&gt;\"&gt;&lt;img src=\"&lt;{$num_up_img_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n              &lt;a href=\"&lt;{$num_dw_url}&gt;\"&gt;&lt;img src=\"&lt;{$num_dw_img_url}&gt;\" alt=\"\" \/&gt;&lt;\/a&gt;\r\n             &lt;\/div&gt;\r\n            &lt;\/td&gt;\r\n            &lt;td width=\"35\"&gt;&lt;{$product.unit}&gt;&lt;\/td&gt;\r\n           &lt;\/tr&gt;\r\n          &lt;\/table&gt;\r\n         &lt;\/td&gt;\r\n        &lt;\/tr&gt;\r\n       &lt;{\/if}&gt;\r\n      &lt;\/table&gt;\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n     &lt;td width=\"320\" valign=\"top\" style=\"padding-top:10px;\"&gt;   \r\n<span style=\"background-color: #cccccc;\">      &lt;{if $product.ot1_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot2_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;\r\n      &lt;{if $product.ot3_url != \"\"}&gt;\r\n       &lt;div class=\"detail_other\" style=\"margin-left:7px;\"&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n      &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $otherimg_num != 0}&gt;\r\n      &lt;{section name=num loop=$otherimg}&gt;\r\n       &lt;{if $otherimg[num].url != \"\"}&gt;\r\n        &lt;{if $smarty.section.num.index%3 == 0 &amp;&amp; $smarty.section.num.index != 0 }&gt;\r\n          &lt;\/td&gt;\r\n         &lt;\/tr&gt;\r\n         &lt;tr&gt;\r\n          &lt;td width=\"320\" valign=\"top\" style=\"padding-top:10px;\"&gt;\r\n        &lt;{\/if}&gt;\r\n       &lt;div class=\"detail_other\"&lt;{if $smarty.section.num.index%3 != 0 }&gt; style=\"margin-left:7px;\"&lt;{\/if}&gt;&gt;\r\n        &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" alt=\"\" class=\"detail_thum\" \/&gt;&lt;\/a&gt;\r\n       &lt;\/div&gt;\r\n       &lt;{\/if}&gt;\r\n      &lt;{\/section}&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\u3053\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3067\u306eCSS\u4fee\u6b63\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag31\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30e2\u30fc\u30eb\uff11<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"product_name\"&gt;&lt;{$product.name}&gt;&lt;\/div&gt;\r\n&lt;div class=\"expl_block\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div class=\"detail_cont\"&gt;\r\n   &lt;div class=\"detail_img_block\"&gt;\r\n    &lt;div class=\"detail_img\"&gt;\r\n     &lt;{if $product.img_url != \"\"}&gt;\r\n      &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{else}&gt;\r\n      &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/31\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{\/if}&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;div class=\"detail_other\"&gt;\r\n     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $product.ot4_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot5_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot6_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot7_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot8_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot9_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;br style=\"clear:both;\" \/&gt;\r\n    &lt;\/div&gt;\r\n   &lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"product_name\"&gt;&lt;{$product.name}&gt;&lt;\/div&gt;\r\n&lt;div class=\"expl_block\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div class=\"detail_cont\"&gt;\r\n   &lt;div class=\"detail_img_block\"&gt;\r\n    &lt;div class=\"detail_img\"&gt;\r\n     &lt;{if $product.img_url != \"\"}&gt;\r\n      &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{else}&gt;\r\n      &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/31\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{\/if}&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;div class=\"detail_other\"&gt;\r\n<span style=\"background-color: #cccccc;\">     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n     &lt;{if $otherimg_num != 0}&gt;\r\n     &lt;{section name=num loop=$otherimg}&gt;\r\n     &lt;{if $otherimg[num].url != \"\"}&gt;\r\n      &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{\/section}&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;br style=\"clear:both;\" \/&gt;\r\n    &lt;\/div&gt;\r\n   &lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n.detail_cont {\r\n  width:726px;\r\n}\r\n\r\n.detail_img_block {\r\n  width:405px;\r\n  float:left;\r\n}\r\n\r\n.detail_txt_block {\r\n  width:294px;\r\n  float:right;\r\n  text-align:left;\r\n}\r\n\r\n\r\n.detail_img_block img {\r\n  border:1px solid #999999;\r\n}\r\n\r\n.product_name {\r\n  font-size:18px;\r\n  font-weight:bold;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.expl_block {\r\n  margin-bottom:30px;\r\n}\r\n\r\n.detail_img {\r\n  margin-bottom:20px;\r\n}\r\n\r\n.detail_other {\r\n  width:405px;\r\n}\r\n\r\n.detail_other .sub {\r\n  width:135px;\r\n  float:left;\r\n}\r\n\r\n<span style=\"background-color: #ffb4d2;\">.detail_other .sub_tp {\r\n  padding-top:15px;\r\n}<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><a name=\"tag32\"><\/a><\/p>\r\n<h3 style=\"color: #ee138f; font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; padding: 10px; background: #ffd2eb;\">\u25a0\u00a0\u30e2\u30fc\u30eb\uff12<\/h3>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\uff11\u679a\u305a\u3064\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306e\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"product_name\"&gt;&lt;{$product.name}&gt;&lt;\/div&gt;\r\n&lt;div class=\"expl_block\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div class=\"detail_cont\"&gt;\r\n   &lt;div class=\"detail_img_block\"&gt;\r\n    &lt;div class=\"detail_img\"&gt;\r\n     &lt;{if $product.img_url != \"\"}&gt;\r\n      &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{else}&gt;\r\n      &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/32\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{\/if}&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;div class=\"detail_other\"&gt;\r\n     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n<span style=\"background-color: #ffb4d2;\">     &lt;{if $product.ot4_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot4_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot4_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot5_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot5_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot5_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot6_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot6_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot6_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot7_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot7_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot7_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot8_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot8_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot8_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot9_url != \"\"}&gt;\r\n      &lt;div class=\"sub sub_tp\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot9_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot9_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;br style=\"clear:both;\" \/&gt;\r\n    &lt;\/div&gt;\r\n   &lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5546\u54c1\u8a73\u7d30HTML\u00a0-\u00a0\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u30bf\u30b0<br \/>\r\n<span style=\"background-color: #cccccc;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u524a\u9664\u30bf\u30b0<\/span>\u00a0\u00a0\u00a0\u00a0\u00a0<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\"><span style=\"background-color: #fffc00;\">&lt;!-- Product(\u5546\u54c1\u8a73\u7d30) --&gt;<\/span>\r\n&lt;div class=\"product_name\"&gt;&lt;{$product.name}&gt;&lt;\/div&gt;\r\n&lt;div class=\"expl_block\"&gt;&lt;{$product.explain}&gt;&lt;\/div&gt;\r\n\r\n&lt;{ if $product.id != \"\" }&gt;\r\n &lt;form name=\"product_form\" method=\"post\" action=\"&lt;{$cart_url}&gt;\"&gt;\r\n  &lt;div class=\"detail_cont\"&gt;\r\n   &lt;div class=\"detail_img_block\"&gt;\r\n    &lt;div class=\"detail_img\"&gt;\r\n     &lt;{if $product.img_url != \"\"}&gt;\r\n      &lt;img src=\"&lt;{$product.img_url}&gt;\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{else}&gt;\r\n      &lt;img src=\"http:\/\/img.shop-pro.jp\/tmpl_img\/32\/now_m.gif\" class=\"main_img\" alt=\"\" \/&gt;\r\n     &lt;{\/if}&gt;\r\n    &lt;\/div&gt;\r\n\r\n    &lt;div class=\"detail_other\"&gt;\r\n<span style=\"background-color: #cccccc;\">     &lt;{if $product.ot1_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot1_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot1_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot2_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot2_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot2_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{if $product.ot3_url != \"\"}&gt;\r\n      &lt;div class=\"sub\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$product.ot3_url}&gt;\"&gt;&lt;img src=\"&lt;{$product.ot3_url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n<span style=\"background-color: #ffb4d2;\">\r\n     &lt;{if $otherimg_num != 0}&gt;\r\n     &lt;{section name=num loop=$otherimg}&gt;\r\n     &lt;{if $otherimg[num].url != \"\"}&gt;\r\n      &lt;div class=\"sub&lt;{if $smarty.section.num.index &gt;= 3 }&gt; sub_tp&lt;{\/if}&gt;\"&gt;\r\n       &lt;a target=\"_blank\" href=\"&lt;{$otherimg[num].url}&gt;\"&gt;&lt;img src=\"&lt;{$otherimg[num].url}&gt;\" \/&gt;&lt;\/a&gt;\r\n      &lt;\/div&gt;\r\n     &lt;{\/if}&gt;\r\n     &lt;{\/section}&gt;\r\n     &lt;{\/if}&gt;<\/span>\r\n     &lt;br style=\"clear:both;\" \/&gt;\r\n    &lt;\/div&gt;\r\n   &lt;\/div&gt;\r\n<\/pre>\r\n<\/div>\r\n<h4 style=\"font-size: 13px; font-weight: bold; margin-bottom: 10px; display: block; line-height: 1.5em;\">\u5171\u901aCSS<br \/>\r\n<span style=\"background-color: #ffb4d2;\">\u00a0\u00a0\u00a0<\/span>\u00a0<span style=\"font-weight: normal;\">\u8ffd\u52a0\u30bf\u30b0<\/span><\/h4>\r\n<div>\r\n<pre style=\"line-height: 1.2em; font-size: 13px;\">\/* ************************************************ \r\n *  <span style=\"background-color: #fffc00;\">\u5546\u54c1\u8a73\u7d30\u3000\u30ec\u30a4\u30a2\u30a6\u30c8<\/span>\r\n * ************************************************ *\/\r\n\r\n.detail_cont {\r\n  width:726px;\r\n}\r\n\r\n.detail_img_block {\r\n  width:405px;\r\n  float:left;\r\n}\r\n\r\n.detail_txt_block {\r\n  width:294px;\r\n  float:right;\r\n  text-align:left;\r\n}\r\n\r\n\r\n.detail_img_block img {\r\n  border:1px solid #999999;\r\n}\r\n\r\n.product_name {\r\n  font-size:18px;\r\n  font-weight:bold;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.expl_block {\r\n  margin-bottom:30px;\r\n}\r\n\r\n.detail_img {\r\n  margin-bottom:20px;\r\n}\r\n\r\n.detail_other {\r\n  width:405px;\r\n}\r\n\r\n.detail_other .sub {\r\n  width:135px;\r\n  float:left;\r\n}\r\n\r\n<span style=\"background-color: #ffb4d2;\">.detail_other .sub_tp {\r\n  padding-top:15px;\r\n}<\/span>\r\n<\/pre>\r\n<\/div>\r\n<p><!--MAIN_margin end--><\/p>","protected":false},"excerpt":{"rendered":"\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u306b\u30d7\u30e9\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306b\u3001 \u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u3067\u6a19\u6e96\u6a5f\u80fd\u3067\u3042\u308b\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u3092\u884c\u3046\u70ba\u306e\u3001\u65e2\u5b58\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fee\u6b63\u65b9\u6cd5\u3092\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002 \u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a [&hellip;]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[227],"tags":[77,32],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528 - \u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb\" \/>\n<meta property=\"og:description\" content=\"\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u306b\u30d7\u30e9\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306b\u3001 \u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u3067\u6a19\u6e96\u6a5f\u80fd\u3067\u3042\u308b\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u3092\u884c\u3046\u70ba\u306e\u3001\u65e2\u5b58\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fee\u6b63\u65b9\u6cd5\u3092\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002 \u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/\" \/>\n<meta property=\"og:site_name\" content=\"\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-21T10:53:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-26T05:58:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shop-pro.jp\/manual\/#website\",\"url\":\"https:\/\/shop-pro.jp\/manual\/\",\"name\":\"\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb\",\"description\":\"\u6708\u984d\u5236\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u4f5c\u6210\u30b5\u30fc\u30d3\u30b9\u56fd\u5185\u5e97\u8217\u6570No.1\uff01\u6709\u540d\u30d6\u30e9\u30f3\u30c9\u3084\u30e1\u30fc\u30ab\u30fc\u306a\u3069\u5168\u56fd4\u4e07\u5e97\u4ee5\u4e0a\u304c\u6d3b\u8e8d\u3057\u3066\u3044\u307e\u3059\u3002\u6708\u984d834\u5186\uff5e\u3067\u59cb\u3081\u3089\u308c\u3066\u3001\u3069\u308c\u3060\u3051\u58f2\u308c\u3066\u3082\u624b\u6570\u65990\u5186\uff01\u6708\u554610\u4e07\u5186\u4ee5\u4e0a\u3092\u76ee\u6307\u3059\u306a\u3089\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u304c\u6700\u9069\u3002\u307e\u305a\u306f30\u65e5\u9593\u306e\u7121\u6599\u4f53\u9a13\u304b\u3089\u3002\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shop-pro.jp\/manual\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#webpage\",\"url\":\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/\",\"name\":\"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528 - \u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb\",\"isPartOf\":{\"@id\":\"https:\/\/shop-pro.jp\/manual\/#website\"},\"datePublished\":\"2015-07-21T10:53:45+00:00\",\"dateModified\":\"2018-02-26T05:58:31+00:00\",\"author\":{\"@id\":\"https:\/\/shop-pro.jp\/manual\/#\/schema\/person\/764316431bd9cb1f6119c5585df0b245\"},\"breadcrumb\":{\"@id\":\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\/\/shop-pro.jp\/manual\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shop-pro.jp\/manual\/#\/schema\/person\/764316431bd9cb1f6119c5585df0b245\",\"name\":\"cmsp-manual\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/shop-pro.jp\/manual\/#personlogo\",\"inLanguage\":\"ja\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d4153cf3233787ee85154f62e07788c9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d4153cf3233787ee85154f62e07788c9?s=96&d=mm&r=g\",\"caption\":\"cmsp-manual\"},\"url\":\"https:\/\/shop-pro.jp\/manual\/author\/cmsp-manual\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"robots":{"index":"noindex","follow":"follow"},"og_locale":"ja_JP","og_type":"article","og_title":"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528 - \u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb","og_description":"\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u306b\u30d7\u30e9\u30f3\u30a2\u30c3\u30d7\u3057\u305f\u969b\u306b\u3001 \u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a\u306e\u30d7\u30e9\u30f3\u3067\u6a19\u6e96\u6a5f\u80fd\u3067\u3042\u308b\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u3092\u884c\u3046\u70ba\u306e\u3001\u65e2\u5b58\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4fee\u6b63\u65b9\u6cd5\u3092\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002 \u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a\u306f\u3001\u30ec\u30ae\u30e5\u30e9\u30fc\u3088\u308a\u4e0a [&hellip;]","og_url":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/","og_site_name":"\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb","article_published_time":"2015-07-21T10:53:45+00:00","article_modified_time":"2018-02-26T05:58:31+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/shop-pro.jp\/manual\/#website","url":"https:\/\/shop-pro.jp\/manual\/","name":"\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb","description":"\u6708\u984d\u5236\u30cd\u30c3\u30c8\u30b7\u30e7\u30c3\u30d7\u4f5c\u6210\u30b5\u30fc\u30d3\u30b9\u56fd\u5185\u5e97\u8217\u6570No.1\uff01\u6709\u540d\u30d6\u30e9\u30f3\u30c9\u3084\u30e1\u30fc\u30ab\u30fc\u306a\u3069\u5168\u56fd4\u4e07\u5e97\u4ee5\u4e0a\u304c\u6d3b\u8e8d\u3057\u3066\u3044\u307e\u3059\u3002\u6708\u984d834\u5186\uff5e\u3067\u59cb\u3081\u3089\u308c\u3066\u3001\u3069\u308c\u3060\u3051\u58f2\u308c\u3066\u3082\u624b\u6570\u65990\u5186\uff01\u6708\u554610\u4e07\u5186\u4ee5\u4e0a\u3092\u76ee\u6307\u3059\u306a\u3089\u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u304c\u6700\u9069\u3002\u307e\u305a\u306f30\u65e5\u9593\u306e\u7121\u6599\u4f53\u9a13\u304b\u3089\u3002","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shop-pro.jp\/manual\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#webpage","url":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/","name":"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528 - \u30ab\u30e9\u30fc\u30df\u30fc\u30b7\u30e7\u30c3\u30d7\u3000\u30de\u30cb\u30e5\u30a2\u30eb","isPartOf":{"@id":"https:\/\/shop-pro.jp\/manual\/#website"},"datePublished":"2015-07-21T10:53:45+00:00","dateModified":"2018-02-26T05:58:31+00:00","author":{"@id":"https:\/\/shop-pro.jp\/manual\/#\/schema\/person\/764316431bd9cb1f6119c5585df0b245"},"breadcrumb":{"@id":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shop-pro.jp\/manual\/tpl_pic10_update_pc_f\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/shop-pro.jp\/manual\/"},{"@type":"ListItem","position":2,"name":"\u5546\u54c1\u753b\u50cf10\u679a\u8868\u793a PC\u7248\u7121\u6599\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u7528"}]},{"@type":"Person","@id":"https:\/\/shop-pro.jp\/manual\/#\/schema\/person\/764316431bd9cb1f6119c5585df0b245","name":"cmsp-manual","image":{"@type":"ImageObject","@id":"https:\/\/shop-pro.jp\/manual\/#personlogo","inLanguage":"ja","url":"https:\/\/secure.gravatar.com\/avatar\/d4153cf3233787ee85154f62e07788c9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d4153cf3233787ee85154f62e07788c9?s=96&d=mm&r=g","caption":"cmsp-manual"},"url":"https:\/\/shop-pro.jp\/manual\/author\/cmsp-manual\/"}]}},"_links":{"self":[{"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/posts\/5185"}],"collection":[{"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/comments?post=5185"}],"version-history":[{"count":21,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/posts\/5185\/revisions"}],"predecessor-version":[{"id":13983,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/posts\/5185\/revisions\/13983"}],"wp:attachment":[{"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/media?parent=5185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/categories?post=5185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shop-pro.jp\/manual\/wp-json\/wp\/v2\/tags?post=5185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}