/* ----------------------------------------------
   全体のページ背景色、フォント色、フォントサイズ
   ---------------------------------------------- */
*{
margin:0;
padding:0;
border:0;}

body{
margin:0;
padding:0;
color:#666;
text-align:center;
font-weight:normal;
font-style:normal;
font-size:normal;
font-family:"メイリオ",Meiryo,Verdana,sans-serif;
letter-spacing: 0.02em;
}

.title_area{text-indent:-99999px;
height:100px;
background:url(https://img08.shop-pro.jp/PA01206/887/etc/head.jpg) 50% 0 no-repeat;}
  .title_area img{display:none;}
.title_area a{
display:block;
width:652px;
height:100px;}

a			{color:#dfb916; text-decoration:none; outline:none;}
a:hover		{color:#9fbf54; text-decoration:underline;}
a:visited	{color:#dfb916;}

input,
textarea{
        padding:5px;
        margin:2px;
border:1px solid #ccc;
}

.submit_btn input{
width:120px;
margin:0 auto 20px;
padding:7px;
color:#666;
font-size:12px;
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
background:#f9f0e5;
border:1px solid #e3d3bf;
cursor:pointer;}

.submit_btn input:hover{background:#e3d3bf;}

td {
	padding:5px;
	}


img {
	border:none;
	}

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

/* --------------------
   ベースレイアウト設定
   -------------------- */
.base01 {
	background:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}

.base02 {
	}
   
/* ----------------------
   タイトルエリアの背景色
   ---------------------- */
.title_area {
	background-color:#FFFFFF;
	font-size:160%;
	font-weight:bolder;
	}

/* ------------------------
   テーブルの背景色と文字色
   ------------------------ */
.table1 {
	background:#CCCCCC;
	}

.CELL_1_C {
	font-weight:normal;
	text-align:center;
	background-color:#F8F8F8;
	color:#808080;
	}

.CELL_1_L {
	font-weight:normal;
	text-align:center;
	background-color:#F8F8F8;
	color:#808080;
	}

.CELL_1_R {
	font-weight:normal;
	text-align:right;
	background-color:#F8F8F8;
	color:#808080;
	}

.CELL_2 {
	background-color:#EEEEEE;
	}

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

/* -----------------
   注意書き1の文字色
   ----------------- */
.note {
	color:#3399CC;
	}

/* -----------------
   注意書き2の文字色
   ----------------- */
.note2 {
	font-size:11px;
	color:#006633;
	}

/* -----------------
   注意書き3の文字色
   ----------------- */
#note3 {
	font-size:10px;
	font-weight:bolder;
	color:#CC3333;
	}

/* ----------------------
   メッセージ表示域の設定
   ---------------------- */
.info {
	background-color:#F0EAE7;
	border:1px solid #C3C3C3;
	color:#808080;
	padding:10px;
	margin:10px auto;
	text-align:left
	}

/* ------------------
   エラー表示域の設定
   ------------------ */
.errorbox {
	background-color:#FFFFFF;
	color:#CC3333;
	border:1px solid #000;
	padding:5px;
	margin:10px auto;
	font-size:11px;
	font-weight:bolder;
	}

/* ------------
   標準枠の設定
   ------------ */
.sub {
	border:1px solid #A49A93;
	}

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

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

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

/* --------------------
   使用ポイントの文字色
   -------------------- */
.point_discon {
	color:red;
	font-weight:bold;
	}
	
	
/*スマホ用*/
@media screen and (max-width: 480px){
.title_area{
	background-size: 90% auto;
	background-position:center center;
	width: unset;
	padding: 0;
	height:85px;
}