「練習1」の編集履歴(バックアップ)一覧はこちら
「練習1」(2008/03/21 (金) 05:58:03) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#html2(){{{{{{
<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<META http-equiv="Content-Language" content="ja">
<META http-equiv="Content-Style-Type" content="text/css">
<!--///// ↓↓ここから↓↓(サイトの概要を記入する部分です。実際のページには表示されません) /////-->
<META name="robots" content="index,follow">
<META name="description" content="お買い得緑茶 48本セットの通販サイトです。">
<META name="keywords" content="通販,お買い得緑茶 48本セット">
<TITLE>お買い得緑茶 48本セット 通販</TITLE>
<!--////// ↑↑ここまで↑↑(サイトの概要を記入する部分です。実際のページには表示されません) /////-->
<STYLE type="text/css">
<!--
body {
font-family: Verdana, "MS Pゴシック", Arial;
font-size: 14px;
line-height: 1.5em;
color: #333333;
text-align: center;
}
p,h1,h2,h3 {
margin:23px;
}
h1 {
margin-top:0;
padding-top:25px;
font-size: 24px;
}
h2 {
font-size: 20px;
line-height:30px;
}
.clear-margin {
margin:0;
}
img {
border: none;
}
.block-center {
margin-right: auto;
margin-left: auto;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.clear-both {
clear:both;
float:none;
width:0px;
height:0px;
visibility:hidden;
display:block;
margin:0;
padding:0;
}
* html .clear-both {
clear:both;
width:0px;
height:0px;
display:none;
margin:0;
padding:0;
}
/* ↓フォントのスタイル↓ */
.bold {
font-weight: bold;
}
.red {
color: #FF0000;
}
.white {
color:#FFFFFF;
}
.dilute-gray {
color:#444444;
}
.font-14 {
font-size: 14px;
}
.font-20 {
font-size: 20px;
}
.inline-center {
text-align: center;
}
.inline-left{
text-align: left;
}
.inline-right{
text-align: right;
}
/* ↓リンクについてここから↓ */
a:link, a:active, a:visited {
color: #0033cc;
text-decoration: none;
}
a:hover {
color: #CC0000;
text-decoration: underline;
}
/* ↓本体のスタイル↓ */
#body-box {
width: 760px;
border: 1px solid #CCCCCC;
margin-top:8px;
}
/* ↓ヘッダーのスタイル↓ */
#catch1 {
font-size: 16px;
}
#footer-menu {
background-color: #FFFF7E;
padding: 2px;
font-size:12px;
}
#delivery-text {
margin-right:10px;
}
/* ↓商品紹介部分のスタイル↓ */
#contents-box {
border-bottom: 1px dotted #FFCC33;
padding-top:5px;
margin-bottom: 20px;
}
#catch3 {
font-size: 15px;
line-height:1.5em;
margin-top: 20px;
}
.price-box {
width:100%;
line-height:1.5em;
margin:10px 0;
}
#catch7 {
font-size: 20px;
line-height:1.5em;
margin: 40px 50px;
}
#bottom-name {
margin:0;
line-height:1.5em;
}
.line-title {
background-color: #FEFF74;
padding: 5px;
margin: 50px 50px 0;
}
.item-explain {
margin: 20px 50px;
}
#item-cart {
width: 520px;
padding: 5px 20px 0;
margin: 30px auto;
background-color: #FCFAAE;
}
#item-cart img {
margin:5px;
}
/* ↓商品スペックのスタイル↓ */
#item-detail {
border: 1px solid #F0E68C;
width: 680px;
margin: 10px auto;
}
#item-detail-in {
padding: 5px 10px;
}
.spec {
padding:0 10px;
}
/* ↓フッターのスタイル↓ */
#to-top {
margin-left: 5px;
}
#footer {
font-size: 10px;
background-color: #FFFF7E;
padding: 1px;
}
.copy {
width:66%;
line-height:1em;
margin:3px;
}
.tpl {
width:30%;
line-height:1em;
margin:3px 5px;
}
#footer-link {
color: #cccccc;
font-size: 10px;
}
#header-box {
width:760px;
height:120px;
background-image:url("http://www.moshimo.com/images/dekisugi/header/44.jpg");
}
.text-color-1 {
color:#FFFFFF;
}
.text-color-2 {
color:#FFFFFF;
}
.text-color-3 {
color:#333333;
}
-->
</STYLE>
</HEAD>
<BODY>
<div id="body-box" class="block-center">
<!--///// ↓↓ヘッダーここから↓↓(サイト上部の画像と、サイト名を表示させる部分です) /////-->
<div id="header-box">
<h1 id="name" class="inline-center text-color-1">知っ得!お買い物市場</h1>
<p id="catch1" class="bold inline-center text-color-2">これが限界!あの商品をガツンと値下げ</p>
</div>
<!--///// ↑↑ヘッダーここまで↑↑(サイト上部の画像と、サイト名を表示させる部分です) /////-->
<div id="contents-box">
<!--///// ↓↓ページ上部の商品紹介部分ここから↓↓ /////-->
<h2 id="catch2" class="red bold inline-center text-color-3">知っ得!お買い物市場にようこそ!</h2>
<p id="catch3" class="bold inline-center">お客様第一主義のもと、『知っ得!お買い物市場』は底値の限界に挑戦します!</p>
<p id="main-image"><img src="https://www.moshimo.com/item_image/0043300000002/1/l.jpg" alt="お買い得緑茶 48本セット" id="picture2" height="300" width="300"></p>
<h3 class="font-20" id="catch4">お買い得緑茶 48本セット</h3>
<p class="price-box inline-center">
<span class="red font-20" id="price1">専門店特価3,480円</span>
<span class="font-14 dilute-gray" id="price2">(3,654円[税込])</span>
</p>
<a href="https://www.moshimo.com/?action_cart_add&sid=200271&bid=-62823"><img src="https://www.moshimo.com/images/consumer/item/btn_cart.gif" alt="カートに入れる" height="41" width="227"></a><br>
<!--///// ↑↑ページ上部の商品紹介部分ここまで↑↑ /////-->
<!--///// ↓↓ページ中部の商品紹介部分(その1)ここから↓↓ /////-->
<p id="sub-title" class="line-title">おすすめのポイント</p>
<p id="catch8" class="item-explain inline-left red bold">●手軽にストックできるお買い得緑茶!<br>●飲み応えは常に新しい!何度飲んでも美味しい♪</p>
<p id="catch5" class="item-explain inline-left"></p>
<!--///// ↑↑ページ中部の商品紹介部分(その1)ここまで↑↑ /////-->
<!--///// ↓↓ページ中部の商品紹介部分(その2)ここから↓↓ /////-->
<img src="https://www.moshimo.com/item_image/0043300000002/2/l.jpg" alt="お買い得緑茶 48本セット" id="picture3" height="300" width="300">
<p id="catch8" class="item-explain inline-center"> </p>
<p id="catch6" class="item-explain inline-center"> </p>
<!--///// ↑↑ページ中部の商品紹介部分(その2)ここまで↑↑ /////-->
<!--///// ↓↓ページ下部の商品紹介部分(その2)ここから↓↓ /////-->
<h3 id="catch7" class="red bold inline-center">大好評につき、数に限りがございます。<br>売り切れる前に、早めのご注文をおすすめします!</h3>
<table id="item-cart" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="2" class="inline-center">
<h3 id="bottom-name"><a href="https://www.moshimo.com/article/200271/62823">お買い得緑茶 48本セット</a></h3>
</td>
</tr>
<tr>
<td align="center">
<img src="https://www.moshimo.com/item_image/0043300000002/1/r.jpg" alt="お買い得緑茶 48本セット" id="picture5" height="150" width="150">
</td>
<td>
<p class="inline-left">
<span class="red">専門店特価</span><br>
<span class="font-20 red bold">3,480円</span> <span class="font-14">(3,654円[税込])</span><br>
<a href="https://www.moshimo.com/?action_cart_add&sid=200271&bid=-62823"><img src="https://www.moshimo.com/images/consumer/item/btn_cart.gif" alt="カートに入れる" height="41" width="227"></a><br>
<span class="font-14"><a href="https://www.moshimo.com/article/200271/62823">>>もっと詳しく見る</a><br>
<a href="https://www.moshimo.com/inquiry/item?sid=200271&bid=-62823" target="_blank">>>この商品について質問する</a></span>
</p>
</td>
</tr>
</tbody></table>
<!--///// ↑↑ページ下部の商品紹介部分(その2)ここまで↑↑ /////-->
<!--///// ↓↓商品スペックここから↓↓ /////-->
<div id="item-detail">
<img src="https://www.moshimo.com/images/template_item_detail.gif" alt="商品詳細" height="31" width="680">
<p class="inline-left spec">
○商品名:<br> お買い得 緑茶<br>○品名:<br> 緑茶(清涼飲料水)<br>○内容量:<br> 500ml×48本<br>○原材料名:<br> 緑茶、ビタミンC<br>○賞味期限:<br> 常温2008年6月<br>○保存方法:<br> 直射日光・高温多湿を避けて、<br> 開封後は冷蔵庫に入れていただき、<br> なるべく早めにお召し上がりください<br>○配送方法:<br> 常温
</p>
</div>
<!--///// ↑↑商品スペックここまで↑↑ /////-->
<!--///// ↓↓送料無料キャンペーンバナーここから↓↓ /////-->
<img src="https://www.moshimo.com/images/consumer/cart/cart_free_shipping.gif" alt="8,000円以上送料無料" height="60" width="720">
<!--///// ↑↑送料無料キャンペーンバナーここまで↑↑ /////-->
<img src="https://www.moshimo.com/images/template_info.gif" alt="インフォメーション" width="750">
</div>
<div id="to-top" class="inline-left"><a href="#pagetop">上に戻る</a></div>
<div id="footer-menu">
<a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-1">お買い物の流れ</a> /
<a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-7">決済・配送について</a> /
<a target="_blank" href="http://www.moshimo.com/shopping-guide/uneiguide-5">返品について</a> /
<a target="_blank" href="http://www.moshimo.com/shopping-guide/kakusyuhyouki-1">販売者概要</a> /
<a target="_blank" href="http://www.moshimo.com/shopping-guide/kakusyuhyouki-2">特定商取引法に基づく表記</a>
</div>
<div id="contents-body">
</div>
</div>
<!--///// ↓↓フッターリンクここから↓↓(ご自身のHPや、知人のHPヘリンクを貼りましょう) /////-->
<div id="footer-link">
<a href="http://www.moshimo.com/top/200271/">通販</a> /
<a href="https://www.moshimo.com/bargain/diet/200271/">ダイエット食品・サプリメント通販</a> /
<a href="https://www.moshimo.com/bargain/brand/200271/">ブランド通販</a> /
</div>
<!--///// ↑↑フッターリンクここまで↑↑(ご自身のHPや、知人のHPヘリンクを貼りましょう) /////-->
<SCRIPT type="text/javascript">
<!--
document.write("<img src='http://www.webdepa.com/deki/acclog.cgi?");
document.write("referrer="+document.referrer+"&");
document.write("width="+screen.width+"&");
document.write("height="+screen.height+"&");
document.write("color="+screen.colorDepth+"'>");
// -->
</SCRIPT>
}}}}}}