/* ************************************************ 
 * ------------------------------------------------
 *	お問合せ画面 CSS
 * ------------------------------------------------
 * ************************************************ */


/* ------------------------------------- 
 *	共通
 * ------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
}

body {
	padding-top: 30px;
	color: #000000;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 150%;
	background-color: #FFFFFF;
	margin-left: 20px;
 background-color: #242020;
}

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

a:visited {
	color: #9966CC;
}

a:active {
	color: #9966CC;
}

a:hover {
	color: #FF0033;
}

/* ------------------------------------- 
 *	入力項目
 * ------------------------------------- */

input, select, textarea {
	border-right: solid #CCC 1px;
	border-top: solid #CCC 1px;
	border-left: solid #CCC 1px;
	border-bottom: solid #CCC 1px;
}

.base01 {
	width: 700px !important;
	margin: 0px auto !important;
	padding: 0px !important;
	text-align: left !important;
}

.base02 {
	width: 700px !important;
	margin: 0px !important;
	padding: 20px 0px 0px 0px !important;
	text-align: left !important;
}

.sub {
	width: 700px !important;
	margin: 0px !important;
	padding: 10px 0px !important;
	background:#FFF;
}

/* ------------------------------------- 
 *	テーブルの背景色と文字色
 * ------------------------------------- */

.table1 {
	border: 1px solid #999999;
	font-size: 11px;
	align:center;
	margin:0px auto;
}

.CELL_1_L {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 2px 4px 10px;
	font-weight: bolder;
	text-align:left;
}

.CELL_1_C {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 2px 4px 2px;
	font-weight: bolder;
	text-align:center;
}

.CELL_1_R {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px 10px 4px 2px;
	font-weight: bolder;
	text-align:right;
}

.CELL_2 {
	background:#FFF;
	border: 1px solid #EEE;
	padding: 4px 2px;
}

.prod_total, .all_total {
	font-weight: bolder;
	display: block;
}


.title_area {
	padding: 0px !important;
}

.shop_title {
	font-size: 22px;
	font-weight: bolder;
	line-height:1.2em;
}



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

.submit_btn {
	text-align:center !important;
}

/*決済ページ:カートを空にする&変更*/
.submit_btn_cart01 {
}

/*決済ページ:買い物を続ける&レジへ進む*/
.submit_btn_cart02 {
}

/* ------------------------------------- 
 *	コピーライト、セキュア
 * ------------------------------------- */
.copyright{
	width: 700px;
	text-align:center !important;
	margin:0px auto !important;
}

.secure_seal {
	text-align:center;
	margin:20px auto !important;
	width:700px;
}

.secure_table {
	margin:20px auto !important;
	text-align:center;
}

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

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

/* ------------------------------------- 
 *	注意書き３の文字色
 * ------------------------------------- */
#note3 {
	font-size: 11px;
	color: #3B6190;
}

/* ------------------------------------- 
 *	メッセージ表示域の設定
 * ------------------------------------- */
.info {
	border: #3c60c5 1px dotted;
	padding: 10px;
	font-size: 11px;
	margin: 10px auto;
	width: 90%;
	color: #3c60c5;
	background-color: #f8f8ff;
	text-align: left
}

/* ------------------------------------- 
 *	エラー表示域の設定
 * ------------------------------------- */
.errorbox {
	background-color: #00929F;
	border: 2px solid;
	border-color: #007782;
	padding: 4px 2px 4px 5px;
	margin:10px auto;
	text-align: left;
	color:#FFFFFF;
	font-size:11px;
}

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

/* ------------------------------------- 
 *	使用ポイントの文字色
 * ------------------------------------- */
.point_discon {
	color: 00929F;
	font-weight: bold;
}
/*2021*/
.p-page__body-inner {margin-top: -20px;}
.view_pc .base01.p-page__container {
border-radius: 12px;
background: #ffffff;
}
form .p-page__title:before {
content:'Contact Us';
font-size: 21px;
display: block;
}
.c-form__title--must {
font-size: 8px;
}
.c-form__title--must:after {
content:'*required';
font-size: 12px;
color: red;
}
table.c-form__table tr:first-child .c-form__title:Before {
content:'Your Name';
font-size: 18px;
display: block;
}
table.c-form__table tr .c-form__title {
font-size: 10px;
}
table.c-form__table tr:nth-child(2) .c-form__title:Before {
content:'e-Mail';
font-size: 18px;
display: block;
}
table.c-form__table tr:nth-child(2) .c-form__note:Before {
content:'Please enter again for confirmation.';
font-size: 18px;
display: block;
}
table.c-form__table tr:nth-child(3) .c-form__title:Before {
content:'Subject';
font-size: 18px;
display: block;
}
table.c-form__table tr:nth-child(4) .c-form__title {
font-size: 18px;
}
table.c-form__table tr:nth-child(5) .c-form__title {
font-size: 18px;
}
table.c-form__table tr:nth-child(6) .c-form__title:Before {
content:'How to Payment';
font-size: 18px;
display: block;
}
table.c-form__table tr:nth-child(6) .c-form__title:after {
content:'(1)PAYPAL (*needs 5% Charge).　\A (2)International Postal Money Order.　\A (3)Cash in Registar Mail.　\A (4)Coming to our store. \A Please fill in the expected date of \A coming to our store only on the \A selection of "(4)Coming to our store".';
white-space: pre;
font-size: 16px;
display: block;
text-align: left;
color: rgb(149, 21, 21);
}
table.c-form__table tr:nth-child(7) .c-form__title:Before {
content:'Item details you want.';
font-size: 18px;
display: block;
}
table.c-form__table tr:nth-child(7) .c-form__title:after {
content:'Please fill in Item No. and \A Type (7", 10", 12" LP, CD, Other)';
white-space: pre;
font-size: 16px;
display: block;
text-align: left;
color: rgb(149, 21, 21);
}
table.c-form__table tr:last-child .c-form__title:after {
content:'Im not a robot';
font-size: 18px;
display: block;
}