/* ************************************************
 * ------------------------------------------------
 *      システム画面 CSS
 * ------------------------------------------------
 * ************************************************ */

 
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
        font-size:13px;
        /* for IE6/7 */ 
        *font-size:small; 
        /* for IE Quirks Mode */
        *font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
        font:99%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
        *font-size: 100%;
}


/**
 * To help tables remember to inherit
 */
table {
        font-size:inherit;
        font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
        font-family:monospace;
        *font-size:108%;
        line-height:100%;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}


/* ---------------------------------
*    Font Family
*/

body { font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif; }
;;body { font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body { font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;}
* html body { font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;}

/* -------------------------------------
 *      ページ背景色（全体）
 *      ページ背景画像（全体）
 *      フォント・フォーム・共通部分
 * ------------------------------------- */

*{
        margin:0px;
        padding:0px;
}

body {
        background-color: #FFF;
        color: #000;
        line-height: 1.5;
        margin: 0;
        padding: 10px;
        background: url('http://file001.shop-pro.jp/PA01320/394/images/bgContainer.gif') repeat 0 0;
}

ul{
        list-style-type:none;
}

form{
        margin:0px;
        padding:0px;
}

img{
        border:none;
}

/*input{
        padding:1px;
        margin:2px;
}*/

.table1 input {
        font-size: 108%;
        background: #FFF;
        border: 1px solid;
        border-color: #D8D8D8 #f8f8f8 #f8f8f8 #D8D8D8;
        /*height: 20px;
        font-size: 15px;*/
        padding: 5px 5px;
}

select{
        padding:2px;
        margin:2px 0px;
}

textarea{
        padding:2px;
        margin:2px 0px;
        font-size:12px;
                border: 1px solid;
                border-color: #D8D8D8 #f8f8f8 #f8f8f8 #D8D8D8;
}

span.b{
        font-weight:bold;
}

span.small{
        font-size:10px;
        line-height:130%;
}

br.clear{
        clear:both;
}

.clearfix:after{
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

/* -------------------------------------
 *      リンクの文字/通常時(link,visited,active)
 *      リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a         { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover   { color: #555; text-decoration: underline; }
a:active  { color: #555; text-decoration: underline; }
/* -------------------------------------
 *      メイン部分中央寄せ
 * ------------------------------------- */
#wrapper{
        width:800px;
        margin:20px auto;
        text-align:left;
}

/* -------------------------------------
 *      ヘッダー
 * ------------------------------------- */
.base01 {
        width:800px;
        margin:0px auto;
        /*background: url('https://img20.shop-pro.jp/PA01248/332/etc/headerCMS.gif') no-repeat 0 0;*/
}

.shop_title { height: 100px; margin-top: 10px; }

.base01 .title_area a {
  display: block;
  height: 80px;
  width: 80px;
  text-indent: -9999px;
  padding-top: 0;
  background: url('https://file001.shop-pro.jp/PA01320/394/images/logoMain.png') no-repeat 0 0;
}

.title_area {
        margin-top: 10px;
}


/* ページの先頭へ戻る */
.btn_pagetop {
        padding: 12px 0;
        text-align: center;
}

/* -------------------------------------
 *      エラーBOX
 * ------------------------------------- */
.errorbox{
        background:#FFF7F7 url(../img2/ic_alart.png) no-repeat 10px 7px;
        border:2px solid #FF0000;
        padding:8px 5px 8px 40px;
        color:#FF0000;
        font-weight:bold;
        text-align:left;
        margin:30px auto 20px;
        clear:both;
}

/* -------------------------------------
 *      エラーメッセージ
 * ------------------------------------- */
.errormsg{
        color:#FF0000;
        font-size:12px
}

/* -------------------------------------
 *      カートの中
 * ------------------------------------- */
#cart{
        width:100%;
        clear:both;
        background-color:#CCC;
        border-top: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
}

#cart .cell_2_l:last-child{
        border-right:none;
}

#cart .cell_1_c:last-child{
        border-right:none;
}

/* 商品画像 */
td.photo{
        padding:3px;
        background-color:#FFFFFF;
        border-bottom:1px solid #CCCCCC;
        width:70px;
}

/* 商品名 */
td.name{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-right:1px dotted #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        text-align:left;
}

/* 販売価格 */
td.price{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-right:1px dotted #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        text-align:right;
}

/* 個別送料 */
td.price .indidelivery{
        font-size:12px;
        color:#FF6600;
}

/* 数量 */
td.unit{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-right:1px dotted #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        text-align:right;
}

/* 変更 */
td.delete{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-right:1px dotted #CCCCCC;
        border-bottom:1px solid #CCCCCC;
        text-align:center;
}

/* 小計 */
td.subtotal{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-bottom:1px solid #CCCCCC;
        text-align:right;
}

/* 商品合計 */
td.totalprice{
        background-color:#FFFFFF;
        padding:5px 10px;
        border-bottom:1px solid #CCCCCC;
        text-align:right;
}

/* -------------------------------------
 *      入力フォーム
 * ------------------------------------- */
.table_form {
        width:100%;
        margin:24px auto 0px;
        border-top:1px solid #CCC;
        border-right:1px solid #CCC;
        border-left:1px solid #CCC;
}

/*見出し*/
h2{
        font-size: 131%;
        padding: 15px 10px;
        text-align: left;
        border-bottom: 1px solid #CCC;
}

/*必須項目*/
.must{
        margin-left:5px;
        color:#F00;
}

/*入力フォーム解説*/
.note{
        margin:3px;
        color:#f00;
        font-weight: bold;
}

#note3 {
        font-weight: bold;
        color: #00f;
}

.CELL_2 .note,
#note3 {
  font-weight: normal;
}


/*ショップ会員登録*/
ul.shopmem_regist li{
        margin-right:10px;
        display:inline;
        width:200px;
}

/*送付先の設定*/
ul.deli_choice li{
        margin-bottom:10px;
}

ul.deli_choice li:last-child{
        margin-bottom:0px;
}

/* 配送料無料設定 */
#freeshopping ul{
        background-color:#EEE;
        padding:10px;
        margin-top:10px;
        font-weight:bold;
        text-align:right;
}

#freeshopping ul span { color:#F00; }

/* -------------------------------------
 *      フォームcell共通
 * ------------------------------------- */
 
 /*
.cell_1_c{
        background-color:#EEE;
        padding:7px 10px;
        font-weight:bold;
        border-bottom:1px solid #CCC;
        border-right:1px dotted #CCC;
        text-align:center;
}

.cell_1_l{
        background-color:#EEE;
        padding:7px 10px;
        border-bottom:1px solid #CCC;
        border-right:1px dotted #CCC;
        text-align:left;
        font-weight:normal;
}

.cell_1_r{
        background-color:#EEE;
        padding:7px 10px;
        border-bottom:1px solid #CCC;
        border-right:1px dotted #CCC;
        text-align:right;
}

.cell_2_c{
        background-color:#FFF;
        padding:7px 10px;
        border-bottom:1px solid #CCC;
        text-align:center;
}

.cell_2_l{
        background-color:#FFF;
        padding:7px 10px;
        border-bottom:1px solid #CCC;
        text-align:left;
}

.cell_2_r{
        background-color:#FFF;
        padding:7px 10px;
        border-bottom:1px solid #CCC;
        text-align:right;
}

.cell_3{
        background-color:#FFF;
        padding:20px 10px 8px 10px;
        font-weight:bold;
        border-bottom:1px solid #CCC;
}
*/

table.table1 {
        width: 680px;
}

table.table1 a {
        color: #f00;
}

table.table1 th {
        padding: 12px;
        font-weight: normal;
        background-color: #efefef;
}

table.table1 td {
        padding: 12px;
}

.CELL_1_C {
        text-align:center;
        background-color: #efefef;
        color: #000;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
}

.CELL_1_L {
        text-align:center;
        /*background-color: #FFF;*/
        background-color: #efefef;
        color: #000;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
}

.CELL_1_R {
        text-align:right;
        background-color: #FFF;
        color: #000;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
}

.CELL_2 {
        background-color: #FFF;
        color: #000;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        }

table.secure_table,table.table1 { margin: 7px auto; }

/* 配送方法・決済方法選択 */
.select_rb{
        background-color:#F1F1F1;
        border: 1px solid #CCCCCC;
        padding: 5px;
        font-size: 123.1%;
        font-weight:bold;
        margin-bottom: 5px;
}

.select_rb .button{
        padding:5px;
        /*vertical-align:middle;*/
}

.select_rb input { vertical-align: middle; }

.select_ex{
        margin:10px 10px 15px 10px;
}


/* -------------------------------------
 *      総合計の文字色
 * ------------------------------------- */
.prod_total{
        font-weight:bold;
}

.all_total{
        font-size:14px;
        font-weight:bold;
}

/* -------------------------------------
 *      ボタン
 * ------------------------------------- */

.submit_btn input {
  display: inline-block;
  *display: inline;
  padding: 10px 25px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 16px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.submit_btn input:hover,
.submit_btn input:active,
.submit_btn input.active,
.submit_btn input.disabled,
.submit_btn input[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.submit_btn input:active,
.submit_btn input.active {
  background-color: #cccccc 9;
}

.submit_btn input:first-child {
  *margin-left: 0;
}

.submit_btn input:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.submit_btn input:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.submit_btn input.active,
.submit_btn input:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.submit_btn input,
.submit_btn input:hover{
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.submit_btn input.active{
  color: rgba(255, 255, 255, 0.75);
}

.submit_btn input {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.submit_btn input {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.submit_btn input:hover,
.submit_btn input:active,
.submit_btn input.active,
.submit_btn input.disabled,
.submit_btn input[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.submit_btn input:active,
.submit_btn input.active {
  background-color: #004099 9;
}


/* -------------------------------------
 *      特定商取引法のリンク
 * ------------------------------------- */
.tokutei{
        text-align:right;
        margin-top:20px;
}

.tokutei_link{
        background-color:#EEE;
        border:1px solid #CCC;
        padding:10px;
}

/* -------------------------------------
 *      メッセージ表示域の設定
 * ------------------------------------- */
.info,
.members_info {
        border:1px #000 solid;
        padding:5px 10px;
        margin:15px auto;
        color:#000;
        text-align:left;
        line-height: 1.8;
        width: 650px !important;
}

.members_info {
  background-color: #333;
  color: #fff;
}

.mail_title {
        width: 80% !important;
        font-size: 123.1%;
}

.sub {
        padding: 0 !important;
        width: 100% !important;
}

/* -------------------------------------
 *      注意事項
 * ------------------------------------- */
.attention{
        width:800px;
        margin:10px auto;
}

.back_shop_link{
        text-align:right;
        margin:10px 0px;
}

/* -------------------------------------
 *      特定商取引法
 * ------------------------------------- */
.sk_title{
        font-weight:bold;
        font-size:14px;
}

.sk_closed{
        text-align:center;
        margin:15px;
}

/* -------------------------------------
 *      ベリサインSSLサーバ証明書
 * ------------------------------------- */
#secure_seal{
        width:500px;
        margin:20px auto;
}

#secure_seal .cap{
        padding-left:20px;
        font-size:11px;
}