Ignore:
Timestamp:
2011/08/01 19:03:34 (13 years ago)
Author:
468
Message:

#1413 スマートフォン版スタイルシート修正対応

Location:
branches/version-2_11-dev/html/user_data/packages/sphone/css
Files:
10 edited

Legend:

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

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :block.css 
    45style info :ブロック用 
    56=================================================================== */ 
     
    89----------------------------------------------- */ 
    910.title_block{ 
    10     color: #FFF; 
    11     font-size:16px; 
    12     font-weight:bold; 
    13     text-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
    14     line-height:20px; 
    15     margin:0; 
    16     padding:5px 10px 3px 10px; 
    17     background-color:#787E8A; 
    18     background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%); 
    19     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0)); 
    20     border-top:#E1DCDA solid 1px; 
    21     border-bottom:#B5B5B5 solid 2px; 
    22     -webkit-box-shadow: 0 1px #FFF; 
    23     -moz-box-shadow: 0 1px #FFF; 
    24     text-align:left; 
    25     vertical-align: middle; 
    26     text-overflow: ellipsis; 
    27     clear:both; 
     11color: #FFF; 
     12font-size:16px; 
     13font-weight:bold; 
     14text-shadow: 1px 1px 1px rgba(0,0,0,0.5); 
     15line-height:20px; 
     16margin:0; 
     17padding:5px 10px 3px 10px; 
     18background-color:#787E8A; 
     19background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%); 
     20background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0)); 
     21border-top:#E1DCDA solid 1px; 
     22border-bottom:#B5B5B5 solid 2px; 
     23-webkit-box-shadow: 0 1px #FFF; 
     24-moz-box-shadow: 0 1px #FFF; 
     25text-align:left; 
     26vertical-align: middle; 
     27text-overflow: ellipsis; 
     28clear:both; 
    2829} 
    2930 
     
    3233----------------------------------------------- */ 
    3334#recomend_area{ 
    34     margin:10px; 
    35     padding-top:10px; 
    36     border:#CCC solid 1px; 
    37     border-radius: 8px; 
    38     -webkit-border-radius: 8px; 
    39     -moz-border-radius: 8px; 
     35margin:15px 10px; 
     36padding-top:10px; 
     37border:#CCC solid 1px; 
     38border-radius: 8px; 
     39-webkit-border-radius: 8px; 
     40-moz-border-radius: 8px; 
    4041} 
    4142#recomend_area h2{ 
    42     font-size:16px; 
    43     margin-left:10px; 
     43font-size:12px; 
     44margin-left:10px; 
     45} 
     46#recomend_area li{ 
     47width:290px; 
    4448} 
    4549.recomendblock{ 
    46     padding:10px; 
    47     clear:both; 
     50width:270px; 
     51padding:5px 10px 5px 8px; 
     52margin:0; 
     53clear:both; 
    4854} 
    4955.recomendblock img{ 
    50     float:left; 
     56width:80px; 
     57float:left; 
    5158} 
    5259.recomendblock .productContents{ 
    53     width:65%; 
    54     float:right; 
    55     text-align:left; 
     60width:68%; 
     61float:right; 
     62text-align:left; 
    5663} 
    5764.recomendblock .productContents p{ 
    58     clear:both; 
     65clear:both; 
    5966} 
    6067.recomendblock .productContents p.comment{ 
    61     width:15em; 
    62     height:3.5em; 
    63     overflow:hidden; 
    64     white-space:nowrap; 
    65     text-overflow: ellipsis; 
    66     -webkit-text-overflow: ellipsis; 
    67     clear:both; 
     68width:17em; 
     69height:3.7em; 
     70overflow:hidden; 
     71white-space:nowrap; 
     72text-overflow: ellipsis; 
     73-webkit-text-overflow: ellipsis; 
     74clear:both; 
    6875} 
    6976.recomendblock .sale_price{ 
    70     clear:both; 
    71     float:right; 
    72     text-align:right; 
    73 } 
    74  
     77clear:both; 
     78float:right; 
     79text-align:right; 
     80} 
    7581#recomend_area div.moveWrap { 
    76     width:100%; 
    77     height:auto; 
    78     position:relative; 
    79     overflow:hidden; 
    80     -webkit-box-sizing:border-box; 
     82width:95%; 
     83height:auto; 
     84position:relative; 
     85overflow:hidden; 
     86-webkit-box-sizing:border-box; 
     87} 
     88@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 
     89#recomend_area div.moveWrap { 
     90width:85%; 
     91} 
     92} 
     93@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) { 
     94#recomend_area div.moveWrap { 
     95width:95%; 
     96} 
     97} 
     98@media all and (orientation:landscape) { 
     99#recomend_area div.moveWrap { 
     100width:95%; 
     101} 
    81102} 
    82103#recomend_area ul.moveWrapBG { 
    83     margin:0; 
    84     padding:0; 
    85     display:inline-block; 
    86     position:relative; 
    87     width:100%; 
    88     height:auto; 
    89     visibility:hidden; 
    90     -webkit-box-sizing:border-box; 
     104margin:0; 
     105padding:0; 
     106display:inline-block; 
     107position:relative; 
     108width:100%; 
     109height:auto; 
     110visibility:hidden; 
     111-webkit-box-sizing:border-box; 
    91112} 
    92113#recomend_area div.slideMask { 
    93     margin-right:1px; 
    94     position:absolute; 
    95     top:0; 
    96     left:0; 
    97     border:4px #FFF solid; 
    98     -webkit-box-sizing:border-box; 
     114margin:0; 
     115padding:0; 
     116margin-right:1px; 
     117position:absolute; 
     118top:0; 
     119left:0; 
     120border:4px #FFF solid; 
     121-webkit-box-sizing:border-box; 
    99122} 
    100123#recomend_area div.moveWrap>ul.move { 
    101     width:10000px; 
    102     margin:0; 
    103     padding:0; 
    104     position:relative; 
    105     left:0; 
    106     top:0; 
    107     list-style:none; 
    108     -webkit-transition:all 0.6s ease-in-out; 
    109     -webkit-transform:translate3d(0,0,0); 
    110     margin:0; 
    111     padding:0; 
    112     display:none; 
     124width:10000px; 
     125margin:0; 
     126padding:0; 
     127position:relative; 
     128left:0; 
     129top:0; 
     130list-style:none; 
     131-webkit-transition:all 0.6s ease-in-out; 
     132-webkit-transform:translate3d(0,0,0); 
     133margin:0; 
     134padding:0; 
     135display:none; 
    113136} 
    114137#recomend_area div.moveWrap>ul.move li.slideUnit { 
    115     margin:0; 
    116     padding:0; 
    117     float:left; 
    118     list-style:none; 
    119     text-align:center; 
    120     -webkit-box-sizing:border-box; 
     138width:290px!important; 
     139margin:0; 
     140padding:0; 
     141float:left; 
     142list-style:none; 
     143text-align:center; 
     144-webkit-box-sizing:border-box; 
    121145} 
    122146#recomend_area li.slideUnit>div { 
    123     padding:4px 4px 4px 4px; 
    124     display:inline-block; 
    125     vertical-align:middle; 
    126     text-align:center; 
    127     -webkit-box-sizing:border-box; 
     147padding:4px; 
     148display:inline-block; 
     149vertical-align:middle; 
     150text-align:center; 
     151-webkit-box-sizing:border-box; 
    128152} 
    129153#recomend_area div.flickSlideBottom { 
    130     width:100%; 
    131     margin-top:5px; 
    132     border-top:#DBDBDB solid 1px;    
    133     background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%); 
    134     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF)); 
    135     border-bottom-right-radius:8px; 
    136     -webkit-border-bottom-right-radius: 8px; 
    137     -moz-border-bottom-right-radius: 8px; 
    138     border-bottom-left-radius:8px; 
    139     -webkit-border-bottom-left-radius:8px; 
    140     moz-border-bottom-left-radius:8px; 
     154width:100%; 
     155margin-top:5px; 
     156border-top:#DBDBDB solid 1px;    
     157background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%); 
     158background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF)); 
     159border-bottom-right-radius:8px; 
     160-webkit-border-bottom-right-radius: 8px; 
     161-moz-border-bottom-right-radius: 8px; 
     162border-bottom-left-radius:8px; 
     163-webkit-border-bottom-left-radius:8px; 
     164moz-border-bottom-left-radius:8px; 
    141165} 
    142166#recomend_area div.flickSlideBottom div.bottomLeft,#recomend_area div.flickSlideBottom div.bottomRight { 
    143     display:table-cell; 
    144     -webkit-box-sizing:border-box; 
    145     -webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset; 
    146     vertical-align:middle; 
    147     padding:0 10px; 
     167display:table-cell; 
     168-webkit-box-sizing:border-box; 
     169-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset; 
     170vertical-align:middle; 
     171padding:0 10px; 
    148172} 
    149173#recomend_area div.flickSlideBottom div.bottomRight { 
    150     font-size:16px; 
    151     font-weight: bold; 
    152     color:#7F7F7F;background-color:transparent; 
    153     border-bottom-right-radius: 8px; 
    154     -webkit-border-bottom-right-radius: 8px; 
    155     -moz-border-bottom-right-radius: 8px; 
    156     border-left:#DBDBDB solid 1px; 
     174font-size:16px; 
     175font-weight: bold; 
     176color:#7F7F7F; 
     177background-color:transparent; 
     178border-bottom-right-radius: 8px; 
     179-webkit-border-bottom-right-radius: 8px; 
     180-moz-border-bottom-right-radius: 8px; 
     181border-left:#DBDBDB solid 1px; 
    157182} 
    158183#recomend_area div.flickSlideBottom div.bottomLeft { 
    159     font-size:16px; 
    160     font-weight: bold; 
    161     color:#7F7F7F; 
    162     background-color:transparent; 
    163     border-bottom-left-radius: 8px; 
    164     -webkit-border-bottom-left-radius: 8px; 
    165     -moz-border-bottom-left-radius:8px; 
    166     border-right:#DBDBDB solid 1px; 
     184font-size:16px; 
     185font-weight: bold; 
     186color:#7F7F7F; 
     187background-color:transparent; 
     188border-bottom-left-radius: 8px; 
     189-webkit-border-bottom-left-radius: 8px; 
     190-moz-border-bottom-left-radius:8px; 
     191border-right:#DBDBDB solid 1px; 
    167192} 
    168193#recomend_area div.flickSlideBottom div.bottomLeft:after { 
    169     font-size:10px; 
    170     padding:5px; 
    171     text-align:left; 
    172     display:table-cell; 
     194font-size:10px; 
     195padding:5px; 
     196text-align:left; 
     197display:table-cell; 
    173198} 
    174199#recomend_area div.flickSlideBottom div.bottomLeft:before { 
    175     margin-top:2px; 
    176     padding:5px; 
    177     text-align:left; 
    178     display:table-cell; 
     200margin-top:2px; 
     201padding:5px; 
     202text-align:left; 
     203display:table-cell; 
    179204} 
    180205#recomend_area div.flickSlideBottom div.bottomRight:before { 
    181     font-size:10px; 
    182     padding:5px; 
    183     text-align:right; 
    184     display:table-cell; 
     206font-size:10px; 
     207padding:5px; 
     208text-align:right; 
     209display:table-cell; 
    185210} 
    186211#recomend_area div.flickSlideBottom div.bottomRight:after { 
    187     margin-top:2px; 
    188     padding:5px; 
    189     text-align:right; 
    190     display:table-cell; 
     212margin-top:2px; 
     213padding:5px; 
     214text-align:right; 
     215display:table-cell; 
    191216} 
    192217#recomend_area div.flickSlideBottom ul.slidePager { 
    193     width:100%; 
    194     margin:0; 
    195     padding:0; 
    196     display:table-cell; 
    197     text-align:center; 
     218width:100%; 
     219margin:0; 
     220padding:0; 
     221display:table-cell; 
     222text-align:center; 
    198223} 
    199224#recomend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { 
    200     font-size:10px; 
    201     width:6px; 
    202     height:6px; 
    203     margin:12px 6px 6px 6px; 
    204     display:inline-block; 
    205     background-color:#CCC; 
    206     border-radius: 6px; 
    207     -webkit-border-radius: 6px; 
    208     -moz-border-radius: 6px; 
     225font-size:10px; 
     226width:6px; 
     227height:6px; 
     228margin:12px 6px 6px 6px; 
     229display:inline-block; 
     230background-color:#CCC; 
     231border-radius: 6px; 
     232-webkit-border-radius: 6px; 
     233-moz-border-radius: 6px; 
    209234} 
    210235#recomend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { 
    211     background-color:#333; 
     236background-color:#333; 
    212237} 
    213238 
     
    218243} 
    219244#categorytree ul{ 
    220     margin:10px; 
    221     border:#A9ACAB solid 1px; 
    222     border-radius: 8px; 
    223     -webkit-border-radius: 8px; 
    224     -moz-border-radius: 8px; 
    225     background:#f4F6F8; 
     245margin:10px; 
     246border:#A9ACAB solid 1px; 
     247border-radius: 8px; 
     248-webkit-border-radius: 8px; 
     249-moz-border-radius: 8px; 
     250background:#f4F6F8; 
    226251} 
    227252#categorytree li{ 
    228     font-size:16px; 
    229     font-weight:bold; 
    230     -webkit-transition: opacity 0.3s ease-in; 
    231     -webkit-transition-delay: 0.2s; 
    232     clear: both; 
    233     border-bottom:#CCC solid 1px; 
    234     border-top:#FFF solid 1px; 
    235 } 
     253font-size:16px; 
     254font-weight:bold; 
     255-webkit-transition: opacity 0.3s ease-in; 
     256-webkit-transition-delay: 0.2s; 
     257clear: both; 
     258border-bottom:#CCC solid 1px; 
     259border-top:#FFF solid 1px; 
     260line-height:1.3em; 
     261vertical-align:middle; 
     262} 
     263 
    236264#categorytree li:first-child{ 
    237     border-top:none; 
     265border-top:none; 
    238266} 
    239267#categorytree li li:first-child{ 
    240     border-top:#CCC solid 1px; 
     268border-top:#CCC solid 1px; 
    241269}  
    242270#categorytree li:last-child,#categorytree li li:last-child{ 
    243     border-bottom:none; 
     271border-bottom:none; 
    244272}  
    245 #categorytree ul li a , .categorytree > ul > li > ul > li a{ 
    246     margin: 0; 
    247     padding: 0.5em 0 0.5em 0; 
     273#categorytree ul li a,.categorytree > ul > li > ul > li a{ 
     274padding:0.6em 0; 
     275} 
     276.category_body { 
     277display: inline-block; 
     278} 
     279.category_body a { 
     280width: 100%; 
     281display: inline-block; 
     282white-space:nowrap; 
     283overflow:hidden; 
     284text-overflow: ellipsis; 
     285cursor:pointer; 
    248286} 
    249287#categorytree ul li li{ 
    250     padding-bottom:0.5em; 
    251 } 
    252 .category_number_tag { 
    253     color: #FFF; 
    254     width: 2em; 
    255     float: right; 
    256     text-align: center; 
    257     background-color: rgba(0,0,0,0.5); 
    258     -webkit-border-radius: 8px; 
    259 } 
    260 .category_body { 
    261     width: 83%; 
    262     padding-left:6px; 
    263     display:inline-block; 
    264     cursor:pointer; 
    265 } 
    266 .category_body > a { 
    267     width: 100%; 
    268     display: inline-block; 
     288padding-bottom:0.6em; 
    269289} 
    270290.category_header { 
    271     width: 15%; 
    272     display: inline-block; 
    273     background: transparent; 
    274     -webkit-border-radius: 8px; 
    275     text-align:center; 
     291width: 1.5em; 
     292margin:0 6px 0 8px; 
     293display:inline-block; 
     294background: transparent; 
     295text-align:right; 
    276296} 
    277297.category_header.plus, .category_header.minus{ 
    278     color:#FFF; 
    279     margin:0 0 0 10px; 
    280     padding-bottom:1px; 
    281     display: inline-block; 
    282     text-align: center; 
    283     line-height:0.3; 
    284     width: 1.4em; 
    285     height:1.3em; 
    286     background:#515866; 
    287     background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%); 
    288     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866)); 
    289     -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7); 
    290     -webkit-border-radius: 3px; 
    291 } 
    292 .category_header + a{ 
    293     margin-left: 0; 
    294     margin-right: 0; 
    295     width: auto; 
    296     font-weight: bold; 
    297     font-family: verdana; 
    298 } 
     298color:#FFF; 
     299margin:0 6px 0 8px; 
     300padding-bottom:4px; 
     301display: inline-block; 
     302text-align: center; 
     303line-height:0.4; 
     304width: 1.5em; 
     305height:1.3em; 
     306-webkit-border-radius: 8px; 
     307background:#515866; 
     308background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%); 
     309background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866)); 
     310-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7); 
     311-webkit-border-radius: 3px; 
     312} 
     313 
    299314.category_header.plus > a, .category_header.minus > a{ 
    300     color:#FFF; 
    301     display: inline-block; 
    302     margin: 0; 
    303     padding: 0; 
    304     text-decoration: none; 
    305 } 
     315width: 1.5em; 
     316color:#FFF; 
     317display: inline-block; 
     318margin:0; 
     319padding: 0; 
     320text-decoration: none; 
     321} 
     322 
     323/*レベル調整*/ 
     324#categorytree .level1 .category_header{ 
     325width:1.5em; 
     326} 
     327#categorytree .level1 .category_body{ 
     328width:86.5%; 
     329} 
     330#categorytree .level2 .category_header{ 
     331width: 1.5em; 
     332margin-left:2em; 
     333} 
     334#categorytree .level2 .category_body{ 
     335width:79%; 
     336} 
     337#categorytree .level3 .category_header{ 
     338width: 1.5em; 
     339margin-left:3.4em; 
     340} 
     341#categorytree .level3 .category_body{ 
     342width:71.5%; 
     343} 
     344#categorytree .level4 .category_header{ 
     345width: 1.5em; 
     346margin-left:4.8em; 
     347} 
     348#categorytree .level4 .category_body{ 
     349width:64%; 
     350} 
     351 
     352#categorytree .level5 .category_header{ 
     353margin-left:6.2em; 
     354} 
     355#categorytree .level5 .category_body{ 
     356width:56%; 
     357} 
     358 
     359 
    306360/*リンクカラー*/ 
    307361.category_body a:link,.category_body a:visited{ 
    308     color:#000; 
    309     text-decoration:none; 
    310     cursor:pointer; 
     362color:#000; 
     363text-decoration:none; 
     364cursor:pointer; 
    311365} 
    312366.category_header.plus a, .category_header.minus a{ 
    313     color:#FFF; 
    314 } 
     367color:#FFF; 
     368} 
     369 
    315370 
    316371/*----------------------------------------------- 
     
    320375} 
    321376#news_area ul{ 
    322     margin-bottom:10px; 
     377margin-bottom:10px; 
    323378} 
    324379#news_area li{ 
    325     display:block; 
    326     clear:both; 
    327     padding:10px; 
    328     line-height:1.3; 
    329     background-color:#FEFEFE; 
    330     background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%); 
    331     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE)); 
    332     border-top:#FFF solid 1px; 
    333     border-bottom:#CCC solid 1px; 
     380display:block; 
     381clear:both; 
     382padding:10px; 
     383line-height:1.3; 
     384background-color:#FEFEFE; 
     385background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%); 
     386background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE)); 
     387border-top:#FFF solid 1px; 
     388border-bottom:#CCC solid 1px; 
    334389} 
    335390#news_area .news_date{ 
    336     clear:both; 
    337     font-size:12px; 
    338     letter-spacing:0.1em; 
    339 } 
     391clear:both; 
     392font-size:12px; 
     393letter-spacing:0.1em; 
     394} 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/button.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4 
     5file name  :button.css 
    46style info :ボタン用 
     7 
    58=================================================================== */ 
    69.btn_area{ 
    7     padding:10px; 
    8     clear:both; 
     10padding:10px; 
     11clear:both; 
    912} 
    1013ul.btn_btm{ 
    11     clear:both; 
     14clear:both; 
    1215} 
    1316.btn_area li,ul.btn_btm li{ 
    14     margin-bottom:12px; 
     17margin-bottom:12px; 
    1518} 
    1619.btn_area_top{ 
    17     box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
    18     -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
    19     -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
    20     border-top: 1px solid #CCC; 
    21     border-bottom: 1px solid #CCC; 
    22     background:#EEE; 
    23     display:block; 
    24     clear:both; 
    25     margin-bottom:10px; 
    26     padding:10px 0; 
     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; 
    2730} 
    2831/*----------------------------------------------- 
     
    3033----------------------------------------------- */ 
    3134a.btn,a.btn:link,a.btn:visited,a.btn:hover{ 
    32     color:#FFF; 
    33     font-size: 16px; 
    34     font-weight:bold; 
    35     text-decoration: none; 
    36     text-align:center; 
    37     padding: 10px; 
    38     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    39     border: 1px solid #A9ABAD; 
    40     border-radius: 5px; 
    41     -moz-border-radius: 5px; 
    42     -webkit-border-radius: 5px; 
    43     display:block; 
    44     background:#B4DF34; 
    45     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    46     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    47     cursor:pointer; 
    48     -webkit-transition:opacity 0.5s ease-in; 
    49     -moz-transition:opacity 0.5s ease-in; 
     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; 
    5053} 
    5154input[type="submit"].btn{ 
    52     width:100%; 
    53     color:#FFF; 
    54     font-size: 16px; 
    55     font-weight:bold; 
    56     text-decoration: none; 
    57     text-align:center; 
    58     padding: 10px; 
    59     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    60     border: 1px solid #A9ABAD; 
    61     border-radius: 5px; 
    62     -moz-border-radius: 5px; 
    63     -webkit-border-radius: 5px; 
    64     display:block; 
    65     background:#B4DF34; 
    66     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    67     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    68     cursor:pointer; 
    69     -webkit-transition:opacity 0.5s ease-in; 
    70     -moz-transition:opacity 0.5s ease-in; 
     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; 
    7174} 
    7275/*----------------------------------------------- 
     
    7477----------------------------------------------- */ 
    7578a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover { 
    76     color:#FFF; 
    77     font-size: 16px; 
    78     font-weight:bold; 
    79     text-decoration: none; 
    80     text-align:center; 
    81     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    82     border: 1px solid #A9ABAD; 
    83     border-radius: 5px; 
    84     -moz-border-radius: 5px; 
    85     -webkit-border-radius: 5px; 
    86     display:block; 
    87     padding:5px 0; 
    88     background:#999999; 
    89     background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
    90     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     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)); 
    9194} 
    9295input[type="submit"].btn_back{ 
    93     color:#FFF; 
    94     font-size: 16px; 
    95     font-weight:bold; 
    96     text-decoration: none; 
    97     text-align:center; 
    98     text-shadow: 0 -1px 1px rgba(0,0,0,1); 
    99     border: 1px solid #A9ABAD; 
    100     border-radius: 5px; 
    101     -moz-border-radius: 5px; 
    102     -webkit-border-radius: 5px; 
    103     display:block; 
    104     padding:5px 0; 
    105     background:#999999; 
    106     background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 
    107     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 
     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)); 
    108111} 
    109112/*----------------------------------------------- 
     
    111114----------------------------------------------- */ 
    112115.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover { 
    113     color:#000; 
    114     font-size: 16px; 
    115     padding:5px 0; 
    116     font-weight:bold; 
    117     text-decoration: none; 
    118     text-align:center; 
    119     text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
    120     border: 1px solid #A9ABAD; 
    121     border-radius: 5px; 
    122     -moz-border-radius: 5px; 
    123     -webkit-border-radius: 5px; 
    124     display:block; 
    125     background:#FDFDfD; 
    126     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    127     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     116color:#000; 
     117font-size: 16px; 
     118padding:5px 0; 
     119font-weight:bold; 
     120text-decoration: none; 
     121text-align:center; 
     122text-shadow: 0 -1px 1px rgba(255,255,255,1); 
     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)); 
    128131} 
    129132input[type="submit"].btn_sub{ 
    130     color:#000; 
    131     font-size: 16px; 
    132     padding:5px 0; 
    133     font-weight:bold; 
    134     text-decoration: none; 
    135     text-align:center; 
    136     text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 
    137     border: 1px solid #A9ABAD; 
    138     border-radius: 5px; 
    139     -moz-border-radius: 5px; 
    140     -webkit-border-radius: 5px; 
    141     display:block; 
    142     background:#FDFDfD; 
    143     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    144     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     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)); 
    145148} 
    146149/*----------------------------------------------- 
     
    148151----------------------------------------------- */ 
    149152a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover{ 
    150     color:#000; 
    151     font-size: 16px; 
    152     padding:5px 0; 
    153     font-weight:bold; 
    154     text-decoration: none; 
    155     text-align:center; 
    156     border: 1px solid #A9ABAD; 
    157     border-radius: 5px; 
    158     -moz-border-radius: 5px; 
    159     -webkit-border-radius: 5px; 
    160     display:block; 
    161     background: #FFF; 
    162     clear:both; 
    163     margin:10px; 
     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; 
    164167} 
    165168input[type="submit"].btn_more{ 
    166     color:#000; 
    167     font-size: 16px; 
    168     padding:5px 0; 
    169     font-weight:bold; 
    170     text-decoration: none; 
    171     text-align:center; 
    172     border: 1px solid #A9ABAD; 
    173     border-radius: 5px; 
    174     -moz-border-radius: 5px; 
    175     -webkit-border-radius: 5px; 
    176     display:block; 
    177     background: #FFF; 
    178     clear:both; 
     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; 
    179182} 
    180183/*----------------------------------------------- 
     
    182185----------------------------------------------- */ 
    183186a.btn_btm{ 
    184     width:150px; 
    185     text-align: center; 
    186     color: #FFF; 
    187     background-color: #000; 
    188     background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
    189     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
    190     border:#303030 solid 1px; 
    191     text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
    192     -moz-border-radius: 5px; 
    193     -webkit-border-radius: 5px; 
    194     padding: 5px; 
    195     margin:10px auto; 
    196     transition: background-color 1s ease-in; 
    197     -webkit-transition: background-color 1s ease-in; 
    198     -moz-transition: opacity 1s ease-int; 
    199     cursor:pointer; 
     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; 
     202cursor:pointer; 
    200203} 
    201204.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{ 
    202     color:#FFF; 
    203     text-decoration:none; 
     205color:#FFF; 
     206text-decoration:none; 
    204207} 
    205208input[type="submit"].btn_btm{ 
    206     width:150px; 
    207     text-align: center; 
    208     color: #FFF; 
    209     background-color: #000; 
    210     background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
    211     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
    212     border:#303030 solid 1px; 
    213     text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
    214     -moz-border-radius: 5px; 
    215     -webkit-border-radius: 5px; 
    216     padding: 5px; 
    217     margin:10px auto; 
    218     transition: background-color 1s ease-in; 
    219     -webkit-transition: background-color 1s ease-in; 
    220     -moz-transition: opacity 1s ease-int; 
    221     cursor:pointer; 
     209width:150px; 
     210text-align: center; 
     211color: #FFF; 
     212background-color: #000; 
     213background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 
     214background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 
     215border:#303030 solid 1px; 
     216text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
     217-moz-border-radius: 5px; 
     218-webkit-border-radius: 5px; 
     219padding: 5px; 
     220margin:10px auto; 
     221transition: background-color 1s ease-in; 
     222-webkit-transition: background-color 1s ease-in; 
     223-moz-transition: opacity 1s ease-int; 
     224cursor:pointer; 
    222225} 
    223226/*----------------------------------------------- 
     
    225228----------------------------------------------- */ 
    226229ul.edit{ 
    227     float:right; 
    228     clear:right; 
    229     display:inline; 
    230     vertical-align:top; 
    231     line-height:1; 
    232     position:absolute; 
    233     right:10px; 
    234     top:15px; 
     230float:right; 
     231clear:right; 
     232display:inline; 
     233vertical-align:top; 
     234line-height:1; 
     235position:absolute; 
     236right:10px; 
     237top:15px; 
    235238} 
    236239ul.edit li{ 
    237     display:inline; 
    238     float:left; 
    239     line-height:1; 
    240     vertical-align:middle; 
     240display:inline; 
     241float:left; 
     242line-height:1; 
     243vertical-align:middle; 
    241244} 
    242245ul.edit li:first-child{ 
    243     margin-right:0.8em; 
     246margin-right:0.8em; 
    244247} 
    245248a.b_edit:link,a.b_edit:visited,a.b_edit:hover{ 
    246     color:#000; 
    247     font-size:11px; 
    248     padding:4px 5px; 
    249     border:#CCC solid 1px; 
    250     border-radius: 12px; 
    251     -moz-border-radius: 12px; 
    252     -webkit-border-radius: 12px; 
    253     background:#D7DDE3; 
    254     background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 
    255     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 
    256     display:inline; 
    257     text-align:center; 
    258     cursor:pointer; 
    259     vertical-align:middle; 
     249color:#000; 
     250font-size:11px; 
     251padding:4px 5px; 
     252border:#CCC solid 1px; 
     253border-radius: 12px; 
     254-moz-border-radius: 12px; 
     255-webkit-border-radius: 12px; 
     256background:#D7DDE3; 
     257background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 
     258background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 
     259display:inline; 
     260text-align:center; 
     261cursor:pointer; 
     262vertical-align:middle; 
    260263} 
    261264a.b_delete:link,a.b_delete:visited,a.b_delete:hover{ 
    262     vertical-align:top; 
    263     cursor:pointer; 
     265vertical-align:top; 
     266cursor:pointer; 
    264267} 
    265268/*----------------------------------------------- 
     
    267270----------------------------------------------- */ 
    268271.cartbtn_default{ 
    269     width:50%!important; 
    270     font-size:15px; 
    271     padding:10px 0; 
    272     background:#669222; 
    273     background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
    274     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
     272width:50%!important; 
     273font-size:15px; 
     274padding:10px 0; 
     275background:#669222; 
     276background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 
     277background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 
    275278} 
    276279 
     
    279282----------------------------------------------- */ 
    280283.btn_favorite .btn_sub{ 
    281     width:auto; 
    282     display:block; 
     284width:auto; 
     285display:block; 
    283286} 
    284287/*----------------------------------------------- 
     
    286289----------------------------------------------- */ 
    287290.addbtn{ 
    288     margin:0 30px; 
    289     padding:5px 0; 
     291margin:0 30px; 
     292padding:5px 0; 
    290293} 
    291294/*----------------------------------------------- 
     
    293296----------------------------------------------- */ 
    294297.btn_s{ 
    295     width:12em; 
    296     padding:10px 0!important; 
    297     margin:10px auto; 
    298     clear:both; 
     298width:12em; 
     299padding:10px 0!important; 
     300margin:10px auto; 
     301clear:both; 
    299302} 
    300303/*----------------------------------------------- 
     
    302305----------------------------------------------- */ 
    303306.btn_inputzip{ 
    304     margin:12px 0 5px 0; 
     307margin:12px 0 5px 0; 
    305308} 
    306309/*----------------------------------------------- 
     
    308311----------------------------------------------- */ 
    309312.btn_login,.btn_close{ 
    310     width:70%; 
    311     margin:10px auto; 
    312 } 
     313width:70%; 
     314margin:10px auto; 
     315} 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/common.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :common.css 
    45style info :共通 
    56=================================================================== */ 
     
    89----------------------------------------------- */ 
    910body { 
    10     background: #FFF; 
    11     font-family: Helvetica, san-serif; 
    12     line-height: 1.5; 
    13     font-size: 14px; 
    14     margin: 0; 
    15     padding: 0; 
    16     -webkit-user-select: none; 
    17     -webkit-text-size-adjust: none; 
    18     -webkit-touch-callout: none; 
    19     -webkit-tap-highlight-color: rgba(0,0,0,0.50); 
     11background: #FFF; 
     12font-family: Helvetica, san-serif; 
     13line-height: 1.5; 
     14font-size: 14px; 
     15margin: 0; 
     16padding: 0; 
     17-webkit-user-select: none; 
     18-webkit-text-size-adjust: none; 
     19-webkit-touch-callout:none; 
     20-webkit-tap-highlight-color: rgba(0,0,0,0.50); 
    2021} 
    2122/*----------------------------------------------- 
    2223リンク指定 
    2324----------------------------------------------- */ 
    24 a:link { 
    25     color: #324E85; 
    26     text-decoration: none; 
     25a:link{ 
     26color:#324E85; 
     27text-decoration: none; 
    2728} 
    2829a:visited { 
    29     color: #603E7D; 
    30     text-decoration: none; 
    31 } 
    32 a:hover { 
    33     text-decoration: none; 
    34     cursor: pointer; 
     30color: #603E7D; 
     31text-decoration: none; 
     32} 
     33a:hover{ 
     34text-decoration:none; 
     35cursor:pointer; 
    3536} 
    3637 
    3738/*右矢印リンクテキスト*/ 
     39.arrowRtxt{ 
     40display:inline; 
     41clear:both; 
     42margin:5px auto; 
     43padding-right:15px; 
     44background:url(../img/common/ico_arrowR.png) right center no-repeat; 
     45} 
     46@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    3847.arrowRtxt { 
    39     display: inline; 
    40     clear: both; 
    41     margin: 5px auto; 
    42     padding-right: 15px; 
    43     background: url(../img/common/ico_arrowR.png) right center no-repeat; 
    44 } 
    45 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    46     .arrowRtxt { 
    47         background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
    48         -webkit-background-size: 10px 15px; 
    49         background-size: 10px 15px; 
    50     } 
    51 } 
    52 div, li, p { 
     48background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
     49-webkit-background-size: 10px 15px; 
     50background-size: 10px 15px; 
     51} 
     52} 
     53div,li,p{ 
    5354-webkit-tap-highlight-color: rgba(0,0,0,0.50);} 
    5455/*----------------------------------------------- 
     
    5657----------------------------------------------- */ 
    5758.clearfix:after { 
    58     content: ".";   
    59     display: block;  
    60     clear: both; 
    61     height: 0; 
    62     visibility: hidden; 
    63 } 
    64 ul:after { 
    65     content: ".";   
    66     display: block; 
    67     clear: both; 
    68     height: 0; 
    69     visibility: hidden; 
    70 } 
    71 dl:after { 
    72     content: ".";   
    73     display: block; 
    74     clear: both; 
    75     height: 0; 
    76     visibility: hidden; 
     59content: ".";   
     60display: block;  
     61clear: both; 
     62height: 0; 
     63visibility: hidden; 
     64} 
     65ul:after{ 
     66content: ".";   
     67display: block; 
     68clear: both; 
     69height: 0; 
     70visibility: hidden; 
     71} 
     72dl:after{ 
     73content: ".";   
     74display: block; 
     75clear: both; 
     76height: 0; 
     77visibility: hidden; 
    7778} 
    7879/*----------------------------------------------- 
    7980汎用 
    8081----------------------------------------------- */ 
    81 .photoL { 
    82     float: left; 
    83     clear: left; 
    84 } 
    85 .photoR { 
    86     float: right; 
    87     clear: right; 
    88 } 
    89 .clear { 
    90     clear: both; 
    91 } 
    92 .inner { 
    93     padding: 10px; 
    94 } 
    95 .intro { 
    96     padding: 5px 10px 10px; 
    97     font-weight: bold; 
     82.photoL{ 
     83float:left; 
     84clear:left; 
     85} 
     86.photoR{ 
     87float:right; 
     88clear:right; 
     89} 
     90.clear{ 
     91clear:both; 
     92} 
     93.inner{ 
     94padding:10px; 
     95} 
     96.intro{ 
     97padding:5px 10px 10px; 
     98font-weight:bold; 
     99} 
     100.intro p{ 
     101line-height:1.3; 
    98102} 
    99103.hidden { 
    100     display: none; 
    101 } 
    102 .end { 
    103     border-bottom: none!important; 
    104 } 
    105 .top { 
    106     margin-bottom: 1em!important; 
    107 } 
    108 .bg_head { 
    109     background: #EEE; 
     104display: none; 
     105} 
     106.end{ 
     107border-bottom:none!important; 
     108} 
     109.top{ 
     110margin-bottom:8px!important; 
     111} 
     112.bg_head{ 
     113background:#EEE; 
    110114} 
    111115/*----------------------------------------------- 
    112116font 
    113117----------------------------------------------- */ 
    114 h2 { 
    115     font-size: 20px; 
    116 } 
    117 h3, h4, h5 { 
    118     font-size: 100%; 
    119     font-weight: bold; 
    120 } 
    121 em { 
    122     font-weight: bold; 
     118h2{ 
     119font-size:20px; 
     120} 
     121h3,h4,h5 { 
     122font-size: 100%; 
     123font-weight:bold; 
     124} 
     125em{ 
     126font-weight:bold; 
    123127} 
    124128.attention { 
    125     color: #CC0000; 
    126 } 
     129color: #CC0000; } 
    127130.mini { 
    128     font-size: 11px; 
    129     font-weight: normal; 
    130 } 
    131 .fb { 
    132     font-size: 14px; 
    133     font-weight: bold; 
    134 } 
    135 .price { 
    136     color: #CC0000; 
    137     font-weight: bold; 
    138 } 
    139 .attentionSt { 
    140     color: #CC0000; 
    141     font-weight: bold; 
     131font-size: 11px; 
     132font-weight:normal; } 
     133.fb{ 
     134font-size:14px; 
     135font-weight:bold; 
     136} 
     137.fn{ 
     138font-weight:normal; 
     139} 
     140.price{ 
     141color:#CC0000; 
     142font-weight:bold; 
     143} 
     144.attentionSt{ 
     145color:#CC0000; 
     146font-weight:bold; 
    142147} 
    143148/*------------------------------------------------- 
     
    145150----------------------------------------------- */ 
    146151.frame_outer { 
    147     overflow: hidden; 
    148     width: 100%; 
    149     background: #FFF; 
    150 } 
    151 #main-content { 
     152overflow: hidden; 
     153width: 100%; 
     154background: #FFF; 
     155} 
     156#main-content{ 
    152157} 
    153158/*----------------------------------------------- 
     
    155160----------------------------------------------- */ 
    156161h2.title { 
    157     color: #FFF; 
    158     font-size: 20px; 
    159     font-weight: bold; 
    160     line-height: 45px; 
    161     text-align: center; 
    162     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    163     margin: 0 0 15px 0; 
    164     padding: 0 10px; 
    165     background: #494E57; 
    166     background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); 
    167     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); 
    168     border-top: #868D99 1px solid; 
    169     border-bottom: #C6C2C8 1px solid; 
    170     -webkit-box-shadow: 1px 5px 5px #CCC; 
    171     -moz-box-shadow: 1px 5px 5px #CCC; 
    172     vertical-align: middle; 
    173     white-space: nowrap; 
    174     overflow: hidden; 
    175     text-overflow: ellipsis; 
    176     clear: both; 
     162color: #FFF; 
     163font-size:20px; 
     164font-weight:bold; 
     165line-height:45px; 
     166text-align:center; 
     167text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     168margin: 0 0 15px 0; 
     169padding:0 10px; 
     170background:#494E57; 
     171background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); 
     172background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); 
     173border-top:#868D99 1px solid; 
     174border-bottom:#C6C2C8 1px solid; 
     175-webkit-box-shadow: 1px 5px 5px #CCC; 
     176-moz-box-shadow: 1px 5px 5px #CCC; 
     177vertical-align: middle; 
     178white-space:nowrap; 
     179overflow:hidden; 
     180text-overflow: ellipsis; 
     181clear:both; 
    177182} 
    178183/*ボタンで展開するタイトルバー*/ 
    179 .title_box { 
    180     color: #FFF; 
    181     text-shadow: 0px -1px 1px rgba(0,0,0,0.3); 
    182     line-height: 45px; 
    183     padding: 0 10px; 
    184     margin: 0 0 15px 0; 
    185     background: #494e57; 
    186     background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); 
    187     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); 
    188     border-top: #74828B solid 1px; 
    189     border-bottom: #74828B solid 1px; 
    190     vertical-align: middle; 
    191     clear: both; 
    192 } 
    193 .title_box h2 { 
    194     font-size: 20px; 
    195     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    196     width: 85%; 
    197     float: left; 
    198     clear: left; 
    199     white-space: nowrap; 
    200     overflow: hidden; 
    201     text-overflow: ellipsis; 
    202     line-height: 45px; 
    203     vertical-align: middle; 
    204 } 
    205 .title_box h3 { 
    206     width: 85%; 
    207     float: left; 
    208     clear: left; 
    209     font-size: 18px; 
    210     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    211     white-space: nowrap; 
    212     overflow: hidden; 
    213     text-overflow: ellipsis; 
    214     line-height: 30px; 
    215     vertical-align: middle; 
     184.title_box{ 
     185color: #FFF; 
     186text-shadow: 0px -1px 1px rgba(0,0,0,0.3); 
     187line-height:45px; 
     188padding:0 10px; 
     189margin: 0 0 15px 0; 
     190background:#494e57; 
     191background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); 
     192background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); 
     193border-top: #74828B solid 1px; 
     194border-bottom:#74828B solid 1px; 
     195vertical-align: middle; 
     196clear:both; 
     197} 
     198.title_box h2{ 
     199font-size:20px; 
     200text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     201width:85%; 
     202float:left; 
     203clear:left; 
     204white-space:nowrap; 
     205overflow:hidden; 
     206text-overflow: ellipsis; 
     207line-height:45px; 
     208vertical-align:middle; 
     209} 
     210.title_box h3{ 
     211width:85%; 
     212float:left; 
     213clear:left; 
     214font-size:18px; 
     215text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     216white-space:nowrap; 
     217overflow:hidden; 
     218text-overflow: ellipsis; 
     219line-height:30px; 
     220vertical-align:middle; 
    216221} 
    217222/*サブタイトル*/ 
    218 h3.subtitle { 
    219     font-size: 18px; 
    220     color: #FFF; 
    221     line-height: 30px; 
    222     text-shadow: 0px -1px 1px rgba(0,0,0,0.3); 
    223     padding: 0 10px; 
    224     margin: 0 0 10px 0; 
    225     background: #84949F; 
    226     background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); 
    227     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); 
    228     border-top: #74828B solid 1px; 
    229     border-bottom: #74828B solid 1px;vertical-align: middle; 
    230     white-space: nowrap; 
    231     overflow: hidden; 
    232     text-overflow: ellipsis; 
    233     clear: both; 
    234     -webkit-box-shadow: 1px 0px 1px #FFF; 
    235     -moz-box-shadow: 1px 0px 1px #FFF; 
    236     position: relative; 
     223h3.subtitle{ 
     224font-size:18px; 
     225color: #FFF; 
     226line-height:30px; 
     227text-shadow: 0px -1px 1px rgba(0,0,0,0.3); 
     228padding:0 10px; 
     229margin: 0 0 10px 0; 
     230background:#84949F; 
     231background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); 
     232background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); 
     233border-top: #74828B solid 1px; 
     234border-bottom:#74828B solid 1px;vertical-align: middle; 
     235white-space:nowrap; 
     236overflow:hidden; 
     237text-overflow: ellipsis; 
     238clear:both; 
     239-webkit-box-shadow: 1px 0px 1px #FFF; 
     240-moz-box-shadow: 1px 0px 1px #FFF; 
     241position:relative; 
    237242} 
    238243/*ボタンで展開するサブタイトルバー*/ 
    239 .title_box_sub { 
    240     color: #FFF; 
    241     line-height: 30px; 
    242     padding: 0 10px; 
    243     margin: 0 0 20px 0; 
    244     background: #84949F; 
    245     background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); 
    246     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); 
    247     border-top: #74828B solid 1px; 
    248     border-bottom: #74828B solid 1px; 
    249     vertical-align: middle; 
    250     clear: both; 
    251     position: relative; 
    252 } 
    253 .title_box_sub h2, 
    254 .title_box_sub h3 { 
    255     font-size: 18px; 
    256     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    257     width: 85%; 
    258     float: left; 
    259     clear: left; 
    260     white-space: nowrap; 
    261     overflow: hidden; 
    262     text-overflow: ellipsis; 
    263     line-height: 30px; 
    264     vertical-align: middle; 
    265 } 
    266 .title_box_sub .b_expand { 
    267     width: 22px; 
    268     height: 21px; 
    269     float: right; 
    270     clear: right; 
    271     position: absolute; 
    272     top: -6px; 
    273     right: 15px; 
    274     z-index: 2; 
    275     padding: 2px; 
     244.title_box_sub{ 
     245color: #FFF; 
     246line-height:30px; 
     247padding:0 10px; 
     248margin: 0 0 20px 0; 
     249background:#84949F; 
     250background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); 
     251background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); 
     252border-top: #74828B solid 1px; 
     253border-bottom:#74828B solid 1px; 
     254vertical-align: middle; 
     255clear:both; 
     256position:relative; 
     257} 
     258.title_box_sub h2,.title_box_sub h3{ 
     259font-size:18px; 
     260text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     261width:85%; 
     262float:left; 
     263clear:left; 
     264white-space:nowrap; 
     265overflow:hidden; 
     266text-overflow: ellipsis; 
     267line-height:30px; 
     268vertical-align:middle; 
     269} 
     270.title_box_sub .b_expand{ 
     271width:22px; 
     272height:21px; 
     273float:right; 
     274clear:right; 
     275position:absolute; 
     276top:-6px; 
     277right:15px; 
     278z-index:2; 
     279padding:2px; 
    276280} 
    277281/*---------------------------------------------------- 
     
    279283----------------------------------------------------*/ 
    280284input { 
    281     padding: 6px; 
    282     margin: 5px 0; 
    283     font-size: 14px; 
    284 } 
    285 input[type="radio"] { 
    286     vertical-align: top; 
    287     padding: 5px; 
    288     margin-right: 0.5em; 
    289 } 
    290 .text, .textarea, .dropdown { 
    291     color: #999; 
    292     padding: 0.5em; 
    293     border: #4C4C4C solid 1px; 
    294     background: #FFF; 
    295     border-radius: 5px; 
    296     -webkit-border-radius: 5px; 
    297     -moz-border-radius: 5px; 
    298 } 
    299 .textarea { 
    300     width: 100%; 
    301     margin: 0 0 10px -8px; 
    302     min-height: 60px; 
    303 } 
    304 .cartin_quantity, .box_point { 
    305     width: 2em; 
    306 } 
    307 .boxLong { 
    308     width: 96%; 
    309 } 
    310 .boxMedium { 
    311     width: 35%; 
     285margin:5px 0; 
     286padding:5px; 
     287-webkit-box-shadow:none; 
     288-moz-box-shadow:none; 
     289} 
     290input[type="text"]{ 
     291} 
     292input[type="number"]{ 
     293padding:5px 0; 
     294text-indent:5px; 
     295} 
     296input[type="number"]:first-child{ 
     297margin-right:-2px; 
     298} 
     299input[type="radio"],input[type="check"]{ 
     300vertical-align:bottom; 
     301padding:5px; 
     302line-height:1.5; 
     303margin-right:0.5em; 
     304} 
     305.text, .textarea, .dropdown{ 
     306padding:0.5em; 
     307margin:0; 
     308border:#4C4C4C solid 1px; 
     309background: #FFF; 
     310border-radius: 5px; 
     311-webkit-border-radius: 5px; 
     312-moz-border-radius: 5px; 
     313} 
     314.textarea{ 
     315width:97%; 
     316padding:0.5em; 
     317margin:0 0 10px 0; 
     318height:auto; 
     319min-height:70px; 
     320overflow:visible; 
     321} 
     322.cartin_quantity,.box_point{ 
     323width:2em; 
     324} 
     325.boxLong{ 
     326width:95%; 
     327} 
     328.boxMedium{ 
     329width:35%; 
    312330} 
    313331.boxShort { 
    314     width: 20%; 
    315 } 
    316 .boxHarf { 
    317     width: 41%; 
     332width: 22%; 
     333} 
     334.boxHarf{ 
     335width:42%; 
     336} 
     337 
     338select.boxLong{ 
     339width:100%; 
     340} 
     341select.boxMedium{ 
     342width:40%; 
     343} 
     344select.boxShort{ 
     345width:25%; 
     346} 
     347select.boxHarf{ 
     348width:46%; 
    318349} 
    319350/*---------------------------------------------------- 
     
    324355------------------------------------------------ */ 
    325356header { 
    326     background: #FFF; 
    327     margin: 0 auto; 
    328     padding: 10px 5px; 
    329     clear: both; 
    330 } 
    331 #site_name { 
    332     width: 47%; 
    333     float: left; 
    334     clear: left; 
    335     position: relative; 
    336 } 
    337 header h1 { 
    338     margin-top: -8px; 
     357width:100%; 
     358background: #FFF; 
     359margin: 0 auto; 
     360padding:10px 0; 
     361clear:both; 
     362} 
     363header h1{ 
     364width:47%; 
     365height:25px; 
     366float:left; 
     367clear:left; 
     368padding-right:5px; 
     369margin:0 0 0 5px; 
     370max-width:150px; 
     371position:relative; 
     372} 
     373header h1 a{ 
     374display:block; 
     375padding:0; 
     376margin:0; 
     377cursor:pointer; 
     378vertical-align:middle; 
     379} 
     380header h1 img{ 
     381width:150px; 
     382height:25px; 
     383margin:-5px 0 0 0; 
     384padding:0; 
     385vertical-align:middle; 
    339386} 
    340387 
    341388/* ヘッダーナビ 
    342389------------------------------------------------ */ 
    343 .header_utility { 
    344     width: 50%; 
    345     padding-left: 5px; 
    346     float: right; 
    347     display: inline; 
    348 } 
    349 .header_navi { 
    350     font-size: 11px; 
    351     padding-top: 5px; 
    352     float: right; 
    353     display: inline; 
    354     text-align: right; 
    355     line-height: 1.2; 
    356 } 
    357 .header_navi ul { 
    358     display: inline; 
    359     float: right; 
    360 } 
    361 .header_navi li { 
    362     float: left; 
    363     display: block; 
    364     margin: 0; 
    365     padding: 8px 5px; 
    366     text-align: center; 
    367     border: #A9ABAD solid 1px; 
    368     border-radius: 5px; 
    369     -moz-border-radius: 5px; 
    370     -webkit-border-radius: 5px; 
    371     background: #FDFDfD; 
    372     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    373     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    374 } 
    375 .header_navi li a { 
    376     text-decoration: none; 
    377 } 
    378 .header_navi li:first-child { 
    379     margin-right: 1em; 
    380 } 
    381 .popup_mypage { 
    382     font-size: small; 
    383     width: 150px; 
    384     padding: 10px; 
    385     display: none; 
    386     position: absolute; 
    387     top: 55px; 
    388     z-index: 1; 
    389     background: #FFF; 
    390     background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); 
    391     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); 
    392     border: #CCC solid 1px; 
    393     border-radius: 5px; 
    394     -webkit-border-radius: 5px; 
    395     -moz-border-radius: 5px; 
    396 } 
    397 .popup_cart { 
    398     font-size: small; 
    399     width: 180px; 
    400     padding: 10px; 
    401     display: none; 
    402     position: absolute; 
    403     top: 55px; 
    404     z-index: 1; 
    405     background: #FFF; 
    406     background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); 
    407     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); 
    408     border: #CCC solid 1px; 
    409     border-radius: 5px; 
    410     -webkit-border-radius: 5px; 
    411     -moz-border-radius: 5px; 
    412 } 
    413 .popup_mypage a, 
    414 .popup_cart a { 
    415     text-decoration: underline; 
    416 } 
    417 .popup_mypage h2, 
    418 .popup_cart h2 { 
    419     font-size: 1.2em; 
    420 } 
    421 .quentity, .money { 
    422     font-weight: bold; 
    423 } 
    424 .popup_cart hr.dashed:last-child { 
    425     display: none; 
    426 } 
    427 hr.dashed { 
    428     display: block; 
    429     height: 1px; 
    430     border:0;    
    431     border-top: #CCC dashed 1px; 
    432     margin: 0.2em 0; 
    433     padding: 0; 
    434 } 
    435 .free_money { 
    436 } 
    437 .dl_item { 
    438     margin-top: 5px; 
     390.header_utility{ 
     391width:47%; 
     392padding:0 5px; 
     393float:right; 
     394} 
     395.header_navi{ 
     396font-size:11px; 
     397padding-top:5px; 
     398float:right; 
     399display:inline; 
     400text-align:right; 
     401line-height:1.2; 
     402} 
     403.header_navi ul{ 
     404display:inline; 
     405float:right; 
     406} 
     407.header_navi li{ 
     408float:left; 
     409margin:0; 
     410padding:8px 5px; 
     411border:#A9ABAD solid 1px; 
     412border-radius: 5px; 
     413-moz-border-radius: 5px; 
     414-webkit-border-radius: 5px; 
     415background:#FDFDfD; 
     416background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     417background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     418} 
     419.header_navi li:first-child{ 
     420margin-right:1em; 
     421} 
     422.header_navi p { 
     423line-height:1.3; 
     424} 
     425.popup_mypage{ 
     426font-size:small; 
     427width:auto; 
     428min-width:100px; 
     429padding:10px; 
     430display: none; 
     431position: absolute; 
     432line-height:1.2; 
     433top: 55px; 
     434z-index: 1; 
     435background:#FFF; 
     436background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); 
     437background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); 
     438border:#CCC solid 1px; 
     439border-radius: 5px; 
     440-webkit-border-radius: 5px; 
     441-moz-border-radius: 5px; 
     442} 
     443.popup_mypage p:first-child{ 
     444line-height:1.3; 
     445margin-bottom:0.5em; 
     446}  
     447.popup_cart{ 
     448font-size:small; 
     449width:auto; 
     450min-width:100px; 
     451padding:10px; 
     452display: none; 
     453position: absolute; 
     454top: 55px; 
     455margin-right:5px; 
     456z-index: 1; 
     457background:#FFF; 
     458background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); 
     459background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); 
     460border:#CCC solid 1px; 
     461border-radius: 5px; 
     462-webkit-border-radius: 5px; 
     463-moz-border-radius: 5px; 
     464} 
     465.popup_mypage a,.popup_cart a{ 
     466text-decoration:underline; 
     467} 
     468 
     469.popup_mypage h2,.popup_cart h2{ 
     470font-size:1.2em; 
     471} 
     472.quantity,.money{ 
     473font-size:14px; 
     474font-weight:bold; 
     475} 
     476.popup_cart hr.dashed:last-child{ 
     477display:none; 
     478} 
     479hr.dashed{ 
     480display:block; 
     481height:1px; 
     482border:0;    
     483border-top:#CCC dashed 1px; 
     484margin:0.2em 0; 
     485padding:0;} 
     486.free_money_area{ 
     487font-size:11px; 
     488} 
     489.dl_item{ 
     490margin-top:5px; 
    439491} 
    440492 
    441493/*index menu/トップページヘッダー3列ボタン*/ 
    442 .top_menu { 
    443     width: 100%; 
    444     margin-bottom: 10px; 
    445     -webkit-box-shadow: 1px 5px 5px #ccc; 
    446     -moz-box-shadow: 1px 5px 5px #ccc; 
    447     background: #494E57; 
    448     background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); 
    449     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); 
    450 } 
    451 .top_menu ul { 
    452     width: auto; 
    453     margin: 0 auto; 
    454     clear: both; 
    455 } 
    456 .top_menu ul li { 
    457     width: 33%; 
    458     float: left; 
    459     text-align: center; 
    460     border-left: #747B83 solid 1px; 
    461     border-right: #3D3D3D solid 1px; 
    462     border-bottom: #141517 solid 1px; 
    463     border-top: #A1A7AF solid 2px; 
    464 } 
    465 .top_menu ul li img { 
    466     margin: 0 auto; 
    467     display: block; 
    468     clear: both; 
    469 } 
    470 .top_menu ul li a:link, 
    471 .top_menu ul li a:visited { 
    472     color: #FFF; 
    473     text-shadow: 0px 1px 1px rgba(0,0,0,1); 
    474     padding: 9px 0 8px 0; 
    475     display: block; 
    476     background: #494E57; 
    477     background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); 
    478     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); 
    479     -webkit-transition: background-color 0.5s ease-in; 
    480     -moz-transition: background-color 0.5s ease-in; 
    481 } 
    482 .top_menu ul li a:hover { 
    483     color: #FFF; 
    484     text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    485     background: #5393C5; 
    486     background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%); 
    487     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2)); 
    488     text-decoration: none; 
    489 } 
    490 .top_menu li:first-child { 
    491     border-left: none; 
    492 } 
    493 .top_menu li:last-child { 
    494     border-right: none; 
     494.top_menu{ 
     495width:100%; 
     496margin-bottom:10px; 
     497-webkit-box-shadow: 1px 5px 5px #ccc; 
     498-moz-box-shadow: 1px 5px 5px #ccc; 
     499background:#494E57; 
     500background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); 
     501background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); 
     502} 
     503.top_menu ul{ 
     504width:auto; 
     505margin:0 auto; 
     506clear:both; 
     507} 
     508.top_menu ul li{ 
     509width:33%; 
     510float:left; 
     511text-align:center; 
     512border-left:#747B83 solid 1px; 
     513border-right:#3D3D3D solid 1px; 
     514border-bottom:#141517 solid 1px; 
     515border-top:#A1A7AF solid 2px; 
     516} 
     517.top_menu ul li img{ 
     518margin:0 auto; 
     519display:block; 
     520clear:both; 
     521} 
     522.top_menu ul li a:link,.top_menu ul li a:visited{ 
     523color:#FFF; 
     524text-shadow: 0px 1px 1px rgba(0,0,0,1); 
     525padding:9px 0 8px 0; 
     526display:block; 
     527background:#494E57; 
     528background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); 
     529background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); 
     530-webkit-transition:background-color 0.5s ease-in; 
     531-moz-transition:background-color 0.5s ease-in; 
     532} 
     533.top_menu ul li a:hover{ 
     534color:#FFF; 
     535text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     536background:#5393C5; 
     537background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%); 
     538background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2)); 
     539text-decoration:none; 
     540} 
     541.top_menu li:first-child{ 
     542border-left:none; 
     543} 
     544.top_menu li:last-child{ 
     545border-right:none; 
    495546} 
    496547/*------------------------------------------------- 
     
    498549----------------------------------------------- */ 
    499550footer.global_footer { 
    500     padding: 0 0 10px 0; 
    501     background: #E6E6E6; 
    502     text-align: center; 
    503 } 
    504 .footer_utility { 
    505     background: #E6E6E6; 
     551padding:0 0 10px 0; 
     552background: #E6E6E6; 
     553text-align:center; 
     554} 
     555.footer_utility{ 
     556background: #E6E6E6; 
    506557} 
    507558/*フッター4列ボタン*/ 
    508559.footer_navi { 
    509     width: 100%; 
    510     display: block; 
    511     clear: both; 
    512     padding: 0.5em 0; 
    513     -webkit-box-shadow: 1px 1px 1px #FFF; 
    514     -moz-box-shadow: 1px 1px 1px #FFF; 
    515     background: #272a2b; 
    516     background: -moz-linear-gradient(center top, #808080 0%,#272a2b 100%); 
    517     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080),color-stop(1, #272a2b)); 
    518 } 
    519 .footer_navi ul { 
    520     width: 100%; 
    521     display: block; 
     560width:100%; 
     561display:block; 
     562clear:both; 
     563padding:0.5em 0; 
     564-webkit-box-shadow: 1px 1px 1px #FFF; 
     565-moz-box-shadow: 1px 1px 1px #FFF; 
     566background:#272a2b; 
     567background: -moz-linear-gradient(center top, #808080 0%,#272a2b 100%); 
     568background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080),color-stop(1, #272a2b)); 
     569}  
     570.footer_navi ul{ 
     571width:100%; 
     572display:block; 
    522573} 
    523574.footer_navi:after { 
    524     content: ".";  
    525     display: block; 
    526     clear: both; 
    527     height: 0; 
    528 } 
    529 .footer_navi li { 
    530     width: 23%; 
    531     height: 49px; 
    532     display: block; 
    533     margin: 0 1%; 
    534     padding: 0; 
    535     float: left; 
    536     background: #202223; 
    537     background: -moz-linear-gradient(center top, #282A2A 0%,#202223 100%); 
    538     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #282A2A),color-stop(1, #202223)); 
    539     text-align: center; 
    540     color: #FFF; 
    541     font-size: 10px; 
    542     border-radius: 8px; 
    543     -webkit-border-radius: 8px; 
    544     -moz-border-radius: 8px; 
    545     -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; 
    546     -moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; 
    547     position: relative; 
    548 } 
    549 .footer_status_area { 
    550     margin: 0; 
    551     padding: 20px 10px 10px; 
    552     text-align: center; 
    553     background: #E6E6E6; 
    554 } 
    555 .footer_status_area p:last-child { 
    556     margin: 10px auto; 
    557 } 
    558 .guide_area { 
    559     clear: both; 
    560     margin: 0; 
    561     padding: 10px 0 0 0; 
    562     text-align: center; 
    563     border-top: #999 solid 1px; 
    564 } 
    565 .guide_area p { 
    566     font-size: 14px; 
    567     font-weight: bold; 
    568     line-height: 2.4; 
    569 } 
    570 .guide_area a { 
    571     padding: 0.5em 0.3em; 
    572     margin: 0.5em 0.1em; 
     575content: ".";  
     576display: block; 
     577clear: both; 
     578height:0; 
     579} 
     580.footer_navi li{ 
     581width:23%; 
     582height:49px; 
     583display:block; 
     584margin:0 1%; 
     585padding:0; 
     586float:left; 
     587background:#202223; 
     588background: -moz-linear-gradient(center top, #282A2A 0%,#202223 100%); 
     589background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #282A2A),color-stop(1, #202223)); 
     590text-align:center; 
     591color:#FFF; 
     592font-size:10px; 
     593border-radius: 8px; 
     594-webkit-border-radius: 8px; 
     595-moz-border-radius: 8px; 
     596-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; 
     597-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; 
     598position:relative; 
     599} 
     600.footer_status_area{ 
     601margin:0; 
     602padding:20px 10px 10px; 
     603text-align:center; 
     604background: #E6E6E6; 
     605} 
     606.footer_status_area p:last-child{ 
     607margin:10px auto; 
     608} 
     609.guide_area{ 
     610clear:both; 
     611margin:0; 
     612padding:10px 0 0 0; 
     613text-align:center; 
     614border-top:#999 solid 1px; 
     615} 
     616.guide_area p{ 
     617font-size:14px; 
     618font-weight:bold; 
     619line-height:2.4; 
     620} 
     621.guide_area a{ 
     622padding:0.5em 0.3em; 
     623margin:0.5em 0.1em; 
    573624} 
    574625@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    575     .guide_area p { 
    576         font-size: 12px; 
    577     } 
     626.guide_area p{ 
     627font-size:12px; 
     628} 
    578629} 
    579630footer.global_footer p.copyright { 
    580     margin: 0; 
    581     text-align: center; 
    582     padding: 10px 0; 
     631margin: 0; 
     632text-align: center; 
     633padding:10px 0; 
    583634} 
    584635/*------------------------------------------------- 
     
    586637----------------------------------------------- */ 
    587638#search_area { 
    588     padding: 10px; 
    589     background: #E7E8E9; 
    590     clear: both; 
    591     text-align: center; 
     639padding: 10px; 
     640background: #E7E8E9; 
     641clear:both; 
     642text-align: center; 
    592643} 
    593644/*jqm追記*/ 
    594 #search_area .ui-input-search { 
    595     border-radius: 20px; 
    596     -webkit-border-radius: 20px; 
    597     -moz-border-radius: 20px; 
    598 } 
     645#search_area .ui-input-search{ 
     646border-radius: 20px; 
     647-webkit-border-radius: 20px; 
     648-moz-border-radius: 20px; 
     649border:#CCC solid 1px; 
     650} 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :contents.css 
    45style info :下層コンテンツ用(#undercolumn) 
    56=================================================================== */ 
     
    89----------------------------------------------- */ 
    910#undercolumn{ 
    10     padding-bottom:35px; 
     11padding-bottom:35px; 
    1112} 
    1213/**イントロダクション*/ 
    1314.information{ 
    14     font-weight:bold; 
    15     padding:5px 10px; 
    16     line-height:1.3; 
    17     border-bottom:#CCC solid 1px; 
     15font-weight:bold; 
     16padding:5px 10px; 
     17line-height:1.3; 
     18border-bottom:#CCC solid 1px; 
    1819} 
    1920.information p:first-child{ 
    20     font-size:14px; 
    21     margin-bottom:0.5em; 
     21font-size:14px; 
     22margin-bottom:0.5em; 
    2223} 
    2324/*フォーム枠*/ 
    2425.form_area{ 
    25     padding:10px; 
     26padding:10px; 
    2627} 
    2728.form_area p:first-child{ 
    28     margin-bottom:0.5em; 
     29margin-bottom:0.5em; 
    2930} 
    3031.formBox{ 
    31     margin-bottom:20px; 
    32     border:#A9ABAD solid 1px; 
    33     border-radius:7px; 
    34     -moz-border-radius:7px; 
    35     -webkit-border-radius:7px; 
     32margin-bottom:20px; 
     33border:#A9ABAD solid 1px; 
     34border-radius:7px; 
     35-moz-border-radius:7px; 
     36-webkit-border-radius:7px; 
    3637} 
    3738.innerBox{ 
    38     padding:10px; 
    39     border-bottom:#CCC solid 1px; 
     39padding:10px; 
     40border-bottom:#CCC solid 1px; 
    4041} 
    4142.arrowBox{ 
    42     padding:10px 25px 10px 10px; 
    43     background:url(../img/common/ico_arrowR.png) 95% center no-repeat; 
    44     border-bottom:#CCC solid 1px; 
    45     clear:both; 
     43padding:10px 25px 10px 10px; 
     44background:url(../img/common/ico_arrowR.png) 95% center no-repeat; 
     45border-bottom:#CCC solid 1px; 
     46clear:both; 
    4647} 
    4748@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    48     .arrowBox { 
    49         background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; 
    50         -webkit-background-size: 10px 15px; 
    51         background-size: 10px 15px; 
    52     } 
     49.arrowBox { 
     50background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; 
     51-webkit-background-size: 10px 15px; 
     52background-size: 10px 15px; 
     53} 
    5354} 
    5455.box_header{ 
    55     font-size:16px; 
    56     font-weight:bold; 
    57     background:#EEE; 
    58     padding:10px; 
    59     border-radius:7px 7px 0 0; 
    60     -moz-border-radius:7px 7px 0 0; 
    61     -webkit-border-radius:7px 7px 0 0; 
    62     border-bottom:#CCC solid 1px; 
     56font-size:16px; 
     57font-weight:bold; 
     58background:#EEE; 
     59padding:10px; 
     60border-radius:7px 7px 0 0; 
     61-moz-border-radius:7px 7px 0 0; 
     62-webkit-border-radius:7px 7px 0 0; 
     63border-bottom:#CCC solid 1px; 
    6364} 
    6465/*合計(フォーム下)*/ 
    6566.total_area,.result_area{ 
    66     padding:10px; 
    67     text-align:right; 
    68     background:#F7F5F0; 
    69     border-top:#FFF solid 1px; 
    70     border-bottom:#A9ABAD solid 1px; 
     67padding:10px; 
     68text-align:right; 
     69background:#F7F5F0; 
     70border-top:#FFF solid 1px; 
     71border-bottom:#A9ABAD solid 1px; 
    7172} 
    7273.formBox .btn_area_btm{ 
    73     padding:10px; 
    74     background:#F7F5F0; 
    75     border-top:#FFF solid 1px; 
    76     border-bottom:none; 
    77     border-radius:0 0 7px 7px; 
    78     -moz-border-radius: 0 0 7px 7px; 
    79     -webkit-border-radius: 0 0 7px 7px; 
     74padding:10px; 
     75background:#F7F5F0; 
     76border-top:#FFF solid 1px; 
     77border-bottom:none; 
     78border-radius:0 0 7px 7px; 
     79-moz-border-radius: 0 0 7px 7px; 
     80-webkit-border-radius: 0 0 7px 7px; 
    8081} 
    8182.formBox div:first-child{ 
    82     border-radius:7px 7px 0 0; 
    83     -moz-border-radius:7px 7px 0 0; 
    84     -webkit-border-radius:7px 7px 0 0; 
     83border-radius:7px 7px 0 0; 
     84-moz-border-radius:7px 7px 0 0; 
     85-webkit-border-radius:7px 7px 0 0; 
    8586} 
    8687.formBox div:last-child{ 
    87     border-radius:0 0 7px 7px; 
    88     -moz-border-radius: 0 0 7px 7px; 
    89     -webkit-border-radius: 0 0 7px 7px; 
    90     border-bottom:none; 
     88border-radius:0 0 7px 7px; 
     89-moz-border-radius: 0 0 7px 7px; 
     90-webkit-border-radius: 0 0 7px 7px; 
     91border-bottom:none; 
    9192} 
    9293.form_area div:after{ 
    93     content: ".";   
    94     display: block; 
    95     clear: both; 
    96     height: 0; 
    97     visibility: hidden; 
     94content: ".";   
     95display: block; 
     96clear: both; 
     97height: 0; 
     98visibility: hidden; 
    9899} 
    99100 
     
    104105/*カゴの中の商品*/ 
    105106.cartinarea{ 
    106     padding:10px; 
    107     border-bottom:#CCC solid 1px; 
     107padding:10px; 
     108border-bottom:#CCC solid 1px; 
    108109} 
    109110.cartitemBox{ 
    110     padding:10px 0; 
    111     border-bottom:#CCC solid 1px; 
    112     clear:both; 
     111padding:10px 0; 
     112border-bottom:#CCC solid 1px; 
     113clear:both; 
    113114} 
    114115.cartinarea .cartitemBox:last-child{ 
    115     border-bottom:none; 
     116border-bottom:none; 
    116117} 
    117118.cartinarea .photoL{ 
    118     width:80px; 
     119width:80px; 
    119120} 
    120121.cartinarea .cartinContents{ 
    121     width:68%; 
    122     float:right; 
    123     display:block; 
    124     position:relative; 
     122width:68%; 
     123float:right; 
     124display:block; 
     125position:relative; 
     126} 
     127.cartinarea .cartinContents p{ 
     128line-height:1.2; 
     129} 
     130 
     131.cartinContents div{ 
     132min-height:50px; 
    125133} 
    126134/* ----------------------------------------------- 
     
    128136----------------------------------------------- */ 
    129137.bubbleBox{ 
    130     width:90%; 
    131     font-weight:bold; 
    132     margin:10px auto 20px auto; 
    133     padding:10px 15px; 
    134     position:relative; 
    135     background-color:#F6F6F6; 
    136     border:1px solid #C5C4C0; 
    137     -moz-border-radius:7px; 
    138     -webkit-border-radius:7px; 
    139     -moz-box-shadow:inset 1px 1px 1px #FFF; 
    140     -webkit-box-shadow:inset 1px 1px 1px #FFF; 
    141     cursor:pointer; 
     138width:90%; 
     139font-weight:bold; 
     140margin:10px auto 20px auto; 
     141padding:10px 15px; 
     142position:relative; 
     143background-color:#F6F6F6; 
     144border:1px solid #C5C4C0; 
     145-moz-border-radius:7px; 
     146-webkit-border-radius:7px; 
     147-moz-box-shadow:inset 1px 1px 1px #FFF; 
     148-webkit-box-shadow:inset 1px 1px 1px #FFF; 
     149cursor:pointer; 
    142150} 
    143151.bubble_arrow_line{ 
    144     width:0; 
    145     height:0; 
    146     border-color: #C5C4C0 transparent transparent transparent; 
    147     border-style: solid; 
    148     border-width: 10px; 
    149     position:absolute; 
    150     bottom:-21px; 
    151     left:50%; 
     152width:0; 
     153height:0; 
     154border-color: #C5C4C0 transparent transparent transparent; 
     155border-style: solid; 
     156border-width: 10px; 
     157position:absolute; 
     158bottom:-21px; 
     159left:50%; 
    152160} 
    153161.bubble_arrow{ 
    154     width:0; 
    155     height:0; 
    156     border-color: #F6F6F6 transparent transparent transparent; 
    157     border-style: solid; 
    158     border-width: 10px; 
    159     position:absolute; 
    160     bottom:-19px; 
    161     left:50%; 
     162width:0; 
     163height:0; 
     164border-color: #F6F6F6 transparent transparent transparent; 
     165border-style: solid; 
     166border-width: 10px; 
     167position:absolute; 
     168bottom:-19px; 
     169left:50%; 
    162170} 
    163171.bubble_announce{ 
    164     height:2.5em; 
    165     background:url(../img/common/ico_arrowR.png)  right center no-repeat; 
    166     clear:both; 
    167     vertical-align:middle; 
    168     margin-bottom:8px; 
    169 } 
    170 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    171     .bubble_announce { 
    172         background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
    173         -webkit-background-size: 10px 15px; 
    174         background-size: 10px 15px; 
    175     } 
     172height:2.5em; 
     173background:url(../img/common/ico_arrowR.png)  right center no-repeat; 
     174clear:both; 
     175vertical-align:middle; 
     176margin-bottom:5px; 
     177} 
     178 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 
     179.bubble_announce { 
     180background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
     181-webkit-background-size: 10px 15px; 
     182background-size: 10px 15px; 
     183} 
    176184} 
    177185.bubbleBox p.fb{ 
    178     line-height:2.5em; 
     186line-height:2.5em; 
    179187} 
    180188.deliv_announce p{ 
    181     width:80%; 
     189width:80%; 
    182190} 
    183191.bubbleBox a:link,.bubbleBox a:visited{ 
    184     color:#333; 
     192color:#333; 
    185193} 
    186194/* ----------------------------------------------- 
     
    188196----------------------------------------------- */ 
    189197.totalmoney_area{ 
    190     font-size:14px; 
    191     font-weight:bold; 
    192     padding:10px; 
    193     border-bottom:#CCC solid 1px; 
     198font-size:14px; 
     199font-weight:bold; 
     200padding:10px; 
     201border-bottom:#CCC solid 1px; 
    194202} 
    195203.point_announce{ 
    196     font-size:14px; 
    197     font-weight:bold; 
    198     margin-bottom:5px; 
     204font-size:12px; 
     205font-weight:bold; 
     206margin-bottom:5px; 
    199207} 
    200208.cartinContents .btn_delete{ 
    201     padding:2px; 
    202     right:0; 
    203     float:right; 
    204     position:absolute; 
    205     top:0; 
    206     cursor:pointer; 
     209padding:2px; 
     210right:0; 
     211float:right; 
     212position:absolute; 
     213top:0; 
     214cursor:pointer; 
    207215} 
    208216.cartinContents ul{ 
    209     float:right; 
    210     clear:both; 
    211     line-height:1.1; 
     217float:right; 
     218clear:both; 
     219line-height:1.1; 
    212220} 
    213221.cartinContents ul li{ 
    214     display:inline; 
    215     float:left; 
     222display:inline; 
     223float:left; 
    216224} 
    217225.cartinContents ul li.result{ 
    218     padding-left:0.5em; 
    219     padding-top:1em; 
    220     vertical-align:bottom; 
     226padding-left:0.5em; 
     227padding-top:1em; 
     228vertical-align:bottom; 
    221229} 
    222230 
     
    225233----------------------------------------------- */ 
    226234.deliv_check{ 
    227     clear:both; 
     235clear:both; 
    228236} 
    229237.deliv_check dt{ 
    230     font-size:14px; 
    231     font-weight:bold; 
    232     padding:15px 10px 5px 10px; 
    233     background:#EEE; 
    234     border-top:#FFF solid 1px; 
    235     vertical-align:middle; 
    236     position:relative; 
    237     display:block; 
     238font-size:14px; 
     239font-weight:bold; 
     240padding:10px 10px 5px 10px; 
     241background:#EEE; 
     242border-top:#FFF solid 1px; 
     243vertical-align:middle; 
     244position:relative; 
     245display:block; 
    238246} 
    239247.deliv_check dt p{ 
    240     vertical-align:middle; 
     248vertical-align:middle; 
    241249} 
    242250.deliv_check dd{ 
    243     font-size:12px; 
    244     padding:10px; 
    245     border-bottom:#CCC solid 1px; 
    246     display:block; 
     251font-size:12px; 
     252padding:10px; 
     253border-bottom:#CCC solid 1px; 
     254display:block; 
    247255} 
    248256.deliv_check dd p{ 
    249     display:inline; 
    250     float:left; 
     257display:inline; 
     258float:left; 
    251259} 
    252260.deliv_check ul.edit{ 
    253     float:right; 
    254     clear:right; 
    255     display:inline; 
    256     line-height:1.1; 
    257     position:absolute; 
    258     right:10px; 
    259     top:8px; 
    260 } 
    261 .deliv_check dt:first-child{ 
    262     border-top:none; 
    263     border-radius:7px 7px 0 0; 
    264     -moz-border-radius:7px 7px 0 0; 
    265     -webkit-border-radius:7px 7px 0 0; 
     261float:right; 
     262clear:right; 
     263display:inline; 
     264line-height:1.1; 
     265position:absolute; 
     266right:10px; 
     267top:12px; 
     268} 
     269.deliv_check dt.first{ 
     270border-top:none; 
     271border-radius:7px 7px 0 0; 
     272-moz-border-radius:7px 7px 0 0; 
     273-webkit-border-radius:7px 7px 0 0; 
    266274} 
    267275 
     
    270278----------------------------------------------- */ 
    271279.delivitemBox{ 
    272     padding:10px; 
    273     border-bottom:#CCC solid 1px; 
    274     clear:both; 
    275     position:relative; 
     280padding:10px; 
     281border-bottom:#CCC solid 1px; 
     282clear:both; 
     283position:relative; 
    276284} 
    277285.delivitemBox .photoL{ 
    278     width:80px; 
     286width:80px; 
    279287} 
    280288.delivitemBox .delivContents{ 
    281     width:67%; 
    282     float:right; 
    283     display:block; 
    284     position:relative; 
     289width:67%; 
     290float:right; 
     291display:block; 
     292position:relative; 
    285293} 
    286294.delivContents p{ 
    287     float:left; 
     295float:left; 
     296line-height:1.2; 
     297margin-bottom:5px; 
    288298} 
    289299.delivContents ul{ 
    290     width:2.2em; 
    291     float:right; 
    292     right:15px; 
    293     position:absolute; 
     300width:2.2em; 
     301float:right; 
     302right:15px; 
     303position:absolute; 
    294304} 
    295305.delivContents ul li{ 
    296     text-align:center; 
    297     clear:both; 
     306text-align:center; 
     307clear:both; 
     308} 
     309 
     310.delivContents ul li:first-child{ 
     311line-height:1.2; 
     312vertical-align:bottom; 
     313 
    298314} 
    299315 
     
    302318----------------------------------------------- */ 
    303319.pay_area ul{ 
    304     padding:10px; 
    305     margin-bottom:10px; 
    306     font-weight:bold; 
     320padding:10px; 
     321margin-bottom:10px; 
     322font-weight:bold; 
    307323} 
    308324.pay_area ul li{ 
    309     margin-bottom:6px; 
     325line-height:1.5; 
     326margin-bottom:6px; 
    310327} 
    311328.pay_area02 select:first-child{ 
    312     margin-bottom:12px; 
     329margin-bottom:12px; 
    313330} 
    314331p.check_point{ 
    315     font-size:12px; 
    316     padding-left:1em; 
    317     font-weight:normal; 
     332font-size:12px; 
     333padding-left:1em; 
     334font-weight:normal; 
    318335} 
    319336p.check_point .box_point{ 
    320     margin-right:0.5em; 
    321 } 
     337margin-right:0.5em; 
     338} 
     339.contact_area p{ 
     340line-height:1.3; 
     341font-weight:bold; 
     342margin-bottom:10px; 
     343} 
     344 
     345.contact_area .textarea{ 
     346width:95%; 
     347} 
     348 
    322349/* ----------------------------------------------- 
    323350ご注文内容のご確認 
    324351----------------------------------------------- */ 
    325352.cartcartconfirmarea{ 
    326     padding:0 10px; 
    327     border-bottom:#CCC solid 1px; 
     353padding:0 10px; 
     354border-bottom:#CCC solid 1px; 
    328355} 
    329356.cartconfirmBox{ 
    330     padding:10px 0; 
    331     border-bottom:#CCC solid 1px; 
    332     clear:both; 
    333     position:relative; 
     357padding:10px 0; 
     358border-bottom:#CCC solid 1px; 
     359clear:both; 
     360position:relative; 
    334361} 
    335362.cartconfirmBox:last-child{ 
    336     border-bottom:none; 
     363border-bottom:none; 
    337364} 
    338365.cartconfirmBox .photoL{ 
    339     width:80px; 
    340     float:left; 
     366width:80px; 
     367float:left; 
    341368} 
    342369.cartconfirmContents{ 
    343     width:67%; 
    344     float:right; 
    345     display:block; 
    346     position:relative; 
     370width:67%; 
     371float:right; 
     372display:block; 
     373position:relative; 
     374line-height:1.3; 
    347375} 
    348376.cartconfirmBox ul{ 
    349     float:right; 
    350     clear:both; 
    351     line-height:1.1; 
     377float:right; 
     378clear:both; 
     379line-height:1.1; 
    352380} 
    353381.cartconfirmBox ul li{ 
    354     display:inline; 
    355     font-weight:bold; 
     382display:inline; 
     383font-weight:bold; 
    356384} 
    357385.cartconfirmBox ul li.result{ 
    358     padding-left:1em; 
    359     vertical-align:bottom; 
     386padding-left:1em; 
     387vertical-align:bottom; 
    360388} 
    361389.result_area{ 
    362     font-size:14px; 
    363     font-weight:bold; 
     390font-size:14px; 
     391font-weight:bold; 
    364392} 
    365393.result_area dl{ 
    366     text-align:right; 
    367     float:right; 
    368     display:block; 
     394text-align:right; 
     395float:right; 
     396display:block; 
    369397} 
    370398.result_area dt,.result_area dd{ 
    371     text-align:right; 
     399text-align:right; 
    372400} 
    373401.result_area dt{ 
    374     font-size:11px; 
    375     clear:left; 
    376     float:right; 
     402font-size:11px; 
     403clear:left; 
     404float:right; 
    377405} 
    378406dl.point dl{ 
    379     display:block; 
     407display:block; 
    380408} 
    381409.point_confifrm dl{ 
    382     font-weight:bold; 
    383     border-bottom:#CCC solid 1px; 
     410font-weight:bold; 
     411border-bottom:#CCC solid 1px; 
    384412} 
    385413.point_confifrm dl:last-child{ 
    386     border-bottom:none; 
     414border-bottom:none; 
    387415} 
    388416.point_confifrm dt{ 
    389     width:60%; 
    390     padding:10px 0 10px 10px; 
    391     float:left; 
    392     display:block; 
     417width:60%; 
     418padding:10px 0 10px 10px; 
     419float:left; 
     420display:block; 
    393421} 
    394422.point_confifrm dd{ 
    395     width:30%; 
    396     padding:10px 10px 10px 0; 
    397     float:left; 
    398     text-align:right; 
     423width:30%; 
     424padding:10px 10px 10px 0; 
     425float:right; 
     426text-align:right; 
    399427} 
    400428.deliv_confirm dt{ 
    401     font-size:14px; 
    402     font-weight:bold; 
    403     padding:10px; 
    404     background:#EEE; 
    405     border-top:#FFF solid 1px; 
    406     border-radius:7px 7px 0 0; 
    407     -moz-border-radius:7px 7px 0 0; 
    408     -webkit-border-radius:7px 7px 0 0; 
    409     line-height:1.2; 
    410     vertical-align:middle; 
    411     position:relative; 
    412     display:block; 
     429font-size:14px; 
     430font-weight:bold; 
     431padding:10px; 
     432background:#EEE; 
     433border-top:#FFF solid 1px; 
     434border-radius:7px 7px 0 0; 
     435-moz-border-radius:7px 7px 0 0; 
     436-webkit-border-radius:7px 7px 0 0; 
     437line-height:1.2; 
     438vertical-align:middle; 
     439position:relative; 
     440display:block; 
    413441} 
    414442.deliv_confirm dd{ 
    415     font-size:12px; 
    416     padding:10px; 
    417     border-bottom:#CCC solid 1px; 
    418     display:block; 
    419 } 
     443font-size:12px; 
     444padding:10px; 
     445border-bottom:#CCC solid 1px; 
     446display:block; 
     447line-height:1.3; 
     448} 
     449 
     450/* 
    420451.deliv_confirm dd:last-child{ 
    421     border-bottom:none; 
    422 }  
     452border-bottom:none; 
     453}*/ 
     454 
     455.deliv_confirm dd p.deliv_name{ 
     456margin-bottom:3px; 
     457font-size:14px; 
     458line-height:1.3; 
     459} 
     460  
    423461.date_confirm li{ 
    424     padding-right:1em; 
    425     display:inline; 
     462padding-right:1em; 
     463display:inline; 
    426464} 
    427465/* ----------------------------------------------- 
     
    429467----------------------------------------------- */ 
    430468dl.form_entry{ 
    431     width:100%; 
    432     margin:0 0 15px 0; 
    433     padding:0; 
    434     border-top:#999 solid 1px; 
    435     border-bottom:#999 solid 1px; 
    436     position:relative; 
     469width:100%; 
     470margin:0 0 15px 0; 
     471padding:0; 
     472border-top:#999 solid 1px; 
     473border-bottom:#999 solid 1px; 
     474position:relative; 
    437475} 
    438476dl.form_entry dt{ 
    439     font-weight:bold; 
    440     padding:10px 12px 0; 
     477font-weight:bold; 
     478padding:10px 12px 0; 
    441479} 
    442480dl.form_entry dd{ 
    443     padding:0 12px 10px; 
    444     border-bottom:#CCC solid 1px; 
     481padding:0 12px 10px; 
     482border-bottom:#CCC solid 1px; 
     483line-height:1.2; 
    445484} 
    446485dl.form_entry dd:last-child{ 
    447     border-bottom:0; 
     486border-bottom:0; 
    448487} 
    449488dl.form_entry .selectdate{ 
    450     margin-top:12px; 
    451     padding:5px 6px 5px 2px; 
    452     font-size:12px; 
    453     vertical-align:bottom; 
     489margin-top:12px; 
     490padding:5px 6px 5px 4px; 
     491font-size:12px; 
     492vertical-align:bottom; 
    454493} 
    455494dl.form_entry li{ 
    456     margin-bottom:0.3em; 
    457     vertical-align:middle; 
     495margin-bottom:0.3em; 
     496vertical-align:middle; 
    458497} 
    459498/* ----------------------------------------------- 
     
    461500----------------------------------------------- */ 
    462501.thankstext{ 
    463     font-size:16px; 
    464     color:#FF6633; 
    465     font-weight:bold; 
    466     padding:10px; 
    467     margin-bottom:10px; 
    468 } 
     502font-size:16px; 
     503color:#FF6633; 
     504font-weight:bold; 
     505padding:10px; 
     506margin-bottom:10px; 
     507} 
     508#completetext p{ 
     509line-height:1.3; 
     510} 
     511 
    469512#completetext,.shopInformation{ 
    470     font-size:14px; 
    471     padding:10px; 
    472     clear:both; 
     513font-size:14px; 
     514padding:10px; 
     515clear:both; 
    473516} 
    474517#completetext p,.shopInformation p{ 
    475     margin-bottom:0.5em; 
     518margin-bottom:0.5em; 
    476519} 
    477520/* ----------------------------------------------- 
     
    479522----------------------------------------------- */ 
    480523dl.form_info{ 
    481     width:100%; 
    482     margin:10px 0 15px 0; 
    483     padding:0; 
    484     border-bottom:#999 solid 1px; 
    485     position:relative; 
     524width:100%; 
     525margin:10px 0 15px 0; 
     526padding:0; 
     527border-bottom:#999 solid 1px; 
     528position:relative; 
    486529} 
    487530dl.form_info dt{ 
    488     font-weight:bold; 
    489     padding:10px 10px 0; 
     531font-weight:bold; 
     532padding:10px 10px 0; 
    490533} 
    491534dl.form_info dd{ 
    492     padding:0 10px 10px; 
    493     border-bottom:#CCC solid 1px; 
     535padding:0 10px 10px; 
     536border-bottom:#CCC solid 1px; 
    494537} 
    495538dl.form_info dd:last-child{ 
    496     border-bottom:0; 
     539border-bottom:0; 
    497540} 
    498541 
    499542#maps{ 
    500     width:88%!important; 
    501     margin:10px auto!important; 
     543width:88%!important; 
     544margin:10px auto!important; 
    502545} 
    503546/* ----------------------------------------------- 
     
    505548----------------------------------------------- */ 
    506549#kiyaku_text{ 
    507     padding:10px 20px; 
    508     border-bottom:#999 solid 1px; 
    509     border-top:#999 solid 1px; 
    510     overflow: hidden; 
    511     text-overflow: ellipsis; 
    512     line-height:1.3; 
     550padding:10px 20px; 
     551border-bottom:#999 solid 1px; 
     552border-top:#999 solid 1px; 
     553overflow: hidden; 
     554text-overflow: ellipsis; 
     555line-height:1.3; 
    513556} 
    514557/*------------------------------------------------- 
     
    516559----------------------------------------*/ 
    517560#errorBox { 
    518     text-align:left; 
    519     padding:20px; 
    520 } 
     561text-align:left; 
     562padding:20px; 
     563} 
     564 
     565 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/import.css

    r21081 r21093  
    99@import url("./button.css"); 
    1010@import url("./jqm.css"); 
     11 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :jqm.css 
    45style info :jqmテーマ 
    56=================================================================== */ 
     
    78/* F 
    89-----------------------------------------------------------------------------------------------------------*/ 
    9  
     10.ui-header-f{ 
     11color:#fff; 
     12text-shadow: 0px -1px 1px rgba(0,0,0,0.3)!important; 
     13background:#494e57; 
     14background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%)!important; 
     15background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57))!important; 
     16border-top:none 
     17border-bottom:#74828B solid 1px!important; 
     18} 
    1019.ui-bar-f { 
    11     border: 1px solid #ccc; 
    12     background: #bbb; 
    13     color: #333; 
    14     text-shadow: 0 1px 0 #eee; 
    15     background-image: -moz-linear-gradient(top, #6D7481, #494e57); 
    16     background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #6D7481), color-stop(1, ##494e57)); 
    17     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"; 
     20color:#fff; 
     21border: 1px solid       #ccc; 
     22background:             #bbb; 
     23color:                  #333; 
     24text-shadow: 0 1px 0 #eee; 
     25background-image: -moz-linear-gradient(top,  
     26#6D7481,  
     27#494e57); 
     28background-image: -webkit-gradient(linear,left top,left bottom, 
     29color-stop(0,       #6D7481), 
     30color-stop(1,       ##494e57)); 
     31-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"; 
    1832} 
    1933.ui-bar-f, 
     
    2236.ui-bar-f textarea, 
    2337.ui-bar-f button { 
    24     font-family: Helvetica, Arial, sans-serif; 
     38font-family: Helvetica, Arial, sans-serif; 
    2539} 
    2640.ui-bar-f .ui-link-inherit { 
    27     color: #333; 
     41color:                  #333; 
    2842} 
    2943.ui-bar-f .ui-link { 
    30     color: #324E85; 
    31     font-weight: bold; 
     44color:                  #324E85; 
     45font-weight: bold; 
    3246} 
    3347.ui-body-f { 
    34     border: 1px solid #ccc; 
    35     color: #333333; 
    36     text-shadow: 0 1px 0 #fff; 
    37     background: #ffffff; 
     48border: 1px solid       #ccc; 
     49color:                  #333333; 
     50text-shadow: none; 
     51background:             #ffffff; 
    3852} 
    3953.ui-body-f, 
     
    4256.ui-body-f textarea, 
    4357.ui-body-f button { 
    44     font-family: Helvetica, Arial, sans-serif; 
     58font-family: Helvetica, Arial, sans-serif; 
    4559} 
     60 
     61.ui-body-f input, 
     62.ui-body-f select, 
     63.ui-body-f textarea{ 
     64border:#4C4C4C solid 1px; 
     65} 
     66 
    4667.ui-body-f .ui-link-inherit { 
    47     color: #333333; 
     68color:                  #333333; 
    4869} 
    4970.ui-body-f .ui-link { 
    50     color: #324E85; 
    51     font-weight: bold; 
     71color:                  #324E85; 
     72font-weight: bold; 
    5273} 
    5374.ui-btn-up-f { 
    54     border: 1px solid #ccc; 
    55     background: #fff; 
    56     font-weight: bold; 
    57     color: #333; 
    58     text-decoration: none; 
    59     text-shadow: 0 1px 1px #fff; 
     75border: 1px solid       #ccc; 
     76background:             #eee; 
     77font-weight: bold; 
     78color:                  #444; 
     79cursor: pointer; 
     80text-shadow: 0 1px 1px #f6f6f6; 
     81text-decoration: none; 
     82background-image: -moz-linear-gradient(top,  
     83#fefefe,  
     84#eeeeee); 
     85background-image: -webkit-gradient(linear,left top,left bottom, 
     86color-stop(0,       #fdfdfd), 
     87color-stop(1,       #eeeeee)); 
     88-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; 
    6089} 
    6190.ui-btn-up-f a.ui-link-inherit { 
    62     color: #333; 
     91color:                  #333; 
    6392} 
    6493.ui-btn-hover-f { 
    65     border: 1px solid #aaa; 
    66     background: #eeeeee; 
    67     font-weight: bold; 
    68     color: #222; 
    69     cursor: pointer; 
    70     text-shadow: 0 1px 1px #fff; 
    71     text-decoration: none; 
    72     background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee); 
    73     background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee)); 
    74     -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; 
     94border: 1px solid       #bbb; 
     95background:             #dadada; 
     96font-weight: bold; 
     97color:                  #101010; 
     98text-decoration: none; 
     99text-shadow: 0 1px 1px  #fff; 
     100background-image: -moz-linear-gradient(top,  
     101#ededed,  
     102#dadada); 
     103background-image: -webkit-gradient(linear,left top,left bottom, 
     104color-stop(0,       #ededed), 
     105color-stop(1,       #dadada)); 
     106-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')"; 
    75107} 
    76108.ui-btn-hover-f a.ui-link-inherit { 
    77     color: #222; 
     109color:                  #222; 
    78110} 
    79111.ui-btn-down-f { 
    80     border: 1px solid #aaaaaa; 
    81     background: #ffffff; 
    82     font-weight: bold; 
    83     color: #111; 
    84     text-shadow: 0 1px 1px #ffffff; 
    85     background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); 
    86     background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff)); 
    87     -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; 
     112border: 1px solid       #808080; 
     113background:             #fdfdfd; 
     114font-weight: bold; 
     115color:                  #111111; 
     116text-shadow: 0 1px 1px  #ffffff; 
     117background-image: -moz-linear-gradient(top,  
     118#eeeeee,  
     119#fdfdfd); 
     120background-image: -webkit-gradient(linear,left top,left bottom, 
     121color-stop(0,       #eeeeee), 
     122color-stop(1,       #fdfdfd)); 
     123-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')"; 
    88124} 
    89125.ui-btn-down-f a.ui-link-inherit { 
    90     border: 1px solid #808080; 
    91     background: #ced0d2; 
    92     font-weight: bold; 
    93     color: #111; 
    94     text-shadow: none; 
    95     background-image: -moz-linear-gradient(top, #cccccc, #eeeeee); 
    96     background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #cccccc), color-stop(1, #eeeeee)); 
    97     -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')"; 
     126border: 1px solid       #808080; 
     127background:             #ced0d2; 
     128font-weight: bold; 
     129color:                  #111; 
     130text-shadow: none; 
     131background-image: -moz-linear-gradient(top,  
     132#cccccc,  
     133#eeeeee); 
     134background-image: -webkit-gradient(linear,left top,left bottom, 
     135color-stop(0,       #cccccc), 
     136color-stop(1,       #eeeeee)); 
     137-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')"; 
    98138} 
    99139.ui-btn-up-f, 
    100140.ui-btn-hover-f, 
    101141.ui-btn-down-f { 
    102     font-family: Helvetica, Arial, sans-serif; 
     142font-family: Helvetica, Arial, sans-serif; 
     143} 
     144.dialogbox .ui-body{ 
     145border:#ccc solid 1px; 
     146} 
     147.ui-link:link { 
     148color:                  #324E85; 
     149 
     150} 
     151.ui-link:visited { 
     152color:                  #603E7D; 
     153font-weight: bold; 
    103154} 
    104155 
    105 .ui-link:link { 
    106     color: #324E85; 
    107     font-weight: bold; 
    108 } 
    109 .ui-link:visited { 
    110     color: #603E7D; 
    111     font-weight: bold; 
    112 } 
     156 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :mypage.css 
    45style info :マイページ 
    56=================================================================== */ 
     
    89----------------------------------------------- */ 
    910#mypagecolumn{ 
    10     width:100%; 
     11width:100%; 
     12padding-bottom:35px; 
    1113} 
    1214#mypagecolumn h2.title{ 
    13     font-size:18px; 
    14     border-bottom:#CCC solid 1px; 
    15     -webkit-box-shadow:none; 
    16     -moz-box-shadow:none; 
    17     margin-bottom:0!important; 
     15font-size:18px; 
     16border-bottom:#CCC solid 1px; 
     17-webkit-box-shadow:none; 
     18-moz-box-shadow:none; 
     19margin-bottom:0!important; 
    1820} 
    1921h3.title_mypage{ 
    20     font-size:18px; 
    21     line-height:1.2; 
    22     margin-bottom:10px; 
    23     padding:10px 10px 10px 25px; 
    24     background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; 
    25     -webkit-box-shadow: 1px 5px 5px #E2E2E2; 
    26     -moz-box-shadow: 1px 5px 5px #E2E2E2; 
     22font-size:18px; 
     23line-height:1.2; 
     24margin-bottom:10px; 
     25padding:10px 10px 10px 25px; 
     26background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; 
     27-webkit-box-shadow: 1px 5px 5px #E2E2E2; 
     28-moz-box-shadow: 1px 5px 5px #E2E2E2; 
    2729} 
    2830/**イントロダクション*/ 
    2931#mypagecolumn .information{ 
    30     font-size:12px; 
    31     padding:10px 10px 0 10px; 
    32     border-bottom:0; 
    33     font-weight:normal; 
     32font-size:12px; 
     33padding:10px 10px 0 10px; 
     34border-bottom:0; 
     35font-weight:normal; 
    3436} 
    3537#mypagecolumn .information p:first-child{ 
    36     font-size:14px; 
    37     font-weight:bold; 
    38     margin-bottom:0; 
     38font-size:14px; 
     39font-weight:bold; 
     40margin-bottom:0; 
    3941} 
    4042/*----------------------------------------------- 
     
    4244----------------------------------------------- */ 
    4345#mypage_nav{ 
    44     width:100%; 
    45     margin-bottom:10px; 
    46     background:#DAE0E5; 
    47     background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%); 
    48     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); 
    49     margin-bottom:15px; 
    50     -webkit-box-shadow: 1px 5px 5px #C0C0C0; 
    51     -moz-box-shadow: 1px 5px 5px #C0C0C0; 
     46width:100%; 
     47background:#DAE0E5; 
     48background: -moz-linear-gradient(center top, #FDFDFD 0%,#DAE0E5 90%,#DAE0E5 0%); 
     49background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); 
     50margin-bottom:15px; 
     51-webkit-box-shadow: 1px 5px 5px #C0C0C0; 
     52-moz-box-shadow: 1px 5px 5px #C0C0C0; 
    5253} 
    5354#mypage_nav ul{ 
    54     width:auto; 
    55     clear:both; 
    56     margin:0 auto; 
     55width:auto; 
     56clear:both; 
     57margin:0 auto; 
    5758} 
    5859#mypage_nav ul li{ 
    59     float:left; 
    60     text-align:center; 
    61     border-left:#FFF solid 1px; 
    62     border-right:#CCC solid 1px; 
    63     border-bottom:#CCC solid 1px; 
    64     white-space:nowrap; 
     60float:left; 
     61text-align:center; 
     62border-left:#FFF solid 1px; 
     63border-right:#CCC solid 1px; 
     64border-bottom:#CCC solid 1px; 
     65white-space:nowrap; 
    6566} 
    6667#mypage_nav ul li a{ 
    67     color:#000; 
    68     padding:9px 0 8px 0; 
    69     display:block; 
    70     text-shadow: 0px -1px 1px rgba(255,255,255,0.7); 
    71     background-color:#DAE0E5; 
    72     background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); 
    73     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); 
     68color:#000; 
     69padding:9px 0 8px 0; 
     70display:block; 
     71text-shadow: 0px -1px 1px rgba(255,255,255,0.7); 
     72background-color:#DAE0E5; 
     73background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); 
     74background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); 
    7475} 
    7576#mypage_nav ul li a:hover{ 
    76     color:#FFF; 
    77     text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    78     background:#5393c5; 
    79     background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    80     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     77color:#FFF; 
     78text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
     79background:#5393c5; 
     80background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     81background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    8182} 
    8283#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change{ 
    83     width:49.7%; 
     84width:49.7%; 
    8485} 
    8586#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{ 
    86     width:33%; 
    87 } 
    88 #mypage_nav li:first-child,#mypage_nav li:nth-child(3){ 
    89     border-left:none; 
    90 } 
     87width:33%; 
     88} 
     89#mypage_nav li:first-child{ 
     90border-left:none; 
     91} 
     92#mypage_nav li:nth-child(3){ 
     93border-top:#FFF solid 1px; 
     94border-left:none; 
     95} 
     96#mypage_nav li:nth-child(4),#mypage_nav li:nth-child(5){ 
     97border-top:#FFF solid 1px; 
     98} 
     99 
    91100#mypage_nav li:last-child,#mypage_nav li:nth-child(2){ 
    92     border-right:none; 
     101border-right:none; 
    93102} 
    94103 
     
    97106----------------------------------------------- */ 
    98107#historyBox{ 
    99     padding:10px; 
    100     background:#F7F5F0; 
    101     border:#A9ABAD solid 1px; 
    102     border-radius:7px; 
    103     -moz-border-radius:7px; 
    104     -webkit-border-radius:7px; 
    105     margin-bottom:10px; 
     108padding:10px 10px 5px; 
     109background:#F7F5F0; 
     110border:#A9ABAD solid 1px; 
     111border-radius:7px; 
     112-moz-border-radius:7px; 
     113-webkit-border-radius:7px; 
     114margin-bottom:10px; 
    106115} 
    107116#historyBox p{ 
    108     font-size:12px; 
    109     width:70%; 
    110     display:inline; 
    111     float:left; 
     117font-size:12px; 
     118width:70%; 
     119display:inline; 
     120float:left; 
    112121} 
    113122#historyBox .btn_reorder{ 
    114     width:5em; 
    115     float:right; 
    116     padding:15px; 
    117     display:inline; 
    118     margin:0; 
    119 } 
     123width:5em; 
     124float:right; 
     125padding:15px; 
     126display:inline; 
     127margin:0; 
     128} 
     129#mypagecolumn .cartinContents div{ 
     130min-height:65px; 
     131} 
     132 
    120133#mypagecolumn .cartinContents ul li.result{ 
    121     padding-top:0!important; 
    122     padding-left:1em; 
     134padding-top:0!important; 
     135padding-left:1em; 
    123136} 
    124137/*メール履歴詳細*/ 
    125138#news_area li{ 
    126     padding:10px; 
    127     display:block; 
    128     clear:both; 
    129     line-height:1.3; 
    130     background-color:#FEFEFE; 
    131     background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); 
    132     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    133     border-top:#FFF solid 1px; 
    134     border-bottom:#CCC solid 1px; 
     139padding:10px; 
     140display:block; 
     141clear:both; 
     142line-height:1.3; 
     143background-color:#FEFEFE; 
     144background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); 
     145background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
     146border-top:#FFF solid 1px; 
     147border-bottom:#CCC solid 1px; 
    135148} 
    136149/* ----------------------------------------------- 
     
    138151----------------------------------------------- */ 
    139152.favoriteBox{ 
    140     padding:10px; 
    141     border-bottom:#CCC solid 1px; 
    142     clear:both; 
    143     position:relative; 
     153padding:10px; 
     154border-bottom:#CCC solid 1px; 
     155clear:both; 
     156position:relative; 
    144157} 
    145158.favoriteBox:last-child{ 
    146     border-bottom:none; 
     159border-bottom:none; 
    147160} 
    148161.favoriteBox .photoL{ 
    149     width:80px; 
     162width:80px; 
    150163} 
    151164.favoriteContents{ 
    152     width:70%; 
    153     float:right; 
    154     display:block; 
    155     position:relative; 
     165width:70%; 
     166float:right; 
     167display:block; 
     168position:relative; 
    156169} 
    157170.favoriteContents .btn_delete{ 
    158     padding:1px; 
    159     right:10px; 
    160     float:right; 
    161     position:absolute; 
    162     top:0; 
     171padding:1px; 
     172right:10px; 
     173float:right; 
     174position:absolute; 
     175top:0; 
    163176} 
    164177 
     
    167180----------------------------------------------- */ 
    168181#mypagecolumn .thankstext{ 
    169     padding:15px 10px 10px 10px; 
     182padding:15px 10px 10px 10px; 
    170183} 
    171184/* ----------------------------------------------- 
     
    173186----------------------------------------------- */ 
    174187#mypagecolumn .btn_area_top{ 
    175     margin-top:10px; 
     188margin-top:10px; 
    176189} 
    177190.delivBox{ 
    178     padding:10px; 
    179     border-bottom:#CCC solid 1px; 
    180     clear:both; 
    181     position:relative; 
     191padding:10px; 
     192border-bottom:#CCC solid 1px; 
     193clear:both; 
     194position:relative; 
    182195} 
    183196.delivBox:last-child{ 
    184     border-bottom:none; 
     197border-bottom:none; 
    185198} 
    186199 
     
    189202----------------------------------------------- */ 
    190203.refusetxt{ 
    191     padding:15px 10px 10px 10px; 
     204padding:15px 10px 10px 10px; 
    192205} 
    193206.btn_refuse{ 
    194     padding:0; 
    195     margin:20px auto 0 auto;  
     207padding:0; 
     208margin:20px auto 0 auto; 
    196209} 
    197210.btn_refuse li{ 
    198     display:inline; 
    199     float:left; 
    200 } 
    201 .btn_refuse .btn{ 
    202     font-size:13px!important; 
    203     display:inline; 
     211display:inline-block; 
     212vertical-align:middle; 
     213} 
     214.btn_refuse a.btn,.btn_refuse input[type="submit"].btn{ 
     215font-size:13px!important; 
     216display:inline; 
    204217} 
    205218.btn_refuse li:first-child{ 
    206     margin-right:1.2em; 
    207 } 
     219margin-right:1em; 
     220} 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4file name  :popup.css 
    45style info :スライド/ポップアップ 
    56=================================================================== */ 
     
    89----------------------------------------------- */ 
    910#windowcolumn{ 
    10     background:#FFF; 
    11     padding-bottom:30px; 
     11background:#FFF; 
     12padding-bottom:30px; 
    1213} 
    1314#windowcolumn h2.title,#slidewindow h2.title{ 
    14     margin-bottom:0!important; 
     15margin-bottom:0!important; 
    1516} 
    1617#slidewindow .title_box,#windowcolumn .title_box{ 
    17     margin:0; 
    18     padding:0!important; 
    19     text-align:center; 
    20     clear:both; 
     18margin:0; 
     19padding:0!important; 
     20text-align:center; 
     21clear:both; 
    2122} 
    2223/**イントロダクション*/ 
    2324#windowcolumn .information{ 
    24     padding:15px 10px; 
    25     border-bottom:none; 
     25padding:15px 10px; 
     26border-bottom:none; 
    2627} 
    2728/* ----------------------------------------------- 
     
    2930----------------------------------------------- */ 
    3031#slidewindow{ 
    31     background:#F0F0F1; 
     32background:#F0F0F1; 
    3233} 
    3334/*jqm追記*/ 
    3435.ui-btn-right{ 
    35     top:9px!important; 
    36     vertical-align:middle; 
     36top:9px!important; 
     37vertical-align:middle; 
    3738} 
    3839/* ----------------------------------------------- 
     
    4041----------------------------------------------- */ 
    4142.login_area{ 
    42     background:#FFF; 
    43     padding:10px 15px; 
    44     text-align:center; 
    45     -webkit-box-shadow: 1px 5px 5px #ccc; 
    46     -moz-box-shadow: 1px 5px 5px #ccc; 
     43background:#FFF; 
     44padding:10px 15px; 
     45text-align:center; 
     46-webkit-box-shadow: 1px 5px 5px #ccc; 
     47-moz-box-shadow: 1px 5px 5px #ccc; 
    4748} 
    4849.login_area_btm{ 
    49     padding:15px 15px 50px 15px; 
     50padding:15px 15px 50px 15px; 
    5051} 
    5152.login_area_btm p:last-child{ 
    52     width:95%; 
    53     margin:0 auto; 
    54     line-height:1.3; 
     53width:95%; 
     54margin:0 auto; 
     55line-height:1.3; 
    5556} 
    5657.loginareaBox{ 
    57     padding:15px; 
    58     margin: 0 auto 0 -10px; 
    59     display:block; 
    60     clear:both; 
    61     border-radius:7px; 
    62     -moz-border-radius:7px; 
    63     -webkit-border-radius:7px; 
    64     text-align:center; 
    65     position:relative; 
     58padding:15px; 
     59margin: 0 auto 0 -10px; 
     60display:block; 
     61clear:both; 
     62border-radius:7px; 
     63-moz-border-radius:7px; 
     64-webkit-border-radius:7px; 
     65text-align:center; 
     66position:relative; 
    6667} 
    6768.mailtextBox{ 
    68     width:97%; 
    69     margin:0; 
    70     padding:10px; 
    71     background: #fff; 
    72     border-radius:7px 7px 0 0; 
    73     -moz-border-radius:7px 7px 0 0; 
    74     -webkit-border-radius:7px 7px 0 0; 
    75     border:#A9ABAD solid 1px; 
    76     border-bottom:none; 
    77     display:block; 
    78     -webkit-box-shadow:none; 
    79     -moz-box-shadow:none; 
     69width:97%; 
     70margin:0; 
     71padding:10px; 
     72background: #fff; 
     73border-radius:7px 7px 0 0; 
     74-moz-border-radius:7px 7px 0 0; 
     75-webkit-border-radius:7px 7px 0 0; 
     76border:#A9ABAD solid 1px; 
     77border-bottom:none!important; 
     78display:block; 
     79-webkit-box-shadow:none; 
     80-moz-box-shadow:none; 
    8081} 
    8182.passtextBox{ 
    82     width:97%; 
    83     margin:0; 
    84     padding:10px; 
    85     background: #fff; 
    86     border-radius:0 0 7px 7px; 
    87     -moz-border-radius: 0 0 7px 7px; 
    88     -webkit-border-radius: 0 0 7px 7px; 
    89     border:#A9ABAD solid 1px; 
    90     display:block; 
    91     -webkit-box-shadow:none; 
    92     -moz-box-shadow:none; 
     83width:97%; 
     84margin:0; 
     85padding:10px; 
     86background: #fff; 
     87border-radius:0 0 7px 7px; 
     88-moz-border-radius: 0 0 7px 7px; 
     89-webkit-border-radius: 0 0 7px 7px; 
     90border:#A9ABAD solid 1px; 
     91display:block; 
     92-webkit-box-shadow:none; 
     93-moz-box-shadow:none; 
    9394} 
    9495 
    9596.navBox{ 
    96     width:95%; 
    97     margin:10px auto; 
    98     background:#FFF; 
    99     border-radius:7px; 
    100     -moz-border-radius:7px; 
    101     -webkit-border-radius:7px; 
    102     display:block; 
    103     border:#A9ABAD solid 1px; 
     97width:95%; 
     98margin:10px auto; 
     99background:#FFF; 
     100border-radius:7px; 
     101-moz-border-radius:7px; 
     102-webkit-border-radius:7px; 
     103display:block; 
     104border:#A9ABAD solid 1px; 
    104105} 
    105106.navBox li{ 
    106     width:100%; 
    107     vertical-align:middle; 
    108     background:url(../img/common/ico_arrowR.png)  95% center no-repeat; 
    109     padding:0; 
    110     display:block; 
    111     border-bottom:#CCC solid 1px; 
     107width:100%; 
     108vertical-align:middle; 
     109background:url(../img/common/ico_arrowR.png)  95% center no-repeat; 
     110padding:0; 
     111display:block; 
     112border-bottom:#CCC solid 1px; 
    112113} 
    113114@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    114     .navBox li { 
    115         background: url(../img/common/ico_arrowR2.png)  95% center no-repeat; 
    116         -webkit-background-size: 10px 15px; 
    117         background-size: 10px 15px; 
    118     } 
     115.navBox li { 
     116background: url(../img/common/ico_arrowR2.png)  95% center no-repeat; 
     117-webkit-background-size: 10px 15px; 
     118background-size: 10px 15px; 
     119} 
    119120} 
    120121.navBox li a{ 
    121     padding:10px; 
    122     display:block; 
    123     cursor:pointer; 
     122padding:10px; 
     123display:block; 
     124cursor:pointer; 
    124125} 
    125126 
    126127input[type="submit"].nav_nonmember{ 
    127     font-weight:bold; 
    128     background:none; 
    129     border:none; 
    130     padding:0; 
    131     display:block; 
     128width:100%; 
     129padding:5px 10px; 
     130font-weight:bold; 
     131background:none; 
     132border:none; 
     133display:block; 
     134text-align:left; 
    132135} 
    133136.navBox li:last-child{ 
    134     border-bottom:none; 
     137border-bottom:none; 
    135138} 
    136139.navBox li a:link, .navBox li a:visited{ 
    137     color:#000; 
     140color:#000; 
    138141} 
    139142 
     
    143146----------------------------------------------- */ 
    144147.window_area { 
    145     margin-bottom:10px; 
    146     padding:5px 0; 
    147     border-top:#999 solid 1px; 
    148     border-bottom:#999 solid 1px; 
     148margin-bottom:10px; 
     149padding:5px 0; 
     150border-top:#999 solid 1px; 
     151border-bottom:#999 solid 1px; 
    149152} 
    150153.window_area p{ 
    151     padding:5px 10px; 
    152     line-height:1.3; 
     154padding:5px 10px; 
     155line-height:1.3; 
    153156} 
    154157.window_area #completebox{ 
    155     font-size:16px; 
    156     font-weight:bold; 
    157     color:#CC0000; 
    158     text-align:center; 
    159     padding:20px 10px; 
     158font-size:16px; 
     159font-weight:bold; 
     160color:#CC0000; 
     161text-align:center; 
     162padding:20px 10px; 
    160163} 
    161164/* ----------------------------------------------- 
     
    163166----------------------------------------------- */ 
    164167.view_detail{ 
    165     margin:10px 0; 
    166     min-height:150px; 
     168margin:0; 
     169min-height:150px; 
    167170} 
    168171.view_detail dt{ 
    169     padding:10px 12px; 
    170     border-bottom:#CCC solid 1px; 
     172padding:10px 12px; 
     173border-bottom:#CCC solid 1px; 
    171174} 
    172175.view_detail dd{ 
    173     padding:10px 12px; 
     176padding:10px 12px; 
    174177} 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css

    r21081 r21093  
    22/* =================================================================== 
    33CSS information 
     4 
     5file name  :contents.css 
    46style info :コンテンツ用(商品一覧/検索結果/商品詳細) 
     7 
    58=================================================================== */ 
    69/* ----------------------------------------------- 
     
    811----------------------------------------------- */ 
    912.pagenumberarea{ 
    10     margin-top:10px; 
    11     padding:10px 0; 
    12     box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
    13     -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
    14     -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
    15     border-top: 1px solid #CCC; 
    16     border-bottom: 1px solid #CCC; 
    17     background:#EEE; 
    18     display:block; 
     13margin-top:10px; 
     14padding:10px 0; 
     15box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 
     16-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 
     17-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 
     18border-top: 1px solid #CCC; 
     19border-bottom: 1px solid #CCC; 
     20background:#EEE; 
     21display:block; 
    1922} 
    2023.pagenumberarea ul{ 
    21     width:95%; 
    22     margin:0 auto; 
    23     border:#A9ABAD solid 1px; 
    24     border-radius: 5px; 
    25     -webkit-border-radius: 5px; 
    26     -moz-border-radius: 5px; 
    27     display:block; 
     24width:95%; 
     25margin:0 auto; 
     26border:#A9ABAD solid 1px; 
     27border-radius: 5px; 
     28-webkit-border-radius: 5px; 
     29-moz-border-radius: 5px; 
     30display:block; 
    2831} 
    2932.pagenumberarea li { 
    30     color: #000; 
    31     font-size:16px; 
    32     font-weight:bold; 
    33     margin:0; 
    34     padding:0; 
    35     display:inline; 
    36     float: left; 
    37     width: 50%; 
    38     text-align:center; 
    39     color:#FFF; 
    40     background:#5393c5; 
    41     background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    42     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    43     text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     33color: #000; 
     34font-size:16px; 
     35font-weight:bold; 
     36margin:0; 
     37padding:0; 
     38display:inline; 
     39float: left; 
     40width: 50%; 
     41text-align:center; 
     42color:#FFF; 
     43background:#5393c5; 
     44background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     45background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     46text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     47} 
     48.pagenumberarea li a:link,.pagenumberarea li a:visited{ 
     49color:#000; 
    4450} 
    4551.pagenumberarea li a { 
    46     color: #FFF; 
    47     display: block; 
    48     padding:5px 0; 
    49     text-decoration: none; 
    50     text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     52color: #FFF; 
     53display: block; 
     54padding:5px 0; 
     55text-decoration: none; 
     56text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    5157} 
    5258.pagenumberarea li.on_number{ 
    53     color: #FFF; 
    54     display: block; 
    55     padding:5px 0; 
    56     text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     59color: #FFF; 
     60display: block; 
     61padding:5px 0; 
     62text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    5763} 
    5864.pagenumberarea li:first-child{ 
    59     border-radius: 5px 0 0 5px; 
    60     -moz-border-radius: 5px 0 0 5px; 
    61     -webkit-border-radius: 5px 0 0 5px; 
     65border-radius: 5px 0 0 5px; 
     66-moz-border-radius: 5px 0 0 5px; 
     67-webkit-border-radius: 5px 0 0 5px; 
    6268} 
    6369.pagenumberarea li:last-child{ 
    64     border-radius: 0 5px 5px 0; 
    65     -moz-border-radius: 0 5px 5px 0; 
    66     -webkit-border-radius: 0 5px 5px 0; 
     70border-radius: 0 5px 5px 0; 
     71-moz-border-radius: 0 5px 5px 0; 
     72-webkit-border-radius: 0 5px 5px 0; 
    6773} 
    6874.pagenumberarea li:first-child a{ 
    69     border-radius: 5px 0 0 5px; 
    70     -moz-border-radius: 5px 0 0 5px; 
    71     -webkit-border-radius: 5px 0 0 5px; 
    72     border-right:#A9ABAD solid 1px; 
    73     text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    74     background:#FDFDfD; 
    75     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    76     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     75border-radius: 5px 0 0 5px; 
     76-moz-border-radius: 5px 0 0 5px; 
     77-webkit-border-radius: 5px 0 0 5px; 
     78border-right:#A9ABAD solid 1px; 
     79text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     80background:#FDFDfD; 
     81background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     82background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    7783} 
    7884.pagenumberarea li:last-child a{ 
    79     border-radius: 0 5px 5px 0; 
    80     -moz-border-radius: 0 5px 5px 0; 
    81     -webkit-border-radius: 0 5px 5px 0; 
    82     border-left:#FFF solid 1px; 
    83     text-shadow: 1px 1px 1px rgba(255,255,255,1); 
    84     background:#FDFDfD; 
    85     background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
    86     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
    87     box-shadow:  1px 0px 1px 1px rgba(255,255,255,1) inset; 
    88     -webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset; 
    89     -moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset; 
    90 } 
    91 .pagenumberarea li:first-child a:hover,.pagenumberarea li:last-child a:hover{ 
    92     color:#FFF; 
    93     text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
    94     background:#5393c5; 
    95     background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
    96     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
     85border-radius: 0 5px 5px 0; 
     86-moz-border-radius: 0 5px 5px 0; 
     87-webkit-border-radius: 0 5px 5px 0; 
     88border-left:#FFF solid 1px; 
     89text-shadow: 1px 1px 1px rgba(255,255,255,1); 
     90background:#FDFDfD; 
     91background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 
     92background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 
     93box-shadow:  1px 0px 1px 1px rgba(255,255,255,1) inset; 
     94-webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset; 
     95-moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset; 
     96} 
     97.pagenumberarea li.on_number{ 
     98color:#FFF; 
     99text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
     100background:#5393c5; 
     101background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 
     102background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 
    97103} 
    98104ul.status_icon { 
    99     clear:both; 
     105clear:both; 
    100106} 
    101107ul.status_icon li{ 
    102     color:#FFF; 
    103     background:#9AAABD; 
    104     display:inline; 
    105     float:left; 
    106     margin-right :5px; 
    107     margin-bottom:2px; 
    108     padding:2px 5px; 
    109     font-size:11px; 
    110     text-shadow:none; 
     108color:#FFF; 
     109background:#9AAABD; 
     110display:inline; 
     111float:left; 
     112margin-right :5px; 
     113margin-bottom:2px; 
     114padding:2px 5px; 
     115font-size:11px; 
     116text-shadow:none; 
    111117} 
    112118/* ----------------------------------------------- 
     
    114120----------------------------------------------- */ 
    115121#product_list{ 
    116     padding-bottom:35px; 
     122padding-bottom:35px; 
    117123} 
    118124 
     
    120126----------------------------------------------- */ 
    121127.list_area { 
    122     margin: 0; 
    123     padding:10px 5px 15px 10px; 
    124     background-color:#FEFEFE; 
    125     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    126     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 
    127     border-top:#FFF solid 1px; 
    128     border-bottom:#CCC solid 1px; 
    129     display:block; 
    130     clear:both; 
    131     position:relative; 
    132     cursor:pointer; 
     128margin: 0; 
     129padding:10px 5px 15px 10px; 
     130background-color:#FEFEFE; 
     131background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE)); 
     132background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE)); 
     133border-top:#FFF solid 1px; 
     134border-bottom:#CCC solid 1px; 
     135display:block; 
     136clear:both; 
     137position:relative; 
     138cursor:pointer; 
    133139} 
    134140.list_area ul.status_icon{ 
    135     margin-bottom:5px; 
     141margin-bottom:5px; 
    136142} 
    137143.listphoto{ 
    138     margin:0 10px 10px 0; 
    139     float:left; 
    140     clear:left; 
     144margin:0 10px 10px 0; 
     145float:left; 
     146clear:left; 
    141147} 
    142148.listrightblock { 
    143     width:67%; 
    144     float:right; 
    145     padding-right:10px; 
    146     background:url(../img/common/ico_arrowR.png) right center no-repeat; 
    147 } 
    148 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    149     .listrightblock { 
    150         background: url(../img/common/ico_arrowR2.png) right center no-repeat; 
    151         -webkit-background-size: 10px 15px; 
    152         background-size: 10px 15px; 
    153     } 
     149width:67%; 
     150float:right; 
     151padding-right:10px; 
    154152} 
    155153.listrightblock h3{ 
    156     font-size:15px; 
    157     clear:both; 
     154font-size:15px; 
     155clear:both; 
    158156} 
    159157.listrightblock .listcomment{ 
    160     line-height:1.4; 
     158line-height:1.4; 
    161159} 
    162160 
     
    165163----------------------------------------------- */ 
    166164#product_detail{ 
    167     padding-bottom:35px; 
     165padding-bottom:35px; 
    168166} 
    169167/*商品情報*/ 
    170168#detailarea { 
    171     background:#F0F0F1; 
    172     padding:20px 10px 35px 10px; 
     169background:#F0F0F1; 
     170padding:20px 10px 35px 10px; 
    173171} 
    174172#detailrightblock{ 
    175     margin-top:25px; 
    176     padding:0; 
    177     background:#FFF; 
    178     border:#CCC solid 1px; 
    179     border-radius:7px; 
    180     -moz-border-radius:7px; 
    181     -webkit-border-radius:7px; 
     173margin-top:25px; 
     174padding:0; 
     175background:#FFF; 
     176border:#CCC solid 1px; 
     177border-radius:7px; 
     178-moz-border-radius:7px; 
     179-webkit-border-radius:7px; 
    182180} 
    183181#detailrightblock div:after { 
    184     content: ".";   
    185     display: block; 
    186     clear: both; 
    187     height: 0; 
    188     visibility: hidden; 
     182content: ".";   
     183display: block; 
     184clear: both; 
     185height: 0; 
     186visibility: hidden; 
    189187} 
    190188#detailrightblock div{ 
    191     border-bottom:#CCC solid 1px; 
     189border-bottom:#CCC solid 1px; 
    192190} 
    193191#detailrightblock div:last-child{ 
    194     border-bottom:none; 
    195     border-radius:0 0 7px 7px; 
    196     -moz-border-radius: 0 0 7px 7px; 
    197     -webkit-border-radius: 0 0 7px 7px; 
     192border-bottom:none; 
     193border-radius:0 0 7px 7px; 
     194-moz-border-radius: 0 0 7px 7px; 
     195-webkit-border-radius: 0 0 7px 7px; 
    198196} 
    199197/*ステータスアイコン*/ 
    200198#detailrightblock .status_icon{ 
    201     padding:10px 12px; 
    202     border-bottom:#CCC solid 1px; 
     199padding:10px 12px; 
     200border-bottom:#CCC solid 1px; 
    203201} 
    204202/*商品情報(テキストなど)*/ 
    205203#detailrightblock .product_detail{ 
    206     padding:12px; 
    207     border-bottom:#CCC solid 1px; 
     204padding:12px; 
     205border-bottom:#CCC solid 1px; 
    208206} 
    209207#detailrightblock h3{ 
    210     font-size:14px; 
    211     clear:both; 
     208font-size:14px; 
     209clear:both; 
    212210} 
    213211#detailrightblock .price{ 
    214     font-size:14px; 
     212font-size:14px; 
     213} 
     214#detailrightblock .normal_price{ 
     215font-size:11px; 
    215216} 
    216217.relative_cat{ 
    217     font-size:12px; 
    218     margin-bottom:10px; 
     218font-size:12px; 
     219margin-bottom:10px; 
    219220} 
    220221 
    221222/*商品情報(規格部分)*/ 
    222223.cart_area{ 
    223     padding:12px; 
     224padding:12px; 
    224225} 
    225226.cart_area dl { 
    226     margin: 0; 
    227     padding:0; 
     227margin: 0; 
     228padding:0; 
    228229} 
    229230.cart_area dt { 
    230     margin: 0; 
    231     font-weight: bold; 
    232     line-height: 1.3; 
     231margin: 0; 
     232font-weight: bold; 
     233line-height: 1.3; 
    233234} 
    234235.cart_area dd { 
    235     padding:0; 
    236     clear:both; 
    237     padding-bottom:5px; 
     236padding:0; 
     237clear:both; 
     238padding-bottom:5px; 
    238239} 
    239240.cart_area dd:last-child { 
    240     padding-bottom:0; 
     241padding-bottom:0; 
    241242} 
    242243 
    243244/*商品情報(数量)*/ 
    244245.cartin_btn{ 
    245     padding:15px; 
    246     background:#F1F0E7; 
    247     border-top:#FFF solid 1px; 
     246padding:15px; 
     247background:#F1F0E7; 
     248border-top:#FFF solid 1px; 
    248249} 
    249250.cartin_btn dl{ 
    250     width:40%; 
    251     float:left; 
    252     clear:left; 
     251width:40%; 
     252float:left; 
     253clear:left; 
    253254} 
    254255.cartin_btn dt{ 
    255     width:2em; 
    256     float:left; 
    257     padding:5px; 
    258     vertical-align:bottom; 
    259     line-height:1.1; 
     256width:2em; 
     257float:left; 
     258padding:15px 5px 5px; 
     259vertical-align:bottom; 
     260line-height:1.1; 
     261font-weight:bold; 
    260262} 
    261263.cartin_btn dd{ 
    262     width:3.2em; 
    263     display:inline; 
    264     float:left; 
     264width:3.2em; 
     265display:inline; 
     266float:left; 
    265267} 
    266268.detail_quantity dd .quantitybox{ 
    267     width:3em; 
     269width:3em; 
    268270} 
    269271.cartbtn_default{ 
    270     width:54%; 
    271     float:right; 
    272     clear:right; 
     272width:54%; 
     273float:right; 
     274clear:right; 
    273275} 
    274276 
    275277/*お気に入り*/ 
    276278.btn_favorite{ 
    277     padding:10px 30px; 
    278     background:#F1F0E7; 
     279padding:10px 15px; 
     280background:#F1F0E7; 
    279281} 
    280282/*サブエリア*/ 
    281283.subarea{ 
    282     padding:10px; 
    283     border-bottom:#CCC solid 1px; 
    284     clear:both; 
     284padding:10px; 
     285border-bottom:#CCC solid 1px; 
     286clear:both; 
    285287} 
    286288.subarea h3{ 
    287     margin-bottom:10px; 
    288     padding:5px 0; 
    289     border-bottom:#CCC solid 1px; 
    290     clear:both; 
     289margin-bottom:10px; 
     290padding:5px 0; 
     291border-bottom:#CCC solid 1px; 
     292clear:both; 
    291293} 
    292294.subphotoimg{ 
    293     margin-left:10px; 
    294     float:right; 
    295     clear:right; 
     295margin-left:10px; 
     296float:right; 
     297clear:right; 
    296298} 
    297299#sub_area div:last-child{ 
    298     border-bottom:none; 
     300border-bottom:none; 
    299301} 
    300302/*商品詳細メイン画像スライド*/ 
    301303#detailphotoblock { 
    302     width: 100%; 
    303     background-color: #ffffff; 
    304     text-align:center; 
    305     -webkit-box-shadow: 1px 5px 5px #ccc; 
    306     -moz-box-shadow: 1px 5px 5px #ccc; 
    307     position:relative; 
     304width: 100%; 
     305background-color: #ffffff; 
     306text-align:center; 
     307-webkit-box-shadow: 1px 5px 5px #ccc; 
     308-moz-box-shadow: 1px 5px 5px #ccc; 
     309position:relative; 
    308310} 
    309311#detailphotoblock div.moveWrap { 
    310     width:200px; 
    311     height:auto; 
    312     margin:0 auto; 
    313     position:relative; 
    314     overflow:hidden; 
    315     -webkit-box-sizing:border-box; 
     312width:200px; 
     313height:auto; 
     314margin:0 auto; 
     315position:relative; 
     316overflow:hidden; 
     317-webkit-box-sizing:border-box; 
    316318} 
    317319#detailphotoblock ul.moveWrapBG { 
    318     width:200px; 
    319     height:auto; 
    320     visibility:hidden; 
    321     display:inline-block; 
    322     position:relative; 
    323     -webkit-box-sizing:border-box; 
    324     margin:0 auto; 
    325     padding:0; 
     320width:200px; 
     321height:auto; 
     322visibility:hidden; 
     323display:inline-block; 
     324position:relative; 
     325-webkit-box-sizing:border-box; 
     326margin:0 auto; 
     327padding:0; 
     328} 
     329#detailphotoblock li{ 
     330width:200px; 
    326331} 
    327332#detailphotoblock div.slideMask { 
    328     position:absolute; 
    329     top:0; 
    330     left:0; 
    331     /*border:4px #FFF solid;*/ 
    332     -webkit-box-sizing:border-box; 
    333     margin-right:0!important; 
     333position:absolute; 
     334top:0; 
     335left:0; 
     336/*border:4px #FFF solid;*/ 
     337-webkit-box-sizing:border-box; 
     338margin-right:0!important; 
    334339} 
    335340#detailphotoblock div.moveWrap>ul.move { 
    336     margin:0; 
    337     padding:0; 
    338     position:relative; 
    339     left:0; 
    340     top:0; 
    341     list-style:none; 
    342     width:2000px; 
    343     -webkit-transition:all 0.6s ease-in-out; 
    344     -webkit-transform:translate3d(0,0,0); 
    345     -webkit-transition-duration: 400ms; 
    346     -webkit-transition-property: -webkit-transform; 
    347     margin:0; 
    348     padding:0; 
    349     display:none; 
     341margin:0; 
     342padding:0; 
     343position:relative; 
     344left:0; 
     345top:0; 
     346list-style:none; 
     347width:2000px; 
     348-webkit-transition:all 0.6s ease-in-out; 
     349-webkit-transform:translate3d(0,0,0); 
     350-webkit-transition-duration: 400ms; 
     351-webkit-transition-property: -webkit-transform; 
     352margin:0; 
     353padding:0; 
     354display:none; 
    350355} 
    351356#detailphotoblock div.moveWrap>ul.move li.slideUnit { 
    352     margin:0px; 
    353     padding:0; 
    354     float:left; 
    355     list-style:none; 
    356     text-align:center; 
    357     -webkit-box-sizing:border-box; 
     357margin:0px; 
     358padding:0; 
     359float:left; 
     360list-style:none; 
     361text-align:center; 
     362-webkit-box-sizing:border-box; 
    358363} 
    359364#detailphotoblock li.slideUnit>div { 
    360     padding:0px; 
    361     display:inline-block; 
    362     vertical-align:middle; 
    363     text-align:center; 
    364     -webkit-box-sizing:border-box; 
     365padding:0px; 
     366display:inline-block; 
     367vertical-align:middle; 
     368text-align:center; 
     369-webkit-box-sizing:border-box; 
    365370} 
    366371#detailphotoblock div.flickSlideBottom { 
    367     width:100%; 
    368     margin-top:5px; 
     372width:100%; 
     373margin-top:5px; 
    369374} 
    370375#detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight { 
    371     padding:0 10px; 
    372     display:table-cell; 
    373     vertical-align:middle; 
     376padding:0 10px; 
     377display:table-cell; 
     378vertical-align:middle; 
    374379} 
    375380#detailphotoblock div.flickSlideBottom div.bottomRight { 
    376     font-size:24px; 
    377     font-weight: bold; 
    378     color:#7F7F7F; 
    379     background-color:transparent; 
    380     right:5px; 
    381     top:100px; 
    382     position:absolute; 
     381font-size:24px; 
     382font-weight: bold; 
     383color:#7F7F7F; 
     384background-color:transparent; 
     385right:5px; 
     386top:100px; 
     387position:absolute; 
    383388} 
    384389#detailphotoblock div.flickSlideBottom div.bottomLeft { 
    385     font-size:24px; 
    386     font-weight: bold; 
    387     color:#7F7F7F; 
    388     background-color:transparent; 
    389     left:5px; 
    390     top:100px; 
    391     position:absolute; 
     390font-size:24px; 
     391font-weight: bold; 
     392color:#7F7F7F; 
     393background-color:transparent; 
     394left:5px; 
     395top:100px; 
     396position:absolute; 
    392397} 
    393398#detailphotoblock div.flickSlideBottom div.bottomLeft:after { 
    394     font-size:12px; 
    395     padding:5px; 
    396     text-align:left; 
    397     display:table-cell; 
     399font-size:12px; 
     400padding:5px; 
     401text-align:left; 
     402display:table-cell; 
    398403} 
    399404#detailphotoblock div.flickSlideBottom div.bottomLeft:before { 
    400     padding:5px; 
    401     text-align:left; 
    402     display:table-cell; 
     405padding:5px; 
     406text-align:left; 
     407display:table-cell; 
    403408} 
    404409#detailphotoblock div.flickSlideBottom div.bottomRight:before { 
    405     font-size:12px; 
    406     padding:5px; 
    407     text-align:right; 
    408     display:table-cell; 
     410font-size:12px; 
     411padding:5px; 
     412text-align:right; 
     413display:table-cell; 
    409414} 
    410415#detailphotoblock div.flickSlideBottom div.bottomRight:after { 
    411     padding:5px; 
    412     text-align:right; 
    413     display:table-cell; 
     416padding:5px; 
     417text-align:right; 
     418display:table-cell; 
    414419} 
    415420#detailphotoblock div.flickSlideBottom ul.slidePager { 
    416     display:block; 
    417     width:auto; 
    418     text-align:center; 
    419     margin:0 auto;; 
    420     padding:0; 
     421display:block; 
     422width:auto; 
     423text-align:center; 
     424margin:0 auto;; 
     425padding:0; 
    421426} 
    422427#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer { 
    423     font-size:11px; 
    424     width:6px; 
    425     height:6px; 
    426     margin:12px 6px 6px 6px; 
    427     display:inline-block; 
    428     background-color:#CCC; 
    429     border-radius: 6px; 
    430     -webkit-border-radius: 6px; 
    431     -moz-border-radius: 6px; 
     428font-size:11px; 
     429width:6px; 
     430height:6px; 
     431margin:12px 6px 6px 6px; 
     432display:inline-block; 
     433background-color:#CCC; 
     434border-radius: 6px; 
     435-webkit-border-radius: 6px; 
     436-moz-border-radius: 6px; 
    432437} 
    433438#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { 
    434     background-color:#333; 
     439background-color:#333; 
    435440} 
    436441 
    437442/*その他オススメ商品スライド*/ 
    438443#product_detail .title_box_sub:last-child{ 
    439     margin-top:20px; 
     444margin-top:20px; 
    440445} 
    441446#whobought_area{ 
    442     width:100%; 
    443     margin-top:30px; 
    444     margin-bottom:15px; 
    445     clear:both; 
    446     position:relative; 
     447width:100%; 
     448margin-top:30px; 
     449margin-bottom:15px; 
     450clear:both; 
     451position:relative; 
    447452} 
    448453#whobought_area h3{ 
    449     clear:both; 
     454clear:both; 
     455line-height:1.2; 
     456} 
     457/*liの長さ追加*/ 
     458#whobought_area li{ 
     459width:80px; 
    450460} 
    451461#whobought_area li img{ 
    452     clear:both; 
     462margin-bottom:5px; 
     463clear:both; 
    453464} 
    454465#whobought_area .sale_price{ 
    455     clear:both; 
    456     float:right; 
    457     text-align:right; 
     466clear:both; 
     467float:right; 
     468text-align:right; 
    458469} 
    459470#whobought_area div.moveWrap { 
    460     width:80%; 
    461     height:auto; 
    462     position:relative; 
    463     margin:0 auto; 
    464     overflow:hidden; 
    465     -webkit-box-sizing:border-box; 
     471width:80%; 
     472height:auto; 
     473position:relative; 
     474margin:0 auto; 
     475overflow:hidden; 
     476-webkit-box-sizing:border-box; 
    466477} 
    467478#whobought_area ul.moveWrapBG { 
    468     width:auto; 
    469     height:auto; 
    470     display:inline-block; 
    471     position:relative; 
    472     visibility:hidden; 
    473     -webkit-box-sizing:border-box; 
    474     margin:0; 
    475     padding:0; 
     479width:auto; 
     480height:auto; 
     481display:inline-block; 
     482position:relative; 
     483visibility:hidden; 
     484-webkit-box-sizing:border-box; 
     485margin:0; 
     486padding:0; 
    476487} 
    477488#whobought_area div.slideMask { 
    478     position:absolute; 
    479     top:0; 
    480     left:0; 
    481     border:4px #FFF solid; 
    482     -webkit-box-sizing:border-box; 
    483     margin-right:1px; 
     489position:absolute; 
     490top:0; 
     491left:0; 
     492border:4px #FFF solid; 
     493-webkit-box-sizing:border-box; 
     494margin-right:1px; 
    484495} 
    485496#whobought_area div.moveWrap>ul.move { 
    486     width:600px; 
    487     margin:0; 
    488     padding:0; 
    489     position:relative; 
    490     left:0; 
    491     top:0; 
    492     list-style:none; 
    493     -webkit-transition:all 0.6s ease-in-out; 
    494     -webkit-transform:translate3d(0,0,0); 
    495     /*-webkit-transition-duration: 400ms; 
    496     -webkit-transition-property: -webkit-transform; 
    497     */ 
    498     margin:0; 
    499     padding:0; 
    500     display:none; 
     497width:600px; 
     498margin:0; 
     499padding:0; 
     500position:relative; 
     501left:0; 
     502top:0; 
     503list-style:none; 
     504-webkit-transition:all 0.6s ease-in-out; 
     505-webkit-transform:translate3d(0,0,0); 
     506/*-webkit-transition-duration: 400ms; 
     507-webkit-transition-property: -webkit-transform; 
     508*/ 
     509margin:0; 
     510padding:0; 
     511display:none; 
    501512} 
    502513#whobought_area div.moveWrap>ul.move li.slideUnit { 
    503     width:85px!important; 
    504     float:left; 
    505     display:inline; 
    506     list-style:none; 
    507     padding:4px 8px 4px 0; 
    508     margin-right:0px; 
    509     -webkit-box-sizing:border-box; 
     514width:85px!important; 
     515float:left; 
     516display:inline; 
     517list-style:none; 
     518padding:4px 8px 4px 0; 
     519margin-right:0px; 
     520-webkit-box-sizing:border-box; 
    510521} 
    511522#whobought_area li.slideUnit>div { 
    512     padding:4px; 
    513     display:inline; 
    514     vertical-align:middle; 
    515     -webkit-box-sizing:border-box; 
     523padding:4px; 
     524display:inline; 
     525vertical-align:middle; 
     526-webkit-box-sizing:border-box; 
    516527} 
    517528#whobought_area div.flickSlideBottom { 
    518     width:100%; 
    519     margin-top:5px; 
     529width:100%; 
     530margin-top:5px; 
    520531} 
    521532#whobought_area div.flickSlideBottom div.bottomLeft,#whobought_area div.flickSlideBottom div.bottomRight { 
    522     padding:0 10px; 
    523     display:table-cell; 
    524     vertical-align:middle; 
     533padding:0 10px; 
     534display:table-cell; 
     535vertical-align:middle; 
    525536} 
    526537#whobought_area div.flickSlideBottom div.bottomRight { 
    527     font-size:16px; 
    528     font-weight: bold; 
    529     color:#7F7F7F; 
    530     background-color:transparent; 
    531     right:0; 
    532     top:80px; 
    533     position:absolute; 
     538font-size:16px; 
     539font-weight: bold; 
     540color:#7F7F7F; 
     541background-color:transparent; 
     542right:0; 
     543top:80px; 
     544position:absolute; 
    534545} 
    535546#whobought_area div.flickSlideBottom div.bottomLeft { 
    536     font-size:16px; 
    537     font-weight: bold; 
    538     color:#7F7F7F; 
    539     background-color:transparent; 
    540     left:0; 
    541     top:80px; 
    542     position:absolute; 
     547font-size:16px; 
     548font-weight: bold; 
     549color:#7F7F7F; 
     550background-color:transparent; 
     551left:0; 
     552top:80px; 
     553position:absolute; 
    543554} 
    544555#whobought_area div.flickSlideBottom div.bottomLeft:after { 
    545     font-size:10px; 
    546     padding:0; 
    547     text-align:left; 
    548     display:table-cell; 
     556font-size:10px; 
     557padding:0; 
     558text-align:left; 
     559display:table-cell; 
    549560} 
    550561#whobought_area div.flickSlideBottom div.bottomLeft:before { 
    551     padding:0; 
    552     text-align:left; 
    553     display:table-cell; 
     562padding:0; 
     563text-align:left; 
     564display:table-cell; 
    554565} 
    555566#whobought_area div.flickSlideBottom div.bottomRight:before { 
    556     font-size:10px; 
    557     padding:0; 
    558     text-align:right; 
    559     display:table-cell; 
     567font-size:10px; 
     568padding:0; 
     569text-align:right; 
     570display:table-cell; 
    560571} 
    561572#whobought_area div.flickSlideBottom div.bottomRight:after { 
    562     padding:0; 
    563     text-align:right; 
    564     display:table-cell; 
     573padding:0; 
     574text-align:right; 
     575display:table-cell; 
    565576} 
    566577#whobought_area div.flickSlideBottom ul.slidePager { 
    567     display:block; 
    568     width:auto; 
    569     text-align:center; 
    570     margin:0 auto; 
    571     padding:0; 
     578display:block; 
     579width:auto; 
     580text-align:center; 
     581margin:0 auto; 
     582padding:0; 
    572583} 
    573584#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { 
    574     display:none; 
    575 } 
     585display:none; 
     586} 
     587 
  • branches/version-2_11-dev/html/user_data/packages/sphone/css/set.css

    r21081 r21093  
    22html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, 
    33header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav { 
    4     margin: 0; 
    5     padding: 0; 
    6     /*font-size: 100%;*/ 
     4margin: 0; 
     5padding: 0; 
     6/*font-size: 100%;*/ 
    77} 
    88body { 
    9     line-height: 1.0; 
    10     -webkit-text-size-adjust: none; 
     9line-height: 1.0; 
     10-webkit-text-size-adjust: none; 
    1111} 
    1212article,aside,canvas,details,figcaption,figure, 
    1313footer,header,hgroup,menu,nav,section,summary {  
    14     display:block; 
     14display:block; 
    1515} 
    1616address,caption,cite,code,dfn,em,strong,th,var { 
    17     font-style: normal; 
     17font-style: normal; 
    1818} 
    1919img{ 
    20     border: 0; 
    21     vertical-align: bottom; 
     20border: 0; 
     21vertical-align: bottom; 
    2222} 
    2323img a{ 
    24     border:0; 
    25     text-decoration:none; 
     24border:0; 
     25text-decoration:none; 
    2626} 
    2727ul, ol { 
    28     list-style: none; 
     28list-style: none; 
    2929} 
    3030a { 
    31     margin:0; 
    32     padding:0; 
    33     font-size:100%; 
    34     vertical-align:baseline; 
    35     background:transparent; 
     31margin:0; 
     32padding:0; 
     33font-size:100%; 
     34vertical-align:baseline; 
     35background:transparent; 
    3636} 
    3737table { 
    38     border-collapse:collapse; 
    39     border-spacing:0; 
     38border-collapse:collapse; 
     39border-spacing:0; 
    4040} 
    4141input, select { 
    42     vertical-align:middle; 
    43     font-size:100%; 
     42vertical-align:middle; 
     43font-size:100%; 
    4444} 
    4545 
    4646hr { 
    47     display:block; 
    48     height:1px; 
    49     border:0;    
    50     border-top:1px solid #cccccc; 
    51     margin:1em 0; 
    52     padding:0; 
     47display:block; 
     48height:1px; 
     49border:0;    
     50border-top:1px solid #cccccc; 
     51margin:1em 0; 
     52padding:0; 
    5353} 
     54 
Note: See TracChangeset for help on using the changeset viewer.