Ignore:
Timestamp:
2011/02/23 14:45:13 (15 years ago)
Author:
uemoto
Message:

#1032(フロントデザインリニューアル)

  • CSSクラス名等調整
  • 未使用画像を削除
Location:
branches/version-2_5-dev/html/user_data/packages/default/css
Files:
1 deleted
9 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_5-dev/html/user_data/packages/default/css/bloc.css

    r20290 r20340  
    22 
    33/************************************************ 
    4 ブロック用 
     4 ブロック用 
    55************************************************ */ 
    66/*** 目次 *** 
    … …  
    2121-おすすめ商品 
    2222    tplファイルのマークアップが同じ項目 
    23     *メインカラム用 2カラム時 [two_maincolumn_right] 
     23    *メインカラム用 1カラム時 [one_maincolumn  
     24    *メインカラム用 2カラム時 [two_maincolumn_left] 
     25                              [two_maincolumn_right] 
    2426    *メインカラム用 3カラム時 [three_maincolumn] 
    2527    *サイドカラム用           [side_column] 
    … …  
    4648} 
    4749.side_column .bloc_body .box { 
     50    border: solid 1px #ccc; 
    4851    width: 145px; 
    49     border: solid 1px #ccc; 
    5052} 
    5153.main_column .bloc_outer { 
    … …  
    7779----------------------------------------------- */ 
    7880/* タイトルの背景 白 */ 
    79 #loginarea h2 , 
    80 #searcharea h2 , 
    81 #calenderarea h2 , 
    82 #cartarea h2 , 
     81#login_area h2 , 
     82#search_area h2 , 
     83#calender_area h2 , 
     84#cart_area h2 , 
    8385#cart h2 { 
     86    padding: 5px 0 8px 10px; 
    8487    border-style: solid; 
    8588    border-color: #f90 #ccc #ccc; 
    8689    border-width: 1px 1px 0; 
    8790    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; 
    88     padding: 5px 0 8px 10px; 
    8991    font-size: 14px; 
    9092} 
    91 #categoryarea h2 { 
     93#category_area h2 { 
    9294    border-top: solid 1px #f90; 
    9395    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; 
    … …  
    9799 
    98100/* タイトルの背景 オレンジ */ 
    99 #recomendarea .titleWrap , 
    100 #newsarea.titleWrap { 
     101#recomend_area .titleWrap , 
     102#news_area.titleWrap { 
    101103    padding-bottom: 1px; 
    102104    font-size: 14px; 
    103105} 
    104106 
    105 #recomendarea h2 , 
    106 #newsarea h2 { 
     107#recomend_area h2 , 
     108#news_area h2 { 
     109    padding: 5px 0 8px 10px; 
    107110    border-style: solid; 
    108111    border-color: #f90 #ccc #ccc; 
    109112    border-width: 1px 1px 0; 
    110     padding: 5px 0 8px 10px; 
    111113    background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8; 
    112114} 
    … …  
    116118▼ヘッダー上、フッター下のブロックエリア 
    117119=============================================== */ 
    118 div#topcolumn{ 
     120div#topcolumn { 
     121    margin:0px; 
    119122    clear:both; 
    120     margin:0px;  
    121 } 
    122 div#bottomcolumn{ 
     123} 
     124div#bottomcolumn { 
     125    margin:0px; 
    123126    clear: both; 
    124     margin:0px; 
    125127} 
    126128 
    … …  
    133135▼新着情報 
    134136=============================================== */ 
    135 #newsarea .bloc_body { 
     137#news_area .bloc_body { 
    136138    padding: 10px; 
    137139} 
    138 #newsarea .newsContents { 
     140#news_area .newsContents { 
    139141    padding-right: 10px; 
     142    max-height:260px; 
     143    height: auto !important; 
    140144    height: 260px; 
    141145    overflow:auto; 
    142146    overflow-y:scroll; 
    143147} 
    144 #newsarea dl.newsList { 
     148 
     149#news_area dl.newsList { 
    145150    background: url("../img/background/line_dot_01.gif") repeat-x bottom; 
    146151} 
    147 #newsarea dl.newsList dt { 
    148     margin-bottom: 5px; 
    149 } 
    150 #newsarea dl.newsList dd { 
     152#news_area dl.newsList dt { 
     153    margin-bottom: 5px; 
     154} 
     155#news_area dl.newsList dd { 
    151156    margin-bottom: 10px; 
    152157    padding-bottom: 10px; 
    153158} 
    154 #newsarea dl.end { 
     159#news_area dl.end { 
    155160    padding: 10px 0; 
    156161    background: url("") no-repeat bottom; 
    157162} 
    158163 
     164 
    159165/* =============================================== 
    160166▼現在のカゴの中 
    161167=============================================== */ 
    162 #cartarea .information { 
     168#cart_area .information { 
    163169    padding: 10px; 
    164170} 
    165 #cartarea .postage { 
     171#cart_area .postage { 
    166172    margin-top: 10px; 
    167173    padding-top: 10px; 
    168174    background: url("../img/background/line_dot_01.gif") repeat-x top; 
    169175} 
    170 #cartarea .postage .point_announce { 
     176#cart_area .postage .point_announce { 
    171177    padding: 2px 0 2px 20px; 
    172178    background: url("../img/icon/ico_price.gif") no-repeat left top; 
    173179} 
    174 #cartarea .btn { 
     180#cart_area .btn { 
    175181    padding: 10px 0; 
    176182    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6; 
    … …  
    182188▼カテゴリー 
    183189=============================================== */ 
    184 #categoryarea .bloc_body{ 
     190#category_area .bloc_body{ 
    185191    background-color: #fffaf0; 
    186192} 
    187193 
    188 #categoryarea li{ 
     194#category_area li{ 
    189195    padding-left: 5px; 
    190196} 
    191 #categoryarea li.level1{ 
     197#category_area li.level1{ 
    192198    border-bottom: solid 1px #ccc; 
    193199} 
    194 #categoryarea li.level1 p{ 
     200#category_area li.level1 p{ 
    195201    padding-left: 20px; 
    196202    margin: 7px 3px; 
    197203} 
    198 #categoryarea li.level1 p { 
     204#category_area li.level1 p { 
    199205    background: url("../img/icon/ico_arrow_01.gif") 2px 3px no-repeat; 
    200206} 
    201 #categoryarea li.level1 li p { 
     207#category_area li.level1 li p { 
    202208    background: url("../img/icon/ico_level.gif") 7px 7px no-repeat; 
    203209} 
    204 #categoryarea li a { 
     210#category_area li a { 
    205211    display: block; 
    206212    padding: 0; 
    … …  
    217223} 
    218224 
     225 
    219226/* =============================================== 
    220227▼ガイドリンク 
    221228=============================================== */ 
    222 #guidearea { 
     229#guide_area { 
    223230    margin-top: 1em; 
    224231    border: none; 
    225232} 
    226 #guidearea li{ 
     233#guide_area li{ 
    227234    margin-bottom: 5px; 
    228235    letter-spacing: -0.05em; 
    … …  
    234241} 
    235242ul.button_like li a { 
    236     display: block; 
     243    margin: 0; 
    237244    padding: 10px 15px 10px 10px; 
    238     text-decoration: none; 
    239245    border: 1px solid; 
    240246    border-bottom: none; 
    241247    border-color: #ccc; 
     248    display: block; 
    242249    background: url("../img/icon/ico_arrow_02.gif") no-repeat right; 
     250    text-decoration: none; 
    243251    outline: none; 
    244     margin: 0; 
    245252} 
    246253 
    … …  
    250257※ヘッダー用はheader_block.css内に記述 
    251258=============================================== */ 
    252 #container div#loginarea .bloc_body { 
     259#container div#login_area .bloc_body { 
    253260    padding: 10px; 
    254261} 
    255262 
    256 #container div#loginarea .bloc_body p { 
    257     margin-bottom: 5px; 
    258 } 
    259  
    260 #container div#loginarea .bloc_body .btn { 
     263#container div#login_area .bloc_body p { 
     264    margin-bottom: 5px; 
     265} 
     266 
     267#container div#login_area .bloc_body .btn { 
    261268    text-align: center; 
    262269} 
    263270#container .login_area dl.formList { 
     271    margin-bottom: 8px; 
    264272    width: 420px; 
    265     margin-bottom: 8px; 
    266273} 
    267274#container .login_area dl.formList dt { 
    268     width: 90px; 
    269275    margin-bottom: 3px; 
    270276    padding-left: 15px; 
     277    color: #333; 
    271278    background: url("../img/icon/ico_arrow_03.gif") no-repeat left; 
     279    width: 90px; 
     280    float: left; 
    272281    font-size: 90%; 
    273     color: #333; 
    274     float: left; 
    275282} 
    276283#container .login_area dl.formList dd { 
     284    margin-bottom: 5px; 
     285    float: right; 
    277286    width: 300px; 
    278     margin-bottom: 5px; 
    279     float: right; 
     287    vertical-align: bottom; 
    280288    text-align: left; 
    281     vertical-align: bottom; 
    282 } 
    283 #container .login_area .login_memory { 
     289} 
     290#container div#login_area .bloc_body .mini { 
    284291    margin-top: 5px; 
     292    letter-spacing: -0.01em; 
    285293} 
    286294 
    … …  
    289297▼検索 
    290298=============================================== */ 
    291 div#searcharea .bloc_body { 
     299div#search_area .bloc_body { 
    292300    padding: 10px; 
    293301} 
    294 div#searcharea .bloc_body .btn { 
     302div#search_area .bloc_body .btn { 
    295303    text-align: center; 
    296304} 
    297305 
     306 
    298307/* =============================================== 
    299308▼カレンダー 
    300309=============================================== */ 
    301 #calenderarea { 
     310#calender_area { 
    302311    background-color: transparent; 
    303312    border: none; 
    304313} 
    305 #calenderarea .bloc_body { 
     314#calender_area .bloc_body { 
    306315    padding: 10px 0; 
    307316    background-color: #f1f9fc; 
    308317} 
    309 #calenderarea table { 
     318#calender_area table { 
     319    background: #fff; 
     320    border: none; 
    310321    width: 150px; 
    311322    margin: 0 auto 5px; 
    312     background: #fff; 
    313     border: none; 
    314     text-align:center; 
    315323    font-size: 90%; 
    316324} 
    317 #calenderarea table td { 
     325#calender_area table td { 
    318326    padding: 1px 3px; 
    319327    border-top: 1px solid #ccc; 
    320328    border-right: none; 
    321 } 
    322 #calenderarea th { 
    323     text-align: center; 
     329    text-align:center; 
     330} 
     331#calender_area th { 
    324332    padding: 1px 3px; 
    325333    background: #fff; 
    326334    border: none; 
    327 } 
    328 #calenderarea table .month { 
     335    text-align: center; 
     336} 
     337#calender_area table .month { 
    329338    margin-bottom: 5px; 
    330339    padding-left: 12px; 
    … …  
    332341    font-size: 120%; 
    333342} 
    334 #calenderarea .off { 
     343#calender_area .off { 
    335344    color: #f00; 
    336345} 
    337 #calenderarea .information { 
     346#calender_area .information { 
    338347    margin-left: 10px; 
    339348    font-size: 90%; 
    … …  
    346355/* 
    347356   tplファイルのマークアップが同じ項目 
    348    メインカラム用 2カラム時 [two_maincolumn_right] 
     357   メインカラム用 2カラム時 [two_maincolumn_left] 
     358                            [two_maincolumn_right] 
    349359   メインカラム用 3カラム時 [three_maincolumn] 
    350360   サイドカラム用           [side_column] 
    … …  
    353363/* 共通 
    354364----------------------------------------------- */ 
    355 #recomendarea .bloc_body , 
     365#recomend_area .bloc_body , 
    356366#whobought_area .whobought_bloc { 
    357     width: 100%; 
    358367    margin-bottom: 10px; 
    359368    padding: 10px 0 10px; 
    360369    border: none; 
     370    width: 100%; 
    361371    background: url("../img/background/line_dot_01.gif") repeat-x bottom; 
    362372} 
    363373 
    364 #recomendarea .bloc_body p , 
     374#recomend_area .bloc_body p , 
    365375#whobought_area .whobought_bloc p { 
    366376    margin: 0 0 5px 0; 
    367377} 
    368378 
    369 #recomendarea .bloc_body img , 
     379#recomend_area .bloc_body img , 
    370380#whobought .whobought_bloc img { 
    371381    display: block; 
    … …  
    374384} 
    375385 
    376 #recomendarea .bloc_body h3 , 
     386#recomend_area .bloc_body h3 , 
    377387#whobought_area .whobought_bloc h3 { 
    378388    font-size: 100%; 
    … …  
    380390} 
    381391 
     392 
    382393/* 画像 
    383394----------------------------------------------- */ 
    384 #recomendarea .bloc_body .productImage , 
     395#recomend_area .bloc_body .productImage , 
    385396#whobought_area .whobought_bloc .productImage { 
     397    margin-bottom: 10px; 
    386398    float: left; 
    387399    width: 90px; 
    388     margin-bottom: 10px; 
    389 } 
     400} 
     401 
    390402 
    391403/* 左右の振り分け 
    392404----------------------------------------------- */ 
    393 #two_maincolumn_right #recomendarea .recomendleft , 
    394 #three_maincolumn #recomendarea .recomendleft , 
     405#one_maincolumn #recomend_area .recomendleft , 
     406#two_maincolumn_right #recomend_area .recomendleft , 
     407#two_maincolumn_left #recomend_area .recomendleft , 
     408#three_maincolumn #recomend_area .recomendleft , 
    395409#whobought_area .whobought_bloc .whobought_left { 
    396410    float: left; 
    397411    width: 47.5%; 
    398412} 
    399 #two_maincolumn_right #recomendarea .recomendright , 
    400 #three_maincolumn #recomendarea .recomendright , 
     413#one_maincolumn #recomend_area .recomendright , 
     414#two_maincolumn_right #recomend_area .recomendright , 
     415#two_maincolumn_left #recomend_area .recomendright , 
     416#three_maincolumn #recomend_area .recomendright , 
    401417#whobought_area .whobought_bloc .whobought_right { 
    402418    float: right; 
    … …  
    405421 
    406422 
    407 /* 商品説明テキスト横幅 
    408 ----------------------------------------------- */ 
     423/* 商品説明テキスト 
     424----------------------------------------------- */ 
     425/* メインカラム用 1カラム時*/ 
     426#one_maincolumn #recomend_area .bloc_body .productContents { 
     427    float: right; 
     428    width: 74%; 
     429} 
     430 
    409431/* メインカラム用 2カラム時*/ 
    410 #two_maincolumn_right #recomendarea .bloc_body .productContents , 
    411 #two_maincolumn_right #whobought_area .whobought_bloc .productContents { 
     432#two_maincolumn_right #recomend_area .bloc_body .productContents , 
     433#two_maincolumn_left #recomend_area .bloc_body .productContents , 
     434#two_maincolumn_right #whobought_area .whobought_bloc .productContents , 
     435#two_maincolumn_left #whobought_area .whobought_bloc .productContents { 
    412436    float: right; 
    413437    width: 74%; 
    … …  
    415439 
    416440/* メインカラム用 3カラム時*/ 
    417 #three_maincolumn #recomendarea .bloc_body .productContents , 
     441#three_maincolumn #recomend_area .bloc_body .productContents , 
    418442#three_maincolumn #whobought_area .whobought_bloc .productContents { 
    419443    float: right; 
    … …  
    422446 
    423447 
    424 /* サイドカラム用 (幅px固定) 
    425 ----------------------------------------------- */ 
    426 .side_column #recomendarea .bloc_body { 
     448/* サイドカラム用 (幅px固定) */ 
     449.side_column #recomend_area .bloc_body { 
    427450    margin-top: 5px; 
    428     margin-right: 0px; 
     451    margin-right: 0; 
    429452    width: 157px; 
    430     padding: 0px; 
    431 } 
    432 .side_column #recomendarea .bloc_body .productContents { 
     453    padding: 0; 
     454} 
     455.side_column #recomend_area .bloc_body .productContents { 
     456    padding: 0; 
     457    margin: 0; 
    433458    width: 80px; 
    434     padding: 0px; 
    435     margin: 0px; 
    436 } 
    437 .side_column #recomendarea .recomendleft { 
     459} 
     460.side_column #recomend_area .recomendleft { 
     461    padding: 0; 
    438462    width: 70px; 
    439     padding: 0; 
    440463    float: left; 
    441464} 
    442 .side_column #recomendarea .recomendright { 
    443     width: 70px; 
     465.side_column #recomend_area .recomendright { 
    444466    margin: 0; 
    445467    padding: 0; 
     468    width: 70px; 
    446469    float: right; 
    447470} 
    448471 
    449472/* IE6以下*/ 
    450 * html .side_column #recomendarea .bloc_body { 
     473* html .side_column #recomend_area .bloc_body { 
    451474    width: 180px; 
    452475} 

  • branches/version-2_5-dev/html/user_data/packages/default/css/common.css

    r20310 r20340  
    1717} 
    1818 
    19 /*PHOTO*/ 
     19/*写真*/ 
    2020.picture { 
    2121    border: 1px solid #ccc; 
    … …  
    2828/* 全体を包括 */ 
    2929.frame_outer { 
     30    margin: 0 auto; 
    3031    width: 100%; 
    31     margin: 0 auto; 
    3232    text-align: center; 
    3333} 
    … …  
    3535/* コンテンツ */ 
    3636#container { 
     37    margin: 0 auto; 
     38    padding: 0 0 30px 0; 
    3739    width: 980px; 
    38     margin: 0 auto; 
    39     padding: 0 0 30px 0; 
     40    background: #fff; 
    4041    text-align: left; 
    41     background: #fff; 
    42 } 
     42} 
     43 
    4344 
    4445/* ============================================== 
    … …  
    5051#bottomcolumn , 
    5152#footerbottomcolumn { 
     53    margin: 0 auto; 
     54    padding: 15px; 
    5255    width: 950px; 
    53     margin: 0 auto; 
    54     padding: 15px; 
    5556    background: #fff; 
    5657    text-align: left; 
    … …  
    6667/* 1カラム設定 */ 
    6768#one_maincolumn { 
     69    margin: 0 auto; 
    6870    width: 80%; 
    69     margin: 0 auto; 
    7071} 
    7172 
    7273/* 2カラム設定 (メイン部が左) */ 
    7374#two_maincolumn_left { 
    74     width: 79%; 
    75     float: left; 
     75    padding-left: 1.5%; 
     76    float: left; 
     77    width: 78%; 
    7678} 
    7779 
    7880/* 2カラム設定 (メイン部が右) */ 
    7981#two_maincolumn_right { 
     82    padding-right: 1.5%; 
    8083    width: 78%; 
    81     margin-right: 1.5%; /* 側を同等幅の未定義空間として、段落崩れを防ぐ */ 
    8284    float: right; 
    8385} 
    … …  
    8587/* 3カラム設定 */ 
    8688#three_maincolumn { 
     89    padding-left: 0.5%; 
    8790    width: 59%; 
    88     padding-left: 0.5%; /* 右側を同等幅の未定義空間として、段落崩れを防ぐ */ 
    8991    float: left; 
    9092} 
    9193 
    9294/* 下層コンテンツ */ 
    93 div#undercolumn { width: 100%; margin: 0;} 
    94 /* 
    95 #under02column 
     95div#undercolumn { width: 100%; margin: 0 0 30px 0;} 
    9696 
    9797 
    … …  
    101101/* フロート回り込み解除 
    102102----------------------------------------------- */ 
    103 br.clear {/* 消す */ 
    104     clear: both; 
    105     display: none; 
    106     font-size: 0px; 
    107     line-height: 0%; 
    108     height: 0px 
    109 } 
    110  
    111103.clearfix:after { 
    112104    display:block; 
    … …  
    122114----------------------------------------------- */ 
    123115a:link { 
    124     color: #3399cc; 
     116    color: #39c; 
    125117    text-decoration: none; 
    126118} 
    127119a:visited { 
    128     color: #3399cc; 
     120    color: #39c; 
    129121    text-decoration: none; 
    130122} 
    131123a:link:hover { 
    132     color: #ff6600; 
     124    color: #f60; 
    133125    text-decoration: underline; 
    134126} 
    135127a[href]:hover {  
    136     color: #ff6600; 
     128    color: #f60; 
    137129} 
    138130 
    … …  
    142134h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%;} 
    143135.price { color: #f00; } 
     136.sale_price { color: #f00; } 
    144137.point { color: #f00; font-weight: bold; } 
    145138.user_name { font-weight: bold; } 
    146 .sale_price { color: #f00; } 
    147 .normal_price { color: #f00; } 
     139.normal_price { color: #f00; font-size: 90%; } 
    148140.recommend_level { color: #ecbd00; } 
    149141 
    … …  
    152144.st { font-weight: bold; } 
    153145.mini { font-size: 90%; } 
    154  
    155 em {/* 消す */ 
    156     font-style: normal; 
    157     color: #f00; 
    158 } 
    159146 
    160147 
    … …  
    167154.pricetd em { font-weight: bold;} 
    168155 
     156 
    169157/* フォーム 
    170158----------------------------------------------- */ 
    … …  
    175163    padding: 2px; 
    176164} 
     165 
     166.box40 {width: 40px; } 
    177167.box60 {width: 60px; } 
    178168.box100 {width: 100px; } 
    … …  
    183173.box240 {width: 240px; } 
    184174.box300 {width: 300px; } 
     175.box320 {width: 320px; } 
    185176.box350 {width: 350px; } 
    186177.box380 {width: 380px; } 
    187 /* フォームが縦に重なり合う場合にboxと併用する余白 */ 
     178 
     179/* フォームが縦に重なり合う場合に併用する余白 */ 
    188180.top { margin-bottom: 5px; } 
    189181 
    … …  
    193185h2.title { 
    194186    margin-bottom: 10px; 
     187    padding: 8px; 
    195188    border-top: solid 1px #ebeced; 
     189    color: #f60; 
    196190    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; 
    197191    background-color: #fef3d8; 
    198     padding: 8px; 
    199192    font-size: 170%; 
    200     color: #f60; 
    201 } 
    202  
    203 #one_maincolumn .subarea h3 , 
    204 #under02column .subarea h3 , 
    205 #two_maincolumn_right .subarea h3 , 
    206 #three_maincolumn .subarea h3 , 
    207 div#under02column_login .login_area h3 , 
    208 #under02column_shopping h3 , 
     193} 
     194 
     195#one_maincolumn .sub_area h3 , 
     196#two_maincolumn_right .sub_area h3 , 
     197#two_maincolumn_left .sub_area h3 , 
     198#three_maincolumn .sub_area h3 , 
     199#undercolumn_login .login_area h3 , 
     200#undercolumn_shopping h3 , 
    209201#mypagecolumn h3 , 
    210 #under02column_cart h3 { 
    211     font-size: 120%; 
     202#undercolumn_cart h3 { 
    212203    margin: 0 0 10px 0; 
    213204    padding: 5px 0 10px; 
     205    color: #f60; 
    214206    background: url("../img/background/line_01.gif") repeat-x left bottom; 
    215     color: #f60; 
    216     clear: both; 
    217 } 
    218  
    219 div#under02column_login .login_area h4 { 
     207    font-size: 120%; 
     208} 
     209 
     210div#undercolumn_login .login_area h4 { 
    220211    padding-left: 15px; 
    221212    background: url("../img/icon/ico_arrow_05.gif") no-repeat left; 
    … …  
    230221#errorHeader { 
    231222    color: #F00; 
    232       font-weight: bold; 
    233       font-size: 12px; 
     223    font-weight: bold; 
     224    font-size: 12px; 
    234225    background-color: #FEB; 
    235226    text-align: center; 
    236227    padding: 5px; 
    237228} 
    238 #headerWrap { 
     229 
     230#header_wrap { 
     231    border-top: solid 3px #f90; 
    239232    min-height: 82px; 
    240233    background: url("../img/common/bg_header.gif") repeat-x bottom #fffaf0; 
    241     border-top: solid 3px #f90; 
    242234} 
    243235#header { 
     236    margin: auto; 
    244237    width: 980px; 
    245     margin: auto; 
    246 } 
    247 #logoArea { 
     238} 
     239#logo_area { 
    248240    padding-left: 10px; 
     241    float: left; 
    249242    width: 390px; 
    250     float: left; 
    251243    text-align: left; 
    252244} 
    253245#header_utility { 
     246    float: right; 
    254247    width: 580px; 
    255     float: right; 
    256 } 
     248} 
     249 
    257250 
    258251/* ロゴ 
    259252----------------------------------------------- */ 
    260 #siteDescription { 
     253#site_description { 
    261254    margin-top: 13px; 
    262255    font-size:90%; 
    263256} 
    264 #logoArea h1 { 
     257#logo_area h1 { 
    265258    width: 378px; 
    266259    height: 33px; 
    267260} 
    268 #logoArea h1 span{ 
     261#logo_area h1 span{ 
    269262    display: none;/* テキストロゴ非表示 */ 
    270263} 
    271264 
     265 
    272266/* ヘッダーナビ 
    273267----------------------------------------------- */ 
    274 div#headerNavi { 
     268div#header_navi { 
     269    float: right; 
    275270    width: 409px; 
    276271    height: 38px; 
    277     float: right; 
    278 } 
    279 div#headerNavi ul li { 
    280     float: left; 
     272} 
     273div#header_navi ul li { 
    281274    display: block; 
    282 } 
    283 div#headerNavi ul li.mypage, 
    284 div#headerNavi ul li.entry { 
     275    float: left; 
     276} 
     277div#header_navi ul li.mypage, 
     278div#header_navi ul li.entry { 
    285279    margin-top: 6px; 
    286280} 
    … …  
    290284 フッター 
    291285=============================================== */ 
    292 #footerWrap { 
     286#footer_wrap { 
     287    margin: 0 auto; 
    293288    width: 980px; 
    294289    height: 80px; 
    295     margin: 0 auto; 
    296290    background: #fff; 
    297291} 
    298292#footer { 
     293    padding-top: 10px; 
     294    border-top: solid 1px #ccc; 
    299295    width: 950px; 
    300296    margin: auto; 
    301     padding-top: 10px; 
    302     border-top: solid 1px #ccc; 
    303297} 
    304298#pagetop { 
    … …  
    314308} 
    315309 
     310 
    316311/* ============================================== 
    317312 パーツ 
    … …  
    320315----------------------------------------------- */ 
    321316.btn_area { 
     317    margin-top: 10px; 
    322318    width: 100%; 
    323319    text-align: center; 
    … …  
    325321 
    326322.btn_area li { 
     323    padding-right: 10px; 
    327324    display: inline; 
    328     padding-right: 10px; 
    329 } 
    330  
    331 #cartbtn_default { 
    332     margin: 7px 0; 
    333 } 
     325} 
     326 
    334327 
    335328/* 完了メッセージ 
    … …  
    341334div#undercolumn_entry .message { 
    342335    margin-bottom: 20px; 
    343     font-size: 160%; 
     336    color: #f60; 
    344337    line-height: 150%; 
    345338    font-weight: bold; 
    346     color: #f60; 
     339    font-size: 160%; 
    347340} 
    348341div#complete_area .shop_information { 
    … …  
    353346div#complete_area .shop_information .name { 
    354347    margin-bottom: 10px; 
     348    font-weight: bold; 
    355349    font-size: 140%; 
    356     font-weight: bold; 
    357 } 
    358  
     350} 
     351 

  • branches/version-2_5-dev/html/user_data/packages/default/css/contents.css

    r20290 r20340  
    22 
    33/************************************************ 
    4 各ページコンテンツ用 
     4 各ページコンテンツ用 
    55/************************************************ 
    66/* ============================================== 
    … …  
    3737} 
    3838 
    39 div#undercolumn_contact .box120 { 
    40     width: 120px; 
    41     padding: 2px; 
    42     border: 1px solid #ccc; 
    43 } 
    44  
    45 div#undercolumn_contact .box60 { 
    46     width: 60px; 
    47     padding: 2px; 
    48     border: 1px solid #ccc; 
    49 } 
    50  
    51 div#undercolumn_contact .box380 { 
    52     width: 380px; 
    53     margin: 5px 0 0 0; 
    54     padding: 2px; 
    55     border: 1px solid #ccc; 
    56 } 
    57  
    58 div#undercolumn_contact .area380 { 
    59     width: 380px; 
    60     height: 250px; 
    61     margin: 5px 0 0 0; 
    62     padding: 2px; 
    63     border: 1px solid #ccc; 
    64 } 
    65  
    6639.zipimg img { 
    67     vertical-align: middle; 
    68 } 
     40    vertical-align: middle; 
     41} 
     42 
     43 
    6944/* ============================================== 
    7045▼MYページ 
    … …  
    9873    margin-bottom: 30px; 
    9974    padding: 10px; 
     75    border: solid 1px #ffcc62; 
    10076    background-color: #fffaf0; 
    101     border: solid 1px #ffcc62; 
    10277} 
    10378div#mynavi_area div.point_announce p{ 
    … …  
    11287div#mypagecolumn h4 { 
    11388    margin: 10px auto; 
    114     font-size: 120%; 
    11589    border-bottom: 1px solid #999; 
    11690    text-align: left; 
    117 } 
    118  
    119 div#mycontents_area table th.resulttd { 
    120     text-align: right; 
    121 } 
    122  
    123 div#mycontents_area table.delivname th { 
    124     text-align: left; 
    125     width: 140px; 
    126 } 
    127  
    128 div#mycontents_area table caption { 
    129     border-top: 1px solid #ccc; 
    130     border-right: 1px solid #ccc; 
    131     border-left: 1px solid #ccc; 
    132     padding: 8px; 
    133     background-color: #f0f0f0; 
    134     text-align: left; 
    135     font-weight: bold; 
    136     color: #000; 
     91    font-size: 120%; 
    13792} 
    13893 
    … …  
    14095/* 購入履歴一覧/詳細 
    14196----------------------------------------------- */ 
    142 div#mycontents_area p.myconditionarea { 
     97div#mycontents_area div.mycondition_area { 
    14398    margin: 0 auto 20px 0; 
    14499    padding: 10px; 
    145100    border: solid 1px #ccc; 
    146 } 
    147  
     101    width: 97%; 
     102    background: #f9f9f9; 
     103 
     104} 
     105div#mycontents_area div.mycondition_area p { 
     106    float: left; 
     107} 
     108div#mycontents_area div.mycondition_area .btn { 
     109    width: 160px; 
     110    margin-top: 15px; 
     111    float: right; 
     112} 
    148113.add_address { 
    149114    margin-bottom: 20px; 
    … …  
    151116 
    152117 
    153  
    154118/* 会員登録内容変更/退会 
    155119----------------------------------------------- */ 
    156120div#mycontents_area .box120 { 
    157     width: 120px; 
    158121    padding: 2px; 
    159122    border: 1px solid #ccc; 
     123    width: 120px; 
    160124} 
    161125 
    … …  
    179143 
    180144div#undercolumn_entry .kiyaku_text { 
    181     width: 94%; 
    182145    margin: 20px auto; 
    183146    padding: 10px; 
     147    border: solid 1px #ccc; 
     148    width: 94%; 
    184149    background: #fff; 
    185     border: solid 1px #ccc; 
    186150} 
    187151 
    … …  
    190154▼ログイン 
    191155=============================================== */ 
    192 div#under02column_login { 
    193     width: 100%; 
     156div#undercolumn_login { 
    194157    margin: 0 auto; 
    195 } 
    196  
    197 div#under02column_login .login_area{ 
     158    width: 100%; 
     159} 
     160 
     161div#undercolumn_login .login_area { 
    198162    margin-bottom: 30px; 
    199163} 
    200164 
    201 div#under02column_login .login_area .inputbox { 
     165div#undercolumn_login .login_area .inputbox { 
    202166    margin: 15px auto 15px auto; 
    203167    padding: 15px 20px 10px 20px; 
    … …  
    205169} 
    206170 
    207 div#under02column_login .login_area .inputbox .btn_area{ 
    208     margin-top: 0px; 
    209 } 
    210  
    211 div#under02column_login .login_area .inputbox .box300 { 
    212     width: 300px; 
    213     margin: 5px 0 0 0; 
    214     padding: 2px; 
    215     border: 1px solid #ccc; 
     171div#undercolumn_login .login_area .inputbox .btn_area { 
     172    margin-top: 0; 
    216173} 
    217174 
    … …  
    220177▼エラー 
    221178=============================================== */ 
    222 div#under02column_error .message_area { 
     179div#undercolumn_error .message_area { 
    223180    margin: 30px auto; 
    224181    padding: 30px; 
    … …  
    227184} 
    228185 
    229 div#under02column_error .messagearea .error { 
     186div#undercolumn_error .messagearea .error { 
    230187    padding: 120px 0; 
    231188} 
    … …  
    233190 
    234191/* ============================================== 
    235 ▼下層共通指定 02  
    236 =============================================== 
    237 div#under02column { 
    238     width: 100%; 
    239 } 
    240  */ 
    241 /* ============================================== 
    242192▼商品一覧 
    243193=============================================== */ 
    244194/* ページ送り 
    245195----------------------------------------------- */ 
    246 .pagenumberarea { 
     196.pagenumber_area { 
    247197    padding-bottom: 10px; 
    248198    background: url("../img/background/line_dot_01.gif") repeat-x bottom ; 
    249199} 
    250  
    251 .pagecondarea { 
     200.pagecond_area { 
    252201    padding: 10px; 
    253202    margin-bottom: 20px; 
    254203} 
    255 .pagenumberarea { 
     204.pagenumber_area { 
    256205    margin: 20px 0; 
    257206} 
    258 .pagecondarea { 
     207.pagecond_area { 
    259208    border: 1px solid #ccc; 
    260209} 
    261 .pagenumberarea .navi { 
     210.pagenumber_area .navi { 
    262211    width: 100%; 
    263212    text-align: left; 
    264213} 
    265 .pagenumberarea .change { 
     214.pagenumber_area .change { 
    266215    float: right; 
    267216    text-align: right; 
    … …  
    272221----------------------------------------------- */ 
    273222div.list_area { 
    274     width: 100%; 
    275     padding: 0px 0 30px 0; 
     223    padding: 0 0 30px 0; 
     224    width: 100%; 
    276225    overflow: auto; 
    277226} 
    … …  
    286235/* 商品ステータス */ 
    287236div.listrightbloc ul.status_icon { 
    288     width: 100%; 
    289     margin-bottom: 10px; 
     237    margin-bottom: 10px; 
     238    width: 100%; 
    290239} 
    291240div.listrightbloc ul.status_icon li { 
    … …  
    296245/* 商品名 */ 
    297246div.listrightbloc h3 { 
     247    font-weight: bold; 
    298248    font-size: 120%; 
    299     font-weight: bold; 
    300249} 
    301250 
    … …  
    318267/* 買い物かご */ 
    319268div.listrightbloc .cart_area { 
     269    padding: 10px; 
     270    border: 1px solid #cef0f4; 
     271    background-color: #ecf5ff; 
    320272    width: 94%; 
    321     padding: 10px; 
    322     background-color: #ecf5ff; 
    323     border: 1px solid #cef0f4; 
    324273} 
    325274 
    … …  
    351300} 
    352301div.listrightbloc .cartin .quantity { 
     302    padding: 3px 10px 0 0; 
    353303    width: 150px; 
    354304    float :left; 
    355305    text-align: right; 
    356     padding: 3px 10px 0 0; 
    357306} 
    358307div.listrightbloc .cartin .quantity .box { 
    … …  
    369318=============================================== */ 
    370319/* レイアウト 
     320 
     321    tplファイルのマークアップが同じ項目 
     322    *1カラム時 [one_maincolumn] 
     323    *2カラム時 [two_maincolumn_left] 
     324               [two_maincolumn_right] 
     325    *3カラム時 [three_maincolumn] 
     326 
    371327----------------------------------------------- */ 
    372328#detailarea , 
    373 .subarea { 
     329.sub_area { 
     330    margin-bottom: 20px; 
    374331    width: 100%; 
    375332} 
    … …  
    385342} 
    386343#one_maincolumn div.subtext { 
     344    margin-bottom: 20px; 
     345    float: left; 
    387346    width: 69%; 
    388     margin-bottom: 20px; 
    389     float: left; 
    390347} 
    391348#one_maincolumn div.subphotoimg { 
     349    float: right; 
    392350    width: 25%; 
    393     float: right; 
    394351    text-align: right; 
    395352} 
    396353 
    397354/* 2カラム用 */ 
     355#two_maincolumn_left div#detailphotobloc , 
    398356#two_maincolumn_right div#detailphotobloc { 
     357    float: left; 
    399358    width: 37%; 
    400     float: left; 
    401 } 
     359} 
     360#two_maincolumn_left div#detailrightbloc , 
    402361#two_maincolumn_right div#detailrightbloc { 
     362    float: right; 
    403363    width: 63%; 
    404     float: right; 
    405 } 
     364} 
     365#two_maincolumn_left div.subtext, 
    406366#two_maincolumn_right div.subtext { 
     367    margin-bottom: 20px; 
     368    float: left; 
    407369    width: 73%; 
    408     margin-bottom: 20px; 
    409     float: left; 
    410 } 
     370} 
     371#two_maincolumn_left div.subphotoimg , 
    411372#two_maincolumn_right div.subphotoimg { 
     373    float: right; 
    412374    width: 25%; 
    413     float: right; 
    414375    text-align: right; 
    415376} 
    … …  
    417378/* 3カラム用 */ 
    418379#three_maincolumn div#detailphotobloc { 
     380    float: left; 
    419381    width: 49%; 
    420     float: left; 
    421382} 
    422383#three_maincolumn div#detailrightbloc { 
     384    float: right; 
    423385    width: 50%; 
    424     float: right; 
    425386} 
    426387#three_maincolumn div.subtext { 
     388    margin-bottom: 20px; 
     389    float: left; 
    427390    width: 63%; 
    428     float: left; 
    429     margin-bottom: 20px; 
    430391} 
    431392#three_maincolumn div.subphotoimg { 
     393    float: right; 
    432394    width: 35%; 
    433     float: right; 
    434395    text-align: right; 
    435396} 
    … …  
    440401    margin: 0 0 10px 0; 
    441402    padding: 0 0 15px 0; 
     403    color: #666; 
     404    background: url("../img/background/line_dot_01.gif") repeat-x bottom ; 
     405    font-weight: bold; 
    442406    font-size: 160%; 
    443     font-weight: bold; 
    444     background: url("../img/background/line_dot_01.gif") repeat-x bottom ; 
    445     color: #666; 
    446 } 
    447  
     407} 
    448408div#detailrightbloc .point , 
    449409div#detailrightbloc .relative_cat { 
    … …  
    452412    background: url("../img/background/line_dot_01.gif") repeat-x bottom ; 
    453413} 
    454  
    455414div#detailrightbloc .main_comment { 
    456415    margin-bottom: 20px; 
    457416} 
    458  
    459417div.cart_area { 
    460418    padding: 10px; 
    … …  
    463421} 
    464422 
    465  
    466423/* 商品ステータス */ 
    467424div#detailrightbloc ul.status_icon { 
    468     width: 100%; 
    469     margin-bottom: 10px; 
     425    margin-bottom: 10px; 
     426    width: 100%; 
    470427} 
    471428div#detailrightbloc ul.status_icon li { 
    … …  
    477434/* 規格 */ 
    478435div#detailrightbloc div.classlist { 
    479     width: 100%; 
    480436    margin-bottom: 10px; 
    481437    padding-bottom: 10px; 
     438    width: 100%; 
    482439    background: url("../img/background/line_dot_02.gif") repeat-x bottom ; 
    483440} 
    484441div#detailrightbloc .classlist { 
    485     width: 100%; 
    486442    margin-bottom: 5px; 
    487443} 
     444div#detailrightbloc ul { 
     445    margin-bottom: 10px; 
     446    width: 100%; 
     447} 
    488448div#detailrightbloc ul li { 
    489     float: left; 
    490449    vertical-align: top; 
     450    float: left; 
    491451} 
    492452 
    493453/* 買い物かご */ 
    494454div#detailrightbloc .cartin { 
    495     margin: 0; 
    496     float :right; 
    497 } 
    498 div#detailrightbloc .cartin .quantity { 
    499     width: 150px; 
    500     float :left; 
    501     text-align: right; 
    502     padding: 3px 10px 0 0; 
     455    text-align: center; 
    503456} 
    504457div#detailrightbloc .cartin_btn { 
    505     width: 160px; 
    506     float :left; 
     458    text-align: center; 
     459} 
     460div#detailrightbloc .favorite_btn { 
     461    margin-top: 10px; 
    507462} 
    508463 
    … …  
    535490 
    536491div#customervoice_area review_bloc .reviewbtn { 
     492    float: right; 
    537493    width: 160px; 
    538     float: right; 
    539494} 
    540495 
    … …  
    547502div#customervoice_area .voicetitle { 
    548503    margin-bottom: 5px; 
     504    color: #333; 
    549505    font-weight: bold; 
    550     color: #333; 
    551506} 
    552507 
    … …  
    573528/* カートの中 
    574529----------------------------------------------- */ 
    575 div#under02column_cart .point_announce { 
     530div#undercolumn_cart .point_announce { 
    576531    padding: 20px; 
    577532    margin-bottom: 20px; 
    578533    border: solid 1px #ffcc62; 
    579     text-align: center; 
    580534    background: #fffaf0; 
    581535    font-size: 120%; 
     536    text-align: center; 
    582537    line-height: 140%; 
    583538} 
    584 div#under02column_cart .totalmoney_area { 
    585     margin-bottom: 20px; 
    586 } 
    587  
    588 div#under02column_cart p { 
     539div#undercolumn_cart .totalmoney_area { 
     540    margin-bottom: 20px; 
     541} 
     542 
     543div#undercolumn_cart p { 
    589544    margin: 10px 5px; 
    590545} 
    591546 
    592 div#under02column table th.resulttd { 
     547div#undercolumn table th.resulttd { 
    593548    text-align: right; 
    594549} 
    595550 
    596 div#under02column td#quantity { 
     551div#undercolumn td#quantity { 
    597552   text-align: center; 
    598553   width: 70px; 
    599554} 
    600555 
    601 div#under02column ul#quantity_level li { 
     556div#undercolumn ul#quantity_level li { 
     557    padding: 3px; 
    602558    display: inline; 
    603     padding: 3px; 
    604 } 
    605  
    606 div#under02column .empty { 
     559} 
     560 
     561div#undercolumn .empty { 
    607562    text-align: left; 
    608563} 
    … …  
    615570/* お客様情報入力 
    616571----------------------------------------------- */ 
    617 div#under02column_customer { 
    618 } 
    619  
    620 .flowarea { 
     572div#undercolumn_customer { 
     573} 
     574 
     575.flow_area { 
    621576    margin: 0 0 20px 0; 
    622577} 
    623578 
    624 div#under02column_customer th em { 
     579div#undercolumn_customer th em { 
    625580    color: #000; 
    626581    font-weight: bold; 
    627582} 
    628583 
    629 div#under02column_customer .box120 { 
    630     width: 120px; 
    631     padding: 2px; 
    632     border: 1px solid #ccc; 
    633 } 
    634  
    635 div#under02column_customer .box60 { 
    636     width: 60px; 
    637     padding: 2px; 
    638     border: 1px solid #ccc; 
    639 } 
    640  
    641 div#under02column_customer .box380 { 
    642     width: 380px; 
     584 
     585/* お支払い方法・お届け時間等の指定 
     586----------------------------------------------- */ 
     587div#undercolumn_shopping .pay_area { 
     588    margin: 0 auto 30px; 
     589    width: 100%; 
     590} 
     591div#undercolumn_shopping .pay_area02 { 
     592    margin: 40px auto 30px auto; 
     593} 
     594div#undercolumn_shopping .pay_area02 .txtarea { 
    643595    margin: 5px 0 0 0; 
    644596    padding: 2px; 
    645597    border: 1px solid #ccc; 
    646 } 
    647  
    648 div#under02column_customer .box320 { 
    649     width: 320px; 
    650     margin: 5px 0 0 0; 
    651     padding: 2px; 
    652     border: 1px solid #ccc; 
    653 } 
    654  
    655  
    656 /* お支払い方法・お届け時間等の指定 
    657 ----------------------------------------------- */ 
    658 div#under02column_shopping .pay_area { 
    659     width: 100%; 
    660     margin: 0 auto 30px; 
    661 } 
    662  
    663 div#under02column_shopping .pay_area02 { 
    664     margin: 40px auto 30px auto; 
    665 } 
    666  
    667 div#under02column_shopping .pay_area02 .txtarea { 
    668598    width: 99%; 
    669599    height: 150px; 
    670     margin: 5px 0 0 0; 
    671     padding: 2px; 
     600} 
     601div#undercolumn_shopping .pay_area02 .select-msg { 
     602    margin-bottom: 10px; 
     603} 
     604 
     605div#undercolumn_shopping .point_area { 
     606    margin: 40px auto 0 auto; 
     607} 
     608 
     609div#undercolumn_shopping .point_area .point_announce { 
     610    padding: 20px; 
    672611    border: 1px solid #ccc; 
    673612} 
    674 div#under02column_shopping .pay_area02 .select-msg { 
    675     margin-bottom: 10px; 
    676 } 
    677  
    678 div#under02column_shopping .point_area { 
    679     margin: 40px auto 0 auto; 
    680 } 
    681  
    682 div#under02column_shopping .point_area .point_announce { 
    683     border: 1px solid #ccc; 
    684     padding: 20px; 
    685 } 
    686  
    687 div#under02column_shopping .point_area p { 
    688     margin-bottom: 20px; 
    689 } 
    690  
    691 div#under02column_shopping .point_area .point_announce li { 
     613 
     614div#undercolumn_shopping .point_area p { 
     615    margin-bottom: 20px; 
     616} 
     617 
     618div#undercolumn_shopping .point_area .point_announce li { 
    692619    margin-bottom: 5px; 
    693620} 
     621 
    694622 
    695623/* お届け先の指定 
    … …  
    705633} 
    706634 
    707 #under02column_shopping .information { 
     635#undercolumn_shopping .information { 
    708636    margin-bottom: 10px; 
    709637} 
    710638 
    711639#address_area .add_multiple { 
     640    padding: 15px 10px; 
     641    border: 1px solid #ffcc62; 
     642    float: right; 
    712643    width: 30%; 
    713     padding: 15px 10px; 
    714     float: right; 
    715     border: 1px solid #ffcc62; 
     644    color: #555; 
     645    background: #fffaf0; 
    716646    text-align: center; 
    717     background: #fffaf0; 
    718647    font-weight: bold; 
    719     color: #555; 
    720648} 
    721649 
    … …  
    725653 
    726654#address_area p.addbtn { 
     655    font-weight: bold; 
    727656    font-size: 10px; 
    728     font-weight: bold; 
    729657} 
    730658 
    … …  
    732660▼検索結果 
    733661=============================================== */ 
    734 p.conditionarea { 
    735     clear: both; 
    736     width: 566px; 
     662p.condition_area { 
    737663    margin: 0 auto; 
    738664    padding: 5px; 
    739665    border: solid 1px #333; 
    740 } 
    741  
     666    width: 566px; 
     667} 
     668 

  • branches/version-2_5-dev/html/user_data/packages/default/css/import.css

    r20290 r20340  
    11@charset "utf-8"; 
    22 
     3/************************************************ 
     4 import css (ポップアップ用) 
     5************************************************ */ 
    36@import url("./set.css"); 
    47@import url("./common.css"); 
    … …  
    69@import url("./table.css"); 
    710@import url("./bloc.css"); 
    8 @import url("./header_bloc.css"); 
     11@import url("./bloc_alpha.css"); 
    912@import url("./popup_import.css"); 
    10 @import url("./popup.css"); 
    1113 
    1214@import url("./print.css"); 
    13 /* @import url("./pluginbloc.css"); */ 

  • branches/version-2_5-dev/html/user_data/packages/default/css/popup.css

    r20290 r20340  
    22 
    33/************************************************ 
    4 ポップアップウィンドウ 
     4 ポップアップウィンドウ 
    55************************************************ */ 
    66/* 共通 
    77----------------------------------------------- */ 
    88div#windowcolumn { 
     9    border-top: solid 3px #f90; 
    910    height: 100%; 
    1011    margin: 15px 15px 0 15px; 
    1112    background: #fff; 
    12     border-top: solid 3px #f90; 
    1313} 
    1414 
    1515div#windowcolumn h2 { 
    1616    margin-bottom: 10px; 
     17    padding: 8px; 
    1718    border-top: solid 1px #ebeced; 
     19    color: #f60; 
    1820    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; 
    1921    background-color: #fef3d8; 
    20     padding: 8px; 
    2122    font-size: 170%; 
    22     color: #f60; 
    2323} 
    2424 
    25 div#windowarea { 
    26     width: 540px; 
     25div#window_area { 
    2726    margin: 15px auto 0 auto; 
    2827    padding-bottom: 20px; 
     28    width: 540px; 
    2929} 
    3030 
    31 div#windowarea p.information { 
     31div#window_area p.information { 
    3232    margin-bottom: 20px; 
    3333} 
    3434 
    35 div#windowarea .message { 
    36     margin-bottom: 20px; 
    37     font-size: 140%; 
     35div#window_area .message { 
     36    margin-bottom: 20px;    color: #f60; 
    3837    line-height: 150%; 
    3938    font-weight: bold; 
    40     color: #f60; 
     39    font-size: 140%; 
    4140} 
    42 div#windowarea table { 
     41div#window_area table { 
    4342    width: 540px; 
    4443} 
    … …  
    4645/* お客様の声の書き込み、新しいお届け先の追加・変更 
    4746----------------------------------------------- */ 
    48 div#windowarea #forgot { 
     47div#window_area #forgot { 
    4948    margin: 0 auto; 
     49    padding: 20px; 
    5050    width: 440px; 
    51     padding: 20px; 
    5251    border: 1px solid #ccc; 
    5352    text-align: left; 
    5453} 
    55 div#windowarea #forgot .mailaddres { 
     54div#window_area #forgot .mailaddres { 
    5655    margin-bottom: 10px; 
    5756} 
    58 div#windowarea .zipimg img { 
     57div#window_area .zipimg img { 
    5958    margin: 5px 0 0 0; 
    6059} 
    … …  
    7877----------------------------------------------- */ 
    7978div#zipsearchcolumn { 
    80     width: 460px; 
    8179    margin: 15px auto 0 auto; 
    82     background-color: #fff; 
    8380    border-top: 5px solid #ffa85c; 
    8481    border-bottom: 5px solid #ffa85c; 
     82    width: 460px; 
     83    background-color: #fff; 
    8584} 
    8685 
    8786div#zipsearchcolumn h2 { 
     87    margin: 0 0 15px 0; 
    8888    width: 460px; 
    89     margin: 0 0 15px 0; 
    9089} 
    9190 
    92 div#zipsearcharea { 
     91div#zipsearch_area { 
     92    margin: 15px auto 0 auto; 
    9393    width: 460px; 
    94     margin: 15px auto 0 auto; 
    9594} 
    9695 
    … …  
    10099} 
    101100 
    102 div#zipsearcharea #completebox p{ 
     101div#zipsearch_area #completebox p{ 
    103102    padding: 60px 5px; 
    104103    text-align: center; 

  • branches/version-2_5-dev/html/user_data/packages/default/css/popup_import.css

    r20290 r20340  
    99@import url("./table.css"); 
    1010@import url("./bloc.css"); 
    11 @import url("./header_bloc.css"); 
    12 @import url("./popup_import.css"); 
     11@import url("./bloc_alpha.css"); 
    1312@import url("./popup.css"); 
    1413 
    1514@import url("./print.css"); 
    16 /* @import url("./pluginbloc.css"); */ 

  • branches/version-2_5-dev/html/user_data/packages/default/css/print.css

    r20290 r20340  
    22 
    33/************************************************ 
    4     印刷用 
     4 印刷用 
    55************************************************ */ 
    66 

  • branches/version-2_5-dev/html/user_data/packages/default/css/set.css

    r20290 r20340  
    22 
    33/************************************************ 
    4 ブラウザリセット 
     4 ブラウザリセット 
    55************************************************ */ 
    66html, body, div, span, applet, object, iframe, h1, h2, h3, 

  • branches/version-2_5-dev/html/user_data/packages/default/css/table.css

    r20290 r20340  
    77----------------------------------------------- */ 
    88table { 
    9     width: 100%; 
    109    margin: 15px auto 20px auto; 
    1110    border-top: 1px solid #ccc; 
    1211    border-left: 1px solid #ccc; 
     12    width: 100%; 
    1313    border-collapse: collapse; 
    1414    text-align: left; 
    1515} 
    1616table th { 
    17     color: #333; 
    1817    padding: 8px; 
    1918    border-right: 1px solid #ccc; 
    2019    border-bottom: 1px solid #ccc; 
     20    color: #333; 
    2121    background-color: #f0f0f0; 
    2222    font-weight: normal; 
    … …  
    3030/* 見出し 
    3131----------------------------------------------- */ 
    32 div#under02column_shopping table th { 
     32div#undercolumn_shopping table th { 
    3333    text-align: center; 
    3434} 
    35 div#under02column_shopping table.delivname th { 
     35div#undercolumn_shopping table.delivname th { 
    3636    text-align: left; 
    3737    width: 155px; 
    3838} 
     39 
     40/* MYページ */ 
    3941div#mycontents_area table th { 
    4042    text-align: center; 
    … …  
    4345    text-align: right; 
    4446} 
     47div#mycontents_area table th.alignL { 
     48    text-align: left; 
     49} 
     50div#mycontents_area table th.resulttd { 
     51    text-align: right; 
     52} 
     53div#mycontents_area table caption { 
     54    padding: 8px; 
     55    border-top: 1px solid #ccc; 
     56    border-right: 1px solid #ccc; 
     57    border-left: 1px solid #ccc; 
     58    color: #000; 
     59    background-color: #f0f0f0; 
     60    text-align: left; 
     61    font-weight: bold; 
     62} 
    4563 
    46 /* 見出し 
     64 
     65/* その他 
    4766----------------------------------------------- */ 
    4867table select { 
     68    margin-bottom: 7px; 
    4969    border: solid 1px #ccc; 
    50     margin-bottom: 7px; 
    5170} 
    5271 
Note: See TracChangeset for help on using the changeset viewer.