Ignore:
Timestamp:
2011/07/31 15:25:24 (13 years ago)
Author:
Seasoft
Message:

#1294 (ソースを読みやすくする)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/table.css

    r20764 r21081  
    44----------------------------------------------- */ 
    55ul { 
    6 background: #fff; 
    7 border: 1px solid #B4B4B4; 
    8 font: bold 100% 'Helvetica-Bold'; 
    9 padding: 0;    
    10 margin: 10px 0; 
    11 text-align: left; 
    12 -webkit-border-radius: 8px; 
     6    background: #fff; 
     7    border: 1px solid #B4B4B4; 
     8    font: bold 100% 'Helvetica-Bold'; 
     9    padding: 0;    
     10    margin: 10px 0; 
     11    text-align: left; 
     12    -webkit-border-radius: 8px; 
    1313} 
    1414ul li { 
    15 color: #999999; 
    16 border-top: 1px solid #B4B4B4; 
    17 list-style-type: none; 
    18 padding: 4px 6px; 
     15    color: #999999; 
     16    border-top: 1px solid #B4B4B4; 
     17    list-style-type: none; 
     18    padding: 4px 6px; 
    1919} 
    2020 
    2121ul#paymentP, ul#mypageT { 
    22 background: #fff; 
    23 border: 1px solid #B4B4B4; 
    24 font:normal 100% 'Helvetica'; 
    25 padding: 0;    
    26 margin: 10px 0; 
    27 text-align: left; 
    28 -webkit-border-radius: 8px; 
     22    background: #fff; 
     23    border: 1px solid #B4B4B4; 
     24    font:normal 100% 'Helvetica'; 
     25    padding: 0;    
     26    margin: 10px 0; 
     27    text-align: left; 
     28    -webkit-border-radius: 8px; 
    2929} 
    3030 
    3131ul#paymentP li, ul#mypageT li { 
    32 color: #000000; 
    33 list-style-type: none; 
    34 padding: 4px 6px; 
     32    color: #000000; 
     33    list-style-type: none; 
     34    padding: 4px 6px; 
    3535} 
    3636 
    3737li:first-child { 
    38 border-top: 0; 
    39 -webkit-border-top-left-radius: 8px; 
    40 -webkit-border-top-right-radius: 8px; 
     38    border-top: 0; 
     39    -webkit-border-top-left-radius: 8px; 
     40    -webkit-border-top-right-radius: 8px; 
    4141} 
    4242li:last-child { 
    43 -webkit-border-bottom-left-radius: 8px; 
    44 -webkit-border-bottom-right-radius: 8px; 
     43    -webkit-border-bottom-left-radius: 8px; 
     44    -webkit-border-bottom-right-radius: 8px; 
    4545} 
    4646 
     
    4848----------------------------------------------- */ 
    4949ul li a, li.img a + a { 
    50 color: #000; 
    51 text-decoration: none; 
    52 text-overflow: ellipsis; 
    53 white-space: nowrap; 
    54 overflow: hidden; 
    55 display: block; 
    56 padding: 12px 10px 12px 10px; 
    57 margin: -10px; 
     50    color: #000; 
     51    text-decoration: none; 
     52    text-overflow: ellipsis; 
     53    white-space: nowrap; 
     54    overflow: hidden; 
     55    display: block; 
     56    padding: 12px 10px 12px 10px; 
     57    margin: -10px; 
    5858} 
    5959ul li.img a + a { 
    60 margin: -10px 10px -20px -5px; 
    61 font-size: 100%; 
    62 font-weight: bold; 
     60    margin: -10px 10px -20px -5px; 
     61    font-size: 100%; 
     62    font-weight: bold; 
    6363} 
    6464ul li.img a + a + a { 
    65 font-size: 100%; 
    66 font-weight: normal; 
    67 margin-left: -10px; 
    68 margin-bottom: -10px; 
    69 margin-top: 0; 
     65    font-size: 100%; 
     66    font-weight: normal; 
     67    margin-left: -10px; 
     68    margin-bottom: -10px; 
     69    margin-top: 0; 
    7070} 
    7171ul li.img a + small + a { 
    72 margin-left: -5px; 
     72    margin-left: -5px; 
    7373} 
    7474ul li.img a + small + a + a { 
    75 margin-left: -10px; 
    76 margin-top: -20px; 
    77 margin-bottom: -10px; 
    78 font-size: 100%; 
    79 font-weight: normal; 
     75    margin-left: -10px; 
     76    margin-top: -20px; 
     77    margin-bottom: -10px; 
     78    font-size: 100%; 
     79    font-weight: normal; 
    8080} 
    8181ul li.img a + small + a + a + a { 
    82 margin-left: 0px !important; 
    83 margin-bottom: 0; 
     82    margin-left: 0px !important; 
     83    margin-bottom: 0; 
    8484} 
    8585ul li a + a { 
    86 color: #000; 
    87 font: 100% 'Helvetica'; 
    88 text-overflow: ellipsis; 
    89 white-space: nowrap; 
    90 overflow: hidden; 
    91 display: block; 
    92 margin: 0; 
    93 padding: 0; 
     86    color: #000; 
     87    font: 100% 'Helvetica'; 
     88    text-overflow: ellipsis; 
     89    white-space: nowrap; 
     90    overflow: hidden; 
     91    display: block; 
     92    margin: 0; 
     93    padding: 0; 
    9494} 
    9595ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a { 
    96 color: #666; 
    97 font: 100% 'Helvetica'; 
    98 margin: 0; 
    99 text-overflow: ellipsis; 
    100 white-space: nowrap; 
    101 overflow: hidden; 
    102 display: block; 
    103 padding: 0; 
     96    color: #666; 
     97    font: 100% 'Helvetica'; 
     98    margin: 0; 
     99    text-overflow: ellipsis; 
     100    white-space: nowrap; 
     101    overflow: hidden; 
     102    display: block; 
     103    padding: 0; 
    104104} 
    105105 
     
    107107----------------------------------------------- */ 
    108108table { 
    109 width: 100%; 
    110 max-width: 300px; 
    111 margin: 10px 0 20px; 
    112 text-align: center; 
    113 vertical-align: middle; 
    114 border-collapse: collapse; 
    115 border-spacing: 0; 
    116 -webkit-border-radius: 8px; 
    117 -webkit-box-shadow: 0 0 4px #000000; 
     109    width: 100%; 
     110    max-width: 300px; 
     111    margin: 10px 0 20px; 
     112    text-align: center; 
     113    vertical-align: middle; 
     114    border-collapse: collapse; 
     115    border-spacing: 0; 
     116    -webkit-border-radius: 8px; 
     117    -webkit-box-shadow: 0 0 4px #000000; 
    118118} 
    119119table tr { 
    120 border-bottom: solid 1px #cccccc; 
    121 -webkit-border-radius: 8px; 
     120    border-bottom: solid 1px #cccccc; 
     121    -webkit-border-radius: 8px; 
    122122} 
    123123table > tr:last-child, 
    124124table > tbody > tr:last-child { 
    125 border-bottom: none; 
     125    border-bottom: none; 
    126126} 
    127127table th,  
    128128table td { 
    129 margin: 0; 
    130 max-width: 250px; 
    131 height: 2em; 
    132 background-color: #ffffff; 
    133 border: none; 
    134 -webkit-border-radius: 0; 
    135 font-weight:normal; 
     129    margin: 0; 
     130    max-width: 250px; 
     131    height: 2em; 
     132    background-color: #ffffff; 
     133    border: none; 
     134    -webkit-border-radius: 0; 
     135    font-weight:normal; 
    136136} 
    137137table th { 
    138 background-color: #f0f0f0; 
     138    background-color: #f0f0f0; 
    139139} 
    140140table td { 
    141 background-color: #ffffff; 
     141    background-color: #ffffff; 
    142142} 
    143143table tr:first-of-type th:first-child, 
    144144table tr:first-of-type td:first-child { 
    145 -webkit-border-top-left-radius: inherit; 
     145    -webkit-border-top-left-radius: inherit; 
    146146} 
    147147table tr:first-of-type th:last-child, 
    148148table tr:first-of-type td:last-child { 
    149 -webkit-border-top-right-radius: inherit; 
     149    -webkit-border-top-right-radius: inherit; 
    150150} 
    151151table tr:last-of-type th:first-child, 
    152152table tr:last-of-type td:first-child { 
    153 -webkit-border-bottom-left-radius: inherit; 
     153    -webkit-border-bottom-left-radius: inherit; 
    154154} 
    155155table tr:last-of-type th:last-child, 
    156156table tr:last-of-type td:last-child { 
    157 -webkit-border-bottom-right-radius: inherit; 
     157    -webkit-border-bottom-right-radius: inherit; 
    158158} 
    159159table > thead tr:last-of-type th:first-child, 
     
    161161table > thead tr:last-of-type th:last-child, 
    162162table > thead tr:last-of-type td:last-child { 
    163 -webkit-border-bottom-left-radius: 0; 
    164 -webkit-border-bottom-right-radius: 0; 
     163    -webkit-border-bottom-left-radius: 0; 
     164    -webkit-border-bottom-right-radius: 0; 
    165165} 
    166166table > thead + tbody > tr:first-of-type th:first-child, 
     
    168168table > thead + tbody > tr:first-of-type th:last-child, 
    169169table > thead + tbody > tr:first-of-type td:last-child { 
    170 -webkit-border-top-left-radius: 0; 
    171 -webkit-border-top-right-radius: 0; 
     170    -webkit-border-top-left-radius: 0; 
     171    -webkit-border-top-right-radius: 0; 
    172172} 
    173173 
     
    175175----------------------------------------------- */ 
    176176#block { 
    177 width: 100%; 
    178 background-color: #ffffff; 
    179 -webkit-border-radius: 8px; 
    180 -webkit-box-shadow: 0px 0px 4px #000000; 
    181 margin: 10px 0; 
     177    width: 100%; 
     178    background-color: #ffffff; 
     179    -webkit-border-radius: 8px; 
     180    -webkit-box-shadow: 0px 0px 4px #000000; 
     181    margin: 10px 0; 
    182182} 
    183183.box-wrap { 
    184 display:inline-block; 
    185 width: 100%; 
    186 border-top: 1px solid #cccccc; 
     184    display:inline-block; 
     185    width: 100%; 
     186    border-top: 1px solid #cccccc; 
    187187} 
    188188.box-wrap:first-child { 
    189 border-top: none; 
    190 -webkit-border-top-left-radius: 8px; 
    191 -webkit-border-top-right-radius: 8px; 
     189    border-top: none; 
     190    -webkit-border-top-left-radius: 8px; 
     191    -webkit-border-top-right-radius: 8px; 
    192192} 
    193193.box-wrap:last-child { 
    194 -webkit-border-bottom-left-radius: 8px; 
    195 -webkit-border-bottom-right-radius: 8px; 
     194    -webkit-border-bottom-left-radius: 8px; 
     195    -webkit-border-bottom-right-radius: 8px; 
    196196} 
    197197.box-photo { 
    198 float:left; 
    199 display:block; 
    200 margin-left: 10px; 
    201 margin-right: 10px; 
    202 position: relative; 
     198    float:left; 
     199    display:block; 
     200    margin-left: 10px; 
     201    margin-right: 10px; 
     202    position: relative; 
    203203} 
    204204.box-data { 
    205 display:block; 
    206 margin: 0px 8px; 
    207 text-align: left; 
     205    display:block; 
     206    margin: 0px 8px; 
     207    text-align: left; 
    208208} 
    209209.box-data h3 { 
    210 margin: 0px; 
    211 white-space: nowrap; 
    212 overflow: hidden; 
    213 text-overflow: ellipsis; 
    214 -webkit-text-overflow: ellipsis; 
     210    margin: 0px; 
     211    white-space: nowrap; 
     212    overflow: hidden; 
     213    text-overflow: ellipsis; 
     214    -webkit-text-overflow: ellipsis; 
    215215} 
    216216.box-data h3 a { 
    217 font-size: 100%; 
    218 text-decoration: none; 
     217    font-size: 100%; 
     218    text-decoration: none; 
    219219} 
    220220.description, .box-comment { 
    221 font: bold 100% Osaka; 
    222 line-height: 1.5em; 
    223 white-space: nowrap; 
    224 overflow: hidden; 
    225 text-overflow: ellipsis; 
    226 -webkit-text-overflow: ellipsis; 
     221    font: bold 100% Osaka; 
     222    line-height: 1.5em; 
     223    white-space: nowrap; 
     224    overflow: hidden; 
     225    text-overflow: ellipsis; 
     226    -webkit-text-overflow: ellipsis; 
    227227} 
    228228.box-price { 
    229 color: #993333; 
    230 font: bold 100% Osaka; 
    231 line-height: 1.5em; 
     229    color: #993333; 
     230    font: bold 100% Osaka; 
     231    line-height: 1.5em; 
    232232} 
    233233 
     
    237237.recomendblock, 
    238238.whoboughtblock{ 
    239 margin-top: 0; 
    240 margin-bottom: 0; 
     239    margin-top: 0; 
     240    margin-bottom: 0; 
    241241} 
    242242.recomendblock > div , 
    243243.whoboughtblock > div { 
    244 margin-top: 0; 
    245 margin-bottom: 0; 
    246 -webkit-border-radius: 0; 
     244    margin-top: 0; 
     245    margin-bottom: 0; 
     246    -webkit-border-radius: 0; 
    247247} 
    248248.recomendblock > div, 
    249249.whoboughtblock > div { 
    250 width: 100%; 
    251 display:inline-block; 
    252 background-color: #eeeeee; 
    253 border-bottom: 1px solid #ffffff; 
    254 padding: 5px 0; 
     250    width: 100%; 
     251    display:inline-block; 
     252    background-color: #eeeeee; 
     253    border-bottom: 1px solid #ffffff; 
     254    padding: 5px 0; 
    255255} 
    256256.recomendblock > div > a, 
     
    258258.whoboughtblock > div > a, 
    259259.whoboughtblock > div > div{ 
    260 float: left; 
     260    float: left; 
    261261} 
    262262.recomendblock:first-of-type > div:first-of-type , 
    263263.whoboughtblock:first-of-type > div:first-of-type { 
    264 -webkit-border-top-left-radius: 8px; 
    265 -webkit-border-top-right-radius: 8px; 
     264    -webkit-border-top-left-radius: 8px; 
     265    -webkit-border-top-right-radius: 8px; 
    266266} 
    267267.recomendblock:last-of-type > div:last-of-type , 
    268268.whoboughtblock:last-of-type > div:last-of-type { 
    269 border-bottom: none; 
    270 -webkit-border-bottom-left-radius: 8px; 
    271 -webkit-border-bottom-right-radius: 8px; 
     269    border-bottom: none; 
     270    -webkit-border-bottom-left-radius: 8px; 
     271    -webkit-border-bottom-right-radius: 8px; 
    272272} 
    273273 
    274274.recomendrightblock { 
    275 display: block; 
    276 width: 100%; 
    277 height: 100%; 
     275    display: block; 
     276    width: 100%; 
     277    height: 100%; 
    278278} 
    279279 
    280280.recomendrightblock,  
    281281.whoboughtrightblock{ 
    282 width: 63%; 
     282    width: 63%; 
    283283} 
    284284.recomendrightblock > h3, 
     
    288288    margin-top: 0; 
    289289    margin-bottom: 0; 
    290     font-size:90%; 
     290    font-size:90%; 
    291291} 
    292292.recomendblock img, 
    293293.whoboughtblock img, 
    294294.listphoto { 
    295 float:left; 
    296 display:block; 
    297 margin: 3px 10px; 
    298 position: relative; 
     295    float:left; 
     296    display:block; 
     297    margin: 3px 10px; 
     298    position: relative; 
    299299} 
    300300.recommend-photo img, 
    301301.listphoto img { 
    302 width: 80px; 
     302    width: 80px; 
    303303} 
    304304 
    305305div.listrightblock { 
    306 float:right; 
    307 text-align:left; 
    308 width:65%; 
     306    float:right; 
     307    text-align:left; 
     308    width:65%; 
    309309} 
    310310 
    311311.recommend-box h3 { 
    312 font-weight: bold; 
    313 font-size: 100%; 
    314 font-family: helvetica; 
    315 margin: 0.4em 0 0; 
    316 white-space: nowrap; 
    317 overflow: hidden; 
    318 text-overflow: ellipsis; 
    319 -webkit-text-overflow: ellipsis; 
     312    font-weight: bold; 
     313    font-size: 100%; 
     314    font-family: helvetica; 
     315    margin: 0.4em 0 0; 
     316    white-space: nowrap; 
     317    overflow: hidden; 
     318    text-overflow: ellipsis; 
     319    -webkit-text-overflow: ellipsis; 
    320320} 
    321321.recommend-box h3 a { 
    322 font-size: 100%; 
    323 text-decoration: none; 
     322    font-size: 100%; 
     323    text-decoration: none; 
    324324} 
    325325.description, 
    326326.recommend-comment { 
    327 font-weight: normal; 
    328 font-size: 100%; 
    329 font-family: Osaka; 
    330 line-height: 1.5em; 
    331 white-space: nowrap; 
    332 overflow: hidden; 
    333 text-overflow: ellipsis; 
    334 -webkit-text-overflow: ellipsis; 
    335 margin: 0; 
     327    font-weight: normal; 
     328    font-size: 100%; 
     329    font-family: Osaka; 
     330    line-height: 1.5em; 
     331    white-space: nowrap; 
     332    overflow: hidden; 
     333    text-overflow: ellipsis; 
     334    -webkit-text-overflow: ellipsis; 
     335    margin: 0; 
    336336} 
    337337.price, 
    338 .recommend-price { 
    339 color: #ff0000; 
    340 font-size: 90%; 
    341 line-height: 1.5em; 
    342 margin-bottom: 0.3em; 
     338    .recommend-price { 
     339    color: #ff0000; 
     340    font-size: 90%; 
     341    line-height: 1.5em; 
     342    margin-bottom: 0.3em; 
    343343} 
    344344 
    345345.paymentprice { 
    346 color: #ff0000; 
    347 line-height: 1.5em; 
    348 margin-bottom: 0.3em; 
    349 font-weight:bold; 
     346    color: #ff0000; 
     347    line-height: 1.5em; 
     348    margin-bottom: 0.3em; 
     349    font-weight:bold; 
    350350} 
    351351 
     
    353353----------------------------------------------- */ 
    354354.listarea { 
    355 width: 100%; 
    356 background-color: #ffffff; 
    357 border-bottom: solid 1px #CCC; 
    358 margin: 0; 
    359 margin-top: 0; 
    360 margin-bottom: 0; 
    361 padding:15px 0; 
    362 -webkit-border-radius: 0; 
    363 -webkit-box-shadow: none; 
     355    width: 100%; 
     356    background-color: #ffffff; 
     357    border-bottom: solid 1px #CCC; 
     358    margin: 0; 
     359    margin-top: 0; 
     360    margin-bottom: 0; 
     361    padding:15px 0; 
     362    -webkit-border-radius: 0; 
     363    -webkit-box-shadow: none; 
    364364} 
    365365#page_navi_top + .listarea{ 
    366 margin-bottom: 0; 
    367 -webkit-border-top-left-radius: 8px; 
    368 -webkit-border-top-right-radius: 8px; 
     366    margin-bottom: 0; 
     367    -webkit-border-top-left-radius: 8px; 
     368    -webkit-border-top-right-radius: 8px; 
    369369} 
    370370.listarea:last-of-type{ 
    371 border: none; 
    372 -webkit-border-bottom-left-radius: 8px; 
    373 -webkit-border-bottom-right-radius: 8px; 
     371    border: none; 
     372    -webkit-border-bottom-left-radius: 8px; 
     373    -webkit-border-bottom-right-radius: 8px; 
    374374} 
    375375.listrightblock > ul { 
     
    386386.listrightblock > p:first-child, 
    387387.listrightblock > ul:first-child, 
    388 margin-top: 0; 
     388    margin-top: 0; 
    389389} 
    390390.listrightblock > ul > li { 
    391 margin: 0; 
    392 padding: 0 3px 0 0; 
     391    margin: 0; 
     392    padding: 0 3px 0 0; 
    393393} 
    394394.listrightblock > h3:last-child, 
    395395.listrightblock > p:last-child { 
    396 margin-bottom: 0; 
     396    margin-bottom: 0; 
    397397} 
    398398 
    399399.newitem-line-list .newitem-box-wrap-end { 
    400 border-bottom: 1px solid #cccccc; 
     400    border-bottom: 1px solid #cccccc; 
    401401} 
    402402 
    403403div.listarea span.pricebox { 
    404 font-size:90%; 
     404    font-size:90%; 
    405405} 
    406406 
     
    409409#page_navi_top, 
    410410#page_navi_bottom { 
    411 border: none; 
    412 -webkit-box-shadow: none; 
    413 clear: both; 
    414 width: 100%; 
    415 border-spacing: 0 0; 
    416 border-collapse: collapse; 
    417 margin-top:10px; 
     411    border: none; 
     412    -webkit-box-shadow: none; 
     413    clear: both; 
     414    width: 100%; 
     415    border-spacing: 0 0; 
     416    border-collapse: collapse; 
     417    margin-top:10px; 
    418418} 
    419419#page_navi_top tr, 
    420420#page_navi_bottom tr { 
    421 width: 100%; 
     421    width: 100%; 
    422422} 
    423423#page_navi_top td, 
    424424#page_navi_bottom td { 
    425 text-align: left; 
    426 background-color: transparent; 
     425    text-align: left; 
     426    background-color: transparent; 
    427427} 
    428428 
    429429.change a, 
    430430.change strong { 
    431 display: block; 
    432 float: left; 
    433 margin: 5px 0px; 
    434 padding: 0.3em 0; 
    435 color: #ffffff; 
    436 width: 49.6%; 
    437 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    438 background-color: #666666; 
    439 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))); 
    440 text-align:center; 
    441 vertical-align: middle; 
    442 text-decoration: none; 
    443 border-left: solid 1px #666666; 
     431    display: block; 
     432    float: left; 
     433    margin: 5px 0px; 
     434    padding: 0.3em 0; 
     435    color: #ffffff; 
     436    width: 49.6%; 
     437    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     438    background-color: #666666; 
     439    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))); 
     440    text-align:center; 
     441    vertical-align: middle; 
     442    text-decoration: none; 
     443    border-left: solid 1px #666666; 
    444444} 
    445445.change > a:first-child, 
    446446.change > strong:first-child { 
    447 border-left: none; 
    448 -webkit-border-top-left-radius: 4px; 
    449 -webkit-border-bottom-left-radius: 4px; 
     447    border-left: none; 
     448    -webkit-border-top-left-radius: 4px; 
     449    -webkit-border-bottom-left-radius: 4px; 
    450450} 
    451451.change > a:last-child, 
    452452.change > strong:last-child{ 
    453 margin-left: 1px; 
    454 -webkit-border-top-right-radius: 4px; 
    455 -webkit-border-bottom-right-radius: 4px; 
     453    margin-left: 1px; 
     454    -webkit-border-top-right-radius: 4px; 
     455    -webkit-border-bottom-right-radius: 4px; 
    456456} 
    457457.change select { 
    458 margin-right: 0; 
     458    margin-right: 0; 
    459459} 
    460460 
     
    463463 
    464464table[summary="商品情報"]{ 
    465 font-size: 80%; 
     465    font-size: 80%; 
    466466} 
    467467 
    468468table[summary="商品情報"] tr:nth-child(even) td{ 
    469 background-color: #ffffff; 
     469    background-color: #ffffff; 
    470470} 
    471471/*table[summary="商品情報"] tr:nth-child(odd) td{ 
    472 background-color: #f0f0f0; 
     472    background-color: #f0f0f0; 
    473473}*/ 
    474474 
    475475table[summary="商品情報"] td{ 
    476  
    477 text-align: center; 
    478 vertical-align: middle; 
    479 max-width: 200px; 
     476    text-align: center; 
     477    vertical-align: middle; 
     478    max-width: 200px; 
    480479} 
    481480table[summary="商品情報"] tr:nth-child(even) td:last-child{ 
    482 width: 21%; 
    483 overflow: visible; 
     481    width: 21%; 
     482    overflow: visible; 
    484483} 
    485484table[summary="商品情報"] ul, 
    486485table[summary="商品情報"] ul li, 
    487486table[summary="商品情報"] ul li a { 
    488 display: inline; 
    489 margin: 0; 
    490 padding: 0; 
    491 border: none; 
     487    display: inline; 
     488    margin: 0; 
     489    padding: 0; 
     490    border: none; 
    492491} 
    493492table[summary="商品情報"] ul li a{ 
    494 display: inline-block; 
    495 margin: 1px; 
    496 padding:0; 
     493    display: inline-block; 
     494    margin: 1px; 
     495    padding:0; 
    497496} 
    498497/*table[summary="商品情報"] tr:nth-last-of-type(1) td, 
    499498table[summary="商品情報"] tr:nth-last-of-type(2) td, 
    500499table[summary="商品情報"] tr:nth-last-of-type(3) td { 
    501 background-color: #ffffff; 
    502 text-align: center; 
    503 min-width:30px; 
     500    background-color: #ffffff; 
     501    text-align: center; 
     502    min-width:30px; 
    504503}*/ 
    505504 
    506505table td.detailtdName { 
    507 text-align:left; 
    508 width:100px; 
     506    text-align:left; 
     507    width:100px; 
    509508} 
    510509 
    511510table td.detailtdPM { 
    512 text-align:center; 
    513 width:40px; 
     511    text-align:center; 
     512    width:40px; 
    514513} 
    515514 
    516515 
    517516table td.detailtdYenT { 
    518 text-align:right; 
    519 width:80px; 
     517    text-align:right; 
     518    width:80px; 
    520519} 
    521520 
    522521table th.resulttd { 
    523 text-align:left; 
     522    text-align:left; 
    524523} 
    525524table td.mailtd { 
    526 text-align:left; 
     525    text-align:left; 
    527526} 
    528527 
    529528table td.product_td { 
    530 font-size:80%; 
     529    font-size:80%; 
    531530} 
    532531 
    533532table td p.no_margin { 
    534 margin:0; 
     533    margin:0; 
    535534} 
    536535 
     
    538537----------------------------------------------- */ 
    539538#detailrightblock table th { 
    540 font-size: 80%; 
    541 font-weight: normal; 
    542 width: 100px; 
    543 text-align:left; 
     539    font-size: 80%; 
     540    font-weight: normal; 
     541    width: 100px; 
     542    text-align:left; 
    544543} 
    545544 
    546545#detailrightblock table h2 { 
    547 font-size: 120%; 
     546    font-size: 120%; 
    548547} 
    549548 
     
    551550----------------------------------------------- */ 
    552551table[summary="お客様情報入力"] td{ 
    553 padding-left:5px; 
    554 text-align: left; 
    555 vertical-align: middle; 
     552    padding-left:5px; 
     553    text-align: left; 
     554    vertical-align: middle; 
    556555} 
    557556 
     
    559558----------------------------------------------- */ 
    560559table[summary="会員登録内容変更"] td{ 
    561 padding-left:5px; 
    562 text-align: left; 
    563 vertical-align: middle; 
     560    padding-left:5px; 
     561    text-align: left; 
     562    vertical-align: middle; 
    564563} 
    565564 
     
    567566----------------------------------------------- */ 
    568567table[summary="お届け先登録"] td{ 
    569 padding-left:5px; 
    570 text-align: left; 
    571 vertical-align: middle; 
     568    padding-left:5px; 
     569    text-align: left; 
     570    vertical-align: middle; 
    572571} 
    573572 
     
    575574----------------------------------------------- */ 
    576575#undercolumn_contact table td { 
    577 text-align: left; 
     576    text-align: left; 
    578577} 
    579578 
     
    581580-----------------------------------------------*/ 
    582581ul#categorytree { 
    583 font-size: 100%; 
    584 margin: 0 0 15px; 
     582    font-size: 100%; 
     583    margin: 0 0 15px; 
    585584} 
    586585 
     
    588587-----------------------------------------------*/ 
    589588table.entryform { 
    590 font-size:80%; 
     589    font-size:80%; 
    591590} 
    592591table.entryform th { 
    593592    min-width: 50px; 
    594593    padding: 3px; 
    595     margin:3px; 
     594    margin:3px; 
    596595    text-align: left; 
    597596    vertical-align: top;} 
     
    599598table.entryform td { 
    600599text-align:left; 
    601 padding: 3px; 
     600    padding: 3px; 
    602601} 
    603602 
    604603table.entryform td.tdc { 
    605 text-align:center; 
     604    text-align:center; 
    606605} 
    607606 
     
    609608    width: 70px; 
    610609    padding: 3px; 
    611     margin:3px; 
     610    margin:3px; 
    612611    text-align: left; 
    613612    vertical-align: top;} 
    614613 
    615614table.entryform th.select { 
    616 min-width:30px; 
    617 text-align:center; 
     615    min-width:30px; 
     616    text-align:center; 
    618617} 
    619618 
    620619table.entryform th.change { 
    621 min-width:30px; 
     620    min-width:30px; 
    622621} 
    623622 
    624623table.entryform th.multi_ph { 
    625 text-align:center; 
    626 min-width:30px; 
     624    text-align:center; 
     625    min-width:30px; 
    627626} 
    628627 
    629628table.entryform th.multi_pr { 
    630 text-align:center; 
     629    text-align:center; 
    631630} 
    632631 
    633632table.entryform th.multi_nu { 
    634 text-align:center; 
     633    text-align:center; 
    635634} 
    636635 
    637636table.entryform td.multi_pr { 
    638 text-align:left; 
     637    text-align:left; 
    639638} 
    640639 
    641640table.entryform td.multi_nu { 
    642 text-align:center; 
    643 min-width:30px; 
     641    text-align:center; 
     642    min-width:30px; 
    644643} 
    645644 
     
    655654table.payment th.select { 
    656655width:30%; 
    657 text-align:center; 
     656    text-align:center; 
    658657} 
    659658 
    660659table.payment td.right { 
    661 width:200px; 
     660    width:200px; 
    662661} 
    663662 
    664663table td.detailtdNumber { 
    665 text-align:center; 
    666 width:52px; 
     664    text-align:center; 
     665    width:52px; 
    667666} 
    668667 
    669668table td.alignR { 
    670 text-align:right; 
     669    text-align:right; 
    671670} 
    672671 
     
    676675 
    677676table.entryform th.alignC { 
    678 text-align:center; 
     677    text-align:center; 
    679678} 
    680679 
    681680table.entryform th.confirm_ph { 
    682 width:57px; 
     681    width:57px; 
    683682} 
    684683 
    685684table.entryform th.trorder { 
    686 width:80px; 
     685    width:80px; 
    687686} 
    688687 
    689688table.entryform th.trpoint { 
    690 width:215px; 
     689    width:215px; 
    691690} 
    692691 
    693692table.entryform td.detailtd { 
    694693    text-align: left; 
    695     min-width:180px; 
     694    min-width:180px; 
    696695} 
    697696 
     
    701700 
    702701table.entryform th.valignM { 
    703 vertical-align:middle; 
     702    vertical-align:middle; 
    704703} 
    705704 
    706705table.entryform td.yentd { 
    707 min-width: 60px; 
     706    min-width: 60px; 
    708707} 
    709708 
    710709span#point_default, span#point_dynamic { 
    711 font-size:90%; 
     710    font-size:90%; 
    712711} 
    713712 
    714713div.payarea, div.payarea02 { 
    715 margin-bottom:30px; 
     714    margin-bottom:30px; 
    716715} 
    717716 
    718717div.delivdate { 
    719 margin-bottom:5px; 
     718    margin-bottom:5px; 
    720719} 
    721720 
    722721div.delivdate02 { 
    723 padding-bottom:10px; 
    724 margin-bottom:15px; 
    725 border-bottom:1px solid #ccc; 
    726 } 
     722    padding-bottom:10px; 
     723    margin-bottom:15px; 
     724    border-bottom:1px solid #ccc; 
     725} 
Note: See TracChangeset for help on using the changeset viewer.