/* ----------------------------------------- */
/* オーダーページ                            */
/* ----------------------------------------- */

#order {
  background-color:#fff;
  color:#275F8A;
  font-family:"Lucida Grande","ＭＳ Ｐゴシック","Osaka",sans-serif,"Verdana";
  margin:0px; padding:0px;
}

#order #header { /* オーダーページ用（ヘッダー） */
  vertical-align:top;
  text-align:left;
  width:100%;
  height:40px;
  padding:2px 0px 0px 0px;
  margin-bottom:12px;
  background: url(parts/material/back_img1.gif) repeat top left;
}

#order #header .line { /* オーダーページ用（ライン） */
  width:100%;
  height:6px;
  background: url(parts/material/back_img1b.gif) repeat-x bottom left;
}

#order #header h1 { /* オーダーページ用（タイトル） */
  font-size:20px;
  color:#ddffff;
  margin:5px 5px 0px 8px;
  padding:5px; 
}

#order h2 {
 font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif;
}
h2 {
	margin:6px 0px 9px 5px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif;
	font-size:26px;
}

#order #container_odr { /* オーダーページ用（ページ全体） */
  margin:5px 20px 5px 20px;
}

#order .submit { /* オーダーページ用（ボタン用） */
  margin:12px 5px 5px 5px;
}

.submit { /* オーダーページ用（ボタン用） */
  margin:12px 5px 5px 5px;
}

/* クレジットカード・ロゴ */
.card { margin:6px 0px 6px 6px; }
.card img { margin:2px 4px 4px 0px; }

.ssl { /* SSLシール */
  text-align:right;
  float:right;
}

div.main_odr { /* メイン */
  line-height:1.5;
  padding: 4px;
  margin: 0 24px 0 55px;
  text-align:left;
}

div.main { /* メイン */
  line-height:1.5;
  padding: 4px;
  margin-left: 15px;
  margin-right: 15px;
  text-align:left;
}
/* リンク */
span.txt_main A { color: #0083B7; text-decoration:underline; }
span.txt_main A:hover { color:#ff3333; text-decoration:none; }

div.waku2 { /* 注意項目 */
  font: bold 14px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  padding:0px;
  margin:3px 0px 15px 0px;
  letter-spacing:2px;
}

.txt_waku2 { /* 注意表記（赤枠つき）【div】 */
  color:#594b49;
  border:1px solid #ffe4e1; /* 枠色 LavenderBlush */
  background-color:#fff0f5; /* 背景色 misty rose */
/*  margin:15px 32px 15px 26px; */ margin:5px 25px 5px 10px; padding:10px;
  line-height:1.6;
}

h3.subtitle { /* サブタイトル用（項目の区切り） */
  font: bold 16px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  color:#fff;
  padding:0px 0px 0px 5px;
  margin:10px 25px 8px 10px;
  line-height:150%;
  letter-spacing:2px;
  background-color: #275F8A;
}

span.readmore { /* 続きを読む */
  font-size:15px;
  background-color: #ffdddd;
}

.price { /* 価格表記 */
  text-align:right;
  color:red;
  font-weight:bold;
}

.green { /* 緑文字 */
  color:green;
}

.txt_s { /* テキスト（小） */
  margin-top:4px;
  line-height:1.35;
  font-size: 10px;
  margin-left:8px;
}
.txt_m { font-size:118%; } /* テキスト(中) */
.txt_l { font-size:125%; } /* テキスト(大) */

.point { /* テキスト（赤枠） */
  color:red;
  border:1px solid red;
  margin:0px; padding:1px 3px 1px 3px;
  font-style:normal;
}

.rebtn A { /* リンク用ボタン 「戻る」など【ミディアムポップ ver】 */
  text-decoration:none;
  height:24px; margin-top:1px; padding:3px 10px 2px 10px;
  /* ▼ブルー ++++++++ */
  color:#eeffef; background:#6297A4; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
  /* ▼オレンジ ++++++  ※サイトによって変える
  color:#eeffef; background:#FF6633; border:1px solid #F1B789;
  border-right:1px solid #A34C12; border-bottom:1px solid #A34C12;
  */
}
.rebtn A:link , .rebtn A:visited { color:#eeffef; }

.rebtn A:hover { /* リンク用ボタン マウスオーバー(赤) */
  color:#ffe; background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}
.rebtn img { vertical-align: middle; } /* アイコンが入る場合 */

.str-indent { /* インデント */
	margin-left:20px !important;
}

/* ----------------------------------------- */
/* フォーム・ボタン装飾                      */
/* ----------------------------------------- */

/* フォーム */
INPUT,TEXTAREA,SELECT {
  border:1px solid #4682b4; color:#555555; letter-spacing:1px;
  font-family:"Lucida Grande","ＭＳ Ｐゴシック","Osaka",sans-serif,"Verdana" !important;
  font-size:13px !important;
}

/* フォーム(テキストエリア) */
.msgform { height:auto; line-height:1.4; padding:3px 6px 3px 8px; }

.ime_on { ime-mode: active; }
.ime_off { ime-mode: disabled; }

/* チェックボックス／ラジオボタン */
input.ckbox,input.rdbox { 
  vertical-align: middle !important;
  margin-right:3px !important;
  border:none !important;
  background-color:transparent !important;
}

/* ----------------------------------------- */
/* ボタン設定【ミディアムポップ ver】        */
/* ----------------------------------------- */

input.refresh-sty { /* グリーン（リフレッシュ） */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; margin-top:1px; padding:2px 4px 2px 18px;
  background: #66A95A url(parts/material/action_refresh.gif) no-repeat 6px 2px;
  border:1px solid #cddee2;line-height:1.3;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.refresh-fst { /* オレンジ（リフレッシュ） */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; margin-top:1px; padding:2px 4px 2px 18px;
  background: #C15D3E url(parts/material/action_refresh_red.gif) no-repeat 6px 2px;
  border:1px solid #ffc3b2;line-height:1.3;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}

/* ボタン設定【ミディアムポップ ver】（大） */
input.sty1 { /* ブルー */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; line-height:1.2; margin-top:1px; padding:2px 4px 2px 4px;
  background:#6297A4; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.sty101 { /* グリーン */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; line-height:1.2; margin-top:1px; padding:2px 4px 2px 4px;
  background:#66A95A; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.fst1 { /* 赤（マウスオーバー色） */
  font-size:14px; font-weight:bold; color:#ffc3b2; letter-spacing:1px;
  height:24px; line-height:1.2; margin-top:1px; padding:2px 4px 2px 4px;
  background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}

/* ボタン設定【ミディアムポップ ver】（小） */
input.sty12 { /* ブルー */
  font-size:13px; font-weight:bold; color:#eeffef; letter-spacing:0px;
  height:20px; line-height:1.4; margin:1px 0px 1px 0px; padding:0px 1px 2px 1px;
  background:#6297A4; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.sty121 { /* グリーン */
  font-size:13px; font-weight:bold; color:#eeffef; letter-spacing:0px;
  height:20px; line-height:1.4; margin:1px 0px 1px 0px; padding:0px 1px 2px 1px;
  background:#66A95A; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.fst12 { /* 赤（マウスオーバー色） */
  font-size:13px; font-weight:bold; color:#ffc3b2; letter-spacing:0px;
  height:20px; line-height:1.4; margin:1px 0px 1px 0px; padding:0px 1px 2px 1px;
  background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

table.cont1 { /* ライン付きテーブルコンテンツ(table) */
  margin:0px;
  border: 1px solid #777;
  border-collapse: collapse;
}
td.cont10 { /* ライン付きテーブルコンテンツ (10) タイトル用 */
  font-size: 13px;
  border: 1px solid #6a8993;
  padding:6px 5px 5px 5px;
  line-height:135%;
  vertical-align:top;
  letter-spacing:2px;
  background: #9ac9d9 url(parts/material/back_img_table0.gif) repeat top left;
}
td.cont11 { /* ライン付きテーブルコンテンツ (11) */
  font-size: 13px;
  border: 1px solid #AEBEC9;
  padding:8px 5px 5px 8px;
  background-color:#f0faff;
  line-height:135%;
  vertical-align:top;
  background: #f0faff url(parts/material/back_img_table1.gif) repeat top left;
}
td.cont12 { /* ライン付きテーブルコンテンツ (12) */
  font-size: 13px;
  border: 1px solid #AEBEC9;
  padding:5px 5px 5px 8px;
  background-color:#f9fdff;
  line-height:135%;
  background: #f9fdff url(parts/material/back_img_table2.gif) repeat top left;
}
td.cont11d { /* ライン付きテーブルコンテンツ (11) 二重線 */
  border-top: 3px double #668b8b !important;
}

td.cont1-g { /* ライン付きテーブルコンテンツ (１)- 緑 */
  font-size:13px;
  border:1px solid #AEBEC9;
  padding:5px;
  background-color:#f6fffb;
  line-height:135%;
}
td.cont2-g { /* ライン付きテーブルコンテンツ (２)- 緑 */
  font-size:13px;
  border:1px solid #AEBEC9;
  padding:5px;
  background-color:#fbfffd;
  line-height:135%;
}