Ignore:
Timestamp:
2011/07/27 13:53:29 (14 years ago)
Author:
468
Message:

#1413 スマートフォン版スタイルシートファイル変更（HTML5対応）

File:
1 edited

Legend:

Unmodified
Added
Removed

  • branches/version-2_11-dev/html/user_data/packages/sphone/css/button.css

    r20764 r21052  
    11@charset "utf-8"; 
     2/* =================================================================== 
     3CSS information 
    24 
    3 /* スマートフォン用グラデーションボタン 
    4 ----------------------------------------------- */ 
    5 /*.spbtn { 
    6 display: block; 
    7 margin: 0.5em auto 0.3em; 
    8 padding: 0.4em 0; 
    9 font: bold large helvetica; 
    10 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    11 vertical-align: middle; 
    12 text-align:center; 
    13 text-decoration: none; 
    14 color: #ffffff; 
    15 background-color: #666666; 
    16 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    17 border: solid 2px #666666; 
    18 -webkit-border-radius: 8px; 
    19 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); 
    20 }*/ 
    21 .spbtn:before { 
    22 content: ""; 
    23 display: block; 
    24 height: 0; 
    25 clear: both; 
    26 visibility: hidden; 
    27 } 
    28 /*a.spbtn { 
    29 width: 79%; 
    30 max-width: 236px; 
    31 }*/ 
    32 input.spbtn { 
    33 width: 100%; 
    34 } 
     5file name  :button.css 
     6style info :ボタン用 
    357 
    36 /* ボタン大（汎用） 
    37 ----------------------------------------------- */ 
    38 .spbtn-normal { 
    39 color: #ffffff; 
    40 border: solid 2px #666666; 
    41 background-color: #666666; 
    42 /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));*/ 
     8=================================================================== */ 
     9.btn_area{ 
     10padding:10px; 
     11clear:both; 
     12} 
     13ul.btn_btm{ 
     14clear:both; 
     15} 
     16.btn_area li,ul.btn_btm li{ 
     17margin-bottom:12px; 
     18} 
     19.btn_area_top{ 
     20box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
     21-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
     22-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
     23border-top: 1px solid #CCC; 
     24border-bottom: 1px solid #CCC; 
     25background:#EEE; 
     26display:block; 
     27clear:both; 
     28margin-bottom:10px; 
     29padding:10px 0; 
     30} 
     31/*----------------------------------------------- 
     32ボタン（進む系ボタン:グリーン） 
     33----------------------------------------------- */ 
     34a.btn,a.btn:link,a.btn:visited,a.btn:hover{ 
     35color:#FFF; 
     36font-size: 16px; 
     37font-weight:bold; 
     38text-decoration: none; 
     39text-align:center; 
     40padding: 10px; 
     41text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     42border: 1px solid #A9ABAD; 
     43border-radius: 5px; 
     44-moz-border-radius: 5px; 
     45-webkit-border-radius: 5px; 
     46display:block; 
     47background:#B4DF34; 
     48background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     49background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     50cursor:pointer; 
     51-webkit-transition:opacity 0.5s ease-in; 
     52-moz-transition:opacity 0.5s ease-in; 
     53} 
     54input[type="submit"].btn{ 
     55width:100%; 
     56color:#FFF; 
     57font-size: 16px; 
     58font-weight:bold; 
     59text-decoration: none; 
     60text-align:center; 
     61padding: 10px; 
     62text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     63border: 1px solid #A9ABAD; 
     64border-radius: 5px; 
     65-moz-border-radius: 5px; 
     66-webkit-border-radius: 5px; 
     67display:block; 
     68background:#B4DF34; 
     69background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     70background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     71cursor:pointer; 
     72-webkit-transition:opacity 0.5s ease-in; 
     73-moz-transition:opacity 0.5s ease-in; 
     74} 
     75/*----------------------------------------------- 
     76ボタン（戻る系ボタン:グレー） 
     77----------------------------------------------- */ 
     78a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover { 
     79color:#FFF; 
     80font-size: 16px; 
     81font-weight:bold; 
     82text-decoration: none; 
     83text-align:center; 
     84text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     85border: 1px solid #A9ABAD; 
     86border-radius: 5px; 
     87-moz-border-radius: 5px; 
     88-webkit-border-radius: 5px; 
     89display:block; 
     90padding:5px 0; 
     91background:#999999; 
     92background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
     93background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     94} 
     95input[type="submit"].btn_back{ 
     96color:#FFF; 
     97font-size: 16px; 
     98font-weight:bold; 
     99text-decoration: none; 
     100text-align:center; 
     101text-shadow: 0 -1px 1px rgba(0,0,0,1); 
     102border: 1px solid #A9ABAD; 
     103border-radius: 5px; 
     104-moz-border-radius: 5px; 
     105-webkit-border-radius: 5px; 
     106display:block; 
     107padding:5px 0; 
     108background:#999999; 
     109background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
     110background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     111} 
     112/*----------------------------------------------- 
     113ボタン（サブ系ボタン:ライトグレー） 
     114----------------------------------------------- */ 
     115.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover { 
     116color:#000; 
     117font-size: 16px; 
     118padding:5px 0; 
     119font-weight:bold; 
     120text-decoration: none; 
     121text-align:center; 
     122text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
     123border: 1px solid #A9ABAD; 
     124border-radius: 5px; 
     125-moz-border-radius: 5px; 
     126-webkit-border-radius: 5px; 
     127display:block; 
     128background:#FDFDfD; 
     129background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     130background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     131} 
     132input[type="submit"].btn_sub{ 
     133color:#000; 
     134font-size: 16px; 
     135padding:5px 0; 
     136font-weight:bold; 
     137text-decoration: none; 
     138text-align:center; 
     139text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
     140border: 1px solid #A9ABAD; 
     141border-radius: 5px; 
     142-moz-border-radius: 5px; 
     143-webkit-border-radius: 5px; 
     144display:block; 
     145background:#FDFDfD; 
     146background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     147background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     148} 
     149/*----------------------------------------------- 
     150ボタン（追加系ボタン:ホワイト） 
     151----------------------------------------------- */ 
     152a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover{ 
     153color:#000; 
     154font-size: 16px; 
     155padding:5px 0; 
     156font-weight:bold; 
     157text-decoration: none; 
     158text-align:center; 
     159border: 1px solid #A9ABAD; 
     160border-radius: 5px; 
     161-moz-border-radius: 5px; 
     162-webkit-border-radius: 5px; 
     163display:block; 
     164background: #FFF; 
     165clear:both; 
     166margin:10px; 
     167} 
     168input[type="submit"].btn_more{ 
     169color:#000; 
     170font-size: 16px; 
     171padding:5px 0; 
     172font-weight:bold; 
     173text-decoration: none; 
     174text-align:center; 
     175border: 1px solid #A9ABAD; 
     176border-radius: 5px; 
     177-moz-border-radius: 5px; 
     178-webkit-border-radius: 5px; 
     179display:block; 
     180background: #FFF; 
     181clear:both; 
     182} 
     183/*----------------------------------------------- 
     184ボタン（フッター） 
     185----------------------------------------------- */ 
     186a.btn_btm{ 
     187width:150px; 
     188text-align: center; 
     189color: #FFF; 
     190background-color: #000; 
     191background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
     192background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
     193border:#303030 solid 1px; 
     194text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
     195-moz-border-radius: 5px; 
     196-webkit-border-radius: 5px; 
     197padding: 5px; 
     198margin:10px auto; 
     199transition: background-color 1s ease-in; 
     200-webkit-transition: background-color 1s ease-in; 
     201-moz-transition: opacity 1s ease-int; 
     202} 
     203.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{ 
     204color:#FFF; 
     205text-decoration:none; 
     206} 
     207input[type="submit"].btn_btm{ 
     208width:150px; 
     209text-align: center; 
     210color: #FFF; 
     211background-color: #000; 
     212background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
     213background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
     214border:#303030 solid 1px; 
     215text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
     216-moz-border-radius: 5px; 
     217-webkit-border-radius: 5px; 
     218padding: 5px; 
     219margin:10px auto; 
     220transition: background-color 1s ease-in; 
     221-webkit-transition: background-color 1s ease-in; 
     222-moz-transition: opacity 1s ease-int; 
     223cursor:pointer; 
     224} 
     225/*----------------------------------------------- 
     226ボタン小（編集/削除） 
     227----------------------------------------------- */ 
     228ul.edit{ 
     229float:right; 
     230clear:right; 
     231display:inline; 
     232vertical-align:top; 
     233line-height:1; 
     234position:absolute; 
     235right:10px; 
     236top:15px; 
     237} 
     238ul.edit li{ 
     239display:inline; 
     240float:left; 
     241line-height:1; 
     242vertical-align:middle; 
     243} 
     244ul.edit li:first-child{ 
     245margin-right:0.8em; 
     246} 
     247a.b_edit:link,a.b_edit:visited,a.b_edit:hover{ 
     248color:#000; 
     249font-size:11px; 
     250padding:4px 5px; 
     251border:#CCC solid 1px; 
     252border-radius: 12px; 
     253-moz-border-radius: 12px; 
     254-webkit-border-radius: 12px; 
     255background:#D7DDE3; 
     256background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 
     257background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 
     258display:inline; 
     259text-align:center; 
     260cursor:pointer; 
     261vertical-align:middle; 
     262} 
     263a.b_delete:link,a.b_delete:visited,a.b_delete:hover{ 
     264vertical-align:top; 
     265cursor:pointer; 
     266} 
     267/*----------------------------------------------- 
     268ボタン（商品詳細:カゴに入れる） 
     269----------------------------------------------- */ 
     270.cartbtn_default{ 
     271width:50%!important; 
     272font-size:15px; 
     273padding:10px 0; 
     274background:#669222; 
     275background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     276background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    43277} 
    44278 
    45 /* ボタン大（承諾、送信） 
    46 ----------------------------------------------- */ 
    47 .spbtn-agree { 
    48     background-color: #6dc935; 
    49     border: 1px solid #666666; 
    50     color: #FFFFFF; 
    51     display: block; 
    52     font: bold 120% helvetica; 
    53     margin: 0.5em auto 0.3em; 
    54     padding: 7px; 
    55     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    56     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    57     -webkit-border-radius: 6px; 
    58     -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); 
    59     text-decoration:none; 
    60 } 
    61  
    62 /* ボタン大（キャンセル、退会） 
    63 ----------------------------------------------- */ 
    64 .spbtn-cancel { 
    65 color: #ffffff; 
    66 border: solid 2px #666666; 
    67 background-color: #fc4743; 
    68 /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));*/ 
    69 } 
    70  
    71 /* ボタン中（お問い合わせ、友達に教える） 
    72 ----------------------------------------------- */ 
    73 .spbtn-medeum { 
    74     background-color: #aaaaaa; 
    75     border: 1px solid #666666; 
    76     color: #FFFFFF; 
    77     display: block; 
    78     font: bold 100% helvetica; 
    79     margin: 0 auto; 
    80     padding: 7px; 
    81     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    82     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    83     -webkit-border-radius: 6px; 
    84     -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); 
    85 /*text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    86 -webkit-border-radius: 6px; 
    87 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);*/ 
    88 } 
    89 a.spbtn-medeum { 
    90 width: 95%; 
    91 text-decoration:none; 
    92 text-align:center; 
    93 } 
    94 input.spbtn-medeum { 
    95 width: 100%; 
    96 } 
    97  
    98 .spbtn-medeum02 { 
    99     background-color: #aaaaaa; 
    100     border: 1px solid #666666; 
    101     color: #FFFFFF; 
    102     display: block; 
    103     font: bold 100% helvetica; 
    104     margin: 0 auto; 
    105     padding: 7px; 
    106     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    107     text-align:center; 
    108         -webkit-border-radius: 6px; 
    109 /*text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    110 -webkit-border-radius: 6px; 
    111 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);*/ 
    112 } 
    113  
    114  
    115  
    116 /* ボタン小（お気に入りに登録、住所自動入力） 
    117 ----------------------------------------------- */ 
    118 .spbtn-small { 
    119 display: inline-block; 
    120 margin: 0; 
    121 padding: 0.2em 0.4em; 
    122 color: #ffffff; 
    123 text-shadow: 0px -1px 1px rgba(0,0,0,1); 
    124 font: bold 100% helvetica; 
    125 font-weight: bold; 
    126 background-color: #666666; 
    127 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    128 text-align:center; 
    129 vertical-align: middle; 
    130 text-decoration: none; 
    131 border: solid 1px #333333; 
    132 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7); 
    133 } 
    134  
    135  
    136 /* ×ボタン (お気に入りから削除) 
    137 ----------------------------------------------- */ 
    138 .spbtn-delete { 
    139 display: inline-block; 
    140 line-height: 1em; 
    141 width: 1em; 
    142 height: 1em; 
    143 margin: 0; 
    144 margin-left: 5px; 
    145 padding: 0; 
    146 color: #ffffff; 
    147 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    148 font-family: verdana; 
    149 font-weight: bold; 
    150 background-color: #333333; 
    151 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    152 text-align:center; 
    153 vertical-align: middle; 
    154 text-decoration: none; 
    155 -webkit-border-radius: 4px; 
    156 border: solid 1px #666666; 
    157 } 
    158  
    159 /* ログイン・会員登録・マイページボタン 
    160 ----------------------------------------------- */ 
    161  
    162 #block-login .spbtn{ 
    163     background-color: #666666; 
    164     border-left: 1px solid #666666; 
    165     color: #FFFFFF; 
    166     display: block; 
    167     float: left; 
    168     margin: 5px 0; 
    169     padding: 0.3em 0; 
    170     text-align: center; 
    171     text-decoration: none; 
    172     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    173     vertical-align: middle; 
    174     width: 49.6%; 
    175 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    176 background-color: #666666; 
    177 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    178 } 
    179  
    180 #block-login .spbtn:first-child{ 
    181 width: 49.6%; 
    182 border-left: none; 
    183 margin-left: 0px; 
    184 -webkit-border-top-left-radius: 4px; 
    185 -webkit-border-bottom-left-radius: 4px; 
    186 } 
    187 #block-login .spbtn:last-child{ 
    188 width: 49.6%; 
    189 -webkit-border-top-right-radius: 4px; 
    190 -webkit-border-bottom-right-radius: 4px; 
    191 margin-left:1px 
    192 } 
    193 #block-login .spbtn:only-child{ 
    194 width: 100%; 
    195 max-width: 100%; 
    196 -webkit-border-radius: 4px; 
    197 } 
    198 #block-login .spbtn > a{ 
    199 } 
    200  
    201 /*ご利用規約はこちら　ボタン 
    202 ------------------------------------------------*/ 
    203 .kybtn{ 
    204     background-color: #666666; 
    205     border-left: 1px solid #666666; 
    206     color: #FFFFFF; 
    207     display: block; 
    208     float: left; 
    209     margin: 5px 0; 
    210     padding: 0.3em 0; 
    211     text-align: center; 
    212     text-decoration: none; 
    213     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    214     vertical-align: middle; 
    215     width: 100%; 
    216     font-size: 90%; 
    217 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    218 background-color: #666666; 
    219 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    220 } 
    221  
    222  
    223 /*住所自動入力　ボタン 
    224 ------------------------------------------------*/ 
    225 .oubtn{ 
    226     background-color: #666666; 
    227     border-left: 1px solid #666666; 
    228     color: #FFFFFF; 
    229     display: block; 
    230     float: left; 
    231     margin: 5px 0; 
    232     padding: 0.3em 0; 
    233     text-align: center; 
    234     text-decoration: none; 
    235     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    236     vertical-align: middle; 
    237     width: 99%; 
    238 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    239 background-color: #666666; 
    240 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    241 } 
    242  
    243  
    244 /* 「TOPへ」ボタン 
    245 ----------------------------------------------- */ 
    246 #btn-top { 
    247 display:block; 
    248 position: absolute; 
    249 top: 4px; 
    250 right: 0.4em; 
    251 font: bold 100% helvetica; 
    252 width: 4.3em; 
    253 border: 1px solid rgba(0,0,0,0.5); 
    254 border-top: 1px solid rgba(0,0,0,0.7); 
    255 background-color: rgba(51,51,51,0.2); 
    256 background-color: #333332; 
    257 background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.01)), color-stop(.02,rgba(255,255,255,0.4)),color-stop(.5,rgba(255,255,255,0.3))); 
    258 -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3); 
    259 vertical-align: middle; 
    260 text-align: center; 
    261 text-decoration: none; 
    262 -webkit-border-radius: 5px; 
    263 } 
    264 #btn-top > a { 
    265 display: block; 
    266 padding-top: 0.3em; 
    267 padding-bottom: 0.4em; 
    268 color: #ffffff; 
    269 font: bold 100% helvetica; 
    270 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    271 vertical-align: middle; 
    272 text-decoration: none; 
    273 } 
    274  
    275 /* ショッピング関連ボタン 
    276 ----------------------------------------------- */ 
    277 .spbtn-shopping { 
    278     background-color: #6dc935; 
    279     border: 1px solid #666666; 
    280     color: #FFFFFF; 
    281     display: block; 
    282     font: bold 120% helvetica; 
    283     margin: 0 auto; 
    284     padding: 7px; 
    285     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); 
    286     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    287     -webkit-border-radius: 6px; 
    288     -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); 
    289  
    290 /*display: block; 
    291 margin: 0.5em auto 0.3em; 
    292 font: bold 100% helvetica; 
    293 border: solid 1px #666666; 
    294 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    295 color: #ffffff; 
    296 background-color: #fc4743; 
    297 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); 
    298 -webkit-border-radius: 6px; 
    299 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);*/ 
    300 } 
    301 a.spbtn-shopping { 
    302 width: 95%; 
    303 text-decoration:none; 
    304 margin:0; 
    305 text-align:center; 
    306 } 
    307 input.spbtn-shopping { 
    308 width: 100%; 
    309 margin:0; 
    310 } 
    311  
    312 p.addbtn { 
    313 margin-bottom:20px; 
    314 } 
     279/*----------------------------------------------- 
     280ボタン（商品詳細:お気に入り) 
     281----------------------------------------------- */ 
     282.btn_favorite .btn_sub{ 
     283width:auto; 
     284display:block; 
     285} 
     286/*----------------------------------------------- 
     287ボタン（新しいお届け先を追加する) 
     288----------------------------------------------- */ 
     289.addbtn{ 
     290margin:0 30px; 
     291padding:5px 0; 
     292} 
     293/*----------------------------------------------- 
     294ボタン（トップページへ) 
     295----------------------------------------------- */ 
     296.btn_s{ 
     297width:12em; 
     298padding:10px 0!important; 
     299margin:10px auto; 
     300clear:both; 
     301} 
     302/*----------------------------------------------- 
     303ボタン（住所自動入力) 
     304----------------------------------------------- */ 
     305.btn_inputzip{ 
     306margin:12px 0 5px 0; 
     307} 
     308/*----------------------------------------------- 
     309ボタン（ログイン/ウィンドウ) 
     310----------------------------------------------- */ 
     311.btn_login,.btn_close{ 
     312width:70%; 
     313margin:10px auto; 
     314} 
Note: See TracChangeset for help on using the changeset viewer.