@charset "utf-8";


/* ページング設定------------------------------------------------------- */
/*
#gloNavi li#eye a:link,
#gloNavi li#eye a:visited{
	background-position:-143px -141px;
}
======================  elements  */

div#contents{
	margin:20px 25px 0 30px;
	width:610px;
	text-align:center;
}

div#contents h2{
	margin:0 0 -10px 0;
	padding:0;
}

div#contents h3{
	margin:1.5em 0 0 0;
	padding:0;
}
div#contents h4{
	margin-bottom:0;
	font-weight:normal;
	font-size:90%;
}

div.attention form{
	text-align:left;
}



img.flowIMG{
	margin-top:2em;
}





/*
table.anqTBL
table.prevTBL
====================== */

table.prevTBL td strong{
	font-weight:bold;
	color:#C4017F;
}


table.prevTBL td.status p{
	margin:0;
	padding:0;
	font-size:100%;
}
table.prevTBL td.status p.floRight{
	text-align:right;

}
table.prevTBL td.status span.attention{
	color:#C4017F;
}
table.prevTBL td.total{/* 合計セル */
	padding:5px;
	text-align:left;
	font-weight:bold;
}
table.prevTBL td.total span{
	font-size:100%;
}
table.prevTBL td.total span.floRight{
	margin-right:5px;
}


/*
======================  3-12 等　MY PAGEギフト関連  */
table.prevTBL#sendPrev td,
table#pointPrevTBL td{/* 届け先情報テーブル */
	text-align:left;
	text-indent:10px;
}
table.prevTBL#sendPrev td strong.def,
table#pointPrevTBL td strong.def{
	color:#000;
}
table#pointPrevTBL{/* ポイント残表示テーブル */
	margin-left:15px;
	width:200px;
}
table#pointPrevTBL th{
	text-align:left;
	text-indent:10px;
}
div.chooseGift{
	margin:0 auto;
	margin-bottom:1em;
	width:558px;
	padding:10px;
	border:2px solid #CCC;
	background-color:#F4F4F4;
}
div#contents div.chooseGift h4{
	margin:0;
	padding:0;
	font-size:80%;
}
div.chooseGift p{
	margin-left:10px;
}
table.chooseGift{
	background-color:#FFF;
}

table.chooseGift td{
	text-align:center;
	vertical-align:top;
	font-size:70%;
}
table.chooseGift td img{
	display:block;
	margin-bottom:5px;
	border:1px solid #CCC;
}

table.chooseGift td strong{
	color:#F00;
	font-weight:bold;

}



strong{/* 太字文言　ベースカラー */
	color:#C4017F;
	font-weight:normal;
}
.attention{/* 留意文言divエリア */
	font-size:95%;
	color:#DC0606;
}

div.attention strong{
	font-size:100%;
	color:#DC0606;
}

div.attention strong.def{/* 太字文言、黒テキスト */
	font-weight:bold;
	color:#333;
}

p.floRight a:link,
p.floRight a:visited{
	color:#666;
}

.supple{/* 補足divエリア　設定 */
	margin-bottom:1em;
	padding:10px;
	background-color:#F5DFED;
	text-align:left;
}
div.supple p{
	margin:0;
}

div.supple p{
	margin:0;
}
span.supple{
	padding:0;
	margin-right:0;
	background-color:#F7F7F7;
	display:block;
	width:180px;
	font-size:73%;
	float:right;
}
span.pre{
	font-weight:bold;
	font-size:100%;
}




/*
メールアドレス送信フォーム周りのdiv
センタリングの位置調整 
content2-2 IE向けに content2_IE.css　に記述。
該当HTMLのhead内部にて、コメントハックで個別読み込み。
====================== */
form.supple#form{
	width:450px;
	margin:2em;
	text-align:center;
	background-color:#FFF;
	position:relative;
	left:40px;
}
/*============================================= */
form.supple#form div.supple{
	text-align:center;
}
div.attention{
	margin-bottom:1.5em;
	padding:10px;
	background-color:#F7F7F7;
	font-size:95%;
	color:#000;
}
div.attention ol{
	margin-left:2px;
	padding-left:2px;
	list-style-position:inside;
}





table.anqTBL,
table.prevTBL{
	margin:0 auto;
	margin-bottom:2em;
	width:590px;
	border:1px solid #CCC;
	font-size:80%;
}
div.attention table.anqTBL{
	background-color:#FFF;

} 
table.prevTBL td{
	text-align:center;
	background-color:#E4E2E2;
}

table.prevTBL td.alignRight{
	text-align:right;
	padding-right:10px;
}


table.prevTBL td.itemName{
	text-align:left;
}

table.anqTBL th{
	width:126px;
	background-color:#E4E2E2;
}
table.anqTBL th{
	padding-left:0;
	text-indent:10px;
	font-weight:normal;
}
table.prevTBL th{
	background-color:#CDCDCD;
}
table.anqTBL tr th.bgFull,
table.anqTBL tr td.bgFull{
	background-color:#E4E2E2;
	padding:5px;
}
table.anqTBL tr th.supple{
	background-color:#E4E2E2;
	background-repeat:no-repeat;
	width:410px;
}
table.anqTBL tr th.bgFull input{
	display:inline;
}
table.anqTBL td{
	margin:1px;
	padding:10px;	
	background-color:#F7F7F7;	
}
table.anqTBL th,
table.anqTBL td{
	text-align:left;
	vertical-align:middle;
}

table.anqTBL tr th.supple span.attention strong{
	color:#DC0606;
	font-weight:bold;
}


/*
======================　ネストテーブルに対してのクラス  */
table.anqTBL table{
	clear:right;
	width:420px;
	margin-left:10px;
}
table.anqTBL tr td table th{
	background-color:#F7F7F7;
	text-align:right;
}

table.anqTBL table th,
table.anqTBL table td{
	padding:0;
	border:0;
	font-size:95%;
}
table.anqTBL table td input,
table.anqTBL table td select{
	width:150px;

}





/*
ここまでanqTBL／prevTBL等中心に、
基本的にcontent2～3CSSを踏襲／コピー。

content4独自のものを以下にて記述。
========================================== */

table.anqTBL th{
	width:180px;
	background-color:#E4E2E2;
}

table.anqTBL td.total{
	background-color:#CDCDCD;
}


h2.blank img{/* 4-2ページタイトル直後、フロー図がなくブランクがある為。 */
	padding-bottom:2em;
}

span.floLeft{/* 4-2ページ末※マーク箇所文言の処理 */
	margin-bottom:1em;
	text-align:left;
}

p.announce{/* 4-2ページ テーブル下部　アナウンスの処理 */
	margin:-2em 0 2em 0;
	padding:0;
	text-align:right;
	color:#C4017F;
}
p.announce strong{
	font-weight:bold;
}


/*
4-5ページ　ラッピング
以下、それ絡みのクラス
============================================== */
div#payPreview{
	width:600px;
	margin:2.5em auto;
	text-align:center;
}

div#payPreview span{
	text-align:left;
}


div#payPreview h4{
	margin-bottom:1em;
}

div#payPreview table.anqTBL{
	margin:0 0 0.5em 0;
	padding:0;
	width:600px
}
div#payPreview table.anqTBL th{
	width:auto;
}

div#payPreview input{
		vertical-align:middle;
}
div#payPreview p label strong{
	font-weight:bold;
	color:#333333;
}


div#payPreview table.timeOlder{
	width:300px;
	margin:0 auto;
}

div#payPreview p.supple2{
	margin:0;
/*  background-color:#fff;
	float:none; */
	font-size:70%;
	width:auto;
}
div#payPreview p{
	margin:0.5em 0;
}

div#payPreview span.attention{
	margin-top:-0.5em;
}

/*
4-6ページ　ラッピング
以下、それ絡みのクラス
============================================== */
div#orderStatus table.prevTBL td{
	background-color:#EFEFEF;
}
div#orderStatus table#sendPrev th{
	background-color:#E4E2E2;
	text-align:left;
	font-weight:normal;
	padding:5px;
}
div#orderStatus caption{
	text-align:left;
	padding:0 0 5px 0;
	font-weight:bold;
}
div#orderStatus table.statusSub{
	width:auto;
	margin-left:10px;
}
div#orderStatus table.statusSub th,
div#orderStatus table.statusSub td{
	padding:5px;
	font-weight:normal;
}
div#orderStatus table.statusSub th{
	background-color:#E4E2E2
}
div#orderStatus table.statusSub th.gloval{
	background-color:#CDCDCD;
}
div#orderStatus th.subject{
	width:200px;
	text-align:left;
}
div#orderStatus table strong.def{
	color:#333;
}
div#orderStatus p.alignRight{
	font-size:70%;
	line-height:120%;

}
span.total{/* 4-6 総合計セル */
	font-weight:bold;
	font-size:100%;
}


/*
3-6 踏襲
4-8 上部の角丸表現　周辺
============================== */

div#cosme h3,
div#fashion h3{/* 角丸系h3テキストを全て飛ばす */
	margin:0;
	padding:0;
	text-indent:-9999px;
}


div#cosme{
	clear:both;
}
div#cosme h3{
	height:25px;
	background-image:url("../shopping/img/4-8_h3_01.gif");
	background-repeat:no-repeat;
}

div#fashion{
	clear:both;
}
div#fashion h3{
	height:25px;
	background-image:url("../shopping/img/4-8tableCapBG.gif");
	background-repeat:no-repeat;
}

div.blackBox{/* 黒ベタ角丸系設定 */
	padding:0 10px 3px 3px;	
	margin:0 1px 1em 0;
	background-image:url("../members/mypage/img/3-6blackBG.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	color:#FFF;
	text-align:left;
}


/*
*html div#myFavo h3,
*html div#reco h3{ 
	background-position:6px 0;
}



div#myFavo span strong,
div#reco span strong{
	font-size:15px;
	color:#333;
	margin-right:5px;
}
div.blackBox p,
div.blackBox img{
	margin:0;
	padding:0;
}
============================== */







/*
4-8 商品一覧検索
============================== */
table.quickSerchTBL{
	width:302px;
	border-left:1px solid #000; 
}
table.quickSerchTBL caption{
	background-image:url("../shopping/img/4-8tableCapBG.gif");
	color:#FFF;
	height:22px;
	padding:5px 0 0 5px;
	font-weight:bold;
	text-align:left;
	font-size:75%;

}


table.quickSerchTBL th,
table.quickSerchTBL td{
	margin:0;
	padding:4px;
	font-size:68%;
	text-align:left;
	border-right:1px solid #000; 
	border-bottom:1px solid #000;
}
table.quickSerchTBL td.iconArea{
	padding:0;
	width:20px;
}
table.quickSerchTBL td.itemsArea{
	width:205px;
}
table.quickSerchTBL td.itemsArea strong{
	font-size:10px;
	font-weight:bold;
}
table.quickSerchTBL td.prptyArea img{
	margin-bottom:5px;
	text-align:center;
	display:block;
	border:0;
}



table.floLeft,
table.floRight{
	margin-bottom:10px;
	color:#666;
}

div.clearBlock{
	clear:both;
	display:block;
	text-align:right;
}

/*
1222 add

左右振り分け
ラッピングdiv	
============================== */
div.floLeft table,
div.floRight table{
	margin-bottom:10px;
}