@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/parts_common.css");
@media tty {
i{content:"¥";/*" "*/}} @import 'cart_ie55.css'; /*";}
}/* */

/* --------------------------------
	cart.css
--------------------------------
cart.cssはカートページで使用しているCSSファイルです。

** imported list
（なし）

** index
01:.return-to	ページアップ
02:#Personalinformation(個人情報の取り扱いについて)
03:#CartStep	カート上部ステップ
04:#CartContent	カートコンテンツ
05:.CartOrderList	注文商品リスト用
06:#CartFormContents	カートフォーム部コンテンツ
07:#CartComplete	カートコンプリートページ
08:#OrderFromCatalog	カタログからのご注文ページ
-------------------------------- */

/* --------------------------------
■01.return-to(ページ上部へ戻る)
--------------------------------
[div#Contents]の最下部へ設置する、ページ上部へ戻るためのリンクです。
[p.return-to strong a] - ページ上部へ戻る
-------------------------------- */
.return-to {
	padding-right:0!important;
}

/* --------------------------------
■02.Personalinformation(個人情報の取り扱いについて)
[div#Personalinformation title] - タイトル文字
-------------------------------- */
#Personalinformation h2.title {
background:#ffffff url("/common/img/bg/pattern_tilt_e7e3e2.gif") repeat top left;
}

/* --------------------------------
■03.CartStep(カート上部ステップ)
--------------------------------*/
ol#CartStep {
clear:both;
margin:0 0 40px;
overflow:hidden;
_zoom:1;	/* IE6 */
list-style:none;
}
ol#CartStep li {
	float:left;
	margin:0 4px 0 0;
	padding:0;
}
ol#CartStep li.end {
float:left;
margin:0;
}

/* --------------------------------
■04.CartContent(カート)
--------------------------------
カートコンテンツ本体と凡庸classです。
[#CartForm] - ブロック用大枠
[.Iconnote] - ブロック用大枠　上マージンのみ
[.Otheraddress] - 別のお届け先設定用チェックボックスあり大枠
[.Otheraddress span] - 別のお届け先設定用チェックボックスあり　小サイズ文字　
-------------------------------- */
#CartForm {
width:710px;
}
.Iconnote {
padding:0 0 2px 17px;
background:url("/common/img/icon/icon_circle_red.gif") no-repeat left center;
}
.Iconnote .tittext {
font-weight:bold;
}
.Otheraddress {
margin:0 0 10px;
padding:3px 0;
border:#cdcac2 1px solid;
background:url("/common/img/bg/pattern_tilt_e7e3e2.gif") repeat top left;
font-weight:bold;
text-align:center;
}
.Otheraddress span {
font-size:83%;
*font-size:79%;/* IE7 */
font-weight:normal;
}
                                                              
/* --------------------------------
■05.CartOrderList(注文商品リスト用)
--------------------------------
カートブロック内、注文商品リスト用です。
[div#CartOrderListToptitle] - カート内　商品リスト用タイトル
[table.CartOrderList] - カート内　商品リスト用テーブル大枠
[table.CartOrderList th] - カート内　商品リスト用テーブル　基本色付きセル
[table.CartOrderList th.Lightcolor] - カート内　商品リスト用テーブル　薄い色付きセル
[table.CartOrderList td] - カート内　商品リスト用テーブル　bg無し基本セル
[table.CartOrderList td.txtleft] - カート内　商品リスト用　bg無し基本セル文字左寄せ
[table.CartOrderList td.txtright] - カート内　商品リスト用　bg無し基本セル文字右寄せ
[table.CartOrderList td.buttonDel] - カート内　商品リスト用　bg無し基本セル削除ボタンセル
[table.CartOrderList td.Totalamount] - カート内　商品リスト用　bg無し基本セル金額用セル
[table.CartOrderList td.whitecl] - カート内　商品リスト用　bg無し・ボーダーなし
-------------------------------- */
.CartOrderListToptitle {
line-height:1;
margin:0 0 5px;
padding:7px 0 7px 20px;
border:1px solid #cdcac2;
background:#ffffff url("/common/img/bg/pattern_tilt_e7e3e2.gif") repeat top left;
}
table.CartOrderList {
width:100%;
margin:0 auto;
border-collapse:collapse;
text-align:center;
}
table.CartOrderList th {
padding:5px 15px;
border:#cccac2 1px solid;
background-color:#8b0808;
color:#ffffff;
font-weight:bold;
white-space:nowrap;
}
table.CartOrderList th span {
font-size:83%;
*font-size:79%;	/* IE7 */
}
table.CartOrderList th.Lightcolor {
background-color:#fdd9d9;
color:#333333;
}
table.CartOrderList td {
padding:5px 15px;
border:#cccac2 1px solid;
}
table.CartOrderList td.txtleft {
text-align:left;
} 
table.CartOrderList td.txtright {
text-align:right;
white-space:nowrap;
} 
table.CartOrderList td.buttonDel {
width:80px;
padding:5px 0;
} 
table.CartOrderList td.Totalamount {
font-weight:bold;
text-align:right;
white-space:nowrap;
}
table.CartOrderList td.whitecl {
padding:5px 0;
border:none;
text-align:left;
} 
table.CartOrderList td.whiteclnom {
padding:0;
border:none;
text-align:left;
} 

/* --------------------------------
■06.CartFormContents(カートフォーム部コンテンツ)
--------------------------------
カートブロックです。
[#CartStep] - カート上部ステップ枠
[div.CartFormContents] - ブロック用大枠　上マージンのみ
[div.CartFormContentsLine] - ブロック用大枠　上マージン・上ボーダーあり
[.CartFormContents h2 CartFormContentsLine h2] - ブロック毎のタイトル画像
[table.CartFormTable td .payment] - カートフォームテーブル　td内　取り扱いコンビニエンスストア周辺
[table.CartFormTable td .card] - カートフォームテーブル　td内　クレジットカード周辺
[FormButtonCon .readtextButton01] - カートフォーム　ページトップ下文字ボタン01
[FormButtonCon .readtextButton02] - カートフォーム　ページトップ下文字ボタン02
[.fmtxtbox**gy] - フォームテキストボックスbgグレー用各種サイズ
-------------------------------- */
.CartFormContents {
margin:30px auto 0;
}
.CartFormContentsLine {
margin:30px auto 0;
padding:30px 0 0;
background:url("/common/img/line/line_side_dotted_c6c6c6.gif") repeat-x left top;
}
.CartFormContents h2, .CartFormContentsLine h2 {
width:165px;
margin:0;
padding:7px 0px 8px 20px;
background-color:#8b0808;
border:1px solid #cccac2;
border-bottom:none;
}
.CartFormTable th {
background-color:#fdd9d9;
}
table.CartFormTable .payment {
margin:10px 0 0;
padding:10px 0 10px;
background:url("/common/img/line/line_side_dotted_c6c6c6.gif") repeat-x left top;
font-size:83%;
*font-size:79%;/* IE7 */
}
table.CartFormTable .card {
width:100%;
padding:5px 15px;
background-color:#ffc2ff;
}
.FormButtonCon .readtextButton01 {
float:left;
width:251px;
margin:0 40px 0 90px;
_margin:0 40px 0 40px;/* IE6 */
}
.FormButtonCon .readtextButton01 img {
margin-right:0;
}
.FormButtonCon .readtextButton02 {
float:left;
width:251px;
}
.FormButtonCon .readtextButton01 span,
.FormButtonCon .readtextButton02 span {
display:block;
margin:10px 0 0;
}
.fmtxtbox30gy { width:30px; background-color:#999999;}
.fmtxtbox50gy { width:50px; background-color:#999999;}
.fmtxtbox100gy { width:100px; background-color:#999999;}
.fmtxtbox200gy { width:200px; background-color:#999999;}
.fmtxtbox350gy { width:350px; background-color:#999999;}

/* --------------------------------
■07#CartComplete(カートコンプリートページ)
--------------------------------
カートコンプリートページです。
[#CartComplete] - コンプリート表示コンテンツ大枠
[#CartComplete p main] - コンテンツ内上部お礼文用
[#CartComplete p read] - リード文字用
[#CartComplete contactread] - お問い合わせ先枠
[#CartComplete .contactread img] - お問い合わせ先内画像用
[#CartComplete .contactread text] - お問い合わせ先内メールアドレス用
-------------------------------- */
#CartComplete {
width:710px;
padding:0 0 30px;
border:#cdcac2 double 3px;
text-align:center;
}
#CartComplete p.main {
margin:0 0 20px;
padding:40px 0;
background-color:#fdd9d9;
}
#CartComplete p.read {
margin:0 0 20px;
padding:0 40px;
text-align:left;
}
#CartComplete dl {
line-height:1;
width:500px;
margin:0 auto 30px;
text-align:left;
border:1px solid #8b0808;
text-align:center;
background:#ffffff url("/common/img/bg/pattern_tilt_fcf5f4.gif") repeat-y top left;
}
#CartComplete dl dt {
float:left;
width:248px;
padding:7px 0 0;
}
#CartComplete dl dd {
margin:0 0 0 248px;
padding:8px 0 7px 0;
font-weight:bold;
border-left:1px solid #8b0808;
}

/* --------------------------------
■08#OrderFromCatalog(カタログからのご注文ページ)
--------------------------------*/

#OrderFromCatalog h2 {
	padding:0 0 1px;
	border-bottom:2px solid #d81a1a;
	font-size:117%;
	font-weight:bold;
}
#OrderFromCatalog h2 span {
	display:block;
	padding:5px 10px;
	background:#e5dfdf url("/common/img/bg/bg_gradetion_height.gif") repeat-x 0 -800px;
}
#OrderFromCatalog ul {
margin:20px;
}
#OrderFromCatalog ul li {
list-style:disc;
}
#OrderFromCatalog .question img {
vertical-align:middle;
}