|
|
Line 77: |
Line 77: |
| | | |
| div.col01 { | | div.col01 { |
- | width:170px; | + | width:360px; |
| height:230px; | | height:230px; |
| background:#fff; | | background:#fff; |
Line 95: |
Line 95: |
| | | |
| div.col03 { | | div.col03 { |
- | width:170px; | + | width:360px; |
- | height:480px; | + | height:230px; |
| + | background:#fff; |
| + | margin:0 0 20px 20px; |
| + | float:left; |
| + | _display:inline; |
| + | } |
| + | div.col04 { |
| + | width:360px; |
| + | height:230px; |
| background:#fff; | | background:#fff; |
| margin:0 0 20px 20px; | | margin:0 0 20px 20px; |
Line 102: |
Line 110: |
| _display:inline; | | _display:inline; |
| } | | } |
- |
| |
| div.col02 div.photo_a { | | div.col02 div.photo_a { |
| float:left; | | float:left; |
Line 190: |
Line 197: |
| | | |
| <div id="left_side"> | | <div id="left_side"> |
- | <h1><img src="images/logo.gif" alt="Seriy Seriy" width="170" height="156" /></h1>
| |
- | <!--メニュー-->
| |
- |
| |
- | <ul id="global_navi">
| |
- | <li class="accessories"><a href="#"><img src="images/accessories.gif" alt="accessories" /></a></li>
| |
- | <li class="goods"><a href="#"><img src="images/fancy_goods.gif" alt="fancy good" /></a></li>
| |
- | <li class="tablweare"><a href="#"><img src="images/tableware.gif" alt="tableware" /></a></li>
| |
- | </ul>
| |
- | <ul id="sub_navi">
| |
- | <li><a href="#">campany profile</a></li>
| |
- | <li><a href="#">map</a></li>
| |
- |
| |
- | <li><a href="#">contact</a></li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- | <div id="main">
| |
- | <div class="col02">
| |
- | <div class="photo_a"><img src="images/photo/acce01.jpg" alt="アートアクセサリー" width="170" height="230" /></div>
| |
- | <div class="text">
| |
- | <h2>新入荷!アクセサリー</h2>
| |
- |
| |
- | <p>ニューヨークのオブジェアーティストの新作アクセサリーが入荷。今回は恐竜がモチーフです。インパクトのあるネックレスとブローチ。他にバングル、イヤリングなど。すべて、一点ものです。</p>
| |
- | <p class="syousai"><a href="#">アクセサリー詳細</a></p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/acce03.jpg" alt="アンティークピアス" width="170" height="120" /></div>
| |
- | <h2>アンティークフェア実施中</h2>
| |
- | <p>ヨーロピアン・アンティークフェアは今月末まで開催。</p>
| |
- |
| |
- | <p class="syousai"><a href="#">アクセサリー詳細</a></p>
| |
- | </div>
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/acce02.jpg" alt="クラシックトーク帽" width="170" height="120" /></div>
| |
- | <h2>秋冬の帽子も勢揃い</h2>
| |
- | <p>オリジナルのトーク帽はイタリア製。様々な種類をご用意。</p>
| |
- | <p class="syousai"><a href="#">アクセサリー詳細</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col03">
| |
- | <div class="photo_a"><img src="images/photo/tw01.jpg" alt="カップ" width="170" height="230" /></div>
| |
- | <h2>アートカップ特集</h2>
| |
- | <p>アーティストのデザインによるオリジナルカップ。</p>
| |
- | <p>ニューヨークからの新作も入りました。</p>
| |
- | <p>限定品・一点ものもあります。お急ぎください!</p>
| |
- | <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
| |
- | </div>
| |
- |
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/tw02.jpg" alt="ペアグラス" width="170" height="120" /></div>
| |
- | <h2>琉球ビードロ始めました</h2>
| |
- | <p>ご要望の多かった「琉球ビードロ」の食器類を始めました。</p>
| |
- | <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
| |
- | </div>
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/goods01.jpg" alt="アクセサリー用ケース" width="170" height="120" /></div>
| |
- |
| |
- | <h2>アクセサリー用ケース</h2>
| |
- | <p>アアンティークやアジアン・ティストの小物入れ。</p>
| |
- | <p class="syousai"><a href="#">雑貨詳細</a></p>
| |
- | </div>
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/goods02.jpg" alt="籠の小物入れ" width="170" height="120" /></div>
| |
- | <h2>籠の小物入れ</h2>
| |
- |
| |
- | <p>根強い人気の籠シリーズ、ギフト用の箱としてもどうぞ。</p>
| |
- | <p class="syousai"><a href="#">雑貨詳細</a></p>
| |
- | </div>
| |
- | <div class="col01">
| |
- | <div class="photo_b"><img src="images/photo/tw03.jpg" alt="花瓶" width="170" height="120" /></div>
| |
- | <h2>テーブルに花を!新作花瓶</h2>
| |
- | <p>一輪挿しを中心にテーブルサイズの花瓶をセレクト。</p>
| |
- |
| |
- | <p class="syousai"><a href="#">テーブルウェア詳細</a></p>
| |
- | </div>
| |
- | <div class="col02">
| |
- | <div class="photo_a"><img src="images/photo/goods03.jpg" alt="アンティーク扇" width="170" height="230" /></div>
| |
- | <div class="text">
| |
- | <h2>アンティーク扇</h2>
| |
- | <p>コレクターの多いアンティーク扇。久し振りの入荷です。</p>
| |
- | <p>1930年代から50年代のものにこだわってセレクト。</p>
| |
- |
| |
- | <p>中国・香港からのかなりレアな商品もあります。</p>
| |
- | <p class="syousai"><a href="#">雑貨詳細</a></p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="copyright">
| |
- | <address>Copyright © Seriy Seriy Corporation. All rights reserved.</address>
| |
- | </div>
| |
- |
| |
- | </div>
| |
| | | |
| </body> | | </body> |
| </html> | | </html> |
| [[Team:Todai-Tokyo/Files | imgfiles]] | | [[Team:Todai-Tokyo/Files | imgfiles]] |