@charset "utf-8";
/* ================================================================
font size default 14px
		10px  	71%			19px 	136%
		11px 	79%			20px 	143%
		12px 	86%			21px 	150%
		13px 	93%			22px 	157%
		14px 	100%		23px 	164%
		15px 	107%		24px 	171%
		16px 	114%		25px 	179%
		17px 	121%		26px 	186%
		18px 	129%
================================================================ */

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

		default

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

a:link		{ color: #333; }
a:visited 	{ color: #333; }
a:hover 	{ color: #AAA; text-decoration: none; }
a:active 	{ color: #333; }

.ALcenter { text-align: center; }
.ALright { text-align: right; }

.mab0 { margin-bottom: 0 !important; }
.mab5 { margin-bottom: 5px; }
.mab10 { margin-bottom: 10px; }
.mab15 { margin-bottom: 15px; }
.mab20 { margin-bottom: 20px; }
.mab30 { margin-bottom: 30px; }
.mab40 { margin-bottom: 40px; }
.mat10 { margin-top: 10px; }
.mat10m { margin-top: -10px; }
.mar20 { margin-right: 20px; }
.mal20 { margin-left: 20px; }
.par5 { padding-right: 5px; }

.bor { border-right:1px solid #CCC; }
.bon td, .bon th { border:none !important; }

.disc li {
	list-style: disc;
	margin-left: 20px;
}
.decimal li {
	list-style: decimal;
	margin-left: 20px;
}
.kome li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
}
.small {
	font-size: 79%;
	display: inline-block;
	margin-left: 30px;
}
.large {
	font-size:129%;
}
.arrowList li {
	background:url(../../images/common/icon/icon_doublearrow_left.png) 0 0.5em no-repeat;
	padding-left:15px;
}
.fl { float: left; }
.fr { float: right; }
.w250 { width: 250px; }
.w290 { width: 290px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.section { margin-bottom: 30px; }
.block { margin-bottom: 60px; }
.red { color: #C00; }
.lh35 { line-height:35px; }
.wordbreak { word-break:break-all; }
/* ================================================================
		common
================================================================ */
.bnrBox li { margin-bottom: 10px; }
.pageTitle {
	font-size: 179%;
	font-weight:bold;
	margin-bottom:20px;
}
h2 {
	background: url(../../images/common/icon/icon_title.png) 7px 0.6em no-repeat;
	font-size: 121%;
	padding: 5px 0 5px 30px;
	border-bottom: 2px solid #333;
	border-top: 1px dotted #333;
	margin-bottom: 20px;
	position:relative;
}
h2 span {
	font-size:86%;
	line-height:1.6;
	position:absolute;
	top:5px;
	right:0;
}
h2 span img {
	width:22px;
	height:auto;
	padding:0 3px 1px;
}
.attentionTxt {
	font-size: 114%;
	margin-bottom: 20px;
}
.productList {
	width: 560px;
	margin-bottom: 20px;
}
.productList li {
	width: 130px;
	float: left;
	margin: 0 5px 20px;
}
.productImage { text-align: center; }
.productImage img { width:152px; height:auto; }
/* button======================================================== */
.btnBox { position: relative; }
.btnBox a { font-weight: bold; }
.btnBox a:link { color: #333; }
.btnBox a:visited { color: #333; }
.btnBox a:hover { color: #333; }
.btnBox a:active { color: #333; }
.btnBox .btnBottom {
	position: absolute;
	bottom: 0;
}
/*--btn_wt--*/
.btn_wt a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_wt.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_wt a span {
	display: block;
	background: url(../../images/common/btn/btn_wt.jpg) no-repeat right top;
	padding: 0 35px 0 25px;
	font-size: 114%;
	line-height: 80px;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_wt {
	/*clear:both;*/
	overflow: hidden;
}
.btn_wt a:hover {
	background: url(../../images/common/btn/btn_wt_o.jpg) no-repeat left top;
}
.btn_wt a:hover span {
	background: url(../../images/common/btn/btn_wt_o.jpg) no-repeat right top;
}
/*--btn_or--*/
.btn_or a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_or.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_or a span {
	display: block;
	background: url(../../images/common/btn/btn_or.jpg) no-repeat right top;
	padding: 0 55px 0 40px;
	font-size: 129%;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_or {
	/*clear:both;*/
	overflow: hidden;
}
.btn_or a:hover {
	background: url(../../images/common/btn/btn_or_o.jpg) no-repeat left top;
}
.btn_or a:hover span {
	background: url(../../images/common/btn/btn_or_o.jpg) no-repeat right top;
}
/*--btn_es--*/
.btn_es {
	float:right;
	margin-right:20px;
}
.btn_es a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_gr.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_es a span {
	display: block;
	background: url(../../images/common/btn/btn_gr.jpg) no-repeat right top;
	padding: 0 55px 0 40px;
	font-size: 129%;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_es {
	/*clear:both;*/
	overflow: hidden;
}
.btn_es a:hover {
	background: url(../../images/common/btn/btn_gr_o.jpg) no-repeat left top;
}
.btn_es a:hover span {
	background: url(../../images/common/btn/btn_gr_o.jpg) no-repeat right top;
}
/*--btn_bl--*/
.btn_bl a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_bl.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_bl a span {
	display: block;
	background: url(../../images/common/btn/btn_bl.jpg) no-repeat right top;
	padding: 0 55px 0 45px;
	font-size: 129%;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_bl {
	/*clear:both;*/
	overflow: hidden;
}
.btn_bl a:hover {
	background: url(../../images/common/btn/btn_bl_o.jpg) no-repeat left top;
}
.btn_bl a:hover span {
	background: url(../../images/common/btn/btn_bl_o.jpg) no-repeat right top;
}
/*--btn_gr--*/
.btn_gr a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_gr.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_gr a span {
	display: block;
	background: url(../../images/common/btn/btn_gr.jpg) no-repeat right top;
	padding: 0 45px 0 35px;
	font-size: 129%;
	line-height: 80px;
	color: #FFF;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_gr {
	/*clear:both;*/
	overflow: hidden;
}
.btn_gr a:hover {
	background: url(../../images/common/btn/btn_gr_o.jpg) no-repeat left top;
}
.btn_gr a:hover span {
	background: url(../../images/common/btn/btn_gr_o.jpg) no-repeat right top;
}
/*--btn_thin_or--*/
.btn_thin_or a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_thin_or.jpg) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	overflow: hidden;
}
.btn_thin_or a span {
	display: block;
	background: url(../../images/common/btn/btn_thin_or.jpg) no-repeat right top;
	padding: 0 85px 0 75px;
	font-size: 107%;
	line-height: 35px;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_thin_or {
	/*clear:both;*/
	overflow: hidden;
}
.btn_thin_or a:hover {
	background: url(../../images/common/btn/btn_thin_or_o.jpg) no-repeat left top;
}
.btn_thin_or a:hover span {
	background: url(../../images/common/btn/btn_thin_or_o.jpg) no-repeat right top;
}
/*--btn_thin_wt--*/
.btn_thin_wt a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_thin_wt.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	overflow: hidden;
}
.btn_thin_wt a span {
	display: block;
	background: url(../../images/common/btn/btn_thin_wt.jpg) no-repeat right top;
	padding: 0 10px 0 0;
	line-height: 35px;
	color: #333;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_thin_wt {
	/*clear:both;*/
	overflow: hidden;
}
.btn_thin_wt a:hover {
	background: url(../../images/common/btn/btn_thin_wt_o.jpg) no-repeat left top;
}
.btn_thin_wt a:hover span {
	background: url(../../images/common/btn/btn_thin_wt_o.jpg) no-repeat right top;
}
/*--btn_thin_re--*/
.btn_thin_re a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_thin_re.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	overflow: hidden;
}
.btn_thin_re a span {
	display: block;
	background: url(../../images/common/btn/btn_thin_re.jpg) no-repeat right top;
	padding: 0 10px 0 0;
	line-height: 35px;
	color: #FFF;
	text-align: center;
	/*cursor: pointer;*/
	font-weight:bold;
}
.btn_thin_re {
	clear:both;
	overflow: hidden;
}
.btn_thin_re a:hover {
	background: url(../../images/common/btn/btn_thin_re_o.jpg) no-repeat left top;
}
.btn_thin_re a:hover span {
	background: url(../../images/common/btn/btn_thin_re_o.jpg) no-repeat right top;
}
/*--btn_thin_bl--*/
.btn_thin_bl {
	/* clear: both; */
	overflow: hidden;
}
.btn_thin_bl a {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_thin_bl.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	overflow: hidden;
}
.btn_thin_bl a:hover {
	background: url(../../images/common/btn/btn_thin_bl_o.jpg) no-repeat left top;
}
.btn_thin_bl a span {
	display: block;
	background: url(../../images/common/btn/btn_thin_bl.jpg) no-repeat right top;
	padding: 0 10px 0 0;
	line-height: 35px;
	color: #333;
	text-align: center;
	/*cursor: pointer;*/
}
.btn_thin_bl a:hover span {
	background: url(../../images/common/btn/btn_thin_bl_o.jpg) no-repeat right top;
}
/*--btn_extend--*/
.btn_extend a {
}
.btn_extend a span {
	padding:0 50px 0 40px;
}
/*--more--*/
.more {
	width:212px;
	margin:0 auto;
}
.more a span {
	padding:0 50px 0 40px;
}
/*--recast--*/
.btn_recast { float:right; }
.btn_recast a span { padding:0 55px 0 45px; }
/*--quick_regi--*/
.btn_quick_regi a span { padding:0 41px 0 31px; }
/*--quick--*/
.btn_quick a span { padding:0 43px 0 33px; }
.btn_quick .quick {
	background:url(../../images/common/icon/icon_cart_quick.png) right 45% no-repeat;
	padding-right:5px;
}
/*--regular--*/
.btn_regular a span { padding:0 48px 0 38px; }
/*--regular_quick--*/
.btn_regular_quick a span { padding:0 55px 0 45px; }
/*--checkdelete--*/
.btn_thin_wt.checkdelete { float: left; }
.btn_thin_wt.checkdelete a span { padding:0 25px 0 15px; }
/*--btn_print--*/
.btn_print {
	width: 190px;
	margin: 0 auto 20px;
}
.btn_print span {
	display: block;
	background: url(../../images/common/btn/btn_wt.jpg) no-repeat left top;
	float: left;
	padding: 0 0 0 10px;
	cursor: pointer;
}
.btn_print span button {
	display: block;
	border: none;
	background: url(../../images/common/btn/btn_wt.jpg) no-repeat right top;
	padding: 0 55px 0 45px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 114%;
	font-weight: bold;
	cursor: pointer;
}
.btn_print span:hover {
	background: url(../../images/common/btn/btn_wt_o.jpg) no-repeat left top;
}
.btn_print span:hover button {
	background: url(../../images/common/btn/btn_wt_o.jpg) no-repeat right top;
}
.backButton a span { padding: 0 65px 0 55px; }
.goButton {
	display:inline-block;
	*display: inline;  
    *zoom: 1;  
}
/* table======================================================== */
.tbl_type01 th {
	background: #EEE;
	text-align: center;
}
.tbl_type01 th, .tbl_type01 td {
	border: 1px solid #DDD;
	vertical-align: middle;
}
.tbl_type02 th {
	background: #EEE;
	text-align: center;
	width: 150px;
}
.tbl_type02 th, .tbl_type02 td {
	border: 1px solid #DDD;
}
.tbl_num .inputNum {
	background: #FFF;
	border: 1px solid #CCC;
	margin-left: 5px;
	width: 60px;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	margin-right:5px;
	text-align: right;
	font-size: 114%;
}
.tbl_cream td {
	padding:0 10px;
}
.tbl_cream td.tbl_btn {
	padding:0 5px;
}
/*tbl_recent*/
.tbl_recent td.noBox {
	width:1em;
	text-align:center;
}
.tbl_recent td.priceBox {
	width:5em;
	text-align:right;
}
.tbl_recent td.countBox {
	width:3em;
	text-align:center;
}
.tbl_recent td.delivery {
	width:6em;
	text-align:center;
}
.tbl_recent td.date {
	width:6em;
	text-align:center;
}
.tbl_recent td.numBox {
	width:6em;
	text-align:center;
}
.tbl_recent td.subtotal {
	text-align:right;
}
.tbl_recent td.allCart {
	text-align:right;
	font-weight:bold;
}
.tbl_recent td.allCart.bno {
	border-right:none;
}
.tbl_recent td.cartBox {
	width:50px;
}
.tbl_recent td.cartBox p {
	text-align:center;
}
.tbl_recent td.cartBox.bno {
	border-left:none;
}
.tbl_recent .inputNum {
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 114%;
	text-align: right;
	background: #FFF;
	padding:3px;
	border: 1px solid #CCC;
}
/*tbl_quick*/
.tbl_quick td.noBox {
	width:1em;
	text-align:center;
	background:#FFF7BB;
}
.tbl_quick td.imageBox {
	width:100px;
	text-align:center;
}
.tbl_quick td.imageBox img {
	width:90px;
	height:auto;
}
.tbl_quick td.priceBox {
	width:10em;
	text-align:right;
	font-weight:bold;
}
.tbl_quick td.countBox {
	width:5em;
	text-align:center;
}
.tbl_quick td.delivery {
	width:6em;
	text-align:center;
}
.tbl_quick td.date {
	width:6em;
	text-align:center;
}
.tbl_quick td.numBox {
	width:8em;
	text-align:center;
	background:#EDF4F7;
}
.tbl_quick td.subtotal {
	text-align:right;
}
.tbl_quick td.allCart {
	text-align:right;
	font-weight:bold;
}
.tbl_quick td.allCart.bno {
	border-right:none;
}
.tbl_quick td.cartBox {
	width:60px;
	background:#EDF4F7;
}
.tbl_quick td.cartBox p {
	text-align:center;
}
.tbl_quick td.cartBox.bno {
	border-left:none;
}
.tbl_quick .inputNum {
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 114%;
	text-align: right;
	background: #FFF;
	padding:3px;
	border: 1px solid #CCC;
}
.tbl_quick .quickCode {
	font-size: 88%;
	font-weight: bold;
}
.tbl_quick .quickName {
	font-size: 88%;
	color: #AAA;
}
.tbl_pass {
	border:1px solid #CCC;
}
.tbl_pass td, .tbl_pass th {
	vertical-align:middle;
}
.tbl_pass th {
	width:250px;
	background:#666;
	color:#FFF;
	font-size:bold;
	border-bottom:1px solid #FFF;
	text-align:center;
}
.tbl_pass td {
	background:#FFF;
	border-bottom:1px solid #CCC;
}
/* box======================================================== */
.orangeBox {
	background: #FFF5DE;
	padding: 20px;
}
.orangeBox .tbl_num { margin-top: 22px; }
.greenBox {
	background: #F1FFE9;
	padding: 20px;
}
.yellowBox {
	background: #F4C83B;
	padding: 10px 0;
	font-weight: bold;
	font-size: 114%;
	margin-bottom: 20px;
}
.yellowBox p {
	text-align: center;
}
.yellowBox span {
	font-size: 129%;
}
.editBox {
	color: #C00;
	font-weight: bold;
	font-size: 114%;
	margin-bottom: 20px;
}
.orderColorBox {
	font-weight: bold;
	font-size: 114%;
	margin-bottom: 40px;
}
.orderColorBox .edit {
	background: #f0f8ff;
	width: 15px;
	height: 15px;
}
.orderColorBox .cansel {
	background: #fff5ee;
	width: 15px;
	height: 15px;
}
.creamBox {
	background:#FFF7BB;
	padding:10px;
	margin-bottom:15px;
}
.creamBox .large {
	font-size:114%;
	font-weight:bold;
}
.creamBox .allCheck {
	background:url(../../images/common/btn/btn_allCheck.jpg) 0 0 no-repeat;
	border:none;
	width:100px;
	height:15px;
	margin-bottom:5px;
	cursor:pointer;
}
.creamBox .noCheck {
	background:url(../../images/common/btn/btn_noCheck.jpg) 0 0 no-repeat;
	border:none;
	width:100px;
	height:15px;
	cursor:pointer;
}
.passBox {
	width:650px;
	background:#EFEFEF;
	padding:20px;
	margin:0 auto 20px;
}
/* input======================================================== */
.txtShort {
	width: 100px;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.txtMidium {
	width: 350px;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.txtLong {
	width: 580px;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.txtArea {
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 121%;
}
.txtAdd {
	width: 180px;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.inputComment { color: #AAA; }

.pivot{
	position:relative;}
	
.pivot .point{
	position:absolute;
	left:114px;
	top:-1px;
	font-size:11px;
	color:#F00;
	border:2px solid #F00;
	padding:2px;
}



/* text======================================================== */
.errorList {
	background: #FBEAE4;
	font-size: 107%;
	padding: 10px;
	margin-bottom:10px;
}
.errorList span {
	color: #C00;
	font-weight: bold;
	line-height: 140%;
}
.errorText {
	color: #C00;
	font-weight: bold;
}
.errorBox { background: #FBEAE4; }
/* ================================================================
		#loginBox
================================================================ */
/*#loginBox {
	background: url(../../images/login/bg_login.png) 0 0 no-repeat;
	width: 655px;
	height: 216px;
	margin: 100px auto;
	padding: 14px;
}*/
#loginBox_top {
	background: url(../../images/login/bg_login_top.png) 0 0 no-repeat;
	padding-top:14px;
	width: 655px;
	margin:0 auto;
}
#loginBox_btm {
	background: url(../../images/login/bg_login_btm.png) 0 bottom no-repeat;
	padding-bottom:14px;
	width: 655px;
	margin: 100px auto;
}
#loginBox {
	background: url(../../images/login/bg_login_body.png) 0 0 repeat-y;
	width: 655px;
	margin:0 auto;
	padding:0 14px;
}
/* 2014.09.17 add start matsumoto */
#loginBox #login_sitecd {
	background: url(../../images/login/bg_form.png) 0 0 no-repeat;
	width: 587px;
	border: none;
	padding: 14px 20px 15px;
	font-size: 143%;
	font-weight: bold;
	overflow: hidden;
}
#loginBox #login_sitecd {
	margin-bottom: 10px;
}
/* 2014.09.17 add end matsumoto */
#loginBox #login_id {
	background: url(../../images/login/bg_form.png) 0 0 no-repeat;
	width: 587px;
	border: none;
	padding: 14px 20px 15px;
	font-size: 143%;
	font-weight: bold;
	overflow: hidden;
}
#loginBox #login_pass {
	background: url(../../images/login/bg_form.png) 0 bottom no-repeat;
	width: 587px;
	border: none;
	padding: 14px 20px;
	font-size: 143%;
	font-weight: bold;
	overflow: hidden;
}
#loginBox #login_id {
	margin-bottom: 10px;
}
#loginBox .login_btn {
	text-align: center;
	margin-top: 14px;
}
#loginBox .error {
	color:#C00;
	font-size:108%;
	font-weight:bold;
	padding:10px 0 0;
}
/* ================================================================
		productpage
================================================================ */
#company_name {
	display:inline;
}
.company_input, .add_input, .tel_input {
	background:#FFF;
	border:1px solid #CCC;
	padding:2px 5px;
	width:198px;
}
/* category====================================================*/
.display_customize {
	background: url(../../images/common/bg_gray.jpg) 0 0 repeat;
	padding: 10px;
	display: block;
	width: 780px;
}
.pagerList {
	margin: 20px 0;
	display: block;
	clear:both;
}
.pagerList li {
	float: right;
	padding-left: 10px;
	margin-right: 10px;
}
.pagerList li.numList {
	border-left: 1px solid #333;
}
.productCategory {
	width: 810px;
	margin-right: -10px;
	display:block;
	overflow:hidden;
	zoom:1;
}
.productCategory li {
	float: left;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.productCategory.col5 li { width: 152px; }
.productCategory.col4 li { width: 190px; }
/*.productCategory .productTxt { margin-bottom: 10px; }
.productCategory .productBox {
	position: relative;
}
.productCategory .productBox .tagList {
	margin-bottom: 10px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.productCategory .productBox .tagList span {
	display: inline-block;
	padding: 1px 2px 0;
	font-size: 71%;
	font-weight: bold;
}
.productCategory .productBox .tagList .tag_a {
	background: #ED4649;
	color: #FFF;
}
.productCategory .productBox .tagList .tag_b {
	background: #F93;
	color: #FFF;
}
.productCategory .productBox .tagList .tag_c {
	background: #0C6;
	color: #FFF;
}*/
.productCategory .productPrice {
	font-size: 93%;
	font-weight: bold;
}
.productCategory .productPrice span {
	font-size: 150%;
	display: inline-block;
	padding-left: 10px;
}

/*トップページ商品リスト*/
/*#centerBox .productList li {
	height:390px;
	overflow:hidden;
}
#centerBox .productBox .pInfo {
	height:280px;
}
#centerBox .productBox .pCode {
	font-size:88%;
	font-weight:bold;
}
#centerBox .productBox .pName .cName {
	font-size:88%;
	color:#AAA;
}
#centerBox .productBox .pPrice {
	font-size: 88%;
	font-weight: bold;
}
#centerBox .productBox .pPrice span {
	font-size: 129%;
	display: inline-block;
	padding-left: 10px;
}
#centerBox .productBox .pTable {
}
#centerBox .productBox .pTable .cell_num {
	width:37px;
	padding:5px 0;
}
#centerBox .productBox .input_pNum {
	background: #FFF;
	border: 1px solid #CCC;
	width: 30px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	margin-right:5px;
	text-align: right;
	font-size:107%;
}
#centerBox .productBox .btn_cart a {
	padding: 0 0 0 2px;
}
#centerBox .productBox .btn_cart a span {
	width:35px;
	padding: 0 2px 0 0;
}*/
/*一覧ページ商品リスト*/
.centerBox .productCategory li {
	/*height:290px;*/
	overflow:hidden;
	position:relative;
}
.productCategory li {
	/*height:330px;*/
	overflow:hidden;
	position:relative;
}

/*.productCategory .productBox .productInfo {
	height:250px;
}*/
.centerBox .productCategory li .blank_top {
	height:42px;
}
.centerBox .productCategory li .productBtn {
	position:absolute;
	bottom:0px;
}
.productCategory .productBox .blank_list {
	height:77px;
}
.productCategory .productBox .productBtn {
	position:absolute;
	bottom:0px;
}

.productCategory .productBox .productCode {
	font-size:88%;
	font-weight:bold;
}
.productCategory .productBox .productName .cName {
	font-size:88%;
	color:#AAA;
}
.productCategory .productBox .productPrice {
	font-size: 88%;
	font-weight: bold;
}
.productCategory .productBox .productPrice span {
	font-size: 150%;
	display: inline-block;
	padding-left: 10px;
}
.productCategory .productCorporate {
}
.productCategory .productBox .productTable .cell_num {
	width:57px;
	padding:5px;
}
.productCategory .productBox .input_productNum {
	background: #FFF;
	border: 1px solid #CCC;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	margin-right:5px;
	text-align: right;
	font-size:107%;
}
.productCategory .productBox .btn_cart a {
	padding: 0 0 0 2px;
}
.productCategory .productBox .btn_cart a span {
	width:35px;
	padding: 0 2px 0 0;
}
/*定番一覧ページ商品リスト*/
.productRegular li {
	height:350px;
	overflow:hidden;
}
.productRegular .productBox .productInfo {
	height:270px;
}
.productRegular .productBox .productCode {
	font-size:88%;
	font-weight:bold;
}
.productRegular .productBox .productName .cName {
	font-size:88%;
	color:#AAA;
}
.productRegular .productBox .productPrice {
	font-size: 88%;
	font-weight: bold;
}
.productRegular .productBox .productPrice span {
	font-size: 150%;
	display: inline-block;
	padding-left: 10px;
}
.productRegular .productCorporate {
}
.productRegular .productBox .productTable .cell_num {
	width:57px;
}
.productRegular .productBox .input_productNum {
	background: #FFF;
	border: 1px solid #CCC;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	margin-right:5px;
	text-align: right;
	font-size:107%;
}
.productRegular .productBox .btn_cart a {
	padding: 0 0 0 2px;
}
.productRegular .productBox .btn_cart a span {
	width:35px;
	padding: 0 2px 0 0;
}

/* detail====================================================*/
.detailBox { margin-bottom: 20px; }
.detailBox .detailImage {
	float: left;
	width: 360px;
	margin-right: 20px;
}
.detailBox .detailImage img {
	width:360px;
	height:auto;
}
.detailBox .detailTxt {
	width: 420px;
	float: right;
}
.detailBox .detailTxt .detailName {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
.detailBox .detailTxt .detailName span { font-size: 79%; }
.detailBox .detailTxt .detailName .customerName {
	color: #AAA;
}
.detailBox .detailTxt .detailInfo {
	font-size: 114%;
	margin-bottom: 10px;
}
.detailBox .detailTxt .detailExplain { margin-bottom: 10px; }
.detailBox .detailTxt .detailSpec { margin-bottom: 30px; }
.detailBox .detailTxt .detailOrder { float: right; }
.detailBox .detailTxt .detailPrice {
	font-size: 114%;
	font-weight: bold;
	margin-bottom: 10px;
}
.detailBox .detailTxt .detailPrice span {
	font-size: 150%;
	margin-left: 20px;
}
.item_carouselBox {
	margin-top: 50px;
	width: 800px;
}
.item_carouselBox ul li {
	width: 152px;
	margin: 0 5px;
}
/* ================================================================
		cart
================================================================ */
.cartFlow li {
	display: block;
	width: 170px;
	font-size: 129%;
}
.nameFlow li {
	display: block;
	width: 170px;
	font-size: 114%;
}
.flowBox {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.flowBox li {
	float: left;
	display: block;
	background: url(../../images/common/icon/icon_sidemenu.png) right 50% no-repeat;
	padding: 0 20px 0 10px;
	max-width: 170px;
}
.cartFlow li.last { background: none; }
.cartFlow li div {
	border: 3px solid #F4C83B;
	padding: 10px 20px;
}
.cartFlow li div.current { background: #F4C83B; }
.nameFlow li.last { background: none; }
.nameFlow li div {
	border: 3px solid #8AD458;
	padding: 10px 20px;
}
.nameFlow li div.current { background: #8AD458; }
.btn_tab img { display:inline; }
.tbl_item tr.edit {
	background: #f0f8ff;
}
.tbl_item tr.cansel {
	background: #fff5ee;
}
.tbl_item { margin-bottom: 20px; }
.tbl_item td.checkBox { width: 1em; }
.tbl_item td.noBox {
	width: 1em;
	text-align: center;
}
.tbl_item td.nameBox { }
.tbl_item td.priceBox {
	width: 70px;
	text-align: right;
}
.tbl_item td.nimimumBox {
	width: 120px;
	text-align: right;
}
.tbl_item td.countBox {
	width: 70px;
	text-align: center;
}
.tbl_item td.numBox {
	width: 70px;
	text-align: center;
}
.tbl_item th.naireBox, .tbl_item td.naireBox { width: 78px; }
.tbl_item td.subtotal {
	width: 150px;
	font-size: 114%;
	font-weight: bold;
	text-align: right;
}
.tbl_item td.sumBox {
	width: 120px;
	font-size: 114%;
	font-weight: bold;
	text-align: right;
}
.tbl_item .inputNum {
	width: 55px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	font-size: 114%;
	text-align: right;
	background: #FFF;
	border: 1px solid #CCC;
}
.tbl_item .inputDate {
	width: 265px;
	text-align: left;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 5px 0;
	font-size: 107%;
}
.tbl_item .inputComment {
	width: 265px;
	text-align: left;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.radioBox span {
	display:inline-block;
	padding:0 20px 0 5px;
}
.markBox {
	background: #EFEFEF;
	padding: 20px 30px 15px;
	margin-bottom: 30px;
}
.totalBox .totalPrice {
	font-size: 129%;
	text-align: right;
	margin-bottom: 10px;
}
.totalBox .totalPrice span {
	font-size: 150%;
	font-weight: bold;
}

/* ================================================================
		mypage
================================================================ */
.namaeBox { width: 20%; }
.contentBox { width: 60%; }
.statusBox { width: 20%; }
.statusBox p {
	text-align: center;
	font-size: 114%;
	font-weight: bold;
	padding: 5px 8px;
}
.statusBox p.status_ok {
	background: #8AD458;
	color: #FFF;
}
.statusBox p.status_no {
	background: #C00;
	color: #FFF;
	}
.dayForm { display: inline; }
.daySearch {
	width: 80px;
	border: 1px solid #CCC;
	padding: 2px;
	font-size: 107%;
}
.rootInput {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 107%;
}
.tbl_root {
	margin-bottom:20px;
}
.tbl_root th {
	width:200px;
}
.tbl_root td.blno {
	border-left:none;
}
.tbl_root td.brno {
	border-right:none;
}
/* ================================================================
		sheet
================================================================ */
.headerInfo {
	margin:10px 0 20px 0;
	text-align:right;
}
.sheetPrice { font-size:107%; }
.sheetPrice dt {
	width:13em;
	float:left;
	clear:left;
}
.sheetPrice dd {
	padding-left:13em;
	border-bottom:1px solid #333;
}
/* ================================================================
		popup
================================================================ */
.regularBox {
	margin-bottom:30px;
}
.regularBox table td {
	vertical-align:top;
}
.regularBox .regularProduct {
	background:#FFF;
	text-align:center;
}
.regularBox .regularProduct img {
	max-width:100px;
	height:auto;
}
.regularBox .regularPrice {
	font-weight:bold;
}
.regularBox .regularPrice p {
	vertical-align:bottom;
	text-align:right;
}
.regularBox .regularPrice span {
	font-size:150%;
	margin-left:10px;
}
.regularBox .corporateName {
	font-weight:bold;
}
.corporateBox {
	padding:30px 0;
	border-top:1px solid #CCC;
}
.corporateBox table td {
	vertical-align:top;
}
.corporateBox .searchBox dt {
	width:70px;
	float:left;
	clear:left;
}
.corporateBox .searchBox dd {
	padding-left:80px;
	margin-bottom:10px;
}
.corporateBox .searchBox .dt_add {
	width:3em;
}
.corporateBox .searchBox .dd_add {
	padding-left:3em;
}
.corporateBox .cName {
	width:20%;
}
.corporateBox .cAdd {
	width:40%;
}
.corporateBox .cTel {
	width:28%;
}
.corporateBox .cBtn {
	width:12%;
}

/*--closeBtn--*/
#closeBtn span.likea {
	display: block;
	float: left;
	background: url(../../images/common/btn/btn_thin_wt.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	text-decoration: none;
	overflow: hidden;
}
#closeBtn span.likea span {
	display: block;
	background: url(../../images/common/btn/btn_thin_wt.jpg) no-repeat right top;
	padding: 0 10px 0 0;
	line-height: 35px;
	color: #333;
	text-align: center;
	cursor: pointer;
}
#closeBtn {
	/*clear:both;*/
	overflow: hidden;
	cursor: pointer;
}
#closeBtn span.likea:hover {
	background: url(../../images/common/btn/btn_thin_wt_o.jpg) no-repeat left top;
}
#closeBtn span.likea:hover span {
	background: url(../../images/common/btn/btn_thin_wt_o.jpg) no-repeat right top;
}

.passTxt {
	font-size:124%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

/*date pikker*/
#ui-datepicker-div {
	background:#FFF;
	min-height:250px;
}
/* ================================================================

		clearfix

================================================================ */
.pagerList, .productList, .detailBox , .btnBox, .flowBox, .productCategory, .productRegular, .display_customize, .section, .detailBox .detailTxt, .clearfix {
/zoom : 1;
}
.pagerList:after, .productList:after, .detailBox:after, .btnBox:after, .flowBox:after, .productCategory:after, .productRegular:after, .display_customize:after, .section:after, .detailBox .detailTxt:after, .clearfix:after {
	content : '';
	display : block;
	clear : both;
}
/* ================================================================

		loader

================================================================ */
#e0_preparation {
	z-index: 2000;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;

	background: #000;
	opacity:0.2;
	filter: alpha(opacity=20);
}
#e0_loader {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
}