@charset "utf-8";

/*
 * カート関係
 *
 */

/* カートの中身（全般） */
#cart {text-align: center;}
#cart #backlink {text-align:right;}
#cart #backlink a {border:none; color:#fff;}
#cart #title { right;}
#cart #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; padding:8px 0 1px 35px; display:block; float: none; border-bottom:#000 1px solid; text-align: left;}
#cart .segment {border:#A69649 solid 1px; margin:20px auto; width:90%;}
#cart .segment h3 {background:#BFB16D url(../img/lead_bar1.gif) repeat-x bottom; color:#6A4824; font-size:14px; line-height:1; padding:4px 10px 3px;}

#cart table.totalprice {margin: 5px auto; width: 90%; border-collapse: collapse; text-align:left; vertical-align: middle;}
#cart table.totalprice .comment {font-size:10px;}
#cart table.totalprice td.totalprice {text-align: right;}
#cart table.totalprice td.totalprice .totalprice {color: #c00; font-size:14px; font-weight:bold;}
#cart table.totalprice td.totalprice input {vertical-align: middle;}

#cart table.cart {margin: 5px auto; width: 90%; border-collapse: collapse;}
#cart table.cart th {text-align: center; background:#BFB16D url(../img/lead_bar1.gif) repeat-x bottom; color:#6A4824; border-bottom:#A69649 1px solid; border-top:#A69649 1px solid; padding:4px;}
#cart table.cart td {text-align: center; padding: 5px; border-bottom:#ccc 1px solid;}

#cart table.cart td.btn {width:40px;}
#cart table.cart td.media {width: 45px;}
#cart table.cart td.title {width: 35%; font-weight:bold; text-align:left;}
#cart table.cart td.money {text-align: right; width: 60px;}
#cart table.cart td.count {text-align: right; width: 30px;}
#cart table.cart td.count input {text-align: right;}
#cart table.cart td.souryouprc {text-align: right; width: 50px;}
#cart table.cart td.price {color:#c00; font-weight:bold; width: 62px;}
#cart table.cart td.seller .seller {font-weight:bold;}
#cart table.cart td.jacket a{color:#fff;}
#cart table.cart td.jacket a:hover{color:#fff;}

#cart .announce_top {width: 75%; margin: 20px auto; text-align:left;}
#cart .announce_bottom {width: 50%; margin: 10px auto; text-align:left;}
#cart .takkyubin {margin: 10px auto;}
#cart .takkyubin label {font-weight:bold;}
#cart .takkyubin .comment {font-size:10px;}
#cart .register {margin: 10px auto;}
#cart .register .comment {font-size:10px;}
#cart .nodata {margin: 20px auto; font-size: 14px; font-weight: bold; color: #c00}

#payment_confirm #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; background-color:#fff; padding:8px 0 1px 35px; display:block; float: none; border-bottom: #000 1px solid; letter-spacing:1px;}
#shopping_payment #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; background-color:#fff; padding:8px 0 1px 35px; display:block; float: none; border-bottom: #000 1px solid; letter-spacing:1px;}
#shopping_exit #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; background-color:#fff; padding:8px 0 1px 35px; display:block; float: none; border-bottom: #000 1px solid; letter-spacing:1px;}


#flow strong {font-weight:bold; color:#c00;}
#flow em { font-style:normal; color:#6A4824;}
#flow {font-style:normal; color: #999; margin:15px 0 5px 0; text-align:center;}

#shopping_payment h3,
#payment_select h3,
#payment_confirm h3 {
    font-size: 14px; 
    font-weight: bold;
    background-image: url(../img/arrow5.gif); 
    background-position: 0px 0px;
    background-repeat: no-repeat; 
    color: #6A4824; 
    line-height: 1; 
    padding: 4px 10px 3px; 
    margin-bottom: 10px;
    text-indent: 15px;
}

#shopping_payment input.hasNextButton,
#payment_select input.hasNextButton {
    background: transparent url("../img/btn_cart_next.gif") no-repeat 0 0; 
    float: left;
    margin-right: 10px;
}
#shopping_payment input.hasBackButton,
#payment_select input.hasBackButton {
    background: transparent url("../img/btn_cart_return.gif") no-repeat 0 0;
}
#shopping_payment input.hasNextButton, 
#shopping_payment input.hasBackButton,
#payment_select input.hasNextButton, 
#payment_select input.hasBackButton {
    width: 125px; 
    height: 20px; 
    border: 0 #fff none; 
    text-indent: -9999px; 
    display: block;
}


/* お届け先選択（カートの中身） */
#shopping_payment .payment_info {margin:20px auto; padding: 0px; width:70%;}
#shopping_payment .segment { margin: 10px;}
#shopping_payment .home_address {border:#A69649 solid 1px;  padding: 5px 10px 10px 10px; margin: 10px 5px 10px 5px;width:35%; float:left;}
#shopping_payment .send_address {border:#A69649 solid 1px;  padding: 5px 10px 10px 10px; margin: 10px 0px 10px 5px; width:35%; float:left;}
#shopping_payment .nextbtn {clear:left; width: 70%; margin-left: 5px;}
#shopping_payment .massege{padding: 10px 0px 10px 0px; margin: 0px; float:left;}

#shopping_payment ul {list-style:none;}

/* 支払い方法選択（カートの中身） */
#payment_select .select_cashier {margin:20px auto; padding: 0px; width:70%;}
#payment_select .segment { margin: 10px;}
#payment_select .segment ul.alert {font-size: 14px; color:#C00; display: block;}
#payment_select th.pay{padding-right:5px; width:120px; text-align:right;}
#payment_select td.pay_input{width:235px;}
#payment_select td.pay_input select.card_company {width: 120px;}
#payment_select td.pay_input select.exp_month {width: 50px;}
#payment_select td.pay_input select.exp_year {width: 80px;}
#payment_select tr.pay_dummy{height: 50px;}
#payment_select td.pay_other{padding-left:60px;}

#payment_select ul {list-style:none;}
#payment_select li {display:inline;}

#payment_select #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; background-color:#fff; padding:8px 0 1px 35px; display:block; float: none; border-bottom: #000 1px solid; letter-spacing:1px;}

#payment_select th {text-align:right; font-weight:normal;}
#payment_select label {font-weight:bold;}

#payment_select .nextbtn {clear:left; width: 70%; margin: 10px 5px;}
#payment_select .veritrans {display: block; margin: 20px 20px 0px 20px; border:#A69649 solid 1px; padding: 10px;}
#payment_select .veritrans td.logo {width: 120px;}
.verisign {display: block; margin: 10px 20px 0px 20px; border:#A69649 solid 1px; padding: 10px;}
.verisign td.logo {width: 120px;}


/* 注文の確認（カートの中身） */
#payment_confirm .confirm_info {margin:20px auto; padding: 0px; width:70%;}
#payment_confirm .segment { margin: 10px;}
#payment_confirm .confirm_address {border:#A69649 solid 1px; padding: 5px 10px 10px 10px; margin: 10px; width:35%; float:left;}
#payment_confirm .confirm_payment {border:#A69649 solid 1px; padding: 5px 10px 10px 10px; margin: 10px; width:35%; float:left;}
#payment_confirm .confirm_item    {padding: 0px; margin: 10px auto; clear:left;}

#payment_confirm .confirm_item table {border: #A69649 solid 1px; margin:0px; padding: 0px; width: 100%;}
#payment_confirm .confirm_item th {background: #F5F4EB repeat-x bottom; font-weight: bold; color: #6A4824; border-bottom: #A69649 1px solid; padding: 5px; text-align: center;}
#payment_confirm .confirm_item th.title {text-align: left;}
#payment_confirm .confirm_item th.subtotalprice, 
#payment_confirm .confirm_item th.totalprice {
    background: transparent repeat-x bottom; color: #000; text-align: right; border-bottom: #A69649 1px solid; padding: 10px 5px;}

#payment_confirm .confirm_item td {text-align: left; padding: 5px; border-bottom:#ccc 1px solid; }
#payment_confirm .confirm_item td.title {text-align: left; width: 42%;}
#payment_confirm .confirm_item td.media {text-align: center; width: 40px;}
#payment_confirm .confirm_item td.price {text-align: right; width: 60px; }
#payment_confirm .confirm_item td.count {text-align: right; width: 30px;}
#payment_confirm .confirm_item td.money {text-align: right; width: 60px; }
#payment_confirm .confirm_item td.souryouprc {text-align: right; width: 50px;}
#payment_confirm .confirm_item td.seller {text-align: center;}
#payment_confirm .confirm_item td.takkyubinprc {text-align: right;}
#payment_confirm .confirm_item td.subtotalprice {text-align: right; font-weight: bold; padding: 4px; border-bottom: #A69649 1px solid;}
#payment_confirm .confirm_item td.totalprice {font-weight: bold; color:#c00; text-align: right; border-bottom: #A69649 1px solid;}

#payment_confirm th.send_check {font-size:12px; font-weight: bold; width: 70px; text-align:left;}
#payment_confirm th.pay_check  {font-size:12px; font-weight: bold; width: 80px; text-align:left;}

#payment_confirm .confirm_address input, #payment_confirm .confirm_payment input {background: transparent url("../img/btn_change.gif") no-repeat 0 0;}


.confirm_item input {background: transparent url("../img/btn_change.gif") no-repeat 0 0; }
.confirm_item input {width: 40px; height: 20px; border: 0 #fff none; text-indent: -9999px; display: inline;}

#payment_confirm .nextbtn {margin: 10px auto; width:30%;}
#payment_confirm .nextbtn .comment {font-size: 10px;}
#payment_confirm .nextbtn input {background: transparent url("../img/btn_cart_decision.gif") no-repeat 0 0; width: 125px; height: 20px; border: 0 #fff none; text-indent: -9999px; display: block;}
#payment_confirm .confirm_address input, #payment_confirm .confirm_payment input {width: 40px; height: 20px; border: 0 #fff none; text-indent: -9999px; display: block;}
.cardinfo {list-style: none;}


/* 手続き完了、エラー表示（カートの中身） */
#shopping_exit .segment {border: 0px; margin:20px auto; padding: 10px; width:70%;}
#shopping_exit .exitmsg {padding-bottom: 10px;}
#shopping_exit .exitmsg h3 {font-size: 24px;}

#shopping_exit .nextbtn {margin: 10px auto; width: 20%;}
#shopping_exit .nextbtn button {background: transparent url("../img/btn_portal.gif") no-repeat 0 0;}
#shopping_exit .nextbtn button, #shopping_exit .returnbtn button{width: 125px; height: 20px; border: 0 #fff none; text-indent: -9999px; display: block;}
#shopping_exit .returnbtn button {background: transparent url("../img/btn_cart_return.gif") no-repeat 0 0;}


/* タグ変更 */
#taglist h3 {color: #c00; font-size: 12px; padding: 10px 0px 0px 5px;}
#taglist td.tag_img {width:165px; padding:10px;}
#taglist td.tag_img  img {width:147px; text-align:center;}
#taglist td.tag_img a img {border:#666 solid 1px;}
#taglist td.tag_img a:hover img {border:#f90 solid 1px;}

#taglist table.taglist {margin: 15px auto; border:#A69649 solid 1px; width:70%;}
#taglist th.taglist {text-align: right; padding:5px 10px 5px 0; width: 80px;}
#taglist td.taglist {text-align: left;}
#taglist td.title {text-align: left; padding: 0 0 20px 0;}
#taglist td.tag_space {height:20px;}
#taglist td.tag_item {padding: 10px 10px 0 0;}

#taglist td.tag_button2 {width:200px; text-align:center;}
#taglist .tag_m {margin:10px 0 0 40px;}
#taglist .tag_b {margin: 15px auto; padding:10px 0 10px 20px; border:#A69649 solid 1px; width:50%;}

/* 出品者評価 */
#vallist h2 {color:#000; font-size:14px; text-decoration:none; line-height:1; background-color:#fff; display:block; float: none; margin: 15px auto 5px; width: 70%;}
#vallist h3 {color: #c00; font-size: 12px; padding: 10px 0px 0px 5px;}
#vallist td.val_img {width:165px; padding:10px;}
#vallist td.val_img  img {width:147px; text-align:center;}
#vallist td.val_img a img {border:#666 solid 1px;}
#vallist td.val_img a:hover img {border:#f90 solid 1px;}

#vallist table.vallist {margin: 0 auto; border:#A69649 solid 1px; width:70%;}
#vallist th.vallist {text-align: right; padding:5px 10px 5px 0; width: 80px;}
#vallist td.vallist {text-align: left;}
#vallist td.title {text-align: left; padding: 0 0 20px 0;}
#vallist td.val_space {height:20px;}
#vallist td.val_item {padding: 10px 10px 0 0;}

#vallist td.val_button2 {width:200px; text-align:center;}
#vallist .val_m {margin:10px 0 0 40px;}
#vallist .val_b {margin: 15px auto; padding:10px 0 10px 20px; border:#A69649 solid 1px; width:70%;}


/* マイページ */
#mypage #title {background-color:#fff;}
#mypage #title h2 {color:#000; font-size:18px; text-decoration:none; line-height:1; background-color:#fff; padding:8px 0 1px 20px; display:block; float: none; border-bottom:#000 solid 1px;}
#mypage .segment {border:#A69649 solid 1px; margin:20px 0 20px 10px; float:left; width:31%;}
#mypage .segment h3 {background:#BFB16D url(../img/lead_bar1.gif) repeat-x bottom; text-align:center; font-weight:bold;  color:#FFF; font-size:18px; line-height:1; padding:4px 10px 3px;}
#mypage .segment h4 {color:#c00; font-size:14px; margin:0px 0 10px 0px; padding:4px 10px 3px; background-color:#CCCC99; border-top:#A69649 solid 1px;}
#mypage .segment ul {margin:0 10px 15px 10px; font-size:12px; height:100px;}
#mypage .segment li {margin-bottom:7px; list-style:none; line-height:1.2em;}
#mypage .segment .stop {font-weight:bold; color:#c00; font-size:14px;}
#mypage .segment2 {margin:20px 0 20px 10px; float:left; width:80%;}
#mypage ul.alert {color:#C00; margin: 10px; list-style-type: none;}



/* ウォッチ一覧、タグ一覧、レビュー一覧 */
#mypage table.watch, table.tag, table.review {width: 100%; margin:10px;}
#mypage td.in {width:100px;}
#mypage td.in2 {width:50px;}
#mypage td.in3 {width:100px; text-align:right; padding-right:10px;}
#mypage td.image {text-align:center; margin:5px;}
#mypage td.info {margin:5px;}
#mypage td.line {border-bottom:#A69649 solid 1px;}

/* マイページ　アカウント設定 */
th.account {width: 200px; text-align:left; vertical-align: top;}
.seg_contents {margin: 10px;}

