@charset "UTF-8";

/*============================================================
 EC
============================================================*/

/* Base
----------------------------------------------------*/
input,
select,
textarea {
	font-size: 11px;
}


/* Common
----------------------------------------------------*/
div.contentsHead {
	margin: 0 0 10px 0;
}

div.contentsHead div.contentsTtl {
	font-size: 18px;
}

div.ecContainer {
	margin: 0 0 10px 0;
	position: relative;
	_position: inherit;
}

div.sbmBlock {
	margin: 20px 0 0 0;
}

div.sbmBlock li {
	margin: 0 10px 0 0 !important;
}

div.sbmBlock ul.alignC li {
	margin: 0 5px !important;
}

div.sbmBlock ul.alignR li {
	margin: 0 0 0 10px !important;
}

div.separateContents {
}

div.separateContents div.side {
	float: right;
	width: 240px;
	padding: 0 0 0 10px;
}

div.separateContents div.main {
	overflow: hidden;
}

div.subEntryBox {
	margin: 5px 0 0 0;
}

div.ecOrderContainerFrame {
	background: #FFF;
	border-radius: 3px;
	border: 1px solid #D3D4D5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	height: 100%;
}

div.ecOrderContainerFrame:nth-child(1n) {
	/*border: none;*/
}

div.ecOrderContainerFrame.narrow {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

div.slctInputUnit {
}

div.slctInputUnit td.inputArea {
	width: 20px;
}




div.imgInfoUnit {
}

div.imgInfoUnit div.imgCol {
	float: left;
	overflow: hidden;
	padding: 0 0 0 30px;
}

div.imgInfoUnit div.imgCol img {
	max-width: 50px;
	max-height: 50px;
}

div.imgInfoUnit div.infoCol {
	margin: 0 0 0 130px;
}

div.inlineImgInputUnit {
}

div.inlineImgInputUnit table {
	width: auto;
}

div.inlineImgInputUnit th {
	vertical-align: middle;
}

div.inlineImgInputUnit td {
	vertical-align: middle;
}

div.inlineImgInputUnit td.imgArea {
}

div.inlineImgInputUnit td.textArea {
}

div.deliveryAlertMsg {
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 0 20px 0 0;
}

div.ecFtNotice {
	margin: 30px 0 0 0;
}

div.nb {
	font-size: 11px;
	color: #636465;
}

div.nb p {
	margin: 0 0 10px 0;
}

div.version {
	margin: 30px 0 0 0;
	font-size: 11px;
	color: #666;
}

div.version div.versionLogo {
	float: left;
	width: 100px;
	padding: 0 0 0 10px;
}

div.version div.versionText {
	overflow: hidden;
	margin: 0 0 0 130px;
}

div.setItems {
	margin: 5px 0 0 0;
	font-size: 11px;
}

div.breakdown {
	font-size: 11px;
}

div.breakdown div.total table {
	width: 100%;
}

div.breakdown div.total th {
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
}

div.breakdown div.total td {
	vertical-align: middle;
	text-align: right;
}

div.loadingSubject {
	opacity: 0.2;
	filter: alpha(opacity=20);
}


/* Catalog Contents
----------------------------------------------------*/
div#contents.ecContents {
	padding-top: 20px;
}


/* Shopping Cart
----------------------------------------------------*/
div.ecCartContents {
}

div.ecCartContents div.side {
	width: 280px;
	padding: 0 0 0 20px;
}

/* side *******************************************/
div.summaryBox {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
}

div.summaryBox div:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

div.summaryBox div:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

div.summaryBox div.summaryBoxTop {
	background: #F3F4F5;
	padding: 15px;
	text-align: center;
}

div.summaryBox div.summaryBoxBtm {
	border-top: 1px solid #D3D4D5;
	padding: 15px;
	text-align: center;
}

div.summaryBox div.breakdown {
}

div.summaryBox div.subtotals {
	font-size: 11px;
}

div.summaryBox div.subtotals table {
	width: 100%;
}

div.summaryBox div.subtotals th {
	text-align: left;
	font-weight: normal;
}

div.summaryBox div.subtotals td {
	vertical-align: middle;
	text-align: right;
}

div.summaryBox div.total {
	font-size: 12px;
	border-top: 1px solid #D3D4D5;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

div.summaryBox div.total table {
	width: 100%;
}

div.summaryBox div.total th {
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
}

div.summaryBox div.total td {
	vertical-align: middle;
	text-align: right;
}

div.summaryBox div.checkout {
	margin: 15px 0 0 0;
}

div.summaryBox div.checkoutAlert {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 10px;
	margin: 0 0 15px 0;
	font-size: 11px;
}

/* main *******************************************/
div#cartActiveItem {
	margin: 0 0 50px 0;
}

div.cartItemListHead {
	font-size: 11px;
}

div.cartItemListHead table {
	width: 100%;
}

div.cartItemListHead th {
	font-weight: normal;
	vertical-align: middle;
	/*border-left: 1px dotted #D3D4D5;*/
	padding: 5px 10px;
}

div.cartItemListHead th:first-child {
	border: none;
}

div.cartItemListHead th.inputArea {
	width: 16px;
}

div.cartItemListHead th.priceArea {
	width: 120px;
	padding: 5px 10px;
	text-align: right;
}

div.cartItemListHead th.quantityArea {
	width: 50px;
	padding: 5px 10px;
	text-align: center;
}

div.cartItemList {
	position: relative;
}

div.cartItemBlock {
	font-size: 12px;
	padding: 15px 0;
	border-top: 1px solid #D3D4D5;
}

div.cartItemBlock table {
	width: 100%;
}

div.cartItemBlock td {
}

div.cartItemBlock td.strcArea {
}

div.cartItemBlock td.priceArea {
	width: 140px;
	padding: 0 10px;
	text-align: right;
}

div.cartItemBlock td.quantityArea {
	width: 50px;
	padding: 0 10px;
	text-align: center;
}

div.cartItemBlock div.imgInfoUnit div.imgCol {
	float: left;
	overflow: hidden;
	padding: 0 0 0 30px;
}

div.cartItemBlock div.imgInfoUnit div.imgCol img {
	max-width: 80px;
	max-height: 80px;
}

div.cartItemBlock div.imgInfoUnit div.infoCol {
	margin: 0 0 0 140px;
}

div.cartItemBlock div.imgInfoUnit div.cartItemInfo li {
	margin: 10px 0 0 0;
}

div.cartItemBlock div.imgInfoUnit div.cartItemInfo li:first-child {
	margin: 0;
}

div.cartItemBlock div.oldPrice {
	text-decoration: line-through;
	font-size: 11px;
}

div.cartItemBlock div.price {
	font-size: 14px;
}

div.cartItemBlock div.point {
}

div.cartItemBlock div.campaignInfo {
	margin: 10px 0 0 0;
	font-size: 11px;
}

div.cartItemBlock div.stockDeliInfo {
	margin: 10px 0 0 0;
}

div.cartItemBlock div.stockDeliInfo span.stockInfo {
	margin: 0 10px 0 0;
}

div.cartItemBlock div.stockDeliInfo span.deliveryInfo {
	margin: 0 10px 0 0;
}

div.cartItemBlock div.storePickupInfo {
	margin: 10px 0 0 0;
}

div.cartItemBlock div.addWorkInfo {
	margin: 10px 0 0 0;
}

div.cartItemBlock div.addWorkInfo div.addWorkTtl {
	font-size: 11px;
}

div.cartItemBlock div.addWorkInfo div.addWorkList {
	font-size: 11px;
	padding: 0 0 0 15px;
}

div.cartItemBlock div.addWorkInfo div.addWorkList li {
}

div.cartItemBlock div.orderOptionEditLink {
	margin: 10px 0 0 0;
	font-size: 11px;
}

div.cartItemBlock div.orderOptionEditLink li {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #D3D4D5;
}

div.cartItemBlock div.orderOptionEditLink li:first-child {
	margin: 0;
	padding: 0;
	border-left: none;
}

div.cartItemBlock div.editLink {
	margin: 10px 0 0 0;
	font-size: 11px;
}

div.cartItemBlock div.cartItemMsg {
	background: #EFE;
	padding: 10px;
	margin: -15px 0 15px 0;
	font-size: 11px;
}

div.cartItemBlock div.cartItemMsg li {
	margin: 5px 0 0 0;
}

div.cartItemBlock div.cartItemMsg li:first-child {
	margin: 0;
}

div.cartMsgBlock {
	border-top: 1px solid #D3D4D5;
}

div.cartMsgBlock div.cartItemMsg {
	background: #EFE;
	padding: 10px;
	margin: 0;
	font-size: 11px;
}

div#cartActiveItem div.breakdown {
	border-top: 1px solid #D3D4D5;
	padding: 10px 0 0 0;
}

div#cartActiveItem div.breakdown div.total {
	border: none;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 12px;
}

div#cartSavedItem {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	margin: 0 0 50px 0;
	padding: 15px;
}

div#cartSavedItem div.ttl {
	font-size: 14px;
	margin: 0 0 10px 0;
}

div.storePickupItemList {
}

div.pItemSelectUnit {
	font-size: 12px;
	padding: 10px 0;
}

div.pItemSelectUnit table {
	width: 100%;
}

div.pItemSelectUnit td {
	vertical-align: middle;
}

div.pItemSelectUnit td.inputArea {
	padding: 0 10px;
	width: 16px;
}

div.pItemSelectUnit td.imgArea {
	width: 70px;
	padding: 0 10px;
}

div.pItemSelectUnit td.imgArea div.pImg {
	padding: 10px;
	background: #FFF;
}

div.pItemSelectUnit td.imgArea div.pImg img {
	max-width: 50px;
	max-height: 50px;
}

div.pItemSelectUnit td.infoArea {
	vertical-align: top;
}

div.pItemSelectUnit td.infoArea div.setItems {
	font-size: 11px;
	margin: 5px 0 0 0;
}

div.pItemSelectUnit td.priceArea {
	vertical-align: top;
	text-align: right;
	width: 130px;
	padding: 0 10px;
}

div.pItemSelectUnit td.priceArea div.price {
	font-size: 14px;
}

div.pItemSelectUnit td.quantityArea {
	vertical-align: top;
	text-align: center;
	width: 50px;
	padding: 0 10px;
}


/* ecOrderEntry
----------------------------------------------------*/
/* base *******************************************/
div#wrapper.ecOrderEntry div#frame {
    width: 980px;
}

div#wrapper.ecOrderEntry div#contents {
	padding: 20px 0;
}

/* header *******************************************/
div.ecOrderEntry div#header {
}

div.ecOrderEntry div#header table {
	width: auto;
}

div.ecOrderEntry div#header th,
div.ecOrderEntry div#header td {
	height: 60px;
}

div.ecOrderEntry div#header th#logoArea {
	width: 200px;
	vertical-align: middle;
}

div.ecOrderEntry div#header td#flowNavArea {
	padding: 0 0 0 20px;
}

div.ecOrderEntry div#headerLogo {
	background: url(../img/logoYodobashi.png) no-repeat 0 0;
	width: 200px;
	height: 30px;
}

div.ecOrderEntry div#headerFlowNav {
	margin: 30px 0 0 0;
}

div.ecOrderEntry div#headerFlowNav table {
	width: 100%;
}

div.ecOrderEntry div#headerFlowNav th {
	width: 100px;
	height: 1px;
	border-bottom: 1px solid #D3D4D5;
}

div.ecOrderEntry div#headerFlowNav td {
	width: 80px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
}

div.ecOrderEntry div#headerFlowNav th.selected {
	border-bottom: 1px solid #333435;
	background: #333;
}

div.ecOrderEntry div#headerFlowNav th.past {
	border-bottom: 1px solid #D3D4D5;
}

div.ecOrderEntry div#headerFlowNav td.selected {
	font-weight: bold;
}

div.ecOrderEntry div#headerFlowNav td.past {
	color: #999;
	font-weight: normal;
}

div.orderSummary {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 5px;
	background: -moz-linear-gradient(top, #FCFDFE, #F1F2F3); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFE), to(#F1F2F3)); /* Chrome, Safari, iOS, Android */
	background: -o-linear-gradient(top, #FCFDFE, #F1F2F3); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FCFDFE', endColorstr='#F1F2F3'); /* IE6-9 */
	background: linear-gradient(to bottom, #FCFDFE, #F1F2F3); /* IE10+, W3C */
	zoom: 1;	
}

div.orderSummary div.breakdown {
	padding: 5px;
	margin: 0 0 5px 0;
}

div.orderSummary div.submitBox {
	border: 1px solid #D3D4D5;
	background: #FFF;
	padding: 15px 10px;
}

div.commonOrderEntry {
	padding: 15px;
}

div.entryHead {
	font-size: 12px;
	margin-bottom: 15px;
}

div.entryHead table {
	width: 100%;
}

div.entryHead th {
	vertical-align: middle;
	font-weight: normal;
}

div.entryHead td {
	text-align: right;
	vertical-align: middle;
}

div.entryHead .caption {
	font-size: 11px;
	margin-top: 5px;
}

div.entrySelectHead {
	font-size: 12px;
}

div.entrySelectBody {
	margin: 10px 0 0 0;
}

div.entrySubHead {
	padding: 5px 5px 10px;
	border-bottom: 1px solid #E3E4E5;
	font-size: 12px;
}

div.entrySubHead .caption {
	font-size: 11px;
	margin-top: 5px;
}

div.entrySubHead table {
	width: 100%;
}

div.entrySubHead th {
	vertical-align: middle;
	font-weight: normal;
}

div.entrySubHead td {
	text-align: right;
	vertical-align: middle;
}

div.selectorInfoArea {
	padding: 0 10px 10px 30px;
}

div.selectorInfoArea div.entryEditor {
}

div.commonSelectUnit {
	font-size: 12px;
	padding: 10px;
}

div.commonSelectUnit table {
	width: 100%;
}

div.commonSelectUnit td {
	vertical-align: middle;
}

div.addEntryLink {
	padding: 10px;
}

/* Personalised Page *******************************************/
div.ecPersonalPage {
}

div.ecPersonalPage div.contentsHead div.chSubNavBtn {
	position: absolute;
	top: 10px;
	right: 0;
}

div.ecPersonalPage h1.userName {
	font-size: 22px;
	font-weight: normal;
}

div.narrowWrapper {
	width: 980px;
	margin: 0 auto;
}

div.contentsHead div.gpcStatus {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
}

div.contentsHead div.gpcStatus a {
	display: block;
	text-decoration: none;
	color: #333;
	border: 1px solid #DADBDC;
	border-radius: 5px;
	padding: 8px;
}

div.personalNavContents {
	border-top: 1px solid #D3D4D5;
}

div.personalNavContentsRow {
	border-bottom: 1px solid #D3D4D5;
}

div.personalInfo.colL {
	float: left;
	width: 50%;
}

div.personalInfo.colR {
	float: right;
	width: 50%;
}

div.personalInfo div.inner {
	padding: 20px;
}

div.personalInfoHead {
	margin: 0 0 15px 0;
}

div.personalInfoHead div.cap {
	font-size: 11px;
	color: #666;
	margin: 5px 0 0 0;
}

div.personalInfoTtl {
	font-size: 16px;
}

div.personalInfoBody {
}

div.personalInfoBlock {
}

div.personalInfoNavCol {
	float: left;
	width: 205px;
	padding: 0 20px 0 0;
}

div.pointInfoWidget {
	margin: 0 0 15px 0;
}

div.gpDetailBox {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
}

div.gpDetailBox div.gpUnit {
	padding: 15px;
	border-top: 1px solid #D3D4D5;
}

div.gpDetailBox div.gpUnit:first-child {
	border-top: none;
}

div.gpDetailBox div.gpUnit table {
	width: 100%;
}

div.gpDetailBox div.gpUnit th {
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	width: 160px;
}

div.gpDetailBox div.gpUnit td.txtArea {
	color: #666;
	font-size: 12px;
	text-align: right;
}

div.gpDetailBox div.gpUnit div.gpcStatus {
	font-size: 11px;
}

div.gpDetailBox div.gpUnit div.gpcStatus a {
	text-decoration: none;
	color: #333;
}

div.gpDetailBox div.gpUnit div.gpcStatus a:hover {
	text-decoration: underline;
	color: #F00;
}

div.gpDetailBox div.gpUnit div.gPoint {
	color: #F90;
	text-align: right;
}

div.gpDetailBox div.gpUnit div.aPoint {
	font-size: 16px;
	color: #69C;
	text-align: right;
}

div.gpDetailBox div.gpUnit div.gPoint span.num {
	color: #F90;
	font-size: 26px;
}

div.gpDetailBox div.gpUnit div.aPoint span.num {
	color: #69C;
	font-size: 18px;
}

div.gpDetailBox div.gpUnit div.gPoint span.unit,
div.gpDetailBox div.gpUnit div.aPoint span.unit {
	font-size: 12px;
	margin: 0 0 0 5px;
}

div.gpDetailBox div.gpUnit div.expiration {
	font-size: 11px;
	text-align: right;
	color: #999;
}

div.favoriteDataWidget {
}

div.fdDetailBox {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
}

div.fdDetailBox div.fdUnit {
	padding: 15px;
	border-top: 1px solid #D3D4D5;
}

div.fdDetailBox div.fdUnit:first-child {
	border-top: none;
}

div.fdDetailBox div.fdUnit table {
	width: 100%;
}

div.fdDetailBox div.fdUnit th {
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	width: 130px;
}

div.fdDetailBox div.fdUnit td.txtArea {
	color: #666;
	font-size: 12px;
}

div.fdDetailBox div.fdUnit td.editArea {
	text-align: right;
	vertical-align: middle;
	width: 60px;
}

div.settingDataWidget {
	margin: 0 0 15px 0;
}

div.sdDetailBox {
	background: #FFF;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
}

div.sdDetailBox div.sdUnit {
	padding: 15px;
	border-top: 1px solid #D3D4D5;
}

div.sdDetailBox div.sdUnit:first-child {
	border-top: none;
}

div.sdDetailBox div.sdUnit table {
	width: 100%;
}

div.sdDetailBox div.sdUnit th {
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	width: 100px;
}

div.sdDetailBox div.sdUnit td.txtArea {
	color: #666;
	font-size: 12px;
}

div.sdDetailBox div.sdUnit td.editArea {
	text-align: right;
	vertical-align: middle;
	width: 60px;
}

div.purchasedItemSearch div.piKwIpt {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px dashed #D3D4D5;
}

div.addNavWidget {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px dashed #D3D4D5;
}

div.personalInfoNav {
	font-size: 12px;
}

div.personalInfoNav li {
	margin: 10px 0 0 0;
}

div.personalInfoNav li:first-child {
	margin: 0;
}

/* Doly device set up *******************************************/
.dolyDeviceList {
}

.dolyDeviceListHeader {
	font-size: 11px;
	padding: 0 15px 5px;
}

.dolyDeviceListHeader table {
	width: 100%;
}

.dolyDeviceListHeader th {
	padding: 0 10px;
}

.dolyDeviceListBody {
	font-size: 11px;
}

.dolyDeviceListBody.ecOrderContainerFrame {
	padding: 0 15px;
}

.dolyDeviceListBody.noRegistration {
	padding: 15px;
	text-align: center;
}

.dolyDeviceListBody .dolyDeviceListUnit {
	border-top: 1px dashed #D3D4D5;
}

.dolyDeviceListBody .dolyDeviceListUnit:first-child {
	border-top: none;
}

.dolyDeviceListBody table {
	width: 100%;
}

.dolyDeviceListBody td {
	padding: 15px 10px;
	vertical-align: middle;
}

.dolyDeviceListHeader th.autoDownload,
.dolyDeviceListBody td.autoDownload {
	width: 70px;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
}

.dolyDeviceListHeader th.deviceName,
.dolyDeviceListBody td.deviceName {
}

.dolyDeviceListHeader th.deviceType,
.dolyDeviceListBody td.deviceType {
	width: 15%;
}

.dolyDeviceListHeader th.registrationDate,
.dolyDeviceListBody td.registrationDate {
	width: 15%;
}

.dolyDeviceListHeader th.edit,
.dolyDeviceListBody td.edit {
	width: 10%;
}

/* selectPayment *******************************************/
div.selectPayment {
	padding: 10px;
}

div.existingCreditCards {
}

div.creditCardSelectUnit {
	font-size: 12px;
	padding: 5px 10px;
}

div.creditCardSelectUnit table {
	width: 100%;
}

div.creditCardSelectUnit td {
	vertical-align: middle;
}

div.creditCardSelectUnit td.cardNumArea {
	text-align: right;
	width: 140px;
}

div.creditCardSelectUnit td.cardValidThruArea {
	text-align: right;
	width: 130px;
}

div.creditCardSelectUnit td.cardNumInputArea {
	text-align: right;
	padding: 5px 0;
	vertical-align: top;
}

div.creditCardSelectUnit td.cardValidThruInputArea {
	text-align: right;
	padding: 5px 0;
	width: 200px;
	vertical-align: top;
}

div.oneTimePayment {
	margin: 10px 0 0 0;
}

div.paymentSelectUnit {
	font-size: 12px;
	padding: 10px;
}

div.paymentSelectUnit table {
	width: 100%;
}

div.paymentSelectUnit td.optionInfo {
	text-align: right;
}

div.entrySelector div.paymentSelectUnit td.optionInfo span {
	visibility: hidden;
}

div.entrySelector.active div.paymentSelectUnit td.optionInfo span {
	visibility: visible;
}

/* selectDeliveryAddress *******************************************/
div.selectDeliveryAddress {
	padding: 10px;
}

div.deliveryAddressSelectUnit {
	font-size: 12px;
	padding: 10px;
}

div.deliveryAddressSelectUnit table {
	width: 100%;
}

div.deliveryAddressSelectUnit td.addressArea {
	width: 400px;
}

div.deliveryAddressSelectUnit td.editArea {
	text-align: right;
	width: 80px;
}

/* selectUseGP *******************************************/
div.selectUseGP {
	padding: 10px;
}

div.ecOrderContainerFrame.selectUseGP {
	border-color: #F90;
}

div.gpSelectUnit {
	font-size: 12px;
	padding: 0 10px;
}

div.gpSelectUnit td {
	vertical-align: middle;
	height: 40px;
}

div.inputUnit {
	font-size: 11px;
}

div.inputUnit table {
	width: 100%;
}

div.inputUnit th {
	width: 160px;
	padding: 0 5px 0 0;
	text-align: right;
	line-height: 29px;
	vertical-align: top;
	font-weight: normal;
}

div.inputUnit td {
	vertical-align: middle;
	border: none !important;
	width: auto !important;
}

div.inputUnit li.entryCheck th {
	line-height: normal;
	vertical-align: middle;
}

div.inputUnit.entryCheck th {
	line-height: 1.4;
}

div.inputUnit.entryCheck td {
	vertical-align: top;
}

div.inputUnitIndent {
	margin-left: 165px;
}

div.pointSlctUnit {
	font-size: 11px;
}

div.pointSlctUnit th {
	width: 160px;
	vertical-align: middle;
	font-weight: normal;
}

div.pointSlctUnit td {
	vertical-align: middle;
}

div.campaignMsg {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	background: #FFF;
	padding: 10px;
	margin: 10px 0 0 0;
	font-size: 11px;
}

div.targetItemBox {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 15px;
}

/* selectCourier *******************************************/
div.selectCourier {
	padding: 10px;
}

div.courierSelectUnit {
	font-size: 12px;
	padding: 10px;
}

div.courierSelectUnit table {
	width: 100%;
}

div.courierSelectUnit td {
	vertical-align: middle;
}

div.courierSelectUnit td.cardNumArea {
	text-align: right;
	width: 140px;
}

div.courierSelectUnit td.cardValidThruArea {
	text-align: right;
	width: 130px;
}

div.courierSelectUnit td.cardNumInputArea {
	text-align: right;
	padding: 5px 0;
	vertical-align: top;
}

div.courierSelectUnit td.cardValidThruInputArea {
	text-align: right;
	padding: 5px 0;
	width: 200px;
	vertical-align: top;
}

/* selectDeliveryOption *******************************************/
div.selectDeliveryOption {
	padding: 10px;
}

div.deliveryOptionSelectUnit {
	font-size: 12px;
	padding: 10px;
}

div.deliveryOptionSelectUnit table {
	width: 100%;
}

div.deliveryOptionSelectUnit td.addressArea {
	width: 400px;
}

div.deliveryOptionSelectUnit td.editArea {
	text-align: right;
	width: 80px;
}

/* orderDetail *******************************************/
div.orderEntryTop {
}

div.orderEntryTop table {
	width: 100%;
	height: 100%;
}

div.orderEntryTop td.orderEntryTopColL {
	height: 100%;
}

div.dashboard {
	font-size: 12px;
	padding: 10px;
}

div.dashboard table {
	width: 100%;
}

div.dashboard td {
	width: 33.3%;
	padding: 10px;
}

div.dashboardElement {
	position: relative;
	font-size: 11px;
}

div.dashboardElement div.ttl {
	border-bottom: 1px solid #D3D4D5;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

div.dashboardElement div.body {
	padding: 0;
}

div.dashboardElement div.editSprtInner {
}

div.dashboardElement div.editSprtInner div.editLinkArea {
	float: right;
	padding: 0 0 0 10px;
}

div.dashboardElement div.editSprtInner {
}

div.dashbordInputUnit table {
	width: 100%;
}

div.dashbordInputUnit th {
	font-weight: normal;
	vertical-align: middle;
}

div.dashbordInputUnit td {
	text-align: right;
	vertical-align: middle;
	padding: 0;
	width: auto;
}

div.orderEntryTop td.orderEntryTopColR {
	border-left: 1px solid #D3D4D5;
	width: 280px;
	height: 100%;
}

div.summary {
	padding: 15px;
	border-top: 1px solid #FFF;
	border-radius: 0 3px 0 0;
	position: relative;
	background: -moz-linear-gradient(top, #FCFDFE, #F1F2F3); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFE), to(#F1F2F3)); /* Chrome, Safari, iOS, Android */
	background: -o-linear-gradient(top, #FCFDFE, #F1F2F3); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FCFDFE', endColorstr='#F1F2F3'); /* IE6-9 */
	background: linear-gradient(to bottom, #FCFDFE, #F1F2F3); /* IE10+, W3C */
	zoom: 1;	
}

div.summary div.breakdown {
	margin: 15px 0 0 0;
	position: relative;
}

div.summary div.subtotals {
	font-size: 11px;
}

div.summary div.subtotals li {
	margin: 5px 0 0 0;
}

div.summary div.subtotals table {
	width: 100%;
}

div.summary div.subtotals th {
	text-align: left;
	font-weight: normal;
}

div.summary div.subtotals td {
	vertical-align: middle;
	text-align: right;
}

div.summary div.total {
	font-size: 12px;
	border-top: 1px solid #999;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

div.summary div.total table {
	width: 100%;
}

div.summary div.total th {
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
}

div.summary div.total td {
	vertical-align: middle;
	text-align: right;
}

div.receipt {
	padding: 15px;
	border-top: 1px solid #D3D4D5;
	border-radius: 0 0 3px 0;
}

div.receipt th {
	vertical-align: middle;
}

div.receipt td {
	text-align: right;
	vertical-align: middle;
}

div.orderEntryTop td.orderEntryTopColR div:nth-last-child(1) {
	border-bottom-right-radius: 5px;
}

div.orderDetail {
	position: relative;
	padding: 40px 0 0 0;
}

div.orderDetailHead {
	position: absolute;
	top: 0;
	width: 100%;
}

div.orderDetailHead table {
	width: 100%;
}

div.orderDetailHead th {
	width: 225px;
	text-align: center;
	vertical-align: middle;
}

div.orderDetailHead td {
	vertical-align: middle;
	padding: 0 20px;
}

div.orderDetailHead div.ttlTab {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #D3D4D5;
	border-radius: 3px 3px 0 0;
	width: 225px;
	font-size: 11px;
	line-height: 40px;
	background: -moz-linear-gradient(top, #FCFDFE, #F1F2F3); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFE), to(#F1F2F3)); /* Chrome, Safari, iOS, Android */
	background: -o-linear-gradient(top, #FCFDFE, #F1F2F3); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FCFDFE', endColorstr='#F1F2F3'); /* IE6-9 */
	background: linear-gradient(to bottom, #FCFDFE, #F1F2F3); /* IE10+, W3C */
	zoom: 1;	
}

div.orderDetailHead div.headSubInfo {
	font-size: 11px;
}

div.orderDetailBody {
	padding: 5px 5px 0 5px;
	background: #F3F4F5;
	border: 1px solid #D3D4D5;
	border-radius: 0 3px 3px 3px;
}

div.orderDetailBody div.orderDetailBodyInner {
	position: relative;
}

div.orderDetailBody div.deliveryOptionSelect {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #D3D4D5;
	padding: 15px;
	font-size: 11px;
	background: #FFF;
}

div.orderDetailBody div.deliveryOptionSelect li {
	margin: 0 0 0 15px;
}

div.orderDetailBody div.deliveryOptionSelect li:first-child {
	margin: 0;
}

div.orderDetailBody div.cartItemList {
	border: 1px solid #D3D4D5;
	margin: 0 0 5px 0;
	background: #FFF;
}

div.deliveryTypeNav {
	font-size: 11px;
	padding: 0 15px;
	margin: 0 0 5px 0;
}

div.deliveryTypeNav div.deliveryType {
	line-height: 36px;
}

div.deliveryTypeNav div.itemSplitLink {
	font-size: 11px;
	line-height: 36px;
}

div.orderDetailBlock {
	font-size: 12px;
	padding: 15px 0 15px 15px;
	border-top: 1px solid #D3D4D5;
}

div.orderDetailBody div.cartItemList div.orderDetailBlock:first-child {
	border-top: none;
}

div.orderDetailBlock table {
	width: 100%;
}

div.orderDetailBlock td {
}

div.orderDetailBlock td.strcArea {
}

div.orderDetailBlock td.priceArea {
	width: 120px;
	text-align: right;
	padding: 0 10px;
}

div.orderDetailBlock td.pointArea {
	width: 120px;
	text-align: right;
	padding: 0 10px;
}

div.orderDetailBlock td.quantityArea {
	width: 60px;
	text-align: center;
	padding: 0 10px;
}

div.orderDetailBlock td.fractionArea {
	width: 85px;
}

div.orderDetailBlock td.optionArea {
	width: 280px;
}

div.orderDetailBlock td.destinationArea {
	width: 410px;
	padding: 0 !important;
}

div.orderEditSprtFrame {
	margin: 20px 0 0 0;
}

div.orderEditSprtFrame:first-child {
	margin: 0;
}

div.orderEditSprtFrame td.editArea {
	padding: 0 20px;
	width: 235px;
	border-left: 1px solid #D3D4D5;
}

div.orderEditSprtFrame td.itemInfoArea {
	padding: 0 10px 0 0;
}

div.orderDetailBlock div.imgInfoUnit {
	margin: 20px 0 0 0;
}

div.orderDetailBlock div.imgInfoUnit:first-child {
	margin: 0;
}

div.orderDetailBlock div.imgInfoUnit div.imgCol {
	float: left;
	overflow: hidden;
	padding: 0 0 0 30px;
}

div.orderDetailBlock div.imgInfoUnit div.imgCol img {
	max-width: 50px;
	max-height: 50px;
}

div.orderDetailBlock div.imgInfoUnit div.infoCol {
	margin: 0 0 0 130px;
}

div.orderDetailBlock div.imgInfoUnit div.cartItemInfo li {
	margin: 20px 0 0 0;
}

div.orderDetailBlock div.imgInfoUnit div.cartItemInfo li:first-child {
	margin: 0;
}

div.orderDetailBlock div.setItems {
	margin: 5px 0 0 0;
	font-size: 11px;
}

div.orderDetailBlock div.priceInfo {
	margin: 5px 0 0 0;
}

div.orderDetailBlock div.orderOption {
	margin: 10px 0 0 0;
}

div.orderDetailBlock div.orderOption li {
	margin: 0 !important;
}

div.orderEntryBtm {
}

div.orderEntryBtm table {
	width: 100%;
	height: 100%;
}

div.orderEntryBtm td {
	vertical-align: middle;
	padding: 10px 20px;
}

div.orderEntryBtm td.btnArea {
	width: 280px;
	border-left: 1px solid #D3D4D5;
	padding: 0;
}

div.orderEntryBtm div.summary {
	border-radius: 0 3px 3px 0;
}

div.orderEntryBtm div.breakdown {
	margin: 0;
	position: relative;
}

div.orderEntryBtm div.breakdown div.total {
	border: none;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 12px;
}

/* commonPlainInfo *******************************************/
div.commonPlainInfo {
	padding: 15px;
}

/* optionEntry *******************************************/
div.optionEntry {
	padding: 15px;
}

/* selectPickupStore *******************************************/
div.selectPickupStore {
}

div.selectPickupStore div.entryHead {
	padding: 10px 15px;
	margin: 0;
	border-bottom: 1px solid #D3D4D5;
}

div.selectPickupStore div.orderDetailBlock {
}

div.selectPickupStore div.orderDetailBlock:first-child {
	border: none;
}

div.selectPickupStore div.orderDetailBlock div.imgInfoUnit {
	margin: 15px 0 0 0;
}

div.selectPickupStore div.orderDetailBlock div.pickupStatus {
	margin: 0 0 5px 0;
}

div.selectPickupStore div.orderDetailBlock div.pickupStatus li {
	margin: 0;
}

/* selectGiftWrapping *******************************************/
.selectGiftWrapping {
	padding: 15px;
}

.selectGiftWrapping .listEntryBlock .entryUnit input {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	margin-right: 15px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .itemImg {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	text-align: center;
	margin-right: 15px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .itemImg img {
	max-width: 180px;
	max-height: 180px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .itemTextInfo {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}

.selectGiftWrapping .listEntryBlock .entryUnit .seeMoreImg {
	font-size: 11px;
	margin-top: 10px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .itemName {
	font-size: 14px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .price {
	font-size: 12px;
	color: #F00;
	margin-top: 5px;
}

.selectGiftWrapping .listEntryBlock .entryUnit .caption {
	font-size: 11px;
	margin-top: 5px;
}

.giftThemeSelectList.gridEntryBlock .entryUnit {
	width: 33.33%;
	height: 440px;
}

.wrappingSelectList.gridEntryBlock .entryUnit {
	width: 16.66%;
	height: 250px;
}

.ribbonSelectList.gridEntryBlock .entryUnit {
	width: 16.66%;
	height: 220px;
}

.messageCardSelectList.gridEntryBlock .entryUnit {
	width: 16.66%;
	height: 240px;
}

.noshiSelectList.gridEntryBlock .entryUnit {
	width: 16.66%;
	height: 220px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit input {
	margin-bottom: 5px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .itemImg {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .itemImg img {
	max-width: 180px;
	max-height: 180px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .seeMoreImg {
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .itemName {
	font-size: 14px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit.textOnlyUnit .itemName {
	margin-top: 15px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .price {
	font-size: 12px;
	color: #F00;
	margin-top: 5px;
}

.selectGiftWrapping .gridEntryBlock .entryUnit .caption {
	font-size: 11px;
	margin-top: 5px;
}

.giftWrappingOption {
	border: 1px solid #E3E4E5;
	border-radius: 3px;
	margin-top: 15px;
	padding: 15px;
}

.messageCardDetail {
}

.messageCardDetail .messageCardExample {
	float: left;
	width: 380px;
}

.messageCardDetail .messageCardExample img {
	width: 380px;
}

.messageCardDetail .messageInput {
	overflow: hidden;
	padding-left: 30px;
}

.messageCardDetail .messageInput .messageInputBlock {
	margin-top: 15px;
}

.messageCardDetail .messageInput .messageInputBlock .inputUnit {
	margin-top: 10px;
}

.messageCardDetail .messageInput .messageInputBlock .inputUnit th {
	width: 80px;
}

.giftWrappingOption .messageInputBox {
	margin: 15px 0 0 160px;
}

.giftWrapItemSelectUnit {
	font-size: 12px;
	padding: 10px;
}

.giftWrapItemSelectUnit table {
	width: 100%;
}

.giftWrapItemSelectUnit td {
	vertical-align: middle;
}

.giftWrapItemSelectUnit .imgArea {
	width: 70px;
	padding: 0 10px;
}

.giftWrapItemSelectUnit .imgArea .pImg {
	padding: 10px;
	background: #FFF;
}

.giftWrapItemSelectUnit .imgArea .pImg img {
	max-width: 50px;
	max-height: 50px;
}

.selectGiftWrappingItem {
	padding: 10px;
}

.selectGiftWrappingItem .entryHead {
	padding: 5px 5px 0;
}

/* softwareLicence *******************************************/
div.softwareLicence {
}

div.licenceInfo {
	margin: 20px 0 0 0;
}

div.licenceInfo div.licenceTtl {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0 5px;
	color: #F00;
}

div.licenceInfo div.licenceBody {
	font-size: 11px;
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	height: 200px;
	overflow: auto;
	padding: 10px;
}

/* entryGuide *******************************************/
div.entryGuide {
}

div.entryGuide table {
	width: 100%;
	margin: 10px 0 0 0;
}

div.entryGuide th {
	width: 280px;
}

div.entryGuide td {
	padding: 0 0 0 20px;
	vertical-align: middle;
}

div.entryGuide div.entryBtnBox {
	padding: 40px 0;
	text-align: center;
}

div.entryGuideInfo {
	margin: 30px 0 0 0;
}

div.entryGuideInfo div.entryHead {
	border-bottom: 2px solid #333;
	padding: 0 0 5px 0;
}

/* questionnaireList *******************************************/
div.questionnaireList {
}

div.questionnaireHead {
	padding: 10px 5px 5px;
	border-bottom: 1px solid #D3D4D5;
	font-size: 12px;
}

div.questionnaireList li {
	padding: 15px;
	border-top: 1px dashed #D3D4D5;
}

div.questionnaireList li:first-child {
	border: none;
}

div.questionnaireList li.error {
	background: #FEE;
}

div.questionnaireList div.errMsg {
	margin: 0 0 10px;
}

div.questionnaireList div.questionTtl {
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.answersList {
	font-size: 11px;
}

div.answersList li {
	margin-top: 10px;
	padding: 0;
	border: none;
}

div.answersList li:first-child {
	margin: 0;
	padding: 0;
}

div.answersList div.errMsg {
	margin: 5px 0 0 0;
}

div.answersIndentUnit {
	font-size: 11px;
	margin: 0 0 0 165px;
}

div.answersIndentUnit .imgArea {
	padding-right: 10px;
}

/* footer *******************************************/
div.ecOrderEntry div#footer {
}

div.ecOrderEntry div#footer div.version {
	margin: 0 0 30px 0;
}

div.ecOrderEntry div#footer div#footerBody {
	border-top: 1px solid #D3D4D5;
	padding: 10px;
}

div.ecOrderEntry div#footer div.copyright {
	text-align: center;
	color: #666;
}


/* ecLogin
----------------------------------------------------*/
div#wrapper.ecLogin div#frame {
    width: 580px;
	min-width: 580px;
}

div.ecLogin div#header {
}

div.ecLogin div#header table {
	width: auto;
}

div.ecLogin div#header th,
div.ecLogin div#header td {
	height: 50px;
}

div.loginEntry {
	padding: 15px;
}

div.loginSelectUnit {
	font-size: 12px;
	padding: 5px 10px;
}

div.loginSelectUnit table {
	width: 100%;
}

div.loginSelectUnit td {
}

div.loginSelectUnit td.inputArea {
	padding: 4px 0;
}

div.loginSelectUnit td.ttlArea {
	padding: 4px 0;
}

div.loginSelectUnit td.loginInputArea {
	text-align: right;
	width: 350px;
}

div.loginSelectUnit td.optionInfoArea {
	text-align: right;
	vertical-align: middle;
}


/* feedback
----------------------------------------------------*/
div.feedbackTop {
}

div.feedbackTop div.main {
	overflow: hidden;
}

div.feedbackTop div.side {
	float: right;
	width: 400px;
	padding: 0 0 0 30px;
}

div.feedbackItemBlock {
	margin: 0 0 15px 0;
}

div.feedbackItemBlock div.imgInfoUnit div.imgCol img {
	max-width: 50px;
	max-height: 50px;
}

div.feedbackItemBlock div.imgInfoUnit div.infoCol {
	margin: 0 0 0 110px;
}

div.feedbackTop div.cartinBox {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 15px;
	text-align: center;
	background: -moz-linear-gradient(top, #FCFDFE, #F1F2F3); /* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFE), to(#F1F2F3)); /* Chrome, Safari, iOS, Android */
	background: -o-linear-gradient(top, #FCFDFE, #F1F2F3); /* Opera */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FCFDFE', endColorstr='#F1F2F3'); /* IE6-9 */
	background: linear-gradient(to bottom, #FCFDFE, #F1F2F3); /* IE10+, W3C */
	zoom: 1;	
}

div.feedbackTop div.cartinBox div.breakdown {
}

div.feedbackTop div.cartinBox div.buyButton {
	margin: 15px 0 0 0;
}


/* Welcome Message
----------------------------------------------------*/
div.welcomeMessage {
	padding: 120px 0;
	text-align: center;
}


/* Order Finish
----------------------------------------------------*/
div.ecOrderFinishInfo {
	margin: 0 0 50px 0;
}

div.ecOrderFinishInfo div.separateContents div.side {
	width: 300px;
}

div.orderFinishItemInfo {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	background: #F3F4F5;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.orderFinishItemInfo div.orderFinishInfoHead {
	padding: 10px;
}

div.orderFinishItemInfo div.orderFinishInfoHead table {
	width: 100%;
}

div.orderFinishItemInfo div.orderFinishInfoHead th {
	vertical-align: middle;
	font-weight: normal;
}

div.orderFinishItemInfo div.orderFinishInfoHead td {
	text-align: right;
	vertical-align: middle;
}

div.orderFinishItemInfo div.orderFinishInfoBody {
	background: #FFF;
	border: 1px solid #D3D4D5;
	padding: 15px;
	margin: 5px 0 0 0;
}

div.orderFinishItemInfo div.orderNumber {
	font-size: 12px;
	padding: 15px 0;
	border-bottom: 1px solid #D3D4D5;
}

div.orderFinishItemInfo div.orderItemInfoList li {
	border-top: 1px dashed #D3D4D5;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}

div.orderFinishItemInfo div.orderItemInfoList li:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

div.orderFinishItemInfo div.orderItemInfo {
}

div.orderFinishItemInfo div.orderItemInfo table {
	width: 100%;
}

div.orderFinishItemInfo div.orderItemInfo .dolyDownloadBox {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	padding: 15px;
	text-align: center;
	margin-top: 15px;
}

div.orderFinishItemInfo div.pickupStoreInfo {
	margin: 15px 0 0 0;
}

div.orderFinishItemInfo div.pickupStoreInfo li {
	border-top: 1px dashed #D3D4D5;
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
}

div.orderFinishImportantInfo {
	border: 1px solid #F00;
	border-radius: 3px;
	background: #FEE;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.orderFinishImportantInfo div.orderFinishInfoHead {
	padding: 10px;
}

div.orderFinishImportantInfo div.orderFinishInfoBody {
	background: #FFF;
	border: 1px solid #F00;
	padding: 15px;
	margin: 5px 0 0 0;
}

div.orderFinishImportantInfo div.orderFinishInfoFoot {
	padding: 10px;
	margin: 5px 0 0 0;
	font-size: 11px;
}

div.orderFinishImportantInfo div.contactsInfo {
	border-top: 1px dashed #D3D4D5;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}

div.orderFinishPaymentInfo {
	border: 1px solid #9C9;
	border-radius: 3px;
	background: #EFE;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.orderFinishPaymentInfo div.orderFinishInfoHead {
	padding: 10px;
}

div.orderFinishPaymentInfo div.orderFinishInfoHead td.imgTd {
	text-align: left;
	vertical-align: top;
	width: 60px;
	padding: 0 15px 0 0;
}

div.orderFinishPaymentInfo div.orderFinishInfoBody {
	background: #FFF;
	border: 1px solid #9C9;
	padding: 15px;
	margin: 5px 0 0 0;
}

div.orderFinishPaymentInfo div.orderFinishInfoFoot {
	padding: 10px;
	margin: 5px 0 0 0;
	font-size: 11px;
}

div.paymentInfoTbl {
	width: 400px;
	margin: 0 auto;
	font-size: 11px;
}

div.paymentInfoTbl table {
	width: 100%;
}

div.paymentInfoTbl th {
	width: 120px;
	border: 1px solid #D3D4D5;
	padding: 5px;
	background: #F5F5F5;
	text-align: right;
}

div.paymentInfoTbl td {
	border: 1px solid #D3D4D5;
	padding: 5px;
}

div.paymentInfoTbl div.cartItemInfo li {
	border-top: 1px dashed #D3D4D5;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

div.paymentInfoTbl div.cartItemInfo li:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

div.paymentInfoTbl div.cartItemInfo div.pName {
	font-size: 11px;
}

div.paymentStoreInfo div.paymentInfoTbl {
	margin-bottom: 10px;
}

div.cvsInfoTbl {
}

div.cvsInfoTbl table {
	margin: 0 auto;
}

div.cvsInfoTbl td {
	width: 142px;
	text-align: center;
}

div.cvsInfoTbl div.cvsImg {
	background-image: url(../img/iconCVS.png);
	width: 120px;
	height: 60px;
	margin: 0 auto;
}

div.cvsInfoTbl div.mmsImg {
	background-image: url(../img/iconMMS.png);
	width: 120px;
	height: 110px;
	margin: 0 auto;
}

div.cvsInfoTbl div.cvs01 div.cvsImg {
	background-position: 0 0;
}

div.cvsInfoTbl div.cvs02 div.cvsImg {
	background-position: -120px 0;
}

div.cvsInfoTbl div.cvs03 div.cvsImg {
	background-position: -240px 0;
}

div.cvsInfoTbl div.cvs04 div.cvsImg {
	background-position: 0 -60px;
}

div.cvsInfoTbl div.cvs05 div.cvsImg {
	background-position: -120px -60px;
}

div.cvsInfoTbl div.cvs06 div.cvsImg {
	background-position: -240px -60px;
}

div.cvsInfoTbl div.cvs01 div.mmsImg {
	background-position: 0 0;
}

div.cvsInfoTbl div.cvs02 div.mmsImg {
	background-position: -120px 0;
}

div.cvsInfoTbl div.cvs03 div.mmsImg {
	background-position: -240px 0;
}

div.cvsInfoTbl div.cvs04 div.mmsImg {
	background-position: 0 0;
}

div.cvsInfoTbl div.cvs05 div.mmsImg {
	background-position: -480px 0;
}

div.cvsInfoTbl div.cvs06 div.mmsImg {
	background-position: -360px 0;
}

div.orderFinishSnsInfo {
	border: 1px solid #D3D4D5;
	border-radius: 3px;
	background: #FFF;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.orderFinishSnsInfo div.orderFinishInfoHead {
	padding: 10px;
}

div.orderFinishSnsInfo div.orderFinishInfoBody {
	background: #FFF;
	margin: 5px 0 0 0;
}

div.snsIptBox {
	padding: 27px 0 0 0;
	position: relative;
}

div.snsIptTabHead {
	position: absolute;
	top: 0;
}

div.snsIptTabHead div.snsIptTab {
	display: inline-block;
	border: 1px solid #84BED5;
	border-radius: 3px 3px 0 0;
	background: #FFF;
	padding: 5px;
	margin: 0 2px -1px 0;
	cursor: pointer;
	font-size: 11px;
}

div.snsIptTabHead div.snsIptTab.active {
	background: #E1F3FB;
	border-color: #84BED5 #84BED5 #E1F3FB #84BED5;
	cursor: default;
}

div.snsIptTabBody {
	background: #E1F3FB;
	border: 1px solid #84BED5;
	border-radius: 0 3px 3px 3px;
	padding: 10px;
}

div.snsTaFrame {
	box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
	border-color: #84BED5;
}


/* Print
----------------------------------------------------*/
div#wrapper.ecOrderPrintMemo {
	width: 600px;
	min-width: 600px;
}

div.ecOrderPrintMemo div#header {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

div.ecOrderPrintMemo div#header table {
	width: 100%;
}

div.ecOrderPrintMemo div#header th#logoArea {
	width: 200px;
	vertical-align: middle;
}

div.ecOrderPrintMemo div#header td {
	padding: 0 0 0 20px;
	text-align: right;
	vertical-align: middle;
}

div.ecOrderPrintMemo div#headerLogo {
	background: url(../img/logoYodobashi.png) no-repeat 0 0;
	width: 200px;
	height: 30px;
}

div.ecOrderPrintMemo div#footer {
	border-top: 1px solid #D3D4D5;
	margin: 40px auto 0;
	padding: 10px;
}

div.ecOrderPrintMemo div#footer div.copyright {
	text-align: center;
	color: #666;
}

div.printOrderInfoTbl {
	font-size: 11px;
	margin: 10px 0 0 0;
}

div.printOrderInfoTbl table {
	width: 100%;
}

div.printOrderInfoTbl th {
	width: 200px !important;
	border: 1px solid #D3D4D5 !important;
	padding: 5px;
	background: #F5F5F5;
	text-align: right;
}

div.printOrderInfoTbl td {
	border: 1px solid #D3D4D5 !important;
	padding: 5px;
}

div.printOrderInfoTbl div.cartItemInfo li {
	border-top: 1px dashed #D3D4D5;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

div.printOrderInfoTbl div.cartItemInfo li:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

div.printOrderInfoTbl div.cartItemInfo div.pName {
	font-size: 11px;
}

div.printOrderDetail {
	border-width: 0 1px 1px 1px;

	border-style: solid;
	border-color: #D3D4D5;
}

div.printOrderDetail div.orderDetailBlock {
	padding: 15px;
}

div.orderDetailBlock div.printOrderDetailBox {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px dashed #D3D4D5;
}

div.orderDetailBlock div.printOrderDetailBox:first-child {
	padding: 0;
	border-top: none;
}

div.orderDetailBlock div.printOrderDetailBox div.cartItemInfo li {
	margin: 10px 0 0 0;
}

div.orderDetailBlock div.printOrderDetailBox div.cartItemInfo li:first-child {
	margin: 0;
}

div.printFaxOrder {
	border: 1px solid #D3D4D5;
	padding: 15px;
	margin: 10px 0 0 0;
}

div.printFaxOrderBlock {
	border-top: 1px dashed #D3D4D5;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}

div.printFaxOrderBlock:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

div.printFaxOrderForm {
	font-size: 13px;
}

div.printFaxOrderForm input.uiInput {
	border: 1px #999 solid;
	padding: 10px;
	background: #FFF;
	outline: none;
}

div.printStoreInfo {
	margin: 20px 0 0 0;
}

div.printStoreInfoBody {
	font-size: 11px;
	padding: 15px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #D3D4D5;
}

div.printStoreInfoBlock {
	border-top: 1px dashed #D3D4D5;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}

div.printStoreInfoBlock:first-child {
	border-top: none;
	margin: 0;
	padding: 0;
}

div.printStoreInfoBlock table {
	width: 100%;
}

div.printStoreInfoBlock th {
	width: 200px !important;
	text-align: right;
}

div.printStoreInfoBlock td {
	padding: 0 0 0 5px;
}

div.printStoreMap {
	text-align: center;
	margin: 0 0 10px 0;
}

table.pointHistoryTbl {
	width: 100%;
	margin: 0 0 10px 0;
}

table.pointHistoryTbl th {
	width: 140px;
	border: 1px solid #D3D4D5 !important;
	padding: 5px;
	background: #F5F5F5;
	text-align: center;
}

table.pointHistoryTbl td {
	border: 1px solid #D3D4D5 !important;
	padding: 5px 10px;
	vertical-align: middle;
}

table.pointHistoryTbl {
	font-size: 11px;
}

td.textRight {
	text-align: right;
}

.dateTimeArea {
	display: inline-block;
	width:160px;
	font-weight:bold;
}


/* New
----------------------------------------------------*/

.tblFrame {
	width: 400px;
	margin: 0 auto;
}

.tblFrame th {
  border: 1px solid #D3D4D5 !important;
  padding: 5px;
  background: #F5F5F5;
}

.tblFrame td {
  border: 1px solid #D3D4D5 !important;
  padding: 5px;
  background: #FFF;
}



#ecHeader {
	z-index: 1;
	width: 100%;
}



#ecFrame #contents .contentsHead {
  padding: 0;
}


.listArea {
	font-size: 12px;
	border-top: 1px dashed #D3D4D5;
	margin: 15px 0 5px 0;
	padding: 15px 0 0 0;
}

.contentsBorderFrame {
	border: 1px solid #D3D4D5;
	padding: 15px;
	margin: 10px 0 0 0;
}

.listArea:first-child {
  border-top: none;
  margin: 0;
  padding: 0;
}

.tableFrame td {
	width: 165px;
	font-size: 11px;
	padding: 0 5px 10px 0 ;
}

/* SearchBox *******************************************/

#ecSearchFrame {
	width: 180px;
}

#ecSearchArea {
	margin: 0 0 10px;
}

#dateArea li{
	display: inline-block;
	vertical-align: middle;
}

#dateArea input {
	font-size: 11px !important;
}

#ecSearchArea select {
	font-size: 12px !important;
}

select.ecSlct {
  border: 1px solid #D3D4D5;
  border-radius: 3px;
  padding: 4px;
  background: #FFF;
  resize: none;
  outline: none;
}

.ySearchBar .yBtn .ecBtnText {
  font-size: 11px;
  padding: 6px 9px;
}

.yBtn .ecBtnText {
  display: block;
  vertical-align: middle;
  color: #333;
  white-space: normal;
  text-decoration: none !important;
}

.orderDetailFrame {
	border-bottom: 	1px solid #D3D4D5;
	padding-right: 15px;
	padding-left: 15px;
}

.orderDetailFrame table {
	width: 100%;
}

.orderDetailFrame:last-child {
	border-bottom: none;
}

.orderDetailFrame .ectableFrameM:last-child table{
	border-bottom: none;
}

.orderDetailArea {
	padding: 0 15px ;
}

.ecPriceArea {
	font-size: 12px;
	width: 120px;
	vertical-align: middle;
	text-align: right;
	padding: 0 15px 0 0;
}

.ecPriceFrame{
	margin: 0 5px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}

.ecQuantityArea {
	font-size: 12px;
	width: 60px;
	vertical-align: middle;
	text-align: center;
	padding: 0 15px 0 0;
}

.ecEditArea {
	width: 244px;
	vertical-align: middle;
	text-align: center;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCCCCC;"
}

.ecBtnArea {
	width: 244px;
	vertical-align: top;
	padding: 0 0 0 15px;
	border-left: 1px solid #CCCCCC;"
}

.listFrameS {
	width: 100%;
	padding: 15px 0 0 0;
	font-size: 11px;
}

.listFrameS tr {
	padding: 15px 0 0 0;
	border-top: 1px dashed #D3D4D5;
}

.listFrameS td {
	padding: 15px 0;
}

.ecImgArea {
	padding: 0 30px;
	width: 70px;
}

.tableAddArea {
	padding: 5px 0 0;
	font-weight: bold;
}

.ecTotalArea {
	font-size: 12px;
	margin-top: 5px;
	border-top: 1px solid #D3D4D5;
}

.ecTotalArea td {
	padding: 5px 0 0;
}

.ecTotalFrame {
	margin: 5px 0 0;
	padding: 0 0 0 130px;
}

.ecTotalFrame td {
	font-size: 12px;
}

.borderNone {
	margin-bottom: -1px;
}

.ectableFrameM {
	font-size: 11px;
	padding: 0 0 0 130px;
}

.ectableFrameM table {
	margin: 0 0 15px;
	border: 1px solid #D3D4D5;
}

.ectableFrameM td {
	padding: 10px;
	border: 1px solid #D3D4D5;
}

.ectableFrameM tr {
	width: 100%;
	border: 1px solid #D3D4D5;
}

.ectableFrameM table {
	width: 100%;
}

.dataAreaTop {
	padding: 0 0 10px;
	background-color: #FFF;
	font-size: 11px;
	margin: 0 15px 0 0;
	border-bottom: 1px solid #D3D4D5;
}

.ecTtlArea{
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 5px 0;
}

.ecNameArea{
	padding: 0 15px 15px 0;
}

.listFrame {
  padding: 5px 5px 0 5px;
  background: #F3F4F5;
  border: 1px solid #D3D4D5;
  border-radius: 0 3px 3px 3px;
}


.listBodyArea {
  background: #FFF;
  border: 1px solid #D3D4D5;
  margin: 5px 0 0 0;
}

.listBodyArea .orderDetailBlock:first-child {
  border-top: none;
}

.yBtnShortFrame {
	width: 175px;
	margin: 10px auto 0;
}

div#wrapper.ecOrderEntry div#ecFrame {
  width: 730px;
  min-width: 580px;
}

#ecFrame {
  margin: 0 auto;
  padding: 0 10px;
}

#inputFrame th {
	font-size: 11px;
	vertical-align: middle;
}

input.ecInput {
  border: 1px solid #D3D4D5;
  border-radius: 3px;
  padding: 6px;
  background: #FFF;
  resize: none;
  outline: none;
}

.ecInlineFrame {
	float: left;
	margin: 5px 0 0 0;
}

.ecOderStatus {
	padding: 10px 15px;
	height: 50px;
	margin: 0 0 10px 0;
	position: relative;
	_position: inherit;
	background: #FFF;
	border-radius: 3px;
	border: 1px solid #D3D4D5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

}

/* favorite *******************************************/

#wideFrame.narrow {
  width: 1230px;
}

#wideFrame {
  margin: 0 auto;
  padding: 0 10px;
}


.ecArea {
	font-size: 11px;
	margin: 0 0 5px 0;
}

.ecArea th {
  width: 235px;
  padding: 0 5px 0 0;
  text-align: right;
  font-weight: normal;
  vertical-align: middle;
}

.ecSeparatecFrame:first-child {
  border: none;
}

.ecSeparatecFrame {
  padding: 15px;
  border-top: 1px dashed #D3D4D5;
}


.invisible{
	display: none;
}