/* ************************************************ 
 * ------------------------------------------------
 *	決済画面 CSS
 * ------------------------------------------------
 * ************************************************ */

/* ------------------------------------- 
 *	ページ背景色（全体）
 *	ページ背景画像（全体）
 *	フォント色（全体）
 *	フォントサイズ（全体）
 * ------------------------------------- */
 
/*--------------------------------------------------
reset
--------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*--------------------------------------------------
clear
--------------------------------------------------*/

.clear { clear:both;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


body {
color:#313131; font-size:12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#282828; line-height:1.6em; border-top: 5px solid #231815;
	}

/* ------------------------------------- 
 *	リンクの文字/通常時(link,visited,active)
 *	リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a {color:#0068b7;}
a:hover {text-decoration:none;}


/* design css------------------------------------------ */

.base01 {
	background-color:#FFF;	
	}

.base02 {
	background-color:#FFF;
	}


/* ------------------------------------- 
 *	テーブルの背景色と文字色
 * ------------------------------------- */
.table1 {
	background-color:#dfdfdf;border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;
	}
.table1 th { padding:5px 10px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;	background-color:#f5f5f5;
}
.table1 td { padding:5px 10px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}

.CELL_1_C {
	background-color:#f5f5f5;
	text-align:center;
	}

.CELL_1_L {
	text-align:left;
	background-color: #f5f5f5;
	}

.CELL_1_R {
	text-align:right;
	background-color: #FFF;
	}

.CELL_2 {
		background-color: #FFF;

	}


/* ------------------------------------- 
 *	注意書き１の文字色
 * ------------------------------------- */
.note {
	font-size: 11px;
	font-weight: bolder;
	color: #f30067;
	}

/* ------------------------------------- 
 *	注意書き２の文字色
 * ------------------------------------- */
.note2 {
	font-size: 10px;
	color: #ff083a;
	}

/* ------------------------------------- 
 *	タイトルエリアの背景色
 * ------------------------------------- */

.title_area {
 height:20px;
	}

/* ------------------------------------- 
 *	タイトルのショップ名の文字サイズと文字色
 * ------------------------------------- */

.shop_title{ 
	background: url(https://img02.shop-pro.jp/PA01128/093/etc/logo.gif) no-repeat 0 0; height:0px; padding-top:48px;
overflow:hidden; display:block; width:425px; margin-top:-8px;
	}



/* ------------------------------------- 
 *	メニュータイトルの文字サイズと文字色
 * ------------------------------------- */
.menu_title {
	font-size:14px;
	color:#6d2916;
	font-weight:bold;
	}

/* ------------------------------------- 
 *	メッセージ表示域の設定
 * ------------------------------------- */
.info {
	border:5px #d8de00 solid;
	padding: 5px 10px;
	margin: 15px auto;
	text-align: left
	}

/* ------------------------------------- 
 *	エラー表示域の設定
 * ------------------------------------- */
.errorbox {
	border:5px #d8de00 solid;
	padding: 5px 10px;
	margin: 15px auto;
	text-align: left
	}

/* ------------------------------------- 
 *	標準枠の設定
 * ------------------------------------- */

/* ------------------------------------- 
 *	商品合計金額の文字色
 * ------------------------------------- */
.prod_total {
	color: #0068b7;
	font-weight: bold;
	}

/* ------------------------------------- 
 *	手数料の文字色
 * ------------------------------------- */
.sub_charge {
	color: #1d1d1d;
	font-weight: bold;
	}


/* ------------------------------------- 
 *	総合計の文字色
 * ------------------------------------- */
.all_total {
	color: #f30067;
	font-weight: bold;
	}

/* ------------------------------------- 
 *	使用ポイントの文字色
 * ------------------------------------- */
.point_discon {
	color: #ff093b;
	font-weight: bold;
	}
	
.copyright { border-top:1px solid #D2D2D2 ;}