/**
 * cart.css
 *
 * @version $Id: cart.css 2 2009-01-20 12:13:46Z yutaka $
 * @author  Yutaka Chiba <yutakachiba@gmail.com>
 */

#cart #main {
    width: 640px;
}

#cart #main em {
    color: #9e6d08;
}

#cart #main h2 {
    position: relative;
}

#cart #main h2 span {
    position: absolute;
    top: .3em;
    right: 0;
}

#cart #main h2 span a {
    font-size: smaller;
    color: #9e6d08;
}

#cart #main h3 {
    margin-bottom: 1em;
    border-style: solid;
    border-width: 0 0 0 5px;
    border-color: #ccc;
    padding: .2em .8em;
    color: #000;
}

#cart #main #cart-notice {
    background-color: #f3f3f3;
    position: relative;
    font-size: 10px;
    color: #000;
    margin: 0 0 1em;
    padding: 1em;
}

#cart #main #cart-notice input {
    position: absolute;
    top: 1em;
    right: 1em;
}

/* cart index */
#cart #main #item-table {
    width: 640px;
    margin-bottom: 1em;
}

#cart #main colgroup.product-image {
    width: 70px;
}

#cart #main colgroup.product-price {
    width: 7em;
}

#cart #main colgroup.product-x {
    width: 1em;
}

#cart #main colgroup.product-amount {
    width: 5em;
}

#cart #main colgroup.product-sum {
    width: 7em;
}

#cart #main colgroup.remove-btn {
    width: 65px;
}

#cart #main #item-table th,
#cart #main #item-table td {
    border: solid 1px #eee;
    padding: .1em .5em;
}

#cart input.amount {
    width: 2.4em;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

#cart #main #item-table thead th {
    background-color: #f3f3f3;
    text-align: center;
    font-size: 10px;
}

#cart #main #item-table tfoot td {
    background-color: #f3f3f3;
    color: #000;
}

#cart #main #item-table tr.even {
    background-color: #f4f3ec;
}

#cart #main #item-table tr.on {
    background-color: #ecf3f4;
}

#cart div#no-item {
    margin: 2em auto;
    text-align: center;
    border: solid 1px #ddd;
    padding: 10em 0;
}

#cart #main .salespolicies-top {
    margin: 0 auto 1em;
    background-color: #f3f3f3;
}

#cart #main .salespolicies-bottom {
    margin: 0 auto 2em;
    background-color: #f3f3f3;
}

#cart #main .salespolicies-top li,
#cart #main .salespolicies-bottom li {
    display: inline;
    padding: 0 1em;
}


/* cart-order */
#cart #main #order-table01,
#cart #main #order-table02,
#cart #main #order-table03 {
    width: 640px;
    margin-bottom: 1em;
    background-color: #eee;
}

#cart #main #order-table01 th,
#cart #main #order-table02 th,
#cart #main #order-table03 th {
    width: 10em;
    padding: .2em 1em .2em 1em;
    vertical-align: top;
    text-align: right;
}

#cart #main #order-table01 td,
#cart #main #order-table02 td,
#cart #main #order-table03 td {
    padding: .2em 0 .2em 0;
}

#cart #main #order-table01 span,
#cart #main #order-table02 span,
#cart #main #order-table03 span {
    font-size: 9px;
    color: #000;
}

#cart #main input#name1,
#cart #main input#name2,
#cart #main input#kana1,
#cart #main input#kana2 {
    width: 8em;
}

#cart #main input#address_a,
#cart #main input#address_b,
#cart #main input#address_c {
    width: 20em;
}

#cart #main input#email {
    width: 28em;
}

#cart #main input#zip1 {
    width: 3em;
}

#cart #main input#zip2 {
    width: 4em;
}

#cart #main input#tel {
    width: 12em;
}

#cart #main textarea#note {
    width: 36em;
    height: 10em;
}

#cart div.order-buttons {
    text-align: center;
    margin-bottom: 1em;
}

#cart #cart-order-status {
    margin: 1.5em 0;
}

#cart #syotori-hou {
    width: 600px;
    margin: 0 auto 2em;
}

#cart #syotori-hou th {
    white-space: nowrap;
    background-color: #eee;
    text-align: center;
}

#cart #syotori-hou th,
#cart #syotori-hou td {
    border: solid 1px #ccc;
    padding: .5em;
}

/* cart thanks */
#cart #message-thanks {
    margin-bottom: 2em;
    padding: 1em;
    border: solid 1px #eee;
}

#cart #order-id {
    color: #9e6d08;
    font-size: 14px;
    margin-bottom: 2em;
}