/* CSS縮小サムネイル化 */

img.css_thumb {
	-ms-interpolation-mode: bicubic;
}

body {
	background-color:#ffffff;
	color:#333333;
	font: 12px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	margin: 0px;
	padding: 0px;
	}

tr,td,th,div,font {
	font: 12px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	color:#333333;
	}

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

img {
	border:0px;
	}


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


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

.base01 {
	}

.base02 {
	background-color:#ffffff;
	}


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

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

.CELL_1_L {
	color: #333333;
	background-color:#FFEFEF;
	text-align:left;
	padding-left: 10px;
	}

.CELL_1_R {
	color: #333333;
	background-color:#FFEFEF;
	text-align:right;
	padding-right: 10px;
	}

.CELL_2 {
	color: #333333;
	background-color:#fff;
	}


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

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

/* ------------------------------------- 
 *	タイトルエリアの背景色
 * ------------------------------------- */
/*.title_area {
 background      : url(https://file001.shop-pro.jp/PA01205/740/images/bg_logo.png) no-repeat 5% 0; 
 height          : 76px;
 border-bottom   : 1px solid #FFEFEF;
 padding         : 30px 0px 0px 30px !important;
	}
*/
/* ------------------------------------- 
 *	タイトルのショップ名の文字サイズと文字色
 * ------------------------------------- */
.shop_title {
	font-size:22px;
	color:#333;
	font-weight:bold;
	}

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

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

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

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

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

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

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

/* ------------------------------------- 
 *	使用ポイントの文字色
 * ------------------------------------- */
.point_discon {
	color: red;
	font-weight: bold;
	}
input.input_ime {
	ime-mode: disabled;
}

#sk_block {
	margin:0px;
	padding:10px 0px;
	text-align:center;
}

#sk_wrapp {
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:530px;
}

#sk_wrapp .sk_title {
	margin:0px 0px 10px;
	padding:0px;
	text-align:center;
}

#sk_wrapp .table1 {
	width:530px;
	margin:0px 0px 10px;
}

#sk_wrapp .table1 th {
	text-align:left;
	padding-left:5px;
}

#sk_closed {
	margin:0px;
	padding:0px;
	text-align:center;
}


/* ------------------------------------- 
 *	その他
 * ------------------------------------- */
.copyright {
 width: 580px;
 text-align:center;
 margin: 0px auto;
 border-top   : 1px solid #E5CECE;
}
.members_info {
 width           : 500px !important;
 margin          : 0 auto;
 text-align      : left;
}

/* ------------------------------------- 
 *	（スマホ）
 * ------------------------------------- */

@media only screen and (max-device-width:640px) {
	body {
		background-color:#ffffff;
		color:#333333;
		font: 20px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		margin: 0px;
		padding: 0px;
	}
	tr,td,th,div,font {
		font: 20px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
		color:#333333;
	}
a:link {font-size:20px; color:#333; text-decoration: underline;}
a:visited {font-size:20px; color:#333; text-decoration: underline;}
a:active {font-size:20px; color:#3333; text-decoration: underline;}
a:hover {font-size:20px; color:#923232; text-decoration:none;}

	.base01 {
		width:90% !important;
	}
	.base02 {
		background-color:#ffffff;
		width:90%  !important;
	}
	.CELL_1_L {
		color: #333333;
		background-color:#FFEFEF;
		text-align:left;
		padding-left: 10px;
		width:30% !important;
	}
	.CELL_2 {
		color: #333333;
		background-color:#fff;
		width:70% !important;
	}
	.table1 {
		width:80% !important;
	}
	input {
		width:100% !important;
		height:32px !important;
	}
	input[onclick="login();"] {
		width:70% !important;
		height:32px !important;
		padding: 5px;
	}
	.info {
		width:100% !important;
		line-height:20px;
	}
	.sub {
		width:100% !important;
		text-align:left;
		padding:10px;
		margin:0px auto;
	}
	.secure_table {
		width:70%;
	}
	#sk_wrapp {
		margin:0px auto;
		padding:0px;
		text-align:left;
		width:70%;
	}
	#sk_wrapp .table1 {
		width:70%;
		margin:0px 0px 10px;
	}
	.copyright {
		width: 90%;
		text-align:center;
		margin: 0px auto;
		border-top   : 1px solid #E5CECE;
	}
	.members_info {
		width: 80% !important;
		margin: 0 auto;
		text-align      : left;
	}
	.copyright {
		width: 90%;
		text-align:center;
		margin: 0px auto;
		border-top   : 1px solid #E5CECE;
	}
	.members_info {
		width : 80% !important;
		margin : 0 auto;
		text-align : left;
	}

	div[style="margin: 10px auto; font-size: x-small; width:600px; text-align:right;"]{
		width: 90%;
		font-size:20px;
	}
	div.members_info[style="width:580px;line-height:20px;"]{
		width: 90%;
	}
	div[style="margin: 10px auto; width:600px; text-align:left;"]{
		width: 90%;
	}
	div.info[style="width:580px;line-height:20px;"]{
		width: 90%;
	}
	div.sub[style="text-align:left; padding:10px; width:580px; margin:0px auto;"]{
		width: 90%;
	}
}