- Timestamp:
- 2011/08/01 19:03:34 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css
r21081 r21093 2 2 /* =================================================================== 3 3 CSS information 4 file name :contents.css 4 5 style info :下層コンテンツ用(#undercolumn) 5 6 =================================================================== */ … … 8 9 ----------------------------------------------- */ 9 10 #undercolumn{ 10 11 padding-bottom:35px; 11 12 } 12 13 /**イントロダクション*/ 13 14 .information{ 14 15 16 17 15 font-weight:bold; 16 padding:5px 10px; 17 line-height:1.3; 18 border-bottom:#CCC solid 1px; 18 19 } 19 20 .information p:first-child{ 20 21 21 font-size:14px; 22 margin-bottom:0.5em; 22 23 } 23 24 /*フォーム枠*/ 24 25 .form_area{ 25 26 padding:10px; 26 27 } 27 28 .form_area p:first-child{ 28 29 margin-bottom:0.5em; 29 30 } 30 31 .formBox{ 31 32 33 34 35 32 margin-bottom:20px; 33 border:#A9ABAD solid 1px; 34 border-radius:7px; 35 -moz-border-radius:7px; 36 -webkit-border-radius:7px; 36 37 } 37 38 .innerBox{ 38 39 39 padding:10px; 40 border-bottom:#CCC solid 1px; 40 41 } 41 42 .arrowBox{ 42 43 44 45 43 padding:10px 25px 10px 10px; 44 background:url(../img/common/ico_arrowR.png) 95% center no-repeat; 45 border-bottom:#CCC solid 1px; 46 clear:both; 46 47 } 47 48 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 48 49 50 51 52 49 .arrowBox { 50 background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; 51 -webkit-background-size: 10px 15px; 52 background-size: 10px 15px; 53 } 53 54 } 54 55 .box_header{ 55 56 57 58 59 60 61 62 56 font-size:16px; 57 font-weight:bold; 58 background:#EEE; 59 padding:10px; 60 border-radius:7px 7px 0 0; 61 -moz-border-radius:7px 7px 0 0; 62 -webkit-border-radius:7px 7px 0 0; 63 border-bottom:#CCC solid 1px; 63 64 } 64 65 /*合計(フォーム下)*/ 65 66 .total_area,.result_area{ 66 67 68 69 70 67 padding:10px; 68 text-align:right; 69 background:#F7F5F0; 70 border-top:#FFF solid 1px; 71 border-bottom:#A9ABAD solid 1px; 71 72 } 72 73 .formBox .btn_area_btm{ 73 74 75 76 77 78 79 74 padding:10px; 75 background:#F7F5F0; 76 border-top:#FFF solid 1px; 77 border-bottom:none; 78 border-radius:0 0 7px 7px; 79 -moz-border-radius: 0 0 7px 7px; 80 -webkit-border-radius: 0 0 7px 7px; 80 81 } 81 82 .formBox div:first-child{ 82 83 84 83 border-radius:7px 7px 0 0; 84 -moz-border-radius:7px 7px 0 0; 85 -webkit-border-radius:7px 7px 0 0; 85 86 } 86 87 .formBox div:last-child{ 87 88 89 90 88 border-radius:0 0 7px 7px; 89 -moz-border-radius: 0 0 7px 7px; 90 -webkit-border-radius: 0 0 7px 7px; 91 border-bottom:none; 91 92 } 92 93 .form_area div:after{ 93 94 95 96 97 94 content: "."; 95 display: block; 96 clear: both; 97 height: 0; 98 visibility: hidden; 98 99 } 99 100 … … 104 105 /*カゴの中の商品*/ 105 106 .cartinarea{ 106 107 107 padding:10px; 108 border-bottom:#CCC solid 1px; 108 109 } 109 110 .cartitemBox{ 110 111 112 111 padding:10px 0; 112 border-bottom:#CCC solid 1px; 113 clear:both; 113 114 } 114 115 .cartinarea .cartitemBox:last-child{ 115 116 border-bottom:none; 116 117 } 117 118 .cartinarea .photoL{ 118 119 width:80px; 119 120 } 120 121 .cartinarea .cartinContents{ 121 width:68%; 122 float:right; 123 display:block; 124 position:relative; 122 width:68%; 123 float:right; 124 display:block; 125 position:relative; 126 } 127 .cartinarea .cartinContents p{ 128 line-height:1.2; 129 } 130 131 .cartinContents div{ 132 min-height:50px; 125 133 } 126 134 /* ----------------------------------------------- … … 128 136 ----------------------------------------------- */ 129 137 .bubbleBox{ 130 131 132 133 134 135 136 137 138 139 140 141 138 width:90%; 139 font-weight:bold; 140 margin:10px auto 20px auto; 141 padding:10px 15px; 142 position:relative; 143 background-color:#F6F6F6; 144 border: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; 149 cursor:pointer; 142 150 } 143 151 .bubble_arrow_line{ 144 145 146 147 148 149 150 151 152 width:0; 153 height:0; 154 border-color: #C5C4C0 transparent transparent transparent; 155 border-style: solid; 156 border-width: 10px; 157 position:absolute; 158 bottom:-21px; 159 left:50%; 152 160 } 153 161 .bubble_arrow{ 154 155 156 157 158 159 160 161 162 width:0; 163 height:0; 164 border-color: #F6F6F6 transparent transparent transparent; 165 border-style: solid; 166 border-width: 10px; 167 position:absolute; 168 bottom:-19px; 169 left:50%; 162 170 } 163 171 .bubble_announce{ 164 165 166 167 168 margin-bottom:8px;169 } 170 @media only screen and (-webkit-min-device-pixel-ratio: 2) {171 172 173 174 175 172 height:2.5em; 173 background:url(../img/common/ico_arrowR.png) right center no-repeat; 174 clear:both; 175 vertical-align:middle; 176 margin-bottom:5px; 177 } 178 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 179 .bubble_announce { 180 background: url(../img/common/ico_arrowR2.png) right center no-repeat; 181 -webkit-background-size: 10px 15px; 182 background-size: 10px 15px; 183 } 176 184 } 177 185 .bubbleBox p.fb{ 178 186 line-height:2.5em; 179 187 } 180 188 .deliv_announce p{ 181 189 width:80%; 182 190 } 183 191 .bubbleBox a:link,.bubbleBox a:visited{ 184 192 color:#333; 185 193 } 186 194 /* ----------------------------------------------- … … 188 196 ----------------------------------------------- */ 189 197 .totalmoney_area{ 190 191 192 193 198 font-size:14px; 199 font-weight:bold; 200 padding:10px; 201 border-bottom:#CCC solid 1px; 194 202 } 195 203 .point_announce{ 196 font-size:14px;197 198 204 font-size:12px; 205 font-weight:bold; 206 margin-bottom:5px; 199 207 } 200 208 .cartinContents .btn_delete{ 201 202 203 204 205 206 209 padding:2px; 210 right:0; 211 float:right; 212 position:absolute; 213 top:0; 214 cursor:pointer; 207 215 } 208 216 .cartinContents ul{ 209 210 211 217 float:right; 218 clear:both; 219 line-height:1.1; 212 220 } 213 221 .cartinContents ul li{ 214 215 222 display:inline; 223 float:left; 216 224 } 217 225 .cartinContents ul li.result{ 218 219 220 226 padding-left:0.5em; 227 padding-top:1em; 228 vertical-align:bottom; 221 229 } 222 230 … … 225 233 ----------------------------------------------- */ 226 234 .deliv_check{ 227 235 clear:both; 228 236 } 229 237 .deliv_check dt{ 230 231 232 padding:15px 10px 5px 10px;233 234 235 236 237 238 font-size:14px; 239 font-weight:bold; 240 padding:10px 10px 5px 10px; 241 background:#EEE; 242 border-top:#FFF solid 1px; 243 vertical-align:middle; 244 position:relative; 245 display:block; 238 246 } 239 247 .deliv_check dt p{ 240 248 vertical-align:middle; 241 249 } 242 250 .deliv_check dd{ 243 244 245 246 251 font-size:12px; 252 padding:10px; 253 border-bottom:#CCC solid 1px; 254 display:block; 247 255 } 248 256 .deliv_check dd p{ 249 250 257 display:inline; 258 float:left; 251 259 } 252 260 .deliv_check ul.edit{ 253 254 255 256 257 258 259 top:8px;260 } 261 .deliv_check dt :first-child{262 263 264 265 261 float:right; 262 clear:right; 263 display:inline; 264 line-height:1.1; 265 position:absolute; 266 right:10px; 267 top:12px; 268 } 269 .deliv_check dt.first{ 270 border-top:none; 271 border-radius:7px 7px 0 0; 272 -moz-border-radius:7px 7px 0 0; 273 -webkit-border-radius:7px 7px 0 0; 266 274 } 267 275 … … 270 278 ----------------------------------------------- */ 271 279 .delivitemBox{ 272 273 274 275 280 padding:10px; 281 border-bottom:#CCC solid 1px; 282 clear:both; 283 position:relative; 276 284 } 277 285 .delivitemBox .photoL{ 278 286 width:80px; 279 287 } 280 288 .delivitemBox .delivContents{ 281 282 283 284 289 width:67%; 290 float:right; 291 display:block; 292 position:relative; 285 293 } 286 294 .delivContents p{ 287 float:left; 295 float:left; 296 line-height:1.2; 297 margin-bottom:5px; 288 298 } 289 299 .delivContents ul{ 290 291 292 293 300 width:2.2em; 301 float:right; 302 right:15px; 303 position:absolute; 294 304 } 295 305 .delivContents ul li{ 296 text-align:center; 297 clear:both; 306 text-align:center; 307 clear:both; 308 } 309 310 .delivContents ul li:first-child{ 311 line-height:1.2; 312 vertical-align:bottom; 313 298 314 } 299 315 … … 302 318 ----------------------------------------------- */ 303 319 .pay_area ul{ 304 305 306 320 padding:10px; 321 margin-bottom:10px; 322 font-weight:bold; 307 323 } 308 324 .pay_area ul li{ 309 margin-bottom:6px; 325 line-height:1.5; 326 margin-bottom:6px; 310 327 } 311 328 .pay_area02 select:first-child{ 312 329 margin-bottom:12px; 313 330 } 314 331 p.check_point{ 315 316 317 332 font-size:12px; 333 padding-left:1em; 334 font-weight:normal; 318 335 } 319 336 p.check_point .box_point{ 320 margin-right:0.5em; 321 } 337 margin-right:0.5em; 338 } 339 .contact_area p{ 340 line-height:1.3; 341 font-weight:bold; 342 margin-bottom:10px; 343 } 344 345 .contact_area .textarea{ 346 width:95%; 347 } 348 322 349 /* ----------------------------------------------- 323 350 ご注文内容のご確認 324 351 ----------------------------------------------- */ 325 352 .cartcartconfirmarea{ 326 327 353 padding:0 10px; 354 border-bottom:#CCC solid 1px; 328 355 } 329 356 .cartconfirmBox{ 330 331 332 333 357 padding:10px 0; 358 border-bottom:#CCC solid 1px; 359 clear:both; 360 position:relative; 334 361 } 335 362 .cartconfirmBox:last-child{ 336 363 border-bottom:none; 337 364 } 338 365 .cartconfirmBox .photoL{ 339 340 366 width:80px; 367 float:left; 341 368 } 342 369 .cartconfirmContents{ 343 width:67%; 344 float:right; 345 display:block; 346 position:relative; 370 width:67%; 371 float:right; 372 display:block; 373 position:relative; 374 line-height:1.3; 347 375 } 348 376 .cartconfirmBox ul{ 349 350 351 377 float:right; 378 clear:both; 379 line-height:1.1; 352 380 } 353 381 .cartconfirmBox ul li{ 354 355 382 display:inline; 383 font-weight:bold; 356 384 } 357 385 .cartconfirmBox ul li.result{ 358 359 386 padding-left:1em; 387 vertical-align:bottom; 360 388 } 361 389 .result_area{ 362 363 390 font-size:14px; 391 font-weight:bold; 364 392 } 365 393 .result_area dl{ 366 367 368 394 text-align:right; 395 float:right; 396 display:block; 369 397 } 370 398 .result_area dt,.result_area dd{ 371 399 text-align:right; 372 400 } 373 401 .result_area dt{ 374 375 376 402 font-size:11px; 403 clear:left; 404 float:right; 377 405 } 378 406 dl.point dl{ 379 407 display:block; 380 408 } 381 409 .point_confifrm dl{ 382 383 410 font-weight:bold; 411 border-bottom:#CCC solid 1px; 384 412 } 385 413 .point_confifrm dl:last-child{ 386 414 border-bottom:none; 387 415 } 388 416 .point_confifrm dt{ 389 390 391 392 417 width:60%; 418 padding:10px 0 10px 10px; 419 float:left; 420 display:block; 393 421 } 394 422 .point_confifrm dd{ 395 396 397 float:left;398 423 width:30%; 424 padding:10px 10px 10px 0; 425 float:right; 426 text-align:right; 399 427 } 400 428 .deliv_confirm dt{ 401 402 403 404 405 406 407 408 409 410 411 412 429 font-size:14px; 430 font-weight:bold; 431 padding:10px; 432 background:#EEE; 433 border-top:#FFF solid 1px; 434 border-radius:7px 7px 0 0; 435 -moz-border-radius:7px 7px 0 0; 436 -webkit-border-radius:7px 7px 0 0; 437 line-height:1.2; 438 vertical-align:middle; 439 position:relative; 440 display:block; 413 441 } 414 442 .deliv_confirm dd{ 415 font-size:12px; 416 padding:10px; 417 border-bottom:#CCC solid 1px; 418 display:block; 419 } 443 font-size:12px; 444 padding:10px; 445 border-bottom:#CCC solid 1px; 446 display:block; 447 line-height:1.3; 448 } 449 450 /* 420 451 .deliv_confirm dd:last-child{ 421 border-bottom:none; 422 } 452 border-bottom:none; 453 }*/ 454 455 .deliv_confirm dd p.deliv_name{ 456 margin-bottom:3px; 457 font-size:14px; 458 line-height:1.3; 459 } 460 423 461 .date_confirm li{ 424 425 462 padding-right:1em; 463 display:inline; 426 464 } 427 465 /* ----------------------------------------------- … … 429 467 ----------------------------------------------- */ 430 468 dl.form_entry{ 431 432 433 434 435 436 469 width:100%; 470 margin:0 0 15px 0; 471 padding:0; 472 border-top:#999 solid 1px; 473 border-bottom:#999 solid 1px; 474 position:relative; 437 475 } 438 476 dl.form_entry dt{ 439 440 477 font-weight:bold; 478 padding:10px 12px 0; 441 479 } 442 480 dl.form_entry dd{ 443 padding:0 12px 10px; 444 border-bottom:#CCC solid 1px; 481 padding:0 12px 10px; 482 border-bottom:#CCC solid 1px; 483 line-height:1.2; 445 484 } 446 485 dl.form_entry dd:last-child{ 447 486 border-bottom:0; 448 487 } 449 488 dl.form_entry .selectdate{ 450 451 padding:5px 6px 5px 2px;452 453 489 margin-top:12px; 490 padding:5px 6px 5px 4px; 491 font-size:12px; 492 vertical-align:bottom; 454 493 } 455 494 dl.form_entry li{ 456 457 495 margin-bottom:0.3em; 496 vertical-align:middle; 458 497 } 459 498 /* ----------------------------------------------- … … 461 500 ----------------------------------------------- */ 462 501 .thankstext{ 463 font-size:16px; 464 color:#FF6633; 465 font-weight:bold; 466 padding:10px; 467 margin-bottom:10px; 468 } 502 font-size:16px; 503 color:#FF6633; 504 font-weight:bold; 505 padding:10px; 506 margin-bottom:10px; 507 } 508 #completetext p{ 509 line-height:1.3; 510 } 511 469 512 #completetext,.shopInformation{ 470 471 472 513 font-size:14px; 514 padding:10px; 515 clear:both; 473 516 } 474 517 #completetext p,.shopInformation p{ 475 518 margin-bottom:0.5em; 476 519 } 477 520 /* ----------------------------------------------- … … 479 522 ----------------------------------------------- */ 480 523 dl.form_info{ 481 482 483 484 485 524 width:100%; 525 margin:10px 0 15px 0; 526 padding:0; 527 border-bottom:#999 solid 1px; 528 position:relative; 486 529 } 487 530 dl.form_info dt{ 488 489 531 font-weight:bold; 532 padding:10px 10px 0; 490 533 } 491 534 dl.form_info dd{ 492 493 535 padding:0 10px 10px; 536 border-bottom:#CCC solid 1px; 494 537 } 495 538 dl.form_info dd:last-child{ 496 539 border-bottom:0; 497 540 } 498 541 499 542 #maps{ 500 501 543 width:88%!important; 544 margin:10px auto!important; 502 545 } 503 546 /* ----------------------------------------------- … … 505 548 ----------------------------------------------- */ 506 549 #kiyaku_text{ 507 508 509 510 511 512 550 padding:10px 20px; 551 border-bottom:#999 solid 1px; 552 border-top:#999 solid 1px; 553 overflow: hidden; 554 text-overflow: ellipsis; 555 line-height:1.3; 513 556 } 514 557 /*------------------------------------------------- … … 516 559 ----------------------------------------*/ 517 560 #errorBox { 518 text-align:left; 519 padding:20px; 520 } 561 text-align:left; 562 padding:20px; 563 } 564 565
Note: See TracChangeset
for help on using the changeset viewer.