@charset "Shift_JIS";

/* ==================================================

CSS Document for マサキストア　レジスターレイアウト*/

#colum2{
	margin:0;
	padding:0;
}

#colum2 #menu{
	float:left;
	width:200px;
	background-color:#DFE6F8;
	padding:15px 5px 30px 5px;
}
#colum2 #main{
	float:right;
	width:630px;
	margin:15px;
}
#colum2 .menuBox{
	margin:0 0 8px 0;
	width:198px;
	background-color: #FFFFFF;
	border: 1px solid #B8CFDD;	
	

}
#colum2 #menu li{
	padding: 2px;
	margin: 3px 3px;
	list-style:none;
	font-weight:bold;
	color:#000066;
}
#colum2 #menu li a{
	background: url(../../images/common/arow.gif) no-repeat 7px 5px;
	margin-left: -1px;
	padding-left: 15px;
	list-style:none;
	font-weight:normal;
}

#btnArea{
	text-align:center;
	margin:0 0 12px 0;

}
#btnArea dl dt{
	display:inline;
}

h2.h2ttl{
	clear: both;
	display: block;
	padding: 8px 6px;
	border: 1px solid #B9D1DD;
	background-image: url(../../images/common/h3_ttl.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin-bottom:5px;
}
h2.h2ttl span {
	padding-left: 10px;
	border-left: 4px solid #B9D1DD;
	font-size:17px;
	color:#003366;
	font-weight:bold;
}
h3.h3ttl{
	margin:15px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
h3.h3ttl span {
	font-size:13px;
	color:#333;
	font-weight:bold;
}
h4.h4ttl{
	clear: both;
	display: block;
	padding: 3px 5px;
	border: 1px solid #999;
	margin:0px 0 5px 0;
}
h4.h4ttl span {
	padding-left: 10px;
	font-size:14px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #900;
}

.sectionLv1, .sectionLv2, .sectionLv3, .secIn
{
	display: block;
	min-height: 1%;
}
.table_type101 { border-collapse: separate; border-spacing: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; line-height: 1.4;}
.table_type101 th,
.table_type101 td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0;}
.table_type101 th div, .table_type101 td div { padding: 0 5px;}
.table_type101 .table_reset,
.table_type102 .table_reset { border-collapse: separate; border-spacing: 0; border-top: none; border-left: none; line-height: 1.4;}
.table_type101 .table_reset th,
.table_type102 .table_reset th,
.table_type101 .table_reset td,
.table_type102 .table_reset td { border-right: none; border-bottom: none; padding: 5px 0;}
.table_type101 .table_reset td
.table_type102 .table_reset td { vertical-align: top; text-align: left; }
.table_type110 { background: #dddddd; border-collapse: separate; border-spacing: 1px;}
.table_type110 th,
.table_type110 td { padding: 5px 0;}
.table_type110 th { background: #ffffff; text-align: left;}
.table_type110 td { background: #ffffff; text-align: right;}
.table_type110 th div, .table_type110 td div { padding: 0 5px;}
tr.tr_blue01 th,
tr.tr_blue01 td { background: #ebf0f8; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center;}
tr.tr_gray01 th,
tr.tr_gray01 td { background: #f5f5f5; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.th_type101 { text-align: center;}
.th_type102 { text-align: center;}
th.th_type101 { text-align: center;	background-color: #eee;font-size:12px; /* font-weight: bold; */}
th.th_type102 { text-align: center;	background-color: #eee;}
th.th_type103 { text-align: left;	background-color: #eee; font-size:12px;/* font-weight: bold; */}
th.th_type104 { text-align: left;	background-color: #eee;}
th.th_type105 { text-align: center;	background-color: #e0e0e0;	/* font-weight: bold; */}
th.th_type106 { text-align: center;	background-color: #e0e0e0;}
th.th_type107 { text-align: left;	background-color: #e0e0e0;	/* font-weight: bold; */}
th.th_type108 { text-align: left;	background-color: #e0e0e0;}
td.td_type101 { text-align: center;	/* font-weight: bold; */}
td.td_type102 { text-align: center;}
td.td_type103 { text-align: left;	/* font-weight: bold; */}
td.td_type104 { text-align: left;}
td.td_type105 { text-align: right;	/* font-weight: bold; */}
td.td_type106 { text-align: right;}
table td{font-size:12px;}
th.th_noborder,
td.td_noborder { border-right: none !important; border-bottom: none !important;}
.w_25{
	width:200px;
	font-size:12px;
	}
.menuLeft{
	float:left;
	width:400px;
	}
.menuRight{
	float:right;
	width:230px;
	float:right;
	}
	
.navi-key{
	background-color:#B9D1DD;
	padding:4px 0 4px 12px;
}
.navi-key li{
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}
.navi-key li a{
	margin-left: -1px;
	padding-left: 15px;
	list-style:none;
	background-image: url(../../sharp_register/images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}
.good-infoArea {
	margin:5px 0 5px 0;
}

.good-infoArea .areaL{
	float:left;
	width:230px;
	margin-bottom:0px;
}
.good-infoArea .areaR{
	float:right;
	width:385px;
}

.good-infoArea .areaR dt{
	margin:0;

}
.good-infoArea .areaR .ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.good-infoArea .areaR .price{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
}
.good-infoArea .areaR .color{
	font-size:16px;
	font-weight:bold;
}

.good-infoArea .areaR .cartBtn{
	display: inline;
	margin: 10px 0 0 0;
} 

.good-infoArea .areaR .cartBtn a{
	background-image: url(../../images/common/cart_btn.jpg);
	background-repeat: no-repeat;
	height:64px;
	width:331px;
	display:block;
	text-indent:-999999px;
	background-position:0px 0px;
	margin:10px 0 0 0
	} 

.good-infoArea .areaR .cartBtn a:hover{
	background-position:0 -64px;
} 

.good-infoArea .areaR .iconArea img{
	margin:0px;

}
.good-infoArea .areaL .iconArea img{
	margin:0px 0 0 1px;
}

.good-infoArea .characteristic{
	margin-bottom:10px;
	padding:0 0 0 0;
}

#main #information{
	width:630px;
	text-align:center;
	margin:0 0 15px 0;
}

#main #information .ttl{
	clear: both;
	display: block;
	padding: 8px 6px;
	border: 1px solid #B9D1DD;
	background-image: url(../../images/common/h3_ttl.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin-bottom:5px;
	text-align:left;
}
#main #information .ttl span {
	padding-left: 10px;
	border-left: 4px solid #B9D1DD;
	font-size:17px;
	color:#003366;
	font-weight:bold;
}

#main #information .subttl{
	clear: both;
	display: block;
	padding: 5px 3px;
	background-image: url(../../images/common/h4_ttl.jpg);
	background-position: 0px 100%;
	margin:5px 0 5px 0;
	text-align:left;
	padding-left: 10px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}


.optionArea {
	margin:10px 0 0 0;
}

.optionArea  .areaL{
	float:left;
	margin:0 10px 0 10px;
}
.optionArea  .imgPhoto{
	text-align:center;
	padding:5px 0 5px 0;

}
.optionArea .areaR{
	float:right;
	margin:0 10px 0 10px;
}

.optionArea dt{
	margin:0;

}
.optionArea .ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.optionArea .price{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
}
.optionArea .color{
	font-size:16px;
	font-weight:bold;
}

.optionArea .txt{
	font-size:12px;
	width:285px;
	margin-top:5px;
}

/*　レジ用テーブル　*/

#regibox{
	margin:15px 0 15px 0;
	padding:0;

}
#regibox table{
	width:630px;
}
#regibox table,th,td{
	border:none;
	text-align:left;
	}
#regibox th{
	padding:0 0 0 3px;
	border-top:solid 1px #B9D1DD;
	border-right:solid 1px #B9D1DD;
	border-bottom:solid 1px #B9D1DD;
	background-color:#EDF2F5;
	white-space:nowrap;
	}
#regibox .set{
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
	}
#regibox td{
	padding:5px;
	border-right:solid 1px #B9D1DD;
	border-bottom:solid 1px #B9D1DD;
	}
#regibox .cg{
	background-color:#EDF2F5;
	}
#regibox .width150{
	width:150px;
	color:#006699;
	font-weight:bold;
	}
#regibox .leftcell{
	border-left:solid 1px #B9D1DD;
	}
#regibox .topcell{
	border-top:solid 1px #B9D1DD;
	}
#regibox li{
	list-style:none;
}

#regiboxS{
	margin:5px 0 55px 0;
	padding:0;

}
#regiboxS table{
	width:360px;
}
#regiboxS table,th,td{
	border:none;
	}
#regiboxS th{
	padding:0 0 0 3px;
	border-top:solid 1px #B9D1DD;
	border-right:solid 1px #B9D1DD;
	border-bottom:solid 1px #B9D1DD;
	background-color:#EDF2F5;
	white-space:nowrap;
	}
#regiboxS .set{
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
	}
#regiboxS td{
	padding:5px;
	border-right:solid 1px #B9D1DD;
	border-bottom:solid 1px #B9D1DD;
	}
#regiboxS .cg{
	background-color:#EDF2F5;
	}
#regiboxS .width150{
	width:150px;
	color:#006699;
	font-weight:bold;
	}
#regiboxS .leftcell{
	border-left:solid 1px #B9D1DD;
	}

.emergencyMessage_title{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;	
	padding: 5px;
	text-align:center;
	}
.emergencyMessage{
	background-color: #FFC;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 2px solid #F00;
	font-size:13px;
	font-weight:bold;
	color:#000;
	}
.gw_title{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	background-color: #690;
	padding: 5px;
	text-align:center;
	}
.gwMessage{
	background-color: #FFF;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 2px solid #690;
	font-size:13px;
	font-weight:bold;
	color:#000;
	}