@charset "utf-8";

/*
　　　　Site Name:TAT
　　　　Description: ec cart common Layout
　　　　Version: 
　　　　Author: Editor by H.Tanaka.
*/

/*
===== 注文フロー共通部分 ==========================================
*/
p#step {
	margin-bottom:26px;
}
div.section h2{
	background:url(../common/ec/item/bg_title_h2.jpg) no-repeat left top;
	width:618px;
	height:30px;
	font-weight:bold;
	color:#505050;
	font-size:1.2em;
	padding:10px 0 0 20px;
	margin-bottom:30px;
	}
	
div.section h2.sicolumn{
	background:url(../common/ec/item/bg_title_h2_single.jpg) no-repeat left top;
	width:850px;
}

div.section h3 {
	margin-bottom:10px;
	padding-left:20px;
	color:#FFF;
	background-color:#F77193;
	font-size:1em;
	font-weight:bold;
	line-height:2;
}

div.section h3.bgGray {
	color:#FFF;
	background-color:#666666;
}

div.section p {
	margin-bottom:1em;
}

div.section p.campaign {
	margin-bottom:2em;
	padding:10px;
	border:1px dashed #C9C9C9;
	color:#FF6633;
}

/* 表組み　パターン1
--------------------------------------------------------*/
div.section table.tStyle01 {
	margin-bottom:2em;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background:url(../common/contents/line_v_gray.gif) repeat-y right top;
}

div.section table.tStyle01 th, div.section table.tStyle01 td {
	padding:8px;
	border-bottom:1px solid #CCC;
	background:url(../common/contents/line_y.gif) repeat-y right top;
}

div.section table.tStyle01 th {
	background-color:#FFEFEE;
	font-weight:bold;
	text-align:center;
}

div.section table.tStyle01 th.alingL {
	text-align:left;
}

/* セレクトボタン
--------------------------------------------------------*/
dl#select {
	margin-bottom:1em;
	text-align:center;
}

dl#select li {
	display:inline;
	padding-left:10px;
}

/* グレーの角丸(1カラム用)
--------------------------------------------------------*/
div.grayBox {
	padding:6px 0 0 0;
	background:url(../common/contents/corner_top.gif) no-repeat left top;
	width:871px;
	margin:0 auto 30px auto;
}

div.grayBoxbtm{
	padding:0 0 6px 0;
	background:url(../common/contents/corner_btm.gif) no-repeat left bottom;
	width:871px;
	margin:0 auto;
	}

div.grayBoxmdl {
	padding:16px 0px 1em 27px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
div.grayBoxmdl p.red{
	color: #FF3366;
	font-weight: bold;
	padding:0.25em 0;
	margin-bottom:0;
}

/* グレーの角丸(2カラム用)
--------------------------------------------------------*/
div.grayBox02 {
	padding:6px 0 0 0;
	background:url(../common/contents/note_top.jpg) no-repeat left top;
	margin:0 auto 20px auto;
}

div.grayBoxbtm02{
	background:url(../common/contents/note_bottom.jpg) no-repeat left bottom;
	width:638px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	}

div.grayBoxmdl02 {
	padding:16px 0px 1em 27px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

/* 表組み　フォーム
--------------------------------------------------------*/
div.section div#addressBox {
	width: 864px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 24px 0;
	margin-bottom: 24px;
	background:url(../common/ec/cart/address/address_border.gif) repeat-y left top;
}

div.section div#addressBox dl{
	width: 805px;
	margin-left:28px;
	background: url(../common/ec/cart/address/address_back.gif) repeat-y left top;
}

div.section div#addressBox dt{
	width: 250px;
	float: left;
	display:table-cell;
	vertical-align:middle;
}

div.section div#addressBox dt span.txt{
	float: left;
	margin: 13px 0 16px 15px;
	font-weight: bold;
	color: #505050;
}


div.section div#addressBox dt span.ico{
	float: right;
	margin: 13px 8px 16px 0;
}

div.section div#addressBox dd{
	padding: 13px 0 8px 258px;
	background: url(../common/ec/cart/address/address_back_bottom.gif) repeat-x left bottom;
}

div.section div#addressBox dd p.red{
	color: #FF3366;
	font-weight: bold;
}

div.section div#addressBox dd span.note{
	font-size: .8em;
}

p.mark img{
	vertical-align: middle;
	margin-right: 2px;
}

/* error
--------------------------------------------------------*/
div.error p{
	padding:0 0 1em 290px;
	}

div.error p.red{
	color: #FF3366;
	font-weight: bold;
	padding:0 0 1em 0;
	text-align:center;
	font-size:1.2em;
}

/* logout
--------------------------------------------------------*/
div.logout p{
	padding:0 0 1em 0;
	text-align:center;
	}

div.logout p.red{
	color: #FF3366;
	font-weight: bold;
	padding:0 0 1em 0;
	font-size:1.2em;
}

/* 追記 added by takeshi Kito 20080422*/


/* 注意事項
--------------------------------------------------------*/
div.section dl#w_list{
	background: none;
	margin:6px 30px 0;
}

div.section dl#w_list dt{
	width: 805px;
	float: none;
	font-weight: bold;
}

div.section dl#w_list dd{
	float: none;
	background: none;
	padding: 0;
}