@charset "UTF-8";

/*ログイン画面*/

  #mypage .login { width:380px; margin:0 auto;}

  #mypage .receipt { border:1px solid #CCC; background:#EFEFEF; padding:10px; margin:0 auto 10px  auto; text-align:center; font-size:80%; line-height:140%; width:80%; }
  .menu_contents01 { margin: 0 0 21px; padding: 0 0 5px; background: #fff url(../img/cart/login_bg_bm.gif) no-repeat 0 100%; }
  .menu_contents02 { padding: 10px 20px 5px; background: #fff; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; }
  .menu  .contents-title { font: 95%/120%; font-weight: bold; padding: 9px 34px 0; background: url(../img/cart/login_bg_hd.gif) no-repeat; }
  .menu_box_l { width:355px; float:left;}
  .menu_box_r { width:355px; float:right;}

*html .menu { margin-bottom: 21px;}
*:first-child+html .menu{ margin-bottom: 21px;}

 .inq-no { font-size:80%;}

  .recommend_l { width:220px; float:left;}
  .recommend_c { width:220px; float:left; margin:0 0 0 20px;}
  .recommend_r { width:220px; float:right;}
  .recommend_l1 { width:90px; float:left;}
  .recommend_l2 { width:130px; float:left;}

  .recommend2_l { width:335px; float:left;}
  .recommend2_r { width:335px; float:right;}
  .recommend2_l1 { width:95px; float:left;}
  .recommend2_l2 { width:140px; float:left;}
  .recommend2_l3 { width:90px; float: right;}

  #mypage h3 { margin:20px 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; color:#333; font-size:95%;}
  #mypage h3 span { font-size:80%;}

#contents table.confirmation { display: auto; width: 100%; line-height: 140%; border-collapse: collapse; empty-cells: show; background: #fff; margin-bottom: 20px;}
#contents .confirmation th { vertical-align: top; text-align: center; font-weight: normal; color: #fff; padding: 3px 5px; background: #999; border: 1px solid #ccc;}
#contents .confirmation td { vertical-align: center; /*text-align: center;*/ padding: 3px 10px; border: 1px solid #ccc; }

#contents .confirmation th.th01 { width:90px;}
#contents .confirmation th.th02 { width:55%;}
#contents .confirmation td.th03 { width:100px;}
#contents .confirmation th.th04 { width:30%;}
#contents .confirmation th.th05 { width:70px;}

/*オリジナル商品一覧*/
#radio-box { border:1px solid #CCC; background:#EFEFEF; padding:10px 20px; margin:0 auto 10px  auto; /*font-size:80%; line-height:140%;*/ width:550px; }
  #radio-box ul { margin:0; padding:0;}
  #radio-box ul li { list-style-type:none; margin:0; padding:2px 0; clear:both;}
  #radio-box ul li #radio { width:20px; float:left; margin:4px 0 0 0; padding:0;}
  #radio-box ul li label { display:block; width:240px; padding-left:25px;}
*html #radio-box ul li label {  width:220px; padding-left:10px; margin:4px 0 0 0;}
*:first-child+html #radio-box ul li label{ width:220px; padding-left:10px; margin:4px 0 0 0;}
  #radio-box #radio-box-l { width:270px; float:left;}
  #radio-box #radio-box-r { width:270px; float:right;}
  #radio-box table { width:65%; margin:5px auto;}






  #mypage table.customer { border-collapse:collapse; margin:0 0 20px 0; padding:0; border:none; width:100%;}
  #mypage .customer th { border:#ccc; margin:0; padding:8px 10px; color:#333; font-size:90%; border:none; font-weight:normal; background:#EFEFEF; width:14em; text-align:left; border:1px solid #ccc; }
  #mypage .customer td { border:#ccc; margin:0; padding:8px 10px; color:#333; font-size:90%; border:none; font-weight:normal; border:1px solid #ccc;}
  #mypage .customer td span { font-size:85%;}








/*ボタン関係*/
  #mypage .btn01 { width: 310px; height: 45px; background: url(../img/mypage/btn01.gif) no-repeat; border:none; }
  #mypage .btn01:hover { background-position: 0 -50px; }

  #mypage .btn02 { width: 310px; height: 45px; background: url(../img/cart/btn02.gif) no-repeat; border:none; }
  #mypage .btn02:hover { background-position: 0 -50px; }

  #mypage .btn02.btn-download { width: 310px; height: 40px; background: url(../img/btn-download.gif) no-repeat; border:none; }
  #mypage .btn02.btn-download:hover { background-position: 0 -40px; }

  #mypage .btn02.btn-download-data { width: 310px; height: 40px; background: url(../img/btn-download-data.gif) no-repeat; border:none; }
  #mypage .btn02.btn-download-data:hover { background-position: 0 -40px; }

  #mypage .btn02.btn-download-invoice { width: 310px; height: 40px; background: url(../img/btn-download2.gif) no-repeat; border:none; }
  #mypage .btn02.btn-download-invoice:hover { background-position: 0 -40px; }


#mypage .btn03 { width:310px; margin: 20px auto; padding:0;}
  #mypage .btn03 a { display: block; width: 310px; height: 45px; background: url(../img/btn-bk-manual.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none;  }
  #mypage .btn03 a:hover { background-position: 0 -50px; }

  #mypage .btn04 { width: 310px; height: 45px; background: url(../img/cart/btn04.gif) no-repeat; border:none;}
  #mypage .btn04:hover { background-position: 0 -50px; }

  #mypage .btn05 { width: 310px; height: 45px; background: url(../img/btn-confirmation.gif) no-repeat; border:none;}
  #mypage .btn05:hover { background-position: 0 -50px; }

#mypage .btn-del { margin: 0 auto; }
  #mypage .btn-del a { display: block; width: 40px; height: 22px; background: url(../img/btn-del.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none;  margin: 0 auto;}
  #mypage .btn-del a:hover { background-position: 0 -50px; }

#mypage .btn-post { width:100px; margin: 0; padding:0;}
  #mypage .btn-post a { display: block; width: 100px; height: 22px; background: url(../img/btn-post.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; }
  #mypage .btn-post a:hover { background-position: 0 -50px; }

#mypage .btn-dl { width:100px; margin: 0; padding:0;}
  #mypage .btn-dl a { display: block; width: 100px; height: 22px; background: url(../img/btn-dl.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none;  }
  #mypage .btn-dl a:hover { background-position: 0 -50px; }

#mypage .btn-del { width: 40px; height: 22px; background: url(../img/btn-del.gif) no-repeat; border:none;}
#mypage .btn-del:hover { width: 40px; height: 22px; background: url(../img/btn-del.gif) no-repeat 0 -50px; border:none;}

*html #mypage .btn-del { margin-left: 6px;}
*:first-child+html #mypage .btn-del { margin-left: 6px;}


  .btn-gocart2 { width: 90px; height: 22px; background: url(../img/btn-gocart2.gif) no-repeat; border:none;}
  .btn-gocart2:hover { background-position: 0 -50px; }


.btn-inq-no { width:100px; margin: 0; padding:0;}
  .btn-inq-no a { display: block; width: 100px; height: 22px; background: url(../img/btn-inq-no.gif) no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none;  }
  .btn-inq-no a:hover { background-position: 0 -50px; }


#mypage .btn-buy { width:540px; margin: 30px auto 20px auto; list-style-type:none;}
#mypage .btn-buy .before-box {width: 250px; height: 45px; float:left; }
#mypage .btn-buy .before {width: 250px; height: 45px; background: url(../img/btn-comp.gif) no-repeat 0 0; border:none;}
#mypage .btn-buy .before:hover { background-position: 0 -50px; }
#mypage .btn-buy .comp-box {width: 250px; height: 45px; float:right; }
#mypage .btn-buy .comp {width: 250px; height: 45px; background: url(../img/btn-comp.gif) no-repeat -290px 0; border:none;}
#mypage .btn-buy .comp:hover { background-position: -290px -50px; }



/* ウォッチリストを見る  */
#mypage .allcheck{
vertical-align: middle;
margin-right:5px;
}

#contents .confirmation td div.dis {
text-decoration: line-through;
color: #CC0000;
}
#contents .confirmation td div.dis em {
font-size:100%;
color: #333333;
font-weight:normal;
}
#contents .confirmation td div.dis_price {
text-align:left;
margin-bottom: 5px;
color: #CC0000;
}
#contents .icn_percent {
margin-top: 5px;
}
#mypage .btn-request02 { width:100px; margin: 0; padding:0;}
  #mypage .btn-request02 a { display: block; width: 84px; height: 22px; background: url("../img/btn-request02.gif") no-repeat;text-decoration: none; text-indent: -99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0 auto; }
  #mypage .btn-request02 a:hover { background-position: 0 -50px; }
#mypage .btn-checkdel {
background:url("../img/btn-checkdel.gif") no-repeat scroll 0 0 transparent;
border:medium none;
height:22px;
width:137px;
vertical-align: middle;
}
#mypage .btn-checkdel:hover {
background:url("../img/btn-checkdel.gif") no-repeat scroll 0 -50px transparent;
border:medium none;
height:22px;
width:137px;
vertical-align: middle;
}
#mypage .btn-order {
background:url("../img/btn-order.gif") no-repeat scroll 0 0 transparent;
border:medium none;
height:22px;
width:92px;
vertical-align: middle;
}
#mypage .btn-order:hover {
background:url("../img/btn-order.gif") no-repeat scroll 0 -50px transparent;
border:medium none;
height:22px;
width:92px;
vertical-align: middle;
}