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


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

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

body {
padding-top: 30px;
color: #333;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 150%;
background-color: #fff;
}
table {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}
table tr {
vertical-align:top;
}
table td,
table th {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-weight:normal;
}

img {
border:none;
}

a {
color: #666;
}

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

input, select, textarea {
font-size: 14px;
border: 1px solid #ddd;
padding: 4px;
}

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

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

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

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

.table1 {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 11px;
align:center;
margin: 0 auto;
width: 600px !important;
}

.table1 td, .table1 th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 6px;
}

.table1 th {
background: #eee;
vertical-align: middle;
font-weight: bolder;
text-align: center;
}

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

.title_area {
padding: 0 !important;
}

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



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

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

.submit_btn input {
margin-top: 10px;
padding: 4px 20px;
cursor: pointer;
}


/* ------------------------------------- 
*	コピーライト、セキュア
* ------------------------------------- */
.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;
}
.table1 th .note {
color: #f00;
}
.table1 td .note {
color: #333;
}

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

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

/* ------------------------------------- 
*	メッセージ表示域の設定
* ------------------------------------- */
.info {
border: #999 1px dotted;
padding: 10px;
font-size: 11px;
margin: 10px auto;
text-align: center;
background: #fff;
width: 578px !important;
}

/* ------------------------------------- 
*	エラー表示域の設定
* ------------------------------------- */
.errorbox {
width: 566px !important;
border: 2px solid #f00;
color: #f00;
padding: 15px;
margin: 15px auto 10px;
text-align: left;
font-size: 11px;
font-weight: bold;
}