/*
	Last Up Date - 201X.00.00
*/

/*=============================================================================
	mainContainer styles
=============================================================================*/

#mainContainer .article .title{
	padding-bottom:8px;
	background:url(../images/bg_ttl.png) bottom left no-repeat;
	font-size:1.6em;
	font-weight:bold;
}

#mainContainer .article .headline{
	border-left:7px solid #F00;
	padding-left:5px;
	font-size:1.4em;
	line-height:1.5;
	font-weight:bold;
}

#mainContainer .infomation{
	text-align:left;
	margin-top:10px;
	font-size:1.2em;
}

#mainContainer .infomation .footer .icon{
	background:url(../images/icon_arrow_dotred.gif) 0 6px no-repeat;
	padding-left:8px;
}

#mainContainer .footer{
	text-align:center;
	margin-top:30px;
}

#mainContainer .inputTab .icon{
	margin-left:5px;
	padding-left:8px;
	background:url(../images/icon_arrow_dotred.gif) 0 6px no-repeat;
}



/*=============================================================================
	mainContainer styles
=============================================================================*/

#mainContainer .article .title{
	padding-bottom:8px;
	background:url(../images/bg_ttl.png) bottom left no-repeat;
	font-size:1.6em;
	font-weight:bold;
}

#mainContainer .header.nav{
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom	:1px solid #CCC;
	font-size:1.2em;
	line-height:1.5;
}

#mainContainer .header.nav li{
	float:left;
	margin-right:20px;
}

#mainContainer .header.nav li .icon{
	padding-left:10px;
	background:url(../images/icon_arrow_red_big.gif) 0 4px no-repeat;
}

#mainContainer .article .infomation{
	margin-top:20px;
	font-size:1.2em;
	line-height:1.5;
}

#mainContainer .article .infomation.box{
	padding:9px;
	border:1px solid #CCC;
}

#mainContainer .inputTab{
	width:770px;
	border-collapse:collapse;
}

#mainContainer .inputTab th,
#mainContainer .inputTab td{
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
}

#mainContainer .inputTab td th,
#mainContainer .inputTab td td{
	vertical-align:middle;
	padding:0;
	border:none;
	font-size:1em;
}

#mainContainer .inputTab th{
	text-align:left;
	width:205px;
	background-color:#F7F5F4;
	font-weight:bold;
}

#mainContainer .inputTab td th{
	width:auto;
	background-color:none;
	font-weight:normal;
}

#mainContainer .inputTab td .small{
	font-size:10px;
}

#mainContainer .inputTab td td{
	padding-right:5px;
}

#mainContainer .inputTab td input{
	padding:2px 4px;
	border:1px solid #CCC;
}

#mainContainer #privacy{
	margin-top:20px;
	padding:9px;
	border:1px solid #CCC;
	height:200px;
	overflow:auto;
}

#mainContainer .footer{
	text-align:center;
	margin-top:20px;
}

#mainContainer .buttonWrapper{
	margin:0 auto;
}

#mainContainer .buttonWrapper td{
	padding:0 10px;
}

#mainContainer .error{
	border:1px solid #F00 !important;
	background-color:#FCC;
}

#mainContainer .thanks{
	margin-top:20px;
	font-size:1.2em;
}

#mainContainer #finish .footer{
	text-align:center;
	margin-top:80px;
	font-size:1.2em;
}

#mainContainer #finish .footer .icon{
	background:url(../images/icon_arrow_dotred.gif) 0 5px no-repeat;
	padding-left:8px;
}

#mainContainer .addressTab{
	width:770px;
}

#mainContainer .addressTab th,
#mainContainer .addressTab td{
	vertical-align:middle;
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
	line-height:1.5;
}

#mainContainer .addressTab th.number,
#mainContainer .addressTab td.change,
#mainContainer .addressTab td.delete{
	text-align:center;
}

#mainContainer .addressTab th.number{
	background-color:#F7F5F4;
	font-weight:bold;
	width:40px;
}

#mainContainer .addressTab td.change,
#mainContainer .addressTab td.delete{
	width:80px;
}

#mainContainer .addressTab .icon{
	padding-left:8px;
	background:url(../images/icon_arrow_red_1.gif) 0 6px no-repeat;
}

#mainContainer .historyTab{
	width:770px;
}

#mainContainer .historyTab th,
#mainContainer .historyTab td{
	vertical-align:middle;
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
	line-height:1.5;
}

#mainContainer .historyTab th{
	text-align:center;
	background-color:#F7F5F4;
	font-weight:bold;
}

#mainContainer .historyTab td{
	text-align:left;
}

#mainContainer .historyTab td.date{
	text-align:center;
	width:120px;
}

#mainContainer .historyTab td.total,
#mainContainer .historyTab td.detail{
	text-align:center;
	width:80px;
}#mainContainer .tableTab{
	width:770px;
	border-collapse:collapse;
}

#mainContainer .tableTab th,
#mainContainer .tableTab td{
	vertical-align:middle;
	text-align:center;
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
}

#mainContainer .tableTab th{
	text-align:right;
	background-color:#F7F5F4;
	font-weight:bold;
}

#mainContainer .tableTab .first th{
	text-align:center;
}

#mainContainer .tableTab .first th.name{
}

#mainContainer .tableTab td{
	text-align:center;
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
}

#mainContainer .tableTab .name{
	text-align:left;
}

#mainContainer .tableTab .price{
	width:80px;
}

#mainContainer .tableTab .number{
	width:40px;
}

#mainContainer .tableTab .subtotal{
	width:120px;
}

#mainContainer .tableTab .right{
	text-align:right;
}

#mainContainer .tableTab td.delete .icon{
	background:url(../images/icon_arrow_dotred.gif) 0 6px no-repeat;
	padding-left:8px;
}

#mainContainer .shippingAddressTab{
	width:770px;
	border-collapse:collapse;
}

#mainContainer .shippingAddressTab th,
#mainContainer .shippingAddressTab td{
	vertical-align:middle;
	padding:9px;
	border:1px solid #CCC;
	font-size:1.2em;
}

#mainContainer .shippingAddressTab th{
	text-align:left;
	background-color:#F7F5F4;
	font-weight:bold;
	width:160px;
}

#mainContainer .shippingAddressTab .first th{
	text-align:center;
	width:auto;
}

#mainContainer .footer.detail{
	font-size:1.2em;
}

#mainContainer .footer.detail .icon{
	padding-left:8px;
	background:url(../images/icon_arrow_dotred.gif) 0 6px no-repeat;
}

#mainContainer.terms .header .headline{
	font-size:1.2em;
	font-weight:bold;
	border-left:none;
	padding-left:0;
}

#mainContainer.terms .header .headline span{
	padding:1px 6px;
	background-color:#F00;
	color:#FFF;
	line-height:1.1;
}

#mainContainer.terms .termsWrapper{
	margin-top:10px;
	padding:0 19px 19px 19px;
	border:1px solid #CCC;
	font-size:1.2em;
	height:350px;
	overflow:auto;
}

#mainContainer.terms .termsWrapper .context{
	margin-top:20px;
}