@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;

}





/*

*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;

}